/*
Them Name: Proto Dystopia
Theme URI: http://kristruitt.com
Description: Personal theme for the blog of Kris Truitt
Author: Kris Truitt
Author URI: http://kristruitt.com
Version: 1.0


Some Template Colors:
Dark Text - #373737
Pink - #ED145B
Green - #00ffa8
Blue - #339999 or #4e5d5b
Purple - #741876 or #473548
Fuschia - #8c263e or #5e4043
*/
* {
margin:0;
padding:0;
}

body{
		background-color:#333333;
		background-image: url(images/bgrepeat.png);
		margin:0;
		padding:0;
		color: #333;
		font-size:13px;
		font-family: helvetica,arial,sans-serif;
		letter-spacing:-1px;
		text-align:left;
}
a,a:visited{
	text-decoration: none;
	color: #373737;
}
a:hover{
	color: #ed145b;
}
blockquote{
	padding:20px;
}

h2{
	color: #ED145B;
	/* border-bottom: 1px dotted #ED145B; */
	letter-spacing: -1px;
	font-size: 32px;
	line-height:28px;
	margin-bottom:4px;
}

a h2 {
	border-bottom:none;
}


h3{
	color: #339999;
	font-size: 26px;
	line-height: 28px;
	margin-bottom:8px;
	font-weight:normal;
}

h4{
	color: #339999;
	display:inline;
	font-size:16px;
	font-weight:normal;
}


.excite{
	color: #339999;
	font-size:15px;
	font-weight:bold;
}

.more-link{
	float: right;
	margin-bottom: 12px;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:820px;
	position:relative;
}
#wrapper-container{
	float:left;
	position:relative;	
	width:820px;
}
#header{
	margin:0;
	height:160px;
	width:780px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	color:#373737;
	float:left;
	position:relative;
}

#header-title{
	float:left;
	position:relative;
	width:640px;
}

#title{
	font-size:150px;
	margin-left:-10px;
	margin-bottom:5px;
	height:110px;
	width:640px;
	position:relative;
	float:left;
	letter-spacing:-4px;
	line-height:110px;
	text-shadow:1px 1px 0 #555555;
	opacity: 0.9;
}
#title a:hover{
	color: #353535;
}
#subtitle{
	font-size:30px;
	width:640px;
	height:30px;
	position:relative;
	float:left;
	opacity: 0.9;
	text-shadow:1px 1px 0 #555555;
}
#subtitle a:hover{
	color: #353535;
}
#main-nav{
	width:140px;
	font-size:32px;
	float:right;
	position:relative;
	text-align:right;
	
}
#main-nav ul{
	padding:0;
	margin:0;
}
#main-nav li{
	list-style-type:none;
	height:29px;
}
#container_top{
	width:820px;
	height:20px;
	background-image: url(images/content_bg_top.png);
	float:left;
	position:relative;
}
#container-bottom{
	width:820px;
	height:20px;
	background-image: url(images/content_bg_bottom.png);
	float:left;
	position:relative;
}
#container{
	float:left;
	position:relative;	
	width:820px;
	background-image: url(images/content_bg.png);
	min-height:100px;
	line-height:1.5;
	letter-spacing:0;
}
#leftwing{
		background-image: url(images/leftwing.png);
		width:360px;
		height:372px;
		position:absolute;
		left:-110px;
		top:50px;
}
#rightwing{
		background-image:url("images/rightwing.png");
		bottom:-150px;
		height:400px;
		position:absolute;
		right:-130px;
		width:360px;
}
#content{
	float:left;
	padding-left:40px;
	padding-top:20px;
	position:relative;
	width:560px;
}
#content p{
	margin-bottom:10px;
	position:relative;
	z-index:1;
}

#content ul{
	list-style-type: none;
	margin-left:28px;
	text-indent: -16px;
}
#content ul li{
	list-style-image: url("images/leftwingbullet.png");
}
#disqus_thread ul{
	text-indent:0;
}
#disqus_thread ul li{
	list-style-image: none;
}
#sidebar{
	position:relative;
	float:right;
	width:160px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
#footer{
	background-color:#EEEEEE;
	border-top:1px solid #DDDDDD;
	clear:both;
	float:left;
	height:70px;
	margin-bottom:-10px;
	margin-left:8px;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	position:relative;
	text-shadow:1px 1px 0 #FFFFFF;
	width:764px;
	z-index:100;
}
#footer-more{
	position:relative;
	float:right;
}
#footer-nav{
	position:relative;
	float:left;
}
#acknowledgement{
	position:relative;
	float:left;
	clear:both;
}
#copyright{
	position:relative;
	float:left;
	clear:both;
}

.page-title{
	border-bottom:1px solid #ED145B;
	clear:both;
	color:#373737;
	font-size:24px;
	margin-bottom:20px;
	width:560px;
}

.entry-title{
	background-color:#373737;
	color:#FFFFFF;
	float:left;
	font-size:26px;
	font-weight:bold;
	line-height:1;
	margin-bottom:0;
	margin-left:-70px;
	position:relative;
	width:560px;
	border:none;
}
.entry-title a,.entry-categ a{
	color:#FFFFFF;
}
.entry-title a:hover,.entry-categ a:hover{
	color: #ed145b;
}

.entry-wing{
	background-image:url("images/datewing.png");
	float:left;
	height:100px;
	margin-left:-30px;
	margin-top:-40px;
	position:relative;
	width:100px;
	clear:left;
}

.entry-date{
	background-color:#373737;
	color:#FFFFFF;
	float:left;
	margin-bottom:10px;
	margin-left:-40px;
	position:relative;
	padding-left:3px;
	padding-right:3px;
	font-size:11px;
}

.entry-categ{
	background-color:#373737;
	color:#FFFFFF;
	float:left;
	position:relative;
	padding-left:3px;
	padding-right:3px;
	width:462px;
	font-size:11px;
}

.entry-content  {
	float:left;
	/* margin-bottom:40px; */
	position:relative;
	width:100%;
	margin-top:-10px;
	margin-bottom:20px;
}

.entry-content.single{
	margin-bottom:0px;
	/* margin-top:20px; */
}

.entry-content a{
	text-decoration:underline;
	color:#676767;
}
.entry-content a:hover{
	color:#ed145b;
}

.entry-utility{
	clear:both;
	float:left;
}

.entry-meta{
	font-size: 14px;
	background-color: #EEE;
	font-weight: bold;
	padding: 2px 4px;
}

.entry-meta .tags{
	font-weight:normal;
}

#comments{
	width:560px;
}

#respond,#comments{
	float:left;
	margin-top:20px;
	
}

#respond{
	padding:20px;
}

.comments-link{
	float:right;
}

#nav-above,#nav-below{
	float:left;
	margin-bottom:20px;
	clear:both;
	width:100%;
	font-size:24px;
}
#nav-above{
	margin-top:0;
}

.nav-previous{
	float:left;
}
.nav-next{
	float:right;
}

.xoxo {
list-style:none outside none;
width:160px;
}
.xoxo li{
	list-style:none outside none;
	text-align:right;
}
.xoxo ul{
	margin-bottom:10px;
}
.xoxo h3{
	text-align:right;
	background-color:#373737;
	color:#FFFFFF;
	font-size:18px;
	border-bottom:1px solid #ED145B;
	padding-right:4px;
}

.xoxo h3 a{
	color:#FFFFFF;
}

.xoxo li.widget-container {
	margin-bottom:10px;
}

 /* Comment Styling */
#comments-list {
list-style:none outside none;
margin:0;
overflow:visible;
padding:0;
}

#comments-list li{
color:#333333;
list-style:none outside none;
overflow:visible;
padding:2px;
position:relative;
}
.comment{
border-bottom:1px solid #ED145B;
margin-top:20px;
}

#comments-list li .children li.depth-2 {
list-style:none outside none;
margin-top:20px;
margin-left:20px;
padding:2px;
}

/*.comment.odd{
	background-color:#eeeeee;
}*/

#comments-list .avatar {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
height:auto;
width:80px;
}
.comment-reply-link{
	text-align:right;
	clear:both;
}
.comment-content{
	float:left;
	width:406px;
}
.comment-author{
}
.comment-authordata{
float:left;
height:100%;
margin-right:20px;
overflow:hidden;
width:80px;
}
#comments-list a{
color:#676767;
}
#comments-list a:hover{
color:#ED145B;
}

#comments-list li .children li.depth-2 .comment-content{
	width:326px;
}

.comment.bypostauthor{
/*border-left:1px dotted #ED145B;
border-right:1px dotted #ED145B;
border-top:1px dotted #ED145B; */
border-bottom:1px solid #339999;
}

.aligncenter, dl.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft{
	float:left;
	padding:12px;
}

.alignright{
	float:right;
	padding:12px;
}

#s{
	padding-top:2px;
	width:156px;
	height:18px;
	background:url("images/bg_search.png") no-repeat scroll right center !important;
	
}


.wpcf7-submit,#submit{
	padding:8px;
	background-color: #ED145B;
	color:#FFFFFF;
	font-size:18px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear: both;
	float:right;
	/* margin-top:20px;*/
	border:none;
	cursor:pointer;
}

#respond,.wpcf7-form{
	padding:8px;
	background-color: #339999;
	color:#FFFFFF;
	font-size:18px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear: both;
	float:left;
	margin-top:20px;
	border:none;
}

.form-section{

}
.form-label{

}
.screen-reader-text,#searchsubmit{
	display:none;
}

img{ border:none; }

a img:hover,.comment:hover,.form-text:hover{
	
    -moz-box-shadow: 0px 0px 8px #ED145B; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 8px #ED145B; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 8px #ED145B; /* Opera 10.5, IE 9.0 */

}
.comment.bypostauthor:hover{
	
    -moz-box-shadow: 0px 0px 8px #339999; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 8px #339999; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 8px #339999; /* Opera 10.5, IE 9.0 */

}

#main-nav a,.xoxo a{
	display:block;
}
#main-nav a:hover,.xoxo a:hover{
	color: #ed145b;
}

.subscribe-icon{
	border: 0px;
	float: right;
	padding-left: 8px;
	padding-top: 1px;
	vertical-align: middle;
}

/* Sociable */
.sociable{
	position:relative;
	clear:both;
}
.sociable_tagline strong{
	font-size:18px;
}

.subscribe-icon a img:hover{
	border:none;
	-moz-box-shadow: none; /* FF3.5+ */
	-webkit-box-shadow: none; /* Saf3.0+, Chrome */
	box-shadow: none; /* Opera 10.5, IE 9.0 */
}

.advert {
}

.sociable a img:hover{
	border:none;
	-moz-box-shadow: none; /* FF3.5+ */
	-webkit-box-shadow: none; /* Saf3.0+, Chrome */
	box-shadow: none; /* Opera 10.5, IE 9.0 */
}

.sociable img{
	width:48px !important;
	height:48px !important;
}

.breadcrumbs{
	position:relative;
	z-index:5;
}

.chapter_dir{
	display:none;
}

.clickable{
	cursor:pointer;
}
.clickable:hover{
	color:#ED145B;
}

blockquote{
background-color: #FFFFFF;
font-style: italic;
}
.entry-content h2 a{
	text-decoration:none !important;
}
.entry-content  h2 a:hover{
	text-decoration:none !important;
}