/*
Theme Name: Peak Auto
Description: Peak Auto's WordPress Theme
Version: 1
Author: Atlantic BT
Author URI: http://www.atlanticbt.com
Tags: three-column
Last Modified: 10.15.09

*/

/*======================================
	=Normalize
======================================*/

* {	margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ul li { list-style: none; list-style-position: outside; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ""; }
hr { display: none; }

/*======================================
	=Main Styles
======================================*/
html {
	background: #fff url(style/images/bg_body.jpg) repeat-x 0 0;	
}
body {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #454545;
	text-align: center;
	background: url(style/images/bg_html.jpg) no-repeat 0 0;
}

div { font-size: 100%; text-align: left; }

/*======================================
	=Typography Styles
======================================*/

p { }
	#content p { margin: 0 0 1em; }

a { }
	a { color: #B01F24; }
	a:hover, 
	a:focus { color: #e3292f; outline-style: none; }

h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1.5em; }
	
	h1 { margin: 0 0 .9em; font: bold 1.67em Arial, Helvetica, sans-serif; } /* ~20px */
	h2 { margin: 0 0 1em; font: bold 1.50em Arial, Helvetica, sans-serif; } /* 18px */
		h2 span { display: block; font-weight: normal; }
	h3 { margin: 0 0 1.125em; font: bold 1.25em Arial, Helvetica, sans-serif; } /* 16px */
	h4 { margin: 0 0 1.26em; font: bold 1.17em Arial, Helvetica, sans-serif; } /* 14px */
	h5,	h6 { margin: 0 0 1.5em; font: bold 1em Arial, Helvetica, sans-serif; } /* 12px */

/*======================================
	=Other Element Styles
======================================*/

br { }
	br.clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; }

ul, ul li { list-style: none; }
	#content ul { margin: 0 0 1em 2em; }
	#content ul li { margin: 0 0 .5em; list-style: disc; }
	
ol, ol li { }
	#content ol { margin: 0 0 1em 2em; }
	#content ol li { margin: 0 0 .5em; }
		
		#content form ol { margin: 0; }
		#content form ol li { margin: 0 0 1em; list-style: none; background: none; }
		
#content ul ul, #content ol ol { margin-top: 1.5em; }	
	
dl { }
	dl { margin: 0 0 1.5em; }
	dl dt { margin: 0 0 1.5em; font-weight: bold; }
	dl dd { margin: 0 0 1.5em 20px; }

acronym, abbr { cursor: help; border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }
	
	
/*======================================
	=Base Form Styles
======================================*/
	
form { }
	
	fieldset { }
	legend { margin: 0; padding: 1em 0 .5em; font-family: inherit; font-weight: bold; font-size: 1.167em; color: #B01F24; }
	label { display: block; margin: .5em 0 .25em; font-weight: bold; }
	input, textarea, select {
		padding: 5px;
		border: 1px solid #c2c2c2;
		border-right-color: #d7d7d7;
		border-bottom-color: #d7d7d7;
		background: #fff;
		font: inherit;
		line-height: 17px;
	}
	input { width: 235px; }
	textarea { width: 235px; height: 15em; }	
	select { width: 248px; }
	
	input:focus,
	textarea:focus,
	select:focus { border-color: #B01F24; }
	
	/* radios and checkboxes */
	
		input.radio, input.checkbox,
		.buttons input, input.button, input.submit { border: 0; padding: 0; width: auto; background: none; }
		
		#main-area form ul.radios,
		#main-area form ul.checkboxes { margin: 0; padding: 10px; width: 267px; }
			#main-area form ul.radios li,
			#main-area form ul.checkboxes li { margin-right: 20px; }
			
	/* buttons */
	
	input.image,
	.buttons input.image { padding: 0; border: 0; }
	
	.buttons { margin: 1em 0 0; }
	.buttons input { }
		
		.buttons input,
		input.button { padding: 5px; background: #B01F24; color: #fff; cursor: pointer; font-weight: bold; font-size: 1.25em; }		
			
			.buttons input:hover,
			input.button:hover { background: #e3292f; }
			
			.buttons input:focus,
			input.button:focus { background-color: #e3292f; }

	/* Contact Form 7 styles */
	
	span.wpcf7-not-valid-tip { display: none; }
	div.wpcf7-validation-errors { border: 2px solid #B01F24 !important; border-width: 2px 0 !important; color: #B01F24; }
	div.wpcf7-response-output { margin: 1em 0 0 !important; padding: 1em !important; }
	
	.wpcf7-form-control-wrap br { display: none; margin: 0; height: 0; line-height: 0; }
	
	.wpcf7-checkbox { }
	.wpcf7-list-item { margin: .5em 0 0 !important; display: block; }
	.wpcf7-list-item input { width: auto; margin: 0 1em 0 0; border: 0; padding: 0; }
	
	/* end Contact Form 7 styles */

/*======================================
	=Layout Styles
======================================*/

#container { position: relative; margin: 0 0 0 30px; width: 960px; }

#masthead, #navigation, #main-area, #content, #secondary-content, #tertiary-content { float: left; display: inline; width: 960px; }

#masthead { height: 140px; }

	#masthead #skip-links { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
	
	#masthead h1.blog-title {  }
		#masthead h1.blog-title a { width: 180px; height: 140px; display: block; background: url(style/images/g_logo.jpg) no-repeat 0 0; text-indent: -9000em; }
		
	#masthead div.blog-description { position: absolute; top: 40px; left: 200px; }
		

#main-area { padding: 0 0 3em; }

	#content { padding: 0 20px; width: 560px; }
		div.post { margin: 1em 0; padding: 1em; background: #fff; border-bottom: 1px solid #ccc; }
		
			div.post-head { }
				#content h2.post-title { }
				#content p.pubdate { margin: 0; }
				#content p.post-author { margin: 0; font-style: italic; }
					p.post-author .author { font-weight: bold; font-style: normal; }
					
			div.post-content { }
			
			div.post-metadata { padding: 1em; background: #fff;}
				div.post-metadata a { font-weight: bold; padding: .25em; background: #fff; }
				
				div.post-tags { margin: 0 0 1em; }
					#content div.post-tags ul,
					#content div.post-tags ul li { margin: 0 .5em 0 0; padding: 0; display: inline; }
					
				div.post-category { margin: 1em 0; }
					#content div.post-category ul,
					#content div.post-category ul li { margin: 0 .5em 0 0; padding: 0; display: inline; }
					
	#secondary-content { width: 180px; } 
		#vehicles-we-service { height: 495px; text-indent: -9000em; background: url(style/images/g_service.jpg) no-repeat -7px 0; }
				
	#tertiary-content { float: right; width: 180px; }
		
		#click-for-savings { border: 1px dashed #000; padding: 10px; }
				
				#click-for-savings form ol li { margin: 0 0 .5em; }
				#click-for-savings form ol li.buttons { margin: 0; }
				#click-for-savings li.we-hate-spam { font-size: .83em; line-height: 1.5em; }

				#click-for-savings p { width: 160px; height: 70px; background: url(style/images/h_click-for-savings.gif) no-repeat 0 0; text-indent: -9000em; }
				#click-for-savings input { width: 146px; }
				#click-for-savings .buttons input { width: auto; }
				
		#call-us { margin: 1em 0 0; height: 30px; background: url(style/images/h_call-us.gif) no-repeat 0 0; text-indent: -9000em; }
		#second-opinions a { display: block; height: 120px; background: url(style/images/h_second-opinions.gif) no-repeat 0 0; text-indent: -9000em; }

				#mini-contact  { padding: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #333; }
				#mini-contact h2 {margin-bottom: 5px;}
#mini-contact p { font-size: .83em; line-height: 1.5em; margin-bottom: 5px; margin-top: 0px;}
				#mini-contact input { width: 146px; margin-bottom: 15px; }
								#mini-contact textarea { width: 146px; margin-bottom: 5px; height: 25px; }
#map {float: right; margin-left: 25px;}
		
		
		/* sidebar modules */
		
			li.search { }
				li.search form#search-form { }
				
		/* end sidebar modules */
		
#site-info { clear: both; border-top: 1px solid #363636; margin-left: 200px; padding: 1em 0; }
	#site-info a { color: #454545; text-decoration: underline; }
	#site-info p.company-info { }
	#site-info p.company-info a { text-decoration: underline; }
	#site-info p.copyright { }
	
	ul#affiliates { float: right; display: inline; width: 140px; }
	ul#affiliates li { float: left; display: inline; width: 80px; height: 90px; background: url(style/images/g_ase.gif) no-repeat 0 0; text-indent: -9000em; }
	ul#affiliates li#bbb { width: 60px; background-image: url(style/images/g_bbb.gif); }
	
/*======================================
	=Page Styles
======================================*/


/* homepage specific */

body.index .page-head { display: none; }

/* end homepage specific */

/* all inner pages specific */
	
	/* contact page */
	
	body.page-id-574 { }
	
		body.page-id-574 #content {  }
		body.page-id-574 #content input { width: 300px; }
		body.page-id-574 #content .buttons input { width: auto; }
		body.page-id-574 #content textarea { width: 300px; }
		
		body.page-id-574 #tertiary-content { }
		
	/* schedule an appointment / request a quote forms */
	
	body.page-id-759 #tertiary-content,
	body.page-id-728 #tertiary-content,
	body.page-id-751 #tertiary-content,
	body.page-id-753 #tertiary-content { display: none; }
	body.page-id-759 #content,
	body.page-id-728 #content,
	body.page-id-751 #content,
	body.page-id-753 #content { width: 740px; }
	body.page-id-759 fieldset,
	body.page-id-728 fieldset,
	body.page-id-751 fieldset,
	body.page-id-753 fieldset { float: left; display: inline; width: 350px; }
	body.page-id-759 .buttons,
	body.page-id-728 .buttons,
	body.page-id-751 .buttons,
	body.page-id-753 .buttons { clear: both; text-align: right; }
	
/* end inner pages specific */

/*======================================
	=Navigation Styles
======================================*/

/* page navigation */

	#page-navigation { clear: both; position: absolute; top: 60px; left: 180px; padding: 0 10px; width: 760px; height: 35px; background: url(style/images/bg_nav.gif) no-repeat 0 0; }			
		#page-navigation ul { float: left; display: inline; width: 760px; margin: 0; }
		#page-navigation ul li { float: left; display: inline; width: auto; }
		#page-navigation ul li a { float: left; display: inline; width: auto; padding: 0 10px; line-height: 35px; text-decoration: none; text-transform: uppercase; color: #fff; }
		
		#page-navigation ul li a:hover,
		#page-navigation ul li:hover a,
		#container #page-navigation ul ul li:hover a { background: #666; color: #fff; }
		
		#container #page-navigation ul ul li:hover ul a { background: none; }
		
	/*======================================
		=Drop downs
	======================================*/
	
	#page-navigation ul { z-index: 800; }
	#page-navigation ul li { position: relative; }
	
	/* hide sub navs */
	#page-navigation ul ul,
	#container #page-navigation ul ul ul { display: block; position: absolute; left: -9000em; top: 35px; margin: 0; }
	
	/* base drop downs */
	#page-navigation ul li:hover ul,
	#container #page-navigation ul ul li:hover ul { position: absolute; z-index: 900; }
	
	/* overrides for sprites */
	#page-navigation ul li:hover ul,
	#page-navigation ul li:hover ul li,
	#page-navigation ul li:hover ul li a { height: auto; /* override height from nav */ background: none; text-indent: 0; }
	
	
	/* 1st level */
	
	#container #page-navigation ul ul {
		display: block;
		margin: 0; padding: 5px;
		width: 200px;
		background: #666;
		color: #fff;
		font-size: 100%;
	}
	
	#page-navigation ul li:hover ul { left: 0; }
	#page-navigation ul li:hover ul.left { left: -200px; }

		#page-navigation ul ul li {
			margin: 0; padding: 0;
			width: 200px;
			background: none;
			line-height: 1em;
		}
		
			#page-navigation ul li ul li a {
				padding: 5px 10px;
				width: 180px;
				background: none;
				text-align: left;
				color: #fff;				
				line-height: 15px;
			}
			
			#container #page-navigation ul li ul li a:hover { background-color: #363636; }
	
	/* 2nd level */
	#container #page-navigation ul ul ul {
		left: 170px; top: 0;
		width: 200px;
		font-size: 100%;
	}
		#container #page-navigation ul ul ul.left { left: -210px; }

		
/* end page navigation */		

/*======================================
	=Custom Styles and Microformats
======================================*/

.summary { display: block; margin: 5px 0 0 110px; font-style: normal; font-size: 11px; color: #999; }
.error { position: relative; color: #c00; font-style: italic; padding-left: 15px; background: url(images/i_alert.gif) no-repeat 0 .3em; }
.note { font-style: italic; }
.tel { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_phone.gif) no-repeat 0 .4em; }
.email-address { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_email.gif) no-repeat 0 .4em; }
.fax { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_fax.gif) no-repeat 0 .4em; }


/*======================================
	=WordPress Microformats
======================================*/

img.alignright { float: right; display: inline; width: auto; margin: 0 0 1em 1em; }
img.alignleft { float: left; display: inline; width: auto; margin: 0 1em 1em 0; }

#content div.columns { float: left; display: inline; width: 560px; }
#content div.columns ul { float: left; display: inline; width: 240px; margin: 0 20px 1em 20px; }

/*======================================
	=Progressive Enhancements
======================================*/

/* text shadows */

#page-navigation ul li a { 
	text-shadow: 1px 1px #131313;
}

.buttons input,
input.button {
	text-shadow: 1px 1px #470002;
}

/* border radius */

#page-navigation ul ul a:hover,
.buttons input,
input.button { 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#page-navigation ul ul { 
	-moz-border-radius: 0 0 4px 4px !important; 
	-webkit-border-bottom-left-radius: 4px !important;
	-webkit-border-bottom-right-radius: 4px !important;
	border-radius: 0 0 4px 4px;
}
#phone { position: absolute; left: 700px; top: 15px; }