/*
Theme Name: Everything's Gonna Be OK
Theme URI: http://everythingsgonnabeok.com/
Description: A custom theme for Everything's Gonna Be OK
Version: 1.0
Author: Nate at OK/No Way
Author URI: http://ok-noway.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;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
a{text-decoration:none;}
legend{display:none;}

/* all pages */

body {
	background: #ffde00;
	font: 13px/17px Arial,sans-serif;
	color: #2a2a29;
}

	.container {
		width: 944px;
		margin: auto;
	}
	
		.header {
			padding: 60px 0 25px;
		}
		
			.header h1 {
				height: 28px;
				width: 387px;
				background: transparent url('images/everythingsgonnabeok.png') no-repeat;
				margin-bottom: 1em;
			}

				.header h1 a {
					display: block;
					height: 100%;
					width: 100%;
					text-indent: -9999em;
				}
				
			.header ul {}
			
				.header ul li {
					display: inline;
					float: left;
					margin-right: 4px;
				}
				
					.header ul li a {
						background: white;
						padding: 4px 8px;
						font: bold 12px/12px Georgia,serif;
						color: #082d6b;
						text-transform: uppercase;
					}
					
					.header ul li a:hover {text-decoration: underline;}

	.article {
		background: white;
		position: relative;
		padding: 20px 390px 20px 35px;
		height: 180px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.article.first {
		padding: 20px 30px 20px 620px;
		height: 402px;
		margin-bottom: 20px;
	}
	
		.article .imageAttachment {
			position: absolute;
			right: 0;
			top: 0;
		}
	
		.article.first .imageAttachment {
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.article h2 {
			font: 24px/35px Georgia,serif;
			color: black;
		}
		
		.article.first h2 {
			font: bold 48px/42px Georgia,serif;
		}
		
			.article h2 a {color: inherit;}
			
		.article a {color: #ff3706;}
		.article a:hover {text-decoration: underline;}

		.article .postmetadata, .article small {
			color: #6a6b6a;
			font: 11px/16px Arial,sans-serif;
		}
		
			.article .postmetadata a, .article small a {text-transform: uppercase;}
		
		.article small {
			padding: 4px 0;
			margin-bottom: 1em;
			border-bottom: 1px dotted #9c9d9c;
			display: block;
		}
		
		.article p {margin-bottom: 1em;}
		
		.article .postTools {
			font: 11px/16px Arial,sans-serif;
			color: #a9a9a9;
		}
		
			.article .postTools li {
				display: inline;
				float: left;
				margin: 0 8px 0 0;
				background: transparent url('images/post_icons.png') no-repeat 0;
			}
			
			.article .postTools li.comments {background-position-y: 4px;}
			
			.article .postTools li.email {background-position-y: -20px;}
			
			.article .postTools li.photos {background-position-y: -72px;}
			
			.article .postTools li.stories {background-position-y: -44px;}
			
			.article .postTools li.quotes {background-position-y: -92px;}
			
				.article .postTools li a {padding-left: 16px;}
				.article .postTools li a:hover {text-decoration: none;}
				
				.article .postTools li.quotes a {padding-left: 22px;}

/* sub */
.single .section {
	background: white;
	width: 584px;
	float: left;
}

	.single .article {
		height: auto;
		padding: 26px 30px 16px;
		color: #2a2a29;

	}
	
		.single .article img {
			max-width: 519px;
			height: auto !important;
		}
		
	.single #comments, .single .commentlist, .single #respond, .single hr {
		margin: 0 30px;
	}		
	
	.single hr {
		line-height: 0;
		border: 1px dotted #9c9d9c;
		border-width: 0 0 1px 0;
		margin-bottom: 4px;
		
	}
	
	.single h3 {
		border: 1px dotted #9c9d9c;
		border-width: 1px 0;
		padding: 20px 15px;
		font: bold 13px/13px Arial,sans-serif;
		text-transform: uppercase;
	}

.aside {
	width: 284px;
	padding: 26px 30px;
	float: right;
	background: white;
	font: 11px Arial,sans-serif;
	color: #6a6b6a;
}

	.aside a {color: #ff3706;}
	.aside a:hover {text-decoration: underline;}

	.aside span {text-transform: uppercase;}
	
	.aside .textwidget, .aside .categoryList {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dotted #9c9d9c;
	}
	
	.aside .categories ul, .aside .categories li {display: inline;}
	
	.aside .archiveList {
		font: 18px/20px Georgia,serif;
		color: #838483;
	}
	
		.aside .archiveList a {color: inherit;}
		.aside .archiveList a:hover {color: #2a2a29;}

		.aside .archiveList li {margin: 10px 0;}
		
/* comments */
ol.commentlist {
	color: #2a2a29;
	padding-bottom: 4px;
}

	ol.commentlist li {
		padding: 15px 5px 25px 13px;
		overflow: visible;
		position: relative;
		font: 13px/15px Arial,sans-serif;
		border-bottom: 1px dotted #9c9d9c;
		
	}
	
		ol.commentlist div.commentWrapper {
		}
	
		ol.commentlist div.commentmetadata {
			width: 90px;
			float: left;
		}
		
			ol.commentlist div.commentmetadata a {color: #9c9d9c;}
			
			ol.commentlist div.commentmetadata a.comment-edit-link {
				font: 11px Arial,sans-serif;
				color: #ff3706;
			}
			
		ol.commentlist div.commentText {
			width: 355px;
			float: right;
		}
		
		ol.commentlist div.comment-author {
			float: right;
			clear: right;
			font-style: italic;
		}
			
	#respond {
		font: 11px/17px Arial,sans-serif;
	}
	
	li #respond {
			position: relative;
			left: -64px;
			width: 524px
	}
	
		#respond h3 {
			border-bottom: 0;
		}
		
		#respond p {
			clear: both;
			padding: 0 0 1em 15px;
			vertical-align: baseline;
		}
		
		#respond label {
			width: 150px;
			display: block;
			float: left;
		}
	
		#respond input {
			border: 1px solid #c7c9cb;
			float: left;
			padding: 2px 4px;
		}
		
		#respond small {
			color: #9c9d9c;
			float: left;
			margin-left: 10px;
		}
		
		#respond textarea {
			border: 1px solid #c7c9cb;
			width: 345px;
			float: left;
			padding: 2px 4px;
		}
		
		#respond #submit {
			margin-left: 151px;
			font: 11px/17px Arial,sans-serif;
			border: 1px solid #c7c9cb;
			background: white;
			padding: 2px 4px;
		}

/* hacks */
ol.commentlist li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html ol.commentlist li {height: 1%;}

div#respond p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html div#respond p {height: 1%;}