/* @override 
	http://localhost:8888/wordpress/wp-content/themes/Waldo%20Hit%20the%20Road/style.css
	http://www.findwaldo.com/hittheroad/wp-content/themes/wwHitTheRoad/style.css
*/

/*  
Theme Name: Waldo: Hit The Road
Theme URI: http://www.findwaldo.com
Description: Wordpress Theme developed for the Waldo "Hit the Road Blog"
Version: 1.0
Author: visualProphesy Inc.
Author URI: http://www.vpinc.org
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none; color:#ffffff}
a:hover {text-decoration: underline;}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */
html, body {
	height: 100%;
}

body {
	background: #aa260d url(images/main-bkg.jpg) 0 0;
	font: 0.75em/1.55em Arial, sans-serif;
}

#wrap {
	background: url(images/ww-map-repeat.jpg) repeat-y left top;
}

#logo {
	position: absolute;
	top: -28px;
	left: -30px;
	width: 295px;
	margin-bottom: -166px;
	height: 226px;
	margin-right: -25px;
	z-index: 2;
}

#header_bg {
	background: url(images/header_bkg.jpg) no-repeat 0 0;
	display: block;
	overflow: auto;
}

#pageRight {
	background: url(images/pageRight.jpg) repeat-y right top;
}

#innerWrap {
	width: 892px;
	background: #f5f1ec url(images/page_repeat.jpg) repeat;
	overflow: auto;
	float: none;
}

div#stickers {
	overflow: auto;
	height: 100%;
	float: none;
}

#menu {
	width: 783px;
	height: 107px;
	display: block;
	margin: 11px auto 0 95px;
}

/* @group mainNav */

#mainNav_wrapper {
	width: auto;
	margin: 50px 0 10px 130px;
	position: relative;
	float: left;
	z-index: 10;
}

/* IE6 MARGIN FIX */
* html #mainNav_wrapper {
	width: auto;
	margin: 50px 0 0 130px;
	position: relative;
	float: left;
}

/* IE7 MARGIN FIX */
*:first-child+html #mainNav_wrapper {
	width: auto;
	margin: 50px 0 0 130px;
	position: relative;
	float: left;
	z-index: 1000;
}

	/* NAVIGATION LIST STYLES */
	
	ul.navButtons li{
        text-align: left;
    	float: left;
    	list-style: none;
    	padding: 0;
    	margin: 0 0 0 -10px;
    	z-index: 1000;  	
    }
    
/* ---------------- NAVIGATION ROLLOVERS ---------------- */    

li#keepLooking a img {
	height: 100px;
	width: 130px;
	background: url(images/ww-keepLooking-icon.png) top left no-repeat;
}

li#keepLooking:hover img {
	background: url(images/ww-keepLooking-RO-icon.png) top left no-repeat;
}

li#hitTheRoad a img {
	height: 100px;
	width: 170px;
	background: url(images/ww-hitTheRoad-RO-icon.png) top left no-repeat;
}


li#hitTheRoad:hover img {
	background: url(images/ww-hitTheRoad-RO-icon.png) top left no-repeat;
}

li#whereopedia a img {
	height: 100px;
	width: 155px;
	background: url(images/ww-whereopedia-icon.png) top left no-repeat;
}


li#whereopedia:hover img {
	background: url(images/ww-whereopedia-RO-icon.png) top left no-repeat;
}

li#playAround a img {
	height: 100px;
	width: 150px;
	background: url(images/ww-playAround-icon.png) top left no-repeat;
}


li#playAround:hover img {
	background: url(images/ww-playAround-RO-icon.png) top left no-repeat;
}

li#stayInTouch a img {
	height: 100px;
	width: 115px;
	background: url(images/ww-stayInTouch-icon.png) top left no-repeat;
}


li#stayInTouch:hover img {
	background: url(images/ww-stayInTouch-RO-icon.png) top left no-repeat;
}

li#travelGear a img {
	height: 100px;
	width: 110px;
	background: url(images/ww-travelGear-icon.png) top left no-repeat;
}


li#travelGear:hover img {
	background: url(images/ww-travelGear-RO-icon.png) top left no-repeat;
}

/* @end */

#ad_space{
	width: 745px;
	height: 90px;
	margin: 0 auto;
	clear: both;
	background: url(images/ad_unit.jpg) no-repeat;
}

#title {
	margin-bottom: 17px;
	margin-top: 10px;
}

div#header {
	width: 900px;
	margin: 0;
	padding: 32px 0 0 67px;
}

#title h1 {
	text-align: center;
}

#title h1 a span{
	display: none;
}

#posts {
	float: left;
	margin: 35px 0 0 70px;
}

.post {
	width: 575px;
	margin: 0 0 50px 28px;
}

.line1 {
	width: 547px;
	height: 2px;
	margin: -7px auto auto 17px;
	clear: both;
	float: none;
	background: url(images/post_line1.jpg) no-repeat center;
}

hr {
	width: 547px;
	height: 2px;
	background-image: url(images/post_line1.jpg);
	margin: 10px auto;
	clear: both;
	border-style: none;
}

.padder {
	overflow: auto;
	display: block;
	padding: 5px 5px 0 21px;
	float: none;
	margin-bottom: 9px;
}

.date {
	width: 71px;
	height: 70px;
	background-image: url(images/post_date.png);
	position: relative;
	top: -29px;
	left: -28px;
	float: none;
	margin: 0 0 -70px;
}

.post_top {
	overflow: visible;
	margin-bottom: 0;
	background: url(images/post_main.jpg) no-repeat 0 50px;
}

.post_top h2 {	
	font-size: 21px;
	text-align: left;
	padding: 16px 0 0 60px;
	margin: 0 0 8px;
	background: url(images/post_top.png) no-repeat;
}

.post_content {
	padding: 20px 15px 45px 20px;
	color: #34404f;
	background-image: url(images/post_main.jpg);
	clear: both;
	float: none;
}

.post_bottom {
	height: 60px;
	background-image: url(images/post_bottom.png);
	margin-top: -45px;
	padding: 0 15px;
}

div.adjuster {
	padding-top: 20px;
}

div.postmetadata {
	padding: 3px 0 15px 30px;
	border-top: 1px dotted #cad8df;
	margin: 0;
	background: url(images/comment_icon.png) no-repeat 2px 3px;
}

.post_content blockquote {
	padding: 10px 15px 10px 25px;
	background: url(images/quotes.png) no-repeat 5px 1px;
}

.post_content blockquote p {
	background: url(images/quotes_end.png) no-repeat right bottom;
}

.post_content p a.more-link {
	font-style: italic;
}

div.post_content ol li{
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 3px;
}

div.post_content ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 3px;
}

div.comments_link {
	float: left;
	margin-right: 16px;
	color: #000;
	text-transform: uppercase;
}

div.comments_link a {
	color: #000;
	text-transform: uppercase;
}

.first .date {
	background-image: url(images/fPost_date.png);
}

.first .post_top {
	overflow: visible;
	background: url(images/fPost_main.jpg) no-repeat 0 50px;
}

.first .post_top h2 {
	background: url(images/fPost_top.png) no-repeat;
}

.first .post_content {
	background-image: url(images/fPost_main.jpg);
}

.first a.more-link {
	color: #282c32;
}

.first .post_bottom {
	height: 70px;
	background-image: url(images/fPost_bottom.png);
	margin-top: -45px;
}

.first div.postmetadata {
	border-top: 1px dotted #fbf9ec;
}

.month01 {
	background-image: url(images/month/01.png);
}

.month02 {
	background-image: url(images/month/02.png);
}

.month03 {
	background-image: url(images/month/03.png);
}

.month04 {
	background-image: url(images/month/04.png);
}

.month05 {
	background-image: url(images/month/05.png);
}

.month06 {
	background-image: url(images/month/06.png);
}

.month07 {
	background-image: url(images/month/07.png);
}

.month08 {
	background-image: url(images/month/08.png);
}

.month09 {
	background-image: url(images/month/09.png);
}

.month10 {
	background-image: url(images/month/10.png);
}

.month11 {
	background-image: url(images/month/11.png);
}

.month12 {
	background-image: url(images/month/12.png);
}


#sidebar {
	float: left;
	margin-left: 10px;
	margin-top: 35px;
}

#s {
	background: transparent url(images/search_bg.png) no-repeat 0 0;
	width: 125px;
	height: 16px;
	margin: 0;
	padding: 10px 6px 5px 8px;
	border-style: none;
	font-size: 1em;
	color: #ba0606;
}

#searchform {
	text-align: right;
	margin-bottom: 5px;
	float: none;
	width: 265px;
}

#searchsubmit {
	float: left;
	margin-left: 54px;
}

.sidebar_top {
	height: 13px;
	width: 265px;
	background: url(images/sidebar_section_top.png) no-repeat;
}

.sidebar_mid {
	width: 225px;
	background: url(images/sidebar_section_main.jpg) repeat-y;
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
	float: none;
}

.sidebar_bottom {
	height: 13px;
	width: 265px;
	background: url(images/sidebar_section_bottom.png) no-repeat;
	margin-bottom: 15px;
}

#sidebar h2 {
	float: left;
	font-size: 25px;
	margin-top: 5px;
	color: #ffffff;
}

#sidebar .stamp {
	background-image: url(images/stamp.png);
	height: 134px;
	width: 169px;
	display: block;
	margin: 150px auto auto 90px;
}

h2.rss_title {
	padding-top: 0;
}

.rss_link img {
	float: right;
}

.rss_link img.ttf {
	float: left;
}

div#sidebar div.sidebar_mid.rss_link a {
	display: block;
	overflow: auto;
}

li.cat-item {
	clear: both;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 115%;
}

h2.sidebar_head {
	width: 100%;
	padding-bottom: 11px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #cad8df;
}

div.sticker_set {
	margin-left: 0;
}

li.cat-item ul.children li.cat-item{
	text-transform: capitalize;
	margin: 0 0 0 15px;
	list-style-type: disc;
	list-style-position: inside;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
}

a.sticker {
	padding: 0;
	margin: 0 1px 0 7px;
	width: 67px;
	display: block;
	float: left;
}

a.facebook_sticker {
	margin-left: 40px;
	margin-right: 19px;
	background: url(images/facebook-icon.png) no-repeat;
}

a.facebook_sticker:hover img{
	background: url(images/facebook-RO-icon.png) no-repeat;
}

a.myspace_sticker {
	background: url(images/myspace-icon.png) no-repeat;
}

a.myspace_sticker:hover img{
	background: url(images/myspace-RO-icon.png) no-repeat;
}

a.twitter_sticker {
	background: url(images/twitter-icon.png) no-repeat;
	padding-right: 8px;
	margin-left: -1px;
}

a.twitter_sticker:hover img{
	background: url(images/twitter-RO-icon.png) no-repeat;
}

a.youtube_sticker {
	background: url(images/youtube-icon.png) no-repeat;
}

a.youtube_sticker:hover img{
	background: url(images/youtube-RO-icon.png) no-repeat;
}

a.bebo_sticker {
	background: url(images/bebo-icon.png) no-repeat;
}

a.bebo_sticker:hover img{
	background: url(images/bebo-RO-icon.png) no-repeat;
}

.clear {
	clear: both;
}

.test {
	color: #000;
	font-size: 30px;
}

p.postmetadata {
	margin: 15px auto 0;
	border-top: 1px dotted #fbf9ec;
	padding-top: 7px;
}

.comment_top span {
	float: right;
	font-size: 3em;
}

.comment_top {
	height: 55px;
	overflow: visible;
	background: url(images/post_top.png) no-repeat;
	padding: 15px 15px 0 22px;
}

.comment_content {
	padding: 5px 15px 25px 20px;
	color: #34404f;
	background-image: url(images/post_main.jpg);
	margin-top: -21px;
	margin-bottom: -1px;
}

.comment_bottom {
	height: 60px;
	background-image: url(images/post_bottom.png);
	padding: 0 15px;
	margin-top: -30px;
}

ol.commentlist {
	margin-top: 15px;
}

ol.commentlist li {
	margin-top: 15px;
}


.commentlist .alt .comment_top {
	background: url(images/fPost_top.png) no-repeat;
}

.commentlist .alt .comment_content {
	background-image: url(images/fPost_main.jpg);
}

.commentlist .alt .comment_bottom {
	height: 70px;
	background-image: url(images/fPost_bottom.png);
	margin-top: -40px;
}

p.commentmetadata {
	font-size: 0.75em;
}

.commentlist cite a{
	color: #34404f;
}

.commentlist cite{
	color: #34404f;
	font-weight: bold;
	font-size: 1.2em;
	width: 100%;
}

h3#respond {
	font-size: 1.75em;
	color: #34404f;
	text-indent: 20px;
}

.c_form {
	margin-top: 25px;
}

#commentform input, #commentform textarea {
	font-size: 1.5em;
}

#commentform #submit {
	float: right;
	margin: 5px 90px 0 0;
}

#commentform p {
	margin: 8px;
}

#commentform p label {
	font-size: 1.5em;
}

span.small {
	font-size: 0.6em;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -40px;
	float: none;
	overflow: auto;
}


#footer, #push {
	height: 40px;
}

#footer {
	background: url(images/footer-bkg.png) repeat 0;
}

#inner_footer {
	font-family: Comic Sans MS,Comic Sans Regular,Arial,Helvetica,sans-serif;
	width: 750px;
	padding: 19px 0 0;
	text-align: center;
	line-height: 1.2em;
	margin: 0 auto;
	color: #cccccc;
}