/*
THEME NAME: The World By Road
THEME URI: http://www.theworldbyroad.com
DESCRIPTION: The WordPress Theme for the trip around the world - based on Sandbox
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: Darrell Stephenson
AUTHOR URI:
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,a,blockquote,th,td{margin:0;padding:0;outline:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,abbr{font-style:normal;font-weight:normal; border: none; outline: none;}
ul,ol{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}

/* Other :) */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
	background: #4b2c17 url('images/bg-twbr.jpg') center top no-repeat;
	color: #000;
	}
a:link, a:visited{color: #000;}
.alignleft{float: left}
.alignright{float: right}

/* Legacy Table padding */
table td{padding: 10px;}
/*table img{border: 1px solid #fff}*/
.sidebar td{padding: 0 !important;}

/* Layout */
#wrapper{display: block; width: 980px; margin: auto; _text-align: center;}
/* 10px padding on content */
#content{width: 640px; background: transparent; float: left; padding: 20px;}

#sidebar-wrap{float: left; background: #8d3d00 url(images/bg-sidebar-top.jpg) top right no-repeat; color: #e3cb8f; width: 300px;}
#sidebar-bottom{height: 300px; display: block; background: url(images/bg-sidebar-bottom.jpg) bottom right no-repeat;}
#sidebar-wrap a{color: #e3cb8f;}
#sidebar-wrap a:hover{color: #4b2c17;}
#footer{float: left; clear: left;}

#comments{padding: 1em 0; clear: left;}

.skip-link, #blog-description{display: none;}

.entry-meta span{padding: 0 .5em 0 0;}

#podPress_footer{clear: left;}
/* Type */
em{font-style: italic;}
b, strong{font-weight: bold;}

.entry-title{font-size: 2.1em;}
.entry-title a{color: #91671f; text-decoration: none;}
.entry-title a:hover{text-decoration: underline;}
.entry-date{font-size: 1em; padding-top: 1em; font-style: italic;}
.entry-content{padding: 1em 0 1em 0; font-size: 1.4em;}
.entry-meta, .entry-meta a{color: #91671f; line-height: 1.5em;}


.page-title{padding-bottom: 1em; font-size: 1.8em;}

abbr.published{font-size: 1.1em; font-style: italic; color: #4b2c17}

.sidebar{font-size: 1.2em; margin: 10px;}
.sidebar h3{padding: 1em 0 0 0; font-size: 1.3em; color: #fff;}
.sidebar li li{padding: 0 0 0 1em;}
li#pages h3{padding-top: 0em !important;}

#blog-title a{display: block; text-indent: -666em; width: 630px; height: 40px;}
#comments h3{font-size: 1.8em; padding: 0 0 .5em 0;}
#comments{line-height: 2em}
#comments textarea{margin-bottom: 1em}

.comment-text-wrap{border: 1px solid #e3cb8f; padding: 1em; font-size: 1.1em; color: #4b2c17;}
.comment-info{padding: 1em 0 0 1em;}
.nav-above, .nav-below{margin: 1em 0; clear: both}
.nav-previous, .nav-next{padding: .8em 0; font-size: 1.2em;}
.nav-previous{float: left;width: 50%;}
.nav-previous a:link, .nav-previous a:visited{color: #91671f; text-decoration: none;}
.nav-previous a:hover, .nav-previous a:hover{text-decoration: underline;}  
.nav-next a:link, .nav-next a:visited{color: #91671f; text-decoration: none}
.nav-next a:hover, .nav-next a:hover{text-decoration: underline} 
.nav-next{float:left;width: 50%; text-align: right;}

.post{padding: 1em 0; clear: left;}
#menu{display: block; height: 45px; font-size: 1.6em; margin-top: .5em;}
#menu ul{width: 980px; text-align: center;}
#menu li{display: inline; width: auto; line-height: 47px; _line-height: 45px;}

#menu a{color: #fff; padding: 0 1em; text-decoration: none;}
#menu a:hover{text-decoration: underline}


#container{float: left; background: #fff url(images/bg-container-white.jpg) top left no-repeat; margin-top: 17px; text-align: left;}
#container.home{background:#976b50 url(images/bg-home.jpg) top left no-repeat; width: 980px;}
#container.whole-dark{background:#976b50 url(images/bg-container-dark.jpg) top left no-repeat; width: 980px;}
#container.whole-white{width: 980px;}
.whole-white #content{width: 940px;}
.whole-dark .entry-title a{color: #fff;}
.whole-dark #content{width: 940px}
.whole-dark .publish a{color: #fff}

/*
Gallery Plugin Code
*/
div.gallery-content{width: 940px !important; background: #fff url(images/bg-container-white.jpg) top left no-repeat !important; margin-top: 17px;
	font-size: 1.2em; line-height: 1.3em;}


.home #twbr-description{width: 300px; float: left; color: #fff; font-size: 1.2em; padding-top: 105px;}
.home #twbr-description p{margin: 10px;}
.home #twbr-description ul{margin-left: 20px;}
.home #twbr-description a{color: #fff;}
.home #nav-signpost{float: left; width: 300px; height: 400px; position: relative;}
	#nav-signpost a{position: absolute; display: block; text-indent: -666em; cursor: pointer;}
	#nav-signpost #post-route{top: 69px; left: 77px; width: 102px; height: 47px;}
	#nav-signpost #post-journal{top: 122px; left: 46px; width: 97px; height: 31px;}
	#nav-signpost #post-photos{top: 181px; left: 41px; width: 114px; height: 32px;}
	#nav-signpost #post-videos{top: 224px; left: 63px; width: 100px; height: 24px;}
	#nav-signpost #post-trucks{top: 265px; left: 71px; width: 67px; height: 66px;}
#position-tracker #globe{float: left; width: 139px; height: 138px; margin-top: 23px; margin-left: 0px; background: url(http://www.theworldbyroad.com/images/current-location.gif) top left no-repeat;}
#position-tracker #position-copy{font-size: 1.2em; color: #00114e; font-weight: bold; margin-top: 20px; margin-left: 10px; float: left;}
#position-copy span{text-transform: uppercase; font-weight: normal;}
#position-copy p{margin-bottom: 2px; line-height: 1.5em;}
#position-tracker a{color: #00114e;}

#home-sponsors{clear: left; float: left; margin-top: 50px; color: #fff; width: 600px;}
#home-sponsors p{margin-top: 10px;}

.publish p{margin: 1em 0;}
.publish p a{color: #91671f; text-decoration: none;}
.publish p a:hover{text-decoration: underline;}

.home #content a{color: #fff;}
.home #content{width: 600px;}
.home .post{margin: 0 0 4px 0; padding: 0;}

.entry-author{font-size: 1.25em; margin-top: .3em}

#latest-journal{width: 330px; display: block; float: left; margin-top: 20px; color: #fff; font-size: 1.1em;}
#latest-journal a{color: #fff; font-weight: bold;}
#latest-journal h3{margin: 8px 0;}

#footer{display: block; width: 980px; height: 50px; background: #8d3d00; line-height: 50px; color: #fff;}
#footer ul{width: 980px; text-align: center}
#footer li{display: inline; margin: 1em; font-size: 1.2em}
#footer a{color: #e3cb8f;}
#footer a:hover{color: #4b2c17;}

#searchform #s{width: 260px; margin: .5em 0}
.sidebar select{width: 260px; margin: .5em 0}

ul#twitter_update_list{margin: 0; padding: 0}
#twitter_update_list li{margin: .5em 0; padding: .5em 0; border-bottom: 1px dotted}

/* Lightbox Temp Fix*/
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{width: auto; height: auto;}
#lightbox a img{border: none;}

#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px; }

#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
/*#imageContainer>#hoverNav{left: 0;}*/
#hoverNav a{outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink{left: 0; float: left;}
#nextLink{right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover{background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background: url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData{padding:0 10px; color: #666;}
#imageData #imageDetails{width: 70%; float: left; text-align: left;}
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{display: none; position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

.hentry h3{font-size: 1.2em; font-weight: bold; color: #762603;}
ul.quicklinks li{background: url(images/arrow.gif) no-repeat left; padding-left: 20px;}
ul.quicklinks a:link, ul.quicklinks a:active, ul.quicklinks a:visited{text-decoration: none; border-bottom: 1px dotted; color: #9d855e;}
ul.quicklinks a:hover{border-bottom: 1px solid;}