/*
Theme Name: Drive Guide
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* =Layout
-------------------------------------------------------------- */

a{color:#FFF; text-decoration:none;}
a:hover{color:#FFF; text-decoration:underline;}
body{ background:#2b3031 url(images/dgus-bkgnd-dogroad.jpg) top center no-repeat; text-align:center; font-family: Arial, Helvetica, sans-serif; color:#39371e; font-size:12px; line-height:1.6;}
body.azdg{background:#1a6e9d url(images/azdg-home-hfalls.jpg) top center no-repeat;}
body.explore{background:#c5a582 url(images/az-bkgnd-canyon.jpg) top center no-repeat;}
body.play-arizona{background:#4a5f48 url(images/az-bkgnd-sedona.jpg) top center no-repeat;}
body.travel-tools{background:#bda083 url(images/az-bkgnd-mogollon.jpg) top center no-repeat;}
body.media{background:#fed0a7 url(images/az-bkgnd-horseshoepass.jpg) top center no-repeat;}
body.drive-eguide{background:#fed0a7 url(images/az-bkgnd-horseshoepass.jpg) top center no-repeat;}
#main{width:1040px; margin:0 auto; text-align:left; }
#top{color:#FFF;  letter-spacing: 0.3em; overflow:hidden;}
#top a{font-size:10px; font-weight:bold;}
#links{margin:0px 0px 0px 30px; float:left; text-align:left; width:100%;}
#links-left{width:420px; float:left; padding-top:20px; }
#facebook{width:133px; height:37px; float:right; margin-right:60px;}
#banner{height:120px; clear:both;}
#logo{ float:left;}
#nav{float:right; margin-top:30px; margin-right:31px;}
#nav ul{margin: 0; padding: 0; float:left;}
#nav li{display:inline; float:left;}
#nav li a{display:block; height:81px; border:none;}
#nav a#home{width:79px; background:url(images/home.jpg) left top no-repeat;}
#nav a#home:hover, #nav a#home.is_page{width:79px; background:url(images/home_over.jpg) left top no-repeat;}
#nav a#explore{width:102px; background:url(images/explore.jpg) left top no-repeat;}
#nav a#explore:hover, #nav a#explore.is_page{width:102px; background:url(images/explore_over.jpg) left top no-repeat;}
#nav a#play{width:72px; background:url(images/play.jpg) left top no-repeat;}
#nav a#play:hover, #nav a#play.is_page{width:72px; background:url(images/play_over.jpg) left top no-repeat;}
#nav a#tools{width:143px; background:url(images/tools.jpg) left top no-repeat;}
#nav a#tools:hover, #nav a#tools.is_page{width:143px; background:url(images/tools_over.jpg) left top no-repeat;}
#container{width:1040px; background:url(images/container-repeat.png) left top repeat-y; overflow:hidden;}
#container a{display:block; padding-top:20px; }
#container-top{background:url(images/container_top.png) bottom left no-repeat; height:43px;}
#col-left{float:left; width:29px; padding:40px 0px 0px 0px; position:absolute; }
#col-center{width:610px; margin-left:67px; padding:0 0 20px 40px; color:#212121; font-size:12px;}
#col-center #page-head.play{background:url(images/head-play.jpg) left top no-repeat; width:240px; height:70px;}
#col-center #page-head.explore{background:url(images/head-explore.jpg) left top no-repeat; width:240px; height:70px;}
#col-center #page-head.travel{background:url(images/head-travel.jpg) left top no-repeat; width:240px; height:70px;}
#col-center #page-head.media{background:url(images/txt-media.png?) left top no-repeat; width:121px; height:70px;}
#col-center #page-head.eguide{background:url(images/txt-eguide.png?) left top no-repeat; width:268px; height:70px;}
#col-center #page-head.enewsletter{background:url(images/txt-enewsletter.png?) left top no-repeat; width:226px; height:70px;}
#col-center #page-head.printed{background:url(images/txt-printed.png?) left top no-repeat; width:289px; height:70px;}
#col-center #left{width:240px; float:left; }
#col-center #right{float:right; margin-right:20px;}
#col-center #right #frame{background:url(images/frame.gif) left top no-repeat; width:320px; height:270px; padding-left:30px; padding-top:10px;}
#col-center #right #image.travel{background:url(images/boulders.jpg) top center no-repeat; background-color:#FFF; width:290px; height:230px; border:#ccc 1px solid;}
#col-center #right #image.play{background:url(images/balloon.jpg) top center no-repeat; background-color:#FFF; width:290px; height:230px; border:#ccc 1px solid;}
#col-center #right #image.explore{background:url(images/horse.jpg) top center no-repeat; background-color:#FFF; width:290px; height:230px; border:#ccc 1px solid;}
#col-center #right #image.media{background:url(images/ccenter-horseshoepass.jpg) top center no-repeat; background-color:#FFF; width:290px; height:230px; border:#ccc 1px solid;}
#col-center #full{clear:left; padding-right:35px; padding-bottom:40px; float:left; width:580px;}
#col-center #full a{padding-top:0px; margin:0px; display:inline; color:#c70023;}
#col-center #full h3{float:left; font-size:20px;}
#col-center #full .expand-link{
	color:#c70023; 
	font-size:10px; 
	float:right; 
	font-weight:bold; 	
	cursor: pointer;
	position: relative;
	padding-top:5px;
	}

.expand-content {
	padding: 5px 10px;
	clear:both;
	font-size:10px;
}

.expand {
	color:#5a6363;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	padding: 20px 0px 10px 0px;
	background:url(images/rule.jpg) center bottom no-repeat;
	overflow:hidden;
}
.expand img{margin: 10px 10px 0px 0px; }
.expand-content img{float:left; margin:5px 20px 20px 0px; width:150px;}
#container .expand-content a{padding-top:0px; margin:0px; display:inline; color:#c70023;}

#col-right{float:right; width:240px; padding:0px 20px 20px 26px; margin-right:31px; background-color:#cbddc5;}
#col-right p{padding:0px 0px 30px 0px; font-size:16px; color:#212121;}
#col-right #guide{width:240px; height:272px; background:url(images/guide-bg.png) top center no-repeat;}
#col-right #guide-image{width:135px; height:175px; background-color:#fff; margin-left:45px;}
#col-right #guide #links{padding:15px;}
#col-right #guide #links a{width:113px; background:url(images/arrow-red.png) center right no-repeat; padding:3px 20px 0px 5px; color:#c70023;  font-size:9px; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
#col-right #ads-side{padding-left:20px;}
#rule{margin:20px auto;}
.rule{width:100%; height:2px; margin:20px 0px;}

#bottom{background-color:#94001c; width:900px; margin:0px 29px; padding:40px 40px 20px 40px; color:#FFF; }
#ads .ad{width:275px; margin-bottom:10px;}
#ads img{width:275px;}
#ads #ad-left{float:left;}
#ads #ad-center{float:left; margin-left:38px;}
#ads #ad-right{float:right;}
#foot{margin:10px auto 30px; clear:both; text-align:left;}
#foot p{width:450px; font-size:10px; color:#FFF; float:left;}
#foot p.right{text-align:right; float:right;}
#quick-links{padding:10px; clear:both; overflow:hidden; font-size:12px;}
#quick-links div{float:left; width:210px;}
#quick-links h4{font-weight:bold; text-transform:uppercase; margin-top:20px; letter-spacing: 0.1em;}
hr{clear:both; height:1px border:none; background-color:#666;}

/*HOME*/
#col-center #guide{width:240px; height:313px; background:url(images/guide-bg.png) top center no-repeat; float:right; margin-right:30px; margin-top:65px;}
#col-center #guide-image{width:135px; height:175px; background-color:#fff; margin-left:45px;}
#col-center #guide #links{padding:15px;}
#col-center #guide #links a{width:113px; background:url(images/arrow-red.png) center right no-repeat; padding:3px 20px 0px 5px; color:#c70023;  font-size:9px; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
#arrow-left, #arrow-right{width:30px; height:30px; margin-top:150px; cursor:pointer;}
#arrow-left{background:url(images/arrow_left.png) center center no-repeat; float:left;}
#arrow-right{background:url(images/arrow_right.png) center center no-repeat; float:right; margin-right:15px;}
#slideshow{height:390px; background:url(images/gallery.jpg) top left no-repeat; margin: 10px 20px 0px -50px; }
#welcome{width:300px; float:left; padding-top:65px; background:url(images/welcome-mid.gif) 40px 0px no-repeat; margin-bottom:20px;}
#lower{clear:left; padding-top:60px; background:url(images/title_things.png) top left no-repeat; margin-bottom:40px; overflow:hidden;}
#lower div{float:left; width:180px; color:#212121; padding-right:20px;}
#lower h3{font-size:12px; font-weight: bold; text-transform:uppercase; color:#526363; margin-top:10px;}
#lower a{font-size:10px; color:#c70023; display:block; padding:0px; font-weight:bold;}
#col-right #calendar{width:200px; padding-top:45px; margin:0px auto; background:url(images/title_cal.png) left top no-repeat;}
#col-right #explore{width:200px; padding-top:45px; margin:0px auto; background:url(images/title_explore.png) left top no-repeat;}
#col-right #explore img{margin:0px; padding:0px;}
#col-right #explore a{color:#b70020; font-weight:bold; width:180px; height:20px; background:url(images/arrow-red.png) right bottom no-repeat; padding:0px}
#calendar p{font-size:12px; color:#212121; margin:0px; padding:0px;}
#calendar .event-date{font-weight:bold;}
#calendar hr{background:none; border:none; height:1px; margin:10px 0px;}
div#calendar a{margin:0px; padding-top:0px; color:#c70023; display:inline;}
.ad-side, #ads-side img {width:190px; margin:0px 0px;  }
/*HOME*/

/* added mad dog design */

	/* header */
	.socialbox		{ background-color:#4169a5; margin:0; padding:0; float:right; height:41px; width:100%; }
	.icon			{ float:right; margin:0 8px 0 0; }
	.pushright		{ margin-right:4px; }
	.pushtext		{ margin-left:4px; }
	.navholder		{ float:right; margin:28px 30px 0 0; width:488px;}
	
	#banner			{ float:left; clear:none; }
	#links			{ width:400px; }
	#nav			{ margin:0; }
	#nav a#media 	{width:91px; background:url(images/media.jpg?) left top no-repeat;}
	#nav a#media:hover, #nav a#media.is_page	{width:91px; background:url(images/media_over.jpg?) left top no-repeat;}

	/* sidebar */
	h3.stayupdated			{ background:transparent url('images/txt-stayupdated-sidebar.png')top center no-repeat; text-indent:-9999px; width:207px; height:57px; margin:8px 0 0 14px; }
	#col-right p.stayupdated			{ margin:0 19px 0 19px; font-size:12px; padding-bottom:20px;}
	#col-right .button, form.wpcf7-form .button {
		background-color:#c41728;
		background: -moz-linear-gradient(center top , #970110 0%, #c41728 100%) repeat scroll 0 0 transparent;
		background-image:-webkit-linear-gradient(top, #970110 0%, #c41728 100%);
		border: 1px solid #970110;
		border-radius: 6px 6px 6px 6px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font: 16px/100% "Helvetica Neue",Helvetica,Arial;
		font-weight:bold;
		margin: 0;
		outline: medium none;
		padding: 7px 12px 9px;
		text-align: center;
		text-shadow: 1px 1px 1px #000;
		text-decoration: none;
		vertical-align: baseline;
		margin:0 0 20px 14px;
		width:176px;
	}
		
	#col-right .button:hover, form.wpcf7-form .button:hover{
		background: -moz-linear-gradient(center top , #c41728 0%, #970110 100%) repeat scroll 0 0 transparent;
		background-image:-webkit-linear-gradient(top , #c41728 0%, #970110 100%);
		border: 1px solid #970110;
		text-decoration: none;
	}
	
	/* contact form */
	form.wpcf7-form	{ }
	form.wpcf7-form p { margin:20px 0 }
	input.wpcf7-text, input.wpcf7-captchar { width:300px; height:20px; border:1px solid #e6e6e6; padding:6px 8px; }
	select.wpcf7-select { width:316px; height:32px; border:1px solid #e6e6e6; padding:6px 8px;}
	.wpcf7-list-item { display:block; }
	form.wpcf7-form .button { margin-left:0; }