/*
Theme Name: Chip's Auto Restoration
Description: The theme for Chip's Auto Restoration
Version: 3.0
Author: Jared Pendergraft
Author URI: http://www.jaredpendergraft.com
*/

/*Global*/

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Helvetica, Verdana, Arial, sans-serif;
background:#111;
color:#111;
margin: 0;
padding: 0;
}
span {
font-weight:bold;
}
a {
color:#444;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#7C1416;
}
a img {
border:none;
}
ul {
margin:0px;
padding:0px;
}
li {
list-style:none;
margin:0;
padding:8px;
border-bottom:1px solid #fff;
font-size:1.2em;
}

/*Typography*/

p {
margin-bottom:20px;
padding:0;
font-size:1.2em;
line-height:1.4em;
}
h1 {
font-size:3em;
margin:0;
margin-bottom:20px;
padding:0;
color:#444;
}
h2 {
margin:0;
margin-bottom:20px;
padding:0;
color:#444;
font-size:1.875em;
}
h3 {
margin:0;
padding:0;
font-size:1.6em;
font-weight:normal;
}
h4 {
margin:0;
padding:0;
font-size:1.2em;
}
.grey {
color:#666;
}
.red {
color:#7C1416;
}
/*Positioning*/
.clear {
clear: both;
}
.center {
text-align: center;
}
.fourohfour {
text-align: center;
line-height:2em;
margin:40px 0;
font-weight:normal;
}
.full {
min-height:600px;
}
.right {
float:right;
}
.left {
float:left;
}

/*The Grid*/
.one {
width:230px;
float:left;
overflow:hidden;
padding:10px;
}
.two {
width:480px;
float:left;
overflow:hidden;
padding:10px;
}
.three {
width:730px;
float:left;
padding:10px;
overflow:hidden;
}
.four {
width:980px;
margin:0 auto;
padding:10px;
overflow:hidden;
}

#wrap {
width:100%;
margin:0 auto;
padding:0;
}
#outer {
width:100%;
margin:0 auto;
padding:10px 0;
}
	.header {
	background:url(images/chain.jpg) repeat-x;
	border-top:2px solid #444;
	border-bottom:2px solid #444;
	}
	.news {
	background:#7C1416;
	}
	.footer {
	background:url(images/chain_reverse.jpg) repeat;
	border-top:2px solid #444;
	border-bottom:2px solid #444;
	}
/*Header*/
#header {
width:1000px;
margin:0 auto;
padding:0 12px;
}
	#logo {
	height:125px;
	width:300px;
	float:left;
	background:url(images/logo.png) no-repeat left center;
	}
	#nav {
	width:400px;
	padding:0 12px;
	float:left;	
	}
	#nav ul {
	float:right;
	margin-top:50px;	
	}
			#nav ul li {
			float:left;
			width:114px;
			padding:5px;
			margin-left:5px;			
			text-align:center;
			border: 1px solid #444;  
			-moz-border-radius: 5px;  
			-webkit-border-radius: 5px; 
			background:url(images/button_on.png);			
			}
			#nav ul li:hover {
			background:url(images/button.png);	
			}
			#nav li#current {
			background:url(images/button.png);
			border-bottom:1px solid #ccc;	
			}
				#nav ul li a {
				font-size:1.4em;
				color:#ccc;
				font-weight:normal;
				display:block;
				}
				#nav ul li a:hover, #nav ul li#current a {
				color:#F5C23A;
				}
	.contact_holder {
	margin-top:35px;
	width:276px;
	float:left;
	overflow:hidden;
	}
	.contact_holder_hello h2 {
	font-weight:normal;
	color:#FFF;
	text-align:center;
	}
	.contact_holder_hello span.highlight {
	color:#F5C23A;
	}
		
/*Body - Main*/


#content {
width:1002px;
padding:10px 20px;
margin:20px auto;
border:1px solid #ccc;	
-moz-border-radius:10px;  
-webkit-border-radius:10px;  
background:url(images/grey_gradient.jpg) repeat-x top #ccc;
}
	.border_left {
	border-left:1px solid #fff;
	}
	.recent {
	width:265px;
	float:left;
	overflow:hidden;
	padding:10px;
	padding-left:200px;
	}	
		.recent h3, .awards h3, .news_list h3 { 
		padding:5px;
		margin:0;
		background:url(images/button.jpg) repeat-x #111;
		color:#fff;
		font-size:1.4em;
		border-bottom:1px solid #fff;
		}	
		.recent_news {
		background:url(images/newspaper.png) no-repeat;	
		}
		.recent_awards {
		background:url(images/trophy.png) no-repeat;	
		}
	.forward {
	margin-top:20px;
	width:225px;
	height:30px;	
	float:left;
	text-align:center;
	border:1px solid #fff;	
	-moz-border-radius:10px;  
	-webkit-border-radius:10px; 
	background:url(images/forward.jpg) no-repeat right;			
	}
	.back {
	margin:20px 10px;
	width:225px;
	height:30px;	
	text-align:center;
	border:1px solid #fff;	
	-moz-border-radius:10px;  
	-webkit-border-radius:10px; 
	background:url(images/back.jpg) no-repeat;			
	}
	.contact_us {
	margin:0 auto;	
	width:225px;
	height:30px;	
	text-align:center;
	border:1px solid #444;	
	-moz-border-radius:10px;  
	-webkit-border-radius:10px; 
	background:url(images/contact.jpg) no-repeat;	
	}
		.forward:hover, .back:hover {
		border:1px solid #444;
		}
		.contact_us:hover {
		border:1px solid #666;
		}
		.forward a, .back a, .contact_us a {
		font-size:1.2em;
		font-weight:normal;		
		line-height:30px;	
		text-transform:uppercase;
		word-spacing:0.25em;
		color:#ccc;
		display:block;
		}
		.forward a:hover, .back a:hover, .contact_us a:hover {
		color:#F5C23A;
		}
	.bottom {
	width:100%;
	margin-top:40px;
	padding-top:10px;
	border-top:5px solid #444;
	}
	.awards h2 {
	margin:10px 0;
	font-size:1.6em;
	text-align:center;
	color:#7C1416;
	}
#top {
border-bottom:5px solid #444;
margin-bottom:20px;
padding-bottom:10px;
}
.project_holder {
margin-bottom:20px;
border: 1px solid #ccc;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;
background:#fff;
}
	.project_holder h2 {
	margin:0;
	padding:5px;
	color:#fff;
	background:url(images/button.jpg) repeat-x;
	text-align:center;
	font-weight:normal;
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-top-right-radius: 10px;
	}
	.project_text {
	width:300px;
	padding:10px 20px;
	float:left;
	}
	.project_text p {
	margin-top:20px;
	font-size:1.6875em;
	}
	.project_image {
	width:609px;
	padding:20px;
	float:right;
	border-left:1px solid #ccc;
	}
		.project_image img {
		height:402px;
		width:600px;
		overflow:hidden;
		margin:0 auto;
		border:1px solid #ccc;
		background:url(images/loading.gif) no-repeat center;
		}
	.hide {
	background:#fff;
	height:1px;
	width:1px;
	overflow:hidden;
	visibility:hidden;
	}
	#thumbnails {
	width:650px;
	margin:0 auto;
	display:hidden;
	}
	#thumbnails img {
	height:402px;
	width:600px;
	overflow:hidden;
	margin-bottom:10px;
	border:1px solid #ccc;
	background:url(images/loading.gif) no-repeat center;
	}
#modal {
height:100%;
padding:20px;
background:url(images/grey_gradient.jpg) repeat-x top #ccc;
}
.modal_meta {
width:50%;
margin:0 auto;
padding:0;
}
	.modal_meta h2 {
	line-height:2em;
	padding:5px;
	color:#ccc;
	text-align:center;
	border: 1px solid #fff;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;
	background:url(images/button.jpg) repeat-x #111;
	}

/*Contact Form*/
.contactform {

}
.tcf_input {display:none !important; visibility:hidden !important;}
.contactform label {
clear:both;
display:block;
font-size:1.2em;
line-height:1.6em;
font-weight:bold;
}
.contactform input {
clear:both;
width:200px;
margin:5px 0;
padding:5px;
border:1px solid #ccc;		
}
.contactform input:focus {
outline: none;
border:1px solid #aaa
}
.contactform textarea {
width:100%;
height:85px;
clear:both;
padding:5px;
border:1px solid #ccc;
}
.contactform textarea:focus {
outline: none;
border:1px solid #aaa;
}
.contactform #contactsubmit {
width:75px;
height:30px;
margin:5px 0;
padding:5px;
color:#ccc;
border: 1px solid #fff;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;
background:url(images/button.jpg) repeat-x;
clear:both;
display:block;
}

.contactform #contactsubmit:hover {
border:1px solid #444;
color:#F5C23A;
}

.contactform_respons {			
padding:5px 10px;
margin:0 auto;
margin-bottom:20px;
background:#000;
color:#fff;
text-align:center;
display:block;
border: 1px solid #bbb;
font-size:2em;
}
.contactform_error {					
padding:5px 10px;
float:left;
margin:0 auto;
margin-bottom:20px;
background:#000;
color:#fff;
display:block;
border: 1px solid #bbb;
}

/*Blog - Body*/
.post {
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid #fff;
}
	.post h1 {
	margin:10px 0;
	padding:5px 0;	
	padding-left:10px;
	font-size:2em;
	background:url(images/button.jpg) repeat-x #111;
	color:#fff;
	}
	.post h1 a {
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	}
	.post h1 a:hover {
	color:#F5C23A;
	}
	.underline {
	margin-top:20px;
	}
	.post h2 {
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:3px solid #111;
	}
	.post_comments {
	text-align:center;
	}
	.post ul li {
	font-size:1.2em;
	margin:20px 0;
	margin-left:18px;
	color:#444;
	list-style:square;
	border:none;
	}	
	.post_nav {
	width:1000px;
	}
	.post img {
	overflow:hidden;
	border:1px solid #ccc;
	margin-bottom:20px;
	}
	.post .border img {
	border:none;
	}
	.post_work img {
	max-width:650px;
	margin-bottom:20px;
	float:right;
	}
		.prev a {
		height:27px;
		width:40px;
		padding-left:50px;
		padding-right:10px;
		padding-top:10px;
		font-size:1.4em;
		float:left;
		color:#ccc;
		border: 1px solid #444;  
		-moz-border-radius: 5px;  
		-webkit-border-radius: 5px; 
		background:url(images/prev.png) no-repeat 5px 3px #111;
		display:block;
		}
			.prev  a:hover {
			color:#fff;
			background:url(images/prev.png) no-repeat 5px 3px #222;
			}
		.next a{
		height:27px;
		width:40px;
		padding-right:60px;
		padding-left:10px;
		padding-top:10px;
		font-size:1.4em;
		float:right;
		color:#ccc;
		border: 1px solid #444;  
		-moz-border-radius: 5px;  
		-webkit-border-radius: 5px; 
		background:url(images/next.png) no-repeat 70px 3px #111;
		display:block;
		}
			.next a:hover {
			color:#fff;
			background:url(images/next.png) no-repeat 70px 3px #222;
			}
	
/*Blog - Comments*/

.commentlist li {
margin-bottom:10px;
}		
.comment-author {
margin-bottom: 20px;
padding-bottom: 3px;
border-bottom:1px solid #ccc;
font-size: 1.2em;
text-transform:uppercase;
font-weight:bold;
}
/*To Fight Wordpress' Default Comment Stuff*/
	.fn {
	font-style:normal;
	}
	.says {
	display:none;
	}
	.commentmetadata { 
	display:none;
	}
	.thread-odd {
	border: 1px solid #ccc;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;
	background:#fff;
	}
	.thread-even {
	border: 1px solid #ccc;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;
	background:url(images/grey_gradient.jpg) repeat-x top #ccc;
	}
	.contact p {
	margin-bottom:10px;
	}
	#commentform input {
	margin:5px 0;
	padding:5px;
	border:1px solid #ccc;
	}
	#commentform input:focus {
	outline: none;
	border:1px solid #aaa;
	}
	#commentform textarea {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	}
	#commentform textarea:focus {
	outline: none;
	border:1px solid #aaa;
	}
	#commentform #submit {
	height:30px;
	margin:5px 0;
	padding:5px;
	color:#ccc;
	border: 1px solid #fff;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;
	background:url(images/button.jpg) repeat-x;
	float:right;
	}
	#commentform #submit:hover {
	border:1px solid #444;
	color:#F5C23A;
	}

/*Footer*/
#footer {
width:1000px;
padding:0;
margin:0 auto;
margin-bottom:20px;
}
#footer a {
color:#ccc;
}
#footer a:hover {
color:#F5C23A;
}
.meta {
width:425px;
float:left;
}
.meta p {
float:left;
color:#666;
line-height:50px;
padding-right:40px;
}
.meta_graphic {
width:35px;
height:35px;
margin-top:10px;
padding-right:20px;
float:left;
overflow:hidden;
}		
	.jpd {
	background:url(images/jpd.png) no-repeat;
	}
	.wordpress {
	background:url(images/wordpress.png) no-repeat;
	}
.site_map a{
font-size:2em;
}
/*Search*/
.search {
width:250px;
background:url(images/button_on.png);
padding:10px;
border: 1px solid #444;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
float:right;
display:inline;
overflow:hidden;
}
#searchform {
overflow:hidden;
margin:0;
padding:0;
}		
#searchform label {
visibility:hidden;
display:none;
}
#searchform #s {
float:left;
width:165px;
padding:2px;
display:block;
overflow:hidden;
}
#searchsubmit {	
float:right;
background:url(images/button_on.png);
padding:5px;
border: 1px solid #444;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
color:#ccc;	
overflow:hidden;
display:block;
}