/*
Theme Name: Emphasis
Version: 1.0
Description: Emphasis is a simple, elegant WordPress theme focused on content. Features include dynamic first post styling, live filter on archive pages, and the theme is fully widgetized.
Author: Nathan Barry
Author URI: http://nathanbarry.com
Tags: two-columns, fixed-width, right-sidebar, white, orange, tan
*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }



body {
	margin: 0px;
	background: #d4e8d3 url('img/header.jpg') repeat-x;
	color: #4f4f4f;
	line-height: 1.5; 
  	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 75%;
	}
	
	


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #ff9200; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; text-transform: uppercase; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
	
	
	
a {
	color: #ff9200;
	text-decoration: none;
	padding: 2px;
	}
	
	a:hover {
		color: #fff;
		background: #ff9200;
		}
		
	a:visited {
		
		}	
		.navigation { height: 30px; }

		
		.aligncenter,
		div.aligncenter {
		   	display: block;
		   	margin-left: auto;
		   	margin-right: auto;
			}
		
		.alignleft {
		   	float: left;
			}
		
		.alignright {
		   	float: right;
			}
		
		.wp-caption {
		   	border: 1px solid #ddd;
		   	text-align: center;
		   	background-color: #f3f3f3;
		   	padding-top: 4px;
		   	margin: 10px;
		   	/* optional rounded corners for browsers that support it */
		   	-moz-border-radius: 3px;
		   	-khtml-border-radius: 3px;
		   	-webkit-border-radius: 3px;
		   	border-radius: 3px;
			}
		
		.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;
			}
		

		
br { clear: both; }		
	
	#header {
		width: 950px;
		margin: 0 auto;
		}
		
		
		#header h1#logo {
				margin-top: 0px;
				float: left;
				}		
		
		#header h1#logo a { 
					color: #fff;
					text-shadow: 1px 1px 1px #000;
		/* This code does an image replacement for the site title. Use it to link to a logo
					text-indent: -9999px;
					display: block; 
					background: url('img/logo.png') no-repeat;
					width: 313px;
					height: 34px;*/
					}
					
					
				#header h1#logo a:hover {
						color: #ff9200;
						background: none;
						}
						
		#header #description {
				margin: 0px;
				padding: 0 0 60px;
				float: left;
				clear: left;
				}
					
		#header #search {
			float: right;
			position: relative;
			top: 0px;
			margin-left: 550px;
			background: url('img/search.jpg') no-repeat center bottom;
			width: 390px;
			height: 55px;
			}
			
			#header #search div {
					padding: 10px;
			}
			
				#header #search #header-s {
						background: #1f1f33;
						border: none;
						padding: 8px;
						color: #fff;
						width: 250px;
						font-size: 14px;
						
				}
		
				#header-search-submit {
						background: url('img/search-submit.jpg');
						text-indent: -9999px;
						border: none;
						width: 81px;
						height: 37px;
						cursor: pointer;
						}
				
		#nav {
				list-style: none;
				padding: 0px;
				background: #fff url('img/nav.jpg');
				width: 950px;
				height: 35px;
				margin: 0px;
				clear: left;
				}
		
				#nav li { float: left; }
				
					#nav a {
							float: left;
							display: block;
							padding: 8px 30px;
							background: url('img/nav-divider.jpg') no-repeat right top;
							color: #fff4e6;
							text-decoration: none;
							text-transform: uppercase;
							
							}
							
							#nav a:hover {
									color: #fff;
									text-shadow: 1px 1px 1px #ac6100;
									}
							
							#nav .current_page_item a {
										background: #fff url('img/nav-current.jpg') top center repeat-x;
										border: solid #fff 3px;
										border-bottom: none;
										margin-top: -6px;
										color: #1e1e30;
										padding: 10px 35px;
										text-shadow: none;
										cursor: default;
										}


	#wrapper {
		margin: 0px auto;
		width: 950px;
		}
		
	#content {
		width: 630px;
		float: left;
		margin-bottom: 40px;
		}
		
		.post {
			background: #fff;
			border: solid 1px #cdd9cc;
			padding: 0px 39px 39px;
			}
				.index-post {
					background: #fff;
					border: solid 1px #cdd9cc;
					padding: 20px;
				}
						
		
		.title { 
			width: 930px;
			position: relative;
			top: -1px;
			left: -50px;
			background: #fff url('img/title-shadow.jpg') no-repeat center bottom;
			padding: 20px 20px 50px;
			}
		
			.title h2 {
				color: #323232;
				font-size: 30px;
				font-weight: bold;
				margin: 0; 
				padding: 0;
				}
				
				.author { display: block; text-transform: uppercase; }
					.author-name { color: #ff9200; }
				.date { display: block; font-weight: bold; margin: 0;}
				
		
	#sidebar {
		width: 320px;
		float: left;
		margin: 200px 0px 0px;
		}
		
		.single #sidebar {
				margin: 200px 0px 0px;
				}
				
		.page #sidebar { margin: 150px 0 0; }
		
		#sidebar li { list-style: none; }
		
		#sidebar li.widget { padding: 10px 0px; }
		
		#sidebar h2 {
				text-shadow: 1px 1px 1px #fff;
				}

	#footer {
		background: #47476e url('img/footer.jpg') repeat-x;
		clear: both;
		color: #fff;
		padding: 20px 0px 0px;
		}
		
		#footer-content {
				width: 950px;
				margin: 0 auto;
				}
				
				#footer-content li.widget {
						width: 300px;
						float: left;
						list-style: none;
						margin-right: 15px
						max-height: 258px;
						overflow: hidden;
						}
						
						#footer-content li.widget ul {
								list-style: none;
								margin: 0px;
								}
						
						#footer-content li.widget .textwidget {
								color: #c5c6e6;
								}
				
					#footer-content li.widget h4 {
							color: #fff;
							}
							
					#footer-content #calendar_wrap caption {
								background-color: #282840; 
								}
							
							
						
		
		#sub-footer { 
			background: #1c1c2e;
			padding: 20px 0px;
			color: #fff;
			margin: 20px 0px 0px;
			clear: both;
			}
			
			#sub-footer .container { 
					width: 950px;
					margin: 0 auto;
					}
			
			#sub-footer a {
					color: #fff;
			}
		
		
		
/* Content Styling */

#content img {
	padding: 2px;
	border: solid 1px #858585;
	}
	
#content p {
	
	}
	
	.postmetadata {
			clear: both;
			}
	
/* Archives Page */


#content.archive .post { padding: 39px 39px 20px; }
#filter { font-size: 16px; }

#filter #q {
		padding: 5px;
		border: solid #ccc 2px;
		font-size: 16px;
		width: 300px;
		}

#posts {
		list-style: none;
		padding: 0;
		margin: 0;
		}
		
		#posts li { padding: 10px; background: #fff; border: solid 1px #cdd9cc; }


/* Comment Styling */

#comments {
		padding: 10px 0px;
}

	#comments textarea {
			width: 480px;
			}

.commentlist {
		
	}
	
	.commentlist li {
			clear: left;
			margin: 10px 0px;
			list-style: none;
	}
	
	.author-info {
			display: block;
			float: left;
			width: 130px;
			background: url('img/avatar-bg.jpg') no-repeat;
			}
			
			#comments .author-info img {
					border: none;
					padding: 5px;
					margin: 0 40px 0 0;
			}
	
		.author-info a {
				color: #4f4f4f;
				font-weight: bold;
				}
			
				.author-info a:hover {
						color: #fff;
						}
				
		.author-info .comment-date {
				display: block;
				}
			
			
		.comment-talk {
				display: block;
				width: 28px;
				height: 39px;
				background: url('img/comment-talk.jpg') no-repeat;
				postion: relative;
				margin: -21px 0 0 -48px;
				}
			
	.comment-text {
			display: block;
			float: left;
			width: 400px;
			background: #b9d2b8;
			border: solid #fff 1px;
			padding: 20px;
			}
			
	#comment-reply {
			margin-left: 150px;
			}
			
/* Home Page Styles */

	.title.home {
			background: #fff url('img/title-shadow-blank.jpg') no-repeat center bottom;
			left: -10px;
			top: 0px;
		}
		
	.post.home {
			background: none;
			border: none;
			padding: 0px;
		}
		
		a.featured-post {
				width: 630px;
				height: 280px;
				float: left;
				background: url('img/post-image.jpg');
				display: block;
				padding: 0px;
				font-size: 26px;
				}
				
				a.featured-post:hover { width: 620px; height: 270px; border: solid #5a5c8b 5px; background-position: -5px -5px; }
				
					a.featured-post:hover .featured-title { padding: 20px 10px 20px 15px; margin-top: 95px; }
				
				.featured-title { 
						padding: 20px 10px 20px 20px; 
						width: 300px; 
						background: url('img/featured-title.png'); 
						font-size: 22px; 
						color: #fff; 
						display: block; 
						font-weight: 100;
						margin-top: 100px;
						max-width: 400px;
						}
		
		.home-content {
				width: 270px;
				float: left;
				margin: 0 0 0 30px;
				}
				
				.home-content p {
						text-transform: uppercase;
						font-size: 34px;
						color: #323232;
						line-height: 34px;
						padding: 30px 0px 0px;
				}
				
				.home-content strong {
						color: #ff9200;
						font-weight: normal;
						
				}
				
				.home-link { margin: 0px 0px 0px 160px; text-transform: uppercase; }
				
	
	.home #sidebar {
		margin: 400px 0px 0px;
		}
		
		.home h2 a {
				padding: 0px;
		}
		
		.home small {
				display: block;
				position: relative;
				top: -20px;
		}
		
		.home .meta {
				float: left;
				margin: 0px 0px 0px;
		}
		
		.index-post {	
			margin: 0px 0px 15px;
			}
		
		.comment-number {
				display: block;
				width: 31px;
				height: 38px;
				background: url('img/comment.jpg') no-repeat;
				color: #fff;
				font-size: 20px;
				line-height: 30px;
				text-align: center;
				float: left;
				margin: 10px 0px 0px 10px;
		}
		
		.home .entry {
				clear: left;
		}