@charset "UTF-8";
/* CSS Document */

body{
	background:#000;
	color:#eee;
	font-family: museo-slab, Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:300;
	line-height:1.5em;
}

#page{ position:absolute; top:0; z-index:998; min-width:980px; width:100%; }

.section, .section-full{ background:#111 url(images/bg-leather.jpg) center top; width:100%; }

#intro{ padding-top:15px; }

#holiday-photos{ background:none !important; margin:200px 0; position:relative; }

#story-block{ position:relative; }

#holiday-stories{ height:650px; position:relative; text-align:center; }

#holiday-stories h2{ background:url(images/hdr-stories.jpg); height:387px; margin-bottom:-20px; text-indent:-9999px; width:980px; }

#btn-submit-story{ background:url(images/btn-share.png); display:block; height:52px; position:absolute; top:245px; right:0; text-indent:-9999px; width:234px; }

#btn-good-crap{ background:url(images/btn-good-crap-gold.png); display:block; height:84px; position:absolute; bottom:0; left:50%; margin-left:-153px; outline:none; width:306px; text-indent:-9999px; }

#donate{ text-align:center; }

#donate h2{ background:url(images/hdr-donate.jpg); height:364px; margin-bottom:20px; text-indent:-9999px; width:980px; }

#donate h3{ background:url(images/hdr-share.jpg) no-repeat center 0; height:60px; margin-bottom:20px; text-indent:-9999px; }

#donate h4{ font-size:20px; font-weight:500; margin-bottom:15px; }

#donate p{ margin-bottom:40px; }

#prizes{ background:url(images/prizes-2.jpg); height:120px; margin: 0 auto 35px; width:536px; }

#btn-more-crap{ background:url(images/btn-more-crap-gold.png); display:block; height:84px; position:fixed; bottom:0; left:50%; margin-left:-153px; outline:none; z-index:997; width:306px; text-indent:-9999px; }

#welcome{ background:url(images/hdr-welcome.jpg) no-repeat; height:803px; margin:0 auto; position:relative; width:722px; }

#greeting .wrap{ background:url(images/hdr-greeting.jpg) no-repeat; height:736px; position:relative; text-align:center; width:880px; }
#greeting h3, #greeting h4{ display:none; }
#greeting p{ color:#ccc; font-size:12px; padding-top: 645px; }
#greeting span, #greeting a{ color:#ccc; padding:0 5px; }

#welcome h1{ display:none; }

#welcome p{ font-size:17px; position:absolute; text-align:center; top:568px; width:722px; }

#welcome a{ display:block; height:80px; left:175px; position:absolute; text-indent:-9999px; top:675px; width:395px; }

.wrap{ margin:0 auto; padding:25px 0; width:980px; }

.shadow{ background:url(images/shadow.png) repeat-x; clear:both; height:80px; width:100%; }
.divider{ background:url(images/divider.png) repeat-x; clear:both; height:6px; width:100%; }

#facebook_like_button_holder {
	position:relative;
	width:90px;
	height: 20px;
	color:#fff;
	background:black;	
	}

#story-slider{ width: 980px !important; }
#story-slider ul{ font-size:22px; list-style:none; margin-left:-28px; text-align:left; width: 1008px !important; }
#story-slider li{ background:url(images/bg-story1.jpg); float:left; height:212px; margin:10px 0 10px 28px; width:224px; }
#story-slider li a{ color:#fff; display:block; font-weight:500; height:135px; padding:65px 20px 0; text-decoration:none; }
#story-slider li:hover{ opacity:1; }
#story-slider li:hover a{ color:#ffcc00; }

#story-slider .gift-2{ background:url(images/bg-story2.jpg); }
#story-slider .gift-3{ background:url(images/bg-story3.jpg); }
#story-slider .gift-4{ background:url(images/bg-story4.jpg); }

#pager{ clear:both; text-align:center; margin:20px 0; }
#pager a{ color:#fff; font-size:20px; padding:6px; }

#next2, #prev2{ left:-120px; background:url('images/arrow-left.png'); cursor:pointer; position:absolute; height:110px; width:110px; outline:none; text-indent:-9999px; top:465px; z-index:500; }
#next2{ left:auto; background:url('images/arrow-right.png'); right:-105px; }

.vote{ float:left; width:235px; margin:0 5px 50px 5px; text-align:center; }
.vote img{ background:url(images/bg-logos.jpg); display:block; margin-bottom:10px; padding:19px; }



.story, .story-form{ background:#222 url(images/story-tile.png); color:#fff; font-size:15px; line-height:1.5em; padding:25px 40px; }
.form-name, .form-city{float: left; width: 230px; margin-bottom:15px; }
.form-name input, .form-city input{ width:190px; }
.qparagraph{ clear:both; }
.qparagraph textarea{  height:120px !important; width: 500px !important; }
.story h1{ color:#fff; font-size:24px; font-weight:500; }
.story-form fieldset{ border:none; padding:0; }
.story-form label{ font-size:12px; }

#sb-wrapper-inner { border: 10px solid #555 !important; }


	

/* PHOTO NAVIGATION ------------------------------ */


#prevslide, #nextslide{ position:absolute; height:110px; width:110px; top:50%; margin-top:-49px; opacity:1 !important; }

#prevslide{ left:10px; background:url('images/arrow-left.png'); }
#nextslide{ right:10px; background:url('images/arrow-right.png'); }
#prevslide:active, #nextslide:active{ margin-top:-49px !important; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

#hidden-btn{ bottom:-200px; height:600px; left:50%; margin-left:-160px; outline:none; position:absolute; text-indent:-9999px; width:320px; }

#photo-tip{ background:url(images/photo-tip.png); cursor:pointer; height:362px; left:50%; margin:-181px 0 0 -181px; outline:none; position:absolute; text-indent:-9999px; top:50%; width:362px; }

#share-this{ background: #222; position:fixed; right:-41px; top:0; z-index:9999; }
#at20mc{ position:fixed !important; }

/* IPAD SPECIFIC ------------------------------ */

#ipad-flip{ display:none; }

@media only screen and (device-width: 768px) {
  
#page{ width:1200px; }

#sb-overlay { height:800px !important; width:1200px !important; }

#share-this{ display:none !important; }


}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

#page{ visibility:hidden; }
#supersized{ visibility:hidden; }
#btn-more-crap{ display:none; }
#ipad-flip{ background:#111; display:block; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999; }
#ipad-flip p{ font-size:40px; line-height:1.25em; margin:50% auto 0; text-align:center; width:60%; }

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#next2, #prev2{ display:none !important; }

}