/*
Theme Name: Jared Pendergraft.com
Description: The theme for Jared Pendergraft.com
Version: 8.0
Author: Jared Pendergraft
Author URI: http://www.jaredpendergraft.com
*/

/*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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/*Global*/
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Helvetica, Verdana, Arial, sans-serif;
text-rendering: optimizeLegibility;
background:#EEE;
color:#000;
margin: 0;
padding: 0;
}
span {
}
a {
color:#000;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#666;
}
a img {
border:none;
}
ul {
margin:0px;
padding:0px;
list-style:none;
}
li {
margin:0px;
padding:0px;
list-style:none;
color:#666;
}

/*Typography*/

strong {
font-weight:bold;
}
em {
font-style:italic;
}
p {
margin:0;
margin-bottom:20px;
padding:0;
font-size:1.2em;
line-height:1.6em;
}
h1 {
font-size:4em;
margin:0;
padding:0;
}
h2 {
margin:0;
padding:0;
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;
}
hr {
border:none;
border-bottom:1px solid #ccc;
margin:20px 0;
}

/*Positioning*/
.clear {
clear: both;
}
.center {
text-align: center;
}
.fourohfour {
text-align: center;
line-height:2em;
padding:4em 0;
font-weight:normal;
}
.right {
float:right;
}
.left {
float:left;
}
.none {
visibility:hidden;
}

/*The Grid*/
.one {
width:100px;
padding:10px;
float:left;
overflow:hidden;
}
.two {
width:220px;
float:left;
padding:10px;
overflow:hidden;
}
.three {
width:340px;
float:left;
padding:10px;
overflow:hidden;
}
.three-five {
width:400px;
float:left;
padding:10px;
overflow:hidden;
}
.four {
width:460px;
float:left;
padding:10px;
overflow:hidden;
}
.five {
width:580px;
float:left;
padding:10px;
overflow:hidden;
}
.six {
width:700px;
float:left;
padding:10px;
overflow:hidden;
}
.seven {
width:820px;
float:left;
padding:10px;
overflow:hidden;
}
.eight {
width:940px;
padding:10px;
margin:0 auto;
overflow:hidden;
}

#wrap {
width:1000px;
margin:0 auto;
padding:0;
overflow:hidden;
}

/*Header*/
#header {
height:135px;
padding-left:20px;
margin:0 auto;
}
	#logo {
	height:105px;
	display:block;
	background:url(images/logo.jpg) no-repeat;
	}
	#nav {
	}
			#nav li {
			width:99px;
			border-left:1px solid #DDD;						
			}
			#nav .last-nav {
			width:119px;
			}
			#nav li#current, #nav li:hover {			
			background:#FFF;
			}
				#nav li a {
				height:115px;
				font-size:1.8em;
				line-height:115px;			
				display:block;
				text-align:center;	
				color:#666;											
				}	
				#nav ul li a:hover, #nav li#current a{										
				color:#000;
				}	
		
/*Body - Main*/
#content {
margin:0 auto;
padding:20px;
overflow:hidden;
background:#FFF;
}
.title {
border-bottom:5px solid #000;
padding-bottom:10px;
margin-bottom:20px;
}
	#about {
	padding-bottom:20px;
	}
		#services {
		background:#333;
		color:#FFF;	
		}	
		#services .under {
		border-bottom:3px solid #FFF;
		padding-bottom:5px;
		}
			#services ul {
			margin-top:10px;
			}
				#services ul li {
				font-size:1.2em;
				margin:10px 0;
				margin-left:18px;
				list-style-position:inside;
				list-style:square;
				color:#FFF;
				}	
			#services p {
			padding-left:3px;
			padding-bottom:0;
			margin:0;
			font-weight:bold;
			}
	#recent{	
	}
			#recent ul li {
			display:inline;		
			padding-top:20px;
			padding-bottom:15px;
			border-bottom:5px solid #FFF;
			}
			#recent ul li:hover {
			border-color:#000;
			}
			#recent ul li img {
			border:none;
			width:198px;
			border:1px solid #CCC;
			margin:0 auto;
			display:block;			
			}			
			
/*Top Labels for Sections*/
#top {
margin-bottom:40px;
border-bottom:5px solid #000;
}
	#top h1, .title {
	font-size:3.5em;
	font-weight:bold;
	}
	#top h2 {
	font-size:1.875em;
	border:none;
	margin:0;
	margin-bottom:10px;
	}
	#top p {
	font-size:1.6em;
	color:#666;
	margin:1em 0;
	}
	.top_meta {
	width:219px;
	float:left;
	border-left:1px solid #ccc;
	margin-bottom:10px;
	}
	.top_meta_2 {
	width:449px;
	float:left;
	border-left:1px solid #ccc;
	padding-top:48px;
	margin-bottom:20px;
	}
		.top_meta li a {
		font-size:1.2em;
		line-height:1.6em;
		margin-bottom:5px;
		width:200px;
		color:#666;
		}
		.top_meta li a:hover {
		color:#000;
		}
		
.photos {
clear:both;
}
.photos .six {
width:699px;
border-left:1px solid #ccc;
margin-bottom:40px;
}
.photos_next a {
height:25px;
padding-right:35px;	
padding-left:10px;
float:left;
line-height:25px;
color:#fff;
background:url(images/next.jpg) right no-repeat #000;
display:block;
margin-top:40px;
}
.videos h2 {
margin-top:20px;
margin-bottom:10px;
}
/*Blog - Body*/
.post, .post_work {
margin-bottom:40px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}		
	.post ul li, .post_work ul li {
	font-size:1.2em;
	margin:20px 0;
	margin-left:18px;
	color:#666;
	list-style:square;
	}	
	.post_title {
	font-weight:bold;
	margin-bottom:20px;
	}
	.post_time {
	
	}
	.post_content {
	
	}
	.post_meta {
	
	}
	.post_meta h4 {
	text-align:center;
	}
	.post nav {
	margin-bottom:20px;
	padding:20px;
	}
	.post img {
	max-width:458px;	
	margin:20px 0;
	}
	.post .border {
	border:1px solid #ccc;
	}
	.post_work img {
	width:598px;
	border:1px solid #CCC;
	margin-bottom:20px;
	float:right;
	}
	.post_work .next a {
	float:left;
	font-size:1.2em;
	}
		.prev a {
		height:25px;
		padding-left:35px;
		padding-right:10px;	
		float:left;
		line-height:25px;
		color:#fff;
		background:url(images/prev.jpg) no-repeat #000;
		display:block;
		margin-bottom:40px;
		}
		.next a {
		height:25px;
		padding-right:35px;	
		padding-left:10px;
		float:right;
		line-height:25px;
		color:#fff;
		background:url(images/next.jpg) right no-repeat #000;
		display:block;
		margin-bottom:40px;
		}
		
/*Body - Blog - Comments*/
	.comment_holder {
	margin:20px 0;
	padding-top:20px;
	border-top:1px solid #ccc;
	}
	.comment_holder h3 {
	margin-bottom:20px;
	}
	.commentlist {	
	
	}
	
			.commentlist li {
			color:#000;		
			}		
	
	.comment-author {
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
	}
	.fn, .says {
	font-style:normal;
	font-weight:normal;	
	}
	.says {
	text-transform:lowercase;
	}
	.comment-meta {
	visibility:hidden;
	}
	.thread-odd {
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	margin:20px 0;
	padding-top:20px;
	}
	.thread-even {
	
	}
	#comment-form {
	width:490px;
	float:right;
	padding:10px 0;
	overflow:hidden;
	background:#eee;
	}
	#comment-form p {
	margin-bottom:10px;
	}
	#comment-form h3 {
	padding-left:10px;
	}
		#comment {	
		width:97%;
		margin:20px 0;
		}		
		#comment-logged-in {
		width:97%;
		margin:0;
		}


/*Form Elements*/
input, textarea {
padding:5px;
margin-bottom:5px;
border:none;
border:1px solid #ccc;
}
:focus {
outline: 0;
border:1px solid #666;/*Green*/
}
label {
font-size:1.2em;
line-height:1.6em;
}
#submit, #searchsubmit, .button a, #contactsubmit {
background:#000;
padding:5px 10px;
color:#fff;
float:right;
}

/*Contact Form*/
.contactform {

}
.contactform .tcf_input {display:none !important; visibility:hidden !important;}
.contactform label {
clear:both;
width:100%;
font-size:1.2em;
line-height:1.6em;
display:block;
}
.contactform input {
clear:both;
width:220px;	
}
.contactform .tcf_captcha {
display:block;
clear:both;
}
.contactform textarea {
width:450px;
max-width:450px;
margin:5px 0;
overflow:hidden;
clear:both;
}
.contactform #contactsubmit {
margin-top:10px;
width:100px;
display:block;
clear:both;
}
.contactform_respons {			
padding:5px 10px;
float:left;
clear:left;
margin:0 auto;
margin-bottom:20px;
background:#000;
color:#fff;
display:block;
border: 1px solid #bbb;
font-size:3em;
}
.contactform_error {					
padding:5px 10px;
float:left;
clear:left;
margin:0 auto;
margin-bottom:20px;
background:#000;
color:#fff;
display:block;
border: 1px solid #bbb;
}

/*Footer*/
#footer {
width:960px;
padding:0 20px;
margin:0 auto;
background:#000;
color:#FFF;
}
#footer a {
color:#FFF;
}
#footer a:hover {
color:#CCC;
}
#footer li {
padding-top:10px;
font-size:1.2em;
line-height:40px;
display:inline;
}
#footer ul li a:hover, #footer li#current a{										
color:#CCC;
}	
#sub-nav {
float:right;
}
	.meta p {
	padding-top:10px;
	word-spacing:0;
	margin-bottom:5px;
	}
		
/*Site Map*/
.site_map ul li {
margin:0;
margin-bottom:20px;
}
.site_map li a {
font-size:1.4em;
height:25px;
color:#666;
display:block;
}
.site_map li a:hover {
height:24px;
border-bottom:1px solid #000;
}
.site_map h2 {
font-weight:bold;
margin-bottom:20px;
}

/*Search*/
#searchbox{
overflow:hidden;
padding-top:20px;
}
#searchform {
overflow:hidden;
margin:0;
padding:0;
}		
#searchform label {
visibility:hidden;
display:none;
}
#searchform #s {
float:left;
overflow:hidden;
margin:0;
width:180px;
}
#submit {
float:right;
margin:0;
padding:5px;
}
#searchsubmit {	
float:right;
margin:0;
padding:0 5px;
width:120px;
text-align:center;
line-height:25px;
height:25px;
}