/* main layout */
body {
	z-index: -3;
	
	margin: 0;
	padding: 0;
	
	background: #000;	
	background-image:url('../images/bg-stars.jpg');
	background-image:url('http://leftchannel.com/new_layout/images/bg2.png');
	background-attachment: fixed;
	
	color: #fff;
	
	
}


  
#page {
	width:780px;
	margin: auto;
	padding:0;
	text-align:left;
	}
  
#header {
    width:778px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 50px;
    margin-bottom: 20px;
	}
  
#description {
	font-family: Georgia, serif;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 1px;
	font-style: italic;
	text-align: right;
}

#description a {
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-style: normal;
}
	

#content {
	}

.date-header {
	width: 149px;
	padding: 10px 0 5px 0px;;
	margin-top: 10px;
	height: 21px;
	
	
 	float: left;
    color: #fff;
    letter-spacing: 3px;
    font-size: 10px;
    
    font-family: Georgia, serif;
	line-height: 16px;
	letter-spacing: 1px;
	font-style: italic;
	border-left: thin dashed #222;
	
	background: #111;
	background: rgba(34,34,34,.5);
	text-align: center;
	
    }
    

.post-title {
	width: 385px;
	height: 20px;
	display: block;
	
	float: left;
	
	margin: auto;
	margin-top: 10px; 
	padding: 15px 0 0 15px;
	
	background: #111111;
	
	background: rgba(17,17,17,.5);

	
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
	
	border-bottom: 1px dashed #222;
	
		-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	
	-webkit-transition: all .15s ease-in-out;
	

    }
    
.post-title:hover {
	background: #256ebf;
}

.post-title a {
	color: #fff;
}

.narrowcolumn {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 550px;
	}
	
.post {
    padding:25px;
    padding-top: 10px;
	background: #111;
	background: rgba(34,34,34,.5);
	
	width: 500px;
	
	clear: left;

	
	}
	
.postmetadata {
	clear: left;
	text-align: center;
	
	background: #111;
	background: rgba(17,17,17,.5);
	
	width: 520px;
	padding: 15px;
	
	border-top: thin dashed #222;
	margin-top: 5px;
	margin-bottom: 5px;
	
	font-family: Arial, sans-serif;
	font-size: 8px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 15px;
}

	
#footer {
	padding: 0;
	margin: 0 auto;
	width: 810px;
	clear: both;
	background: none;
	border-top: 1px dashed #256ebf;
	padding-top: 10px;
	border: none;
	text-align: center;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	}
	


/*post formatting*/

hr {
	display: none;
	}

p {
	padding: 0 0px 15px 0px;
	
	font-family: Georgia, serif;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 1px;
	font-style: italic;
	
}

h1 {
	padding: 7px 0 0 15px;
	
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
}

h4 {
	padding: 0 0 5px 0;
	
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
	color: #256ebf;
	
	width: 500px;
	
	border-bottom: thin dashed #256ebf;
}

a img {
	border: none;
}

a {
	color: #256ebf;
	text-decoration: none;
	
	-webkit-transition: all .25s ease-in-out;
}

a:hover {
	background: #256ebf;
	
	color: #fff;
}

.highlight {
	color: #256ebf;
}

.smallcaps {
	font-variant: small-caps;
	letter-spacing: 2px;
}
	

.post img {
    padding:0px;
    border:1px dashed #256ebf;
    }
  
.post blockquote {
    margin:1em 20px;
    }
    
.post blockquote p {
    margin:.75em 0;
    }


/*SINGLE PAGE */

.navigation {
	width: 550px;	
	
}

.navigation a {
	font-weight: normal;
}

.alignleft {
	width: 270px;
	float: left;
}	
	
.alignright {
	width: 270px;
	float: right;
	text-align: right;
}	

.comments {
	width: 535px;
	height: 20px;
	display: block;
	
	margin: auto;
	margin-top: 10px; 
	padding: 10px 0 5px 15px;
	
	background: #111111;
	background: rgba(17,17,17,.5);

	font-weight: normal;

	
	border-bottom: 1px dashed #222;
}

.commentlist {
	margin: 0;
	padding: 15px 35px;
	
	background: #111111;
	background: rgba(34,34,34,.5);
}

.commentlist li {
	border-bottom: 1px dashed #222;
}

ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
.cite  {
	padding: 0;
}

.commentmetadata {
	margin: 0;
	padding: 0;
}
	
.commentmetadata a {
	color: #fff;
}

.alt {

}

input, textarea {
	width: 475px;
	
	border: none;
	
	background: #000000;
	background: rgba(0,0,0,.5); 
	
	font-family: Georgia, serif;
	font-style: italic;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 2px;
	
	margin: 0px;
	padding: 5px;
	
	-webkit-transition: all .15s ease-in-out;
}

input:hover, textarea:hover {
	background: #256ebf;
	color: #fff;
}

input:active, textarea:active {
	background: #3193ff;
	color: #fff;
}


	


/*SIDE BAR CRAP*/


#sidebar {
	width: 210px;
	float: left;
	
	margin-left: 15px;
	padding: 0 0px 15px 0px;
	
	font-family: Georgia, serif;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
	font-style: italic;
}


#sidebar h2 {
	width: 195px;
	height: 20px;
	display: block;
	
	margin: auto;
	margin-top: 10px; 
	padding: 10px 0 5px 15px;
	
	background: #111111;
	background: rgba(17,17,17,.5);

	
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	
	border-bottom: 1px dashed #222;
	}
	
#sidebar ul ul, .textwidget {
	width: 180px;
	padding: 15px;
	
	background: #222;
	background: rgba(34,34,34,.5);
}

#sidebar a {
	color: #fff;
}


#sidebar ul ul li:before {
	content: "+ ";
	color: #256ebf;
	}


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0px;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}