/*
CSS for 10 Days in the Desert
Author: Karl Dawson
Author URL: http://singlecelldesign.com
Site Design and Amendments: Rebekah Butcher
Graphic Design: David Kirkby
*/

/* Layout grids --------------------------- */
body{text-align:center;}
#page{position:relative;margin:1.5em auto;width:960px;text-align:left;}
#header,#content,#footer{margin:0 10px;width:940px;overflow:hidden;}
#content{margin-top:3em;}
#mainContent{float:left;margin-right:20px;width:620px;overflow:hidden;}
#sidebar{float:left;margin:0;width:300px;overflow:hidden;}
#mainContent .section{float:left;margin-right:20px;width:300px;}
#sidebar .section{margin-bottom:1.5em;padding:16px 0 16px 0;}
#footer{clear:both;padding-top:1.5em;width:940px;overflow:hidden;}
#footer .section{float:left;display:inline;margin-right:20px;width:300px;}

/* General styling ------------------------ */
body{background:#fff url(../imgs/bg.jpg) center top no-repeat;color:#333;}
a,.current{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#page a:hover,#page a:focus,#page a:active{background:#693f15;color:#fff;text-shadow:1px 1px 1px #666;}
.hide{position:absolute;top:-9999px;left:-9999px;}
.imgLeft{float:left;margin:0 10px;}
.imgRight{float:right;margin:0 10px;}

/* Stylin' -------------------------------- */
/* #sidebar .section{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:rgba(242,219,177,0.4);}*/

/* header */
#header h1{margin:0;}

/* main nav */
#mainNav{margin:0 10px;padding:0;width:940px;overflow:hidden;background:#48d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;}
#mainNav ul{display:inline-block;margin:0 auto;vertical-align:bottom;}
#mainNav li{float:left;margin:0 10px;font-weight:700;}
#mainNav a,.current{display:block;float:left;margin:0;padding:.75em 1em;text-decoration:none;color:#fff;text-transform:uppercase;}
#mainNav a:hover,#mainNav a:focus,#mainNav a:active{background:#69d;color:#fff;text-shadow:0 1px 1px #000;}

/* Main content */
h2#introTitle{padding-top:16px;}
h3#sponsor,h3#cwl,h3#single,h3#sophie,h3#desert{width:253px;}
.twtr-widget{margin-left:10px;}
#news.section{margin:0;}
#mainContent ol{list-style:decimal;margin-left:20px;margin-bottom:1.5em;}
#mainContent ol ol{list-style:decimal;}
#mainContent ul li{margin: 0px 0px 11px 25px;padding-left:1.5em;background:transparent url(../imgs/bullet.png) no-repeat 0 1px;}
#mainContent ol{margin-top:1.5em;}
#mainContent ol li{margin-left:10px;}
#mainContent ol ol{margin-bottom:1.5em;list-style:lower-alpha;}
#mainContent ol li ol li{margin-left:0;}
#mainContent a,#sidebar a{color:#2e78c3;}

blockquote{padding:1em;}
.bqstart,.bqend{margin:0;padding:0;height:25px;font-size:500%;border:1px solid #fff;}
.bqstart{float:left;margin-top:-25px;}
.bqend{float:right;}

.newsItem{padding-left:20px;font-style:italic;background:url(../imgs/news.png) 0 2px no-repeat;}
.rss{padding-left:20px;background:url(../imgs/rss.png) 0 2px no-repeat;}
.pic{padding-left:20px;background:url(../imgs/picture.png) 0 2px no-repeat;}
.pdf{padding-left:20px;background:url(../imgs/pdf.png) 0 2px no-repeat;}

/* Sidebar */
#sidebar .section{margin:0 10px 0 0;padding-bottom:30px;overflow:hidden;background-image:url(../imgs/border-trans.png);background-position:bottom center;background-repeat:no-repeat;}
#sidebar .section img{padding-bottom:1.5em; margin-left:10px;}
.links li{margin: 0px 0px 11px 25px;padding-left:1.5em;background:transparent url(../imgs/bullet.png) no-repeat 0 1px;}

/* Buttons ---------------------------------- */ 
#sponsor a{display:block;height:114px;text-indent:-9999px;background:url(../imgs/btnSponsorUs.png) top left no-repeat;color:#333;}
#sponsor a:hover,#sponsor a:focus,#sponsor a:active{background:url(../imgs/btnSponsorUs.png) 0 -114px no-repeat;color:#333;}
#cwl a{display:block;height:82px;text-indent:-9999px;background:url(../imgs/btnCWL.png) top left no-repeat;color:#333;}
#cwl a:hover,#cwl a:focus,#cwl a:active{background:url(../imgs/btnCWL.png) 0 -82px no-repeat;color:#333;}
#single a{display:block;height:114px;text-indent:-9999px;background:url(../imgs/btnSingle2.png) top left no-repeat;color:#333;}
#single a:hover,#single a:focus,#single a:active{background:url(../imgs/btnSingle2.png) 0 -114px no-repeat;color:#333;}
#sophie a{display:block;height:114px;text-indent:-9999px;background:url(../imgs/btnSophie2.png) top left no-repeat;color:#333;}
#sophie a:hover,#sophie a:focus,#sophie a:active{background:url(../imgs/btnSophie2.png) 0 -114px no-repeat;color:#333;}
#desert a{display:block;height:114px;text-indent:-9999px;background:url(../imgs/btnDesert.png) top left no-repeat;color:#333;}
#desert a:hover,#desert a:focus,#desert a:active{background:url(../imgs/btnDesert.png) 0 -114px no-repeat;color:#333;}

/* Ten Days TV ------------------------------ */
#tdtv{margin:0 auto;padding-top:1em;width:480px;float:center;}

/* Footer ----------------------------------- */
#follow a{display:block;width:256px;}

/* Flickr badge */
#flickr_badge h2+img{margin-left:10px;}
#flickr_badge a{display:block;}
#flickr_badge_wrapper{padding-left:10px;}
#flickr_www{background:#fff;color:#333;text-decoration:none;}
#flickr_www strong{background:#fff;color:#3993ff;}
#flickr_www span{background:#fff;color:#ff1c92;}
#flickr_badge_wrapper div{float:left;margin-right:5px;}
#flickr_badge_source{clear:both;width:100%;margin-top:1.5em;}

#upcoming.section{margin:0;}

#legal{clear:both;padding-right:10px;}
#legal img{vertical-align:text-bottom;}

/* Countdown -------------------------------- */
#timer{position:relative;}
hr{position:absolute;top:45px;left:0;width:253px;border:1px solid #fff;}
:first-child+html hr{top:370px;}
	
/* timer numbers ---------------------------- */
.timer_numbers{font-size:30px;font-family:Arial, Helvetica, sans-serif;font-weight:700;text-align:center;color:#fff;text-shadow:0 1px 0 #999, 0 -1px 0 #000;}
#timer_days,#timer_hours,#timer_mins{float:left;margin-right:20px;padding-top:10px;width:71px;height:91px;letter-spacing:5px;background:#fff url(../imgs/countdown.png) no-repeat;}
#timer_mins{margin-right:0}
	
/* timer labels ----------------------------- */
.timer_labels{font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:700;text-align:center;color:#fff;}
#timer_labels{position:relative;}
#timer_days_label{position:absolute;top:50px;left:12px;}
#timer_hours_label{position:absolute;top:50px;left:100px;}
#timer_mins_label{position:absolute;top:50px;left:194px;}