/*
Theme Name: Jim Barbey Automotive
Version: 2010
Author: Robert Spangler
*/


/*------------------------------
=CSS Reset */
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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1.4;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
abbr, acronym {cursor: help; border-bottom: 1px dotted #777;}


/*------------------------------
=General Styles */
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #222;
	background: #000521 url(images/bg_page.jpg) repeat-x top;
	padding: 30px 0 25px 0;
}

h1 {
	font: 28px Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
}
h2 {
	font: 20px Arial, Helvetica, sans-serif;
	margin: 18px 0 12px;
}
h3 {
	font: 16px Arial, Helvetica, sans-serif;
	margin: 15px 0 12px;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 15px 0 4px;
}
p {
	line-height: 1.45;
	margin: 0 0 15px 0;
}
a {
	color: #02129b;
}
a:hover {
	color: #5d6df6;
}
input.text, input.medium, textarea, select {
	border: 1px solid #888;
	background: #fff url('images/bg_input-text.gif') repeat-x top;
	padding: 4px;
}
.populate {
	color: #555;
}

#accessibility, .hidden {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}


/*------------------------------
=Container */
#container {
	width: 980px;
	position: relative;
	margin: 0 auto;
	background: #fff url(images/bg_container-mid.jpg) repeat-y;
}


/*------------------------------
=Header */
#header {
	width: 980px;
	height: 170px;
	background: url('images/bg_container-top.jpg') no-repeat top;
	padding: 20px 0 0 0;
}
	#header .logo {
		position: absolute;
		 top: 20px;
		 left: 10px;
	}
	#header p.call_slogan {
		position: absolute;
		 top: 15px;
		 right: 300px;
		font-style: italic;
		font-size: 14px;
		color: #777;
		margin: 0;
		padding: 0;
	}
	#header a.fb_fan {
		position: absolute;
		 top: 45px;
		 right: 300px;
		opacity: .8;
	}
	#header a.fb_fan:hover {
		opacity: 1.0;
	}
	#header .contact {
		width: 260px;
		position: absolute;
		  top: 10px;
		  right: 20px;
		text-align: left;
	}
		#header .contact .ase {
			float: right;
		}
		#header .contact p.tel {
			font: 28px Arial, Helvetica, sans-serif;
			text-align: right;
			margin: 0;
			padding: 0 75px 4px 0;
		}
		#header .contact p.address {
			text-align: right;
			padding-right: 75px;
		}
		
	#header ul#nav {
		position: absolute;
		top: 93px;
		right: 30px;
		list-style: none;
	}
		#header ul#nav li {
			float: left;
		}
			#header ul#nav li a {
				display: block;
				height: 49px;
				float: left;
			}
				#header ul#nav li a span {
					display: block;
					width: 0;
					height: 0;
					overflow: hidden;
				}
			#header ul#nav li.page-item-2 a {
				width: 84px;
				background: url(images/nav_home.gif) no-repeat;
			}
			#header ul#nav li.page-item-3 a {
				width: 112px;
				background: url(images/nav_services.gif) no-repeat;
			}
			#header ul#nav li.page-item-4 a {
				width: 113px;
				background: url(images/nav_about-us.gif) no-repeat;
			}
			#header ul#nav li.page-item-5 a {
				width: 196px;
				background: url(images/nav_hours-directions.gif) no-repeat;
			}
			#header ul#nav li.page-item-6 a {
				width: 125px;
				background: url(images/nav_contact-us.gif) no-repeat;
			}

			#header ul#nav li.page-item-2 a:hover {
				background-position: 0 -49px;
			}
			#header ul#nav li.page-item-3 a:hover {
				background-position: 0 -49px;
			}
			#header ul#nav li.page-item-4 a:hover {
				background-position: 0 -49px;
			}
			#header ul#nav li.page-item-5 a:hover {
				background-position: 0 -49px;
			}
			#header ul#nav li.page-item-6 a:hover {
				background-position: 0 -49px;
			}

			#header ul#nav li.page-item-2.current_page_item a {
				background-position: 0 -98px;
			}
			#header ul#nav li.page-item-3.current_page_item a {
				background-position: 0 -98px;
			}
			#header ul#nav li.page-item-4.current_page_item a {
				background-position: 0 -98px;
			}
			#header ul#nav li.page-item-5.current_page_item a {
				background-position: 0 -98px;
			}
			#header ul#nav li.page-item-6.current_page_item a {
				background-position: 0 -98px;
			}


/*------------------------------
=Content */
#content {
	width: 600px;
	float: left;
	padding: 0 0 60px 30px;
}

	#content ul {
		margin: 0 0 15px;
		padding: 0 0 0 30px;
	}
		#content ul li {
			margin: 0;
			padding: 0 0 2px;
		}

	#content dl.service {
		width: 190px;
		height: 290px;
		float: left;
		background-color: #e5e5e5;
		margin: 8px 10px 15px 0;
	}
		#content dl.service dt {
			background-color: #65698b;
			color: #fff;
			text-transform: uppercase;
			padding: 5px 10px;
			margin: 0 0 4px;
		}
		#content dl.service dd {
			padding: 0 5px 2px 10px;
		}

#content_1column {
	padding: 0 20px 40px;
}


/*------------------------------
=Home */
#banner_home {
	position: relative;
	width: 938px;
	height: 346px;
	background: url(images/banner_home.jpg) no-repeat top;
	border: 1px solid #bbb;
	margin: 0 0 15px;
}
	#banner_home .note {
		width: 365px;
		height: 140px;
		position: absolute;
		top: 70px;
		left: 112px;
		font: 14px Arial, Helvetica, sans-serif;
		line-height: 1.5;
	}
		#banner_home .note strong {
			font-size: 16px;
		}
		#banner_home .note p {
			margin: 0 0 4px;
		}
		#banner_home .note p.signature {
			display: block;
			width: 134px;
			height: 44px;
			text-indent: -99999px;
			background: url(images/signature_home.gif) no-repeat top left;
			margin: 0 0 0 20px;
		}

#content_1column .content {
	clear: both;
	padding-top: 25px;
}
	#content_1column .content p {
		margin-bottom: 13px;
	}
	#content_1column .content img.side_banner {
		float: left;
		margin: 0 15px 6px 0;
	}

#content_1column #sidebar_home {
	width: 940px;
}
	#content_1column #sidebar_home h5 {
		font-size: 32px;
	}
	#content_1column #sidebar_home .widget {
		width: 276px;
		height: px;
		float: left;
		padding: 12px;
	}

/*Hours and Directions*/
table#hours {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 15px;
}
	table#hours th {
		text-align: left;
		color: #fff;
		text-transform: uppercase;
		background-color: #65698b;
		padding: 10px;
	}
	table#hours td {
		padding: 6px 10px;
		border-bottom: 1px solid #bbb;
	}
	table#hours .day {
		width: 75%;
	}
	table#hours .hours {
		width: 25%;
	}

/*Contact Us*/
#content .gform_wrapper .gform_footer {
	padding-top: 10px;
	padding-left: 30px;
	margin-top: 0;
}
#content .gform_wrapper input.medium,
#content .gform_wrapper select,
#content .gform_wrapper textarea {
	padding: 4px;
}
#content .gform_wrapper .top_label input.large,
#content .gform_wrapper .top_label select.large,
#content .gform_wrapper .top_label textarea.textarea {
	width:70%;
}

/*------------------------------
=Sidebar */
#sidebar {
	width: 280px;
	float: right;
	padding: 0 10px 60px 0;
}
	#sidebar h5 {
		font-size: 32px;
	}
	#sidebar .widget {
		padding: 12px;
		margin-bottom: 30px;
	}
		#sidebar .widget p {
			margin-bottom: 8px;
		}
		#sidebar .widget ul {
			list-style: none;
		}
			#sidebar .widget ul li {
				border-bottom: 1px solid #bbb;
				padding: 6px 0;
			}
	
	#sidebar .widget img.wmt {
		float: left;
		margin: 0 5px 2px 0;
	}
	
	#sidebar #text-3 ul li {
		background: url(images/icon_check-green.gif) no-repeat left 5px;
		padding-left: 26px;
	}
	#sidebar #text-4,
	#sidebar_home #text-6 {
		border: 1px solid #bbb;
		background: #f8f5c3 url(images/bg_widget-feature.gif) repeat-x top;
	}
		#sidebar #text-4 .print,
		#sidebar_home #text-6 .print {
			text-transform: uppercase;
			font-weight: bold;
		}
	#sidebar #text-5,
	#sidebar_home #text-8 {
		color: #333;
	}
		#sidebar #text-5 ul,
		#sidebar_home #text-8 ul {
			border-top: 1px solid #bbb;
		}
		#sidebar #text-5 ul li.visit a,
		#sidebar_home #text-8 ul li.visit a {
			background: url(images/icon_garage.gif) no-repeat left center;
			padding-left: 24px;
		}
		#sidebar #text-5 ul li.contact a,
		#sidebar_home #text-8 ul li.contact a {
			background: url(images/icon_email.gif) no-repeat left center;
			padding-left: 24px;
		}

	#sidebar_home .home_widget {
		width: 276px;
		min-height: 122px;
		float: left;
		padding: 12px;
		margin-right: 20px;
	}
		#sidebar_home .home_widget p {
			margin-bottom: 8px;
		}
		#sidebar_home .home_widget ul {
			list-style: none;
		}
			#sidebar_home .home_widget ul li {
				border-bottom: 1px solid #bbb;
				padding: 6px 0;
			}

	#sidebar_home #text-6 {
		width: 274px;
	}
	#sidebar_home #text-7 {
		width: 274px;
		border: 1px solid #bbb;
	}
	#sidebar_home #text-8 {
		margin-right: 0;
	}



/*------------------------------
=Blog Styles */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 3px double #ccc;
	text-align: center;
	background-color: #eee;
	padding-top: 4px;
	margin: 10px 10px 18px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/*------------------------------
=Footer */
#footer {
	clear: both;
	background: #000521 url(images/bg_container-bot.jpg) no-repeat top;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 15px 0 20px 0;
	overflow: hidden;
}
	#footer a {
		color: #fff;
	}
	#footer a:hover {
		color: #aaa;
	}
	#footer ul.assurances {
		list-style: none;
	}
		#footer ul.assurances li {
			float: left;
		}
			#footer ul.assurances li img {
				float: left;
				margin: 0 15px 0 0;
			}
	#footer p.copyright {
		text-align: right;
		padding: 15px 0 0 0;
	}
	#footer iframe {
		float: right;
	}