/*
Theme Name:   phasersonblog
Theme URI:    http://www.phasersonkill.com/blog
Description:  My first theme based on DePo Clean by <a href="http://powazek.com">Derek Powazek</a>.
Version:      0.1
Author:       James Welford Anderson
Author URI:   http://www.phasersonkill.com
*/

/*-------------------------------------------------
SHARED STUFF
--------------------------------------------------*/
*{ 
    margin: 0; 
    padding: 0;
    border: 0;
}

body 
{
    background: #fdd;
    color: black;   
    float:none;
    align:left;
    margin-left:0px;
    margin-top:0px;
    text-align: left;
	font-size: 0.8em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

img { border: 0px; }

/*----------------------
General Links
------------------------*/

a		{ color:#000; text-decoration: none; }
a:hover { color:#2d80e8; text-decoration: underline; }
a:active{ color:#2d80e8; text-decoration: none; }
.red	{	color:#F00;}
.blue	{	color:#2d80e8;}


/*General Links*/
p, ul, ol, li 
	{ 
    margin-bottom: 0px; 
	}

.heading
	{
    color: #F00;
    padding: 3px 0;
    font-weight:800
	font-size:15pt;
	}
.container 
	{
    margin: 0 auto;
    padding: 0;
    width: 800px;
    overflow:visible;
    
    float:none;
    
	}

#m1, #m2, #m3, #m4 
	{
	display: none;
	}

/*-------------------------------------------------
IMAGES
--------------------------------------------------*/
p img 
	{
	padding: 0;
	max-width: 100%;
	}

img.centered 
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright 
	{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft 
	{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright 
	{
	float: right;
	}

.alignleft 
	{
	float: left
	}
/* End Images */

/*-------------------------------------------------
SEARCH FORM
--------------------------------------------------*/
#searchform 
	{
    padding: 0;
    margin: 0;
    float:left;
	}
#searchform p
	{
	}

/*-------------------------------------------------
HEADER
--------------------------------------------------*/
#header 
{
    padding: 0 0 1% 0;    
    text-align:left;
    overflow: hidden;
}

#banner
{
	padding: 0 0 10px 0;
	margin:0;
	border:none;		
	width:100%;
	height:200px;
	border: 0px solid #000;	
}

small.fey { color: #ccc; }

/*-------------------------------------------------
CONTENT
--------------------------------------------------*/

/*for the main text of any page*/
.main_content 
	{
	float:right;
	width:78%;
	height:110%;
	margin-right:1.0%;
	margin-left:1.0%;
	overflow: visible;	
	}



/* POST CONTENTS */
.post 
{	
	float:right;
    text-align:left;
    padding-right: 0.5%;
    width: 100%;    
    position:relative;
	left:0;
	top:0;
}

/* POST HEADER */
.metainfo 
{
	float:none;
    color: #000;
    border-top: 0px solid #70a8ed;
	border-bottom:0px solid #70a8ed;
	padding-top:0;
	padding-bottom:0px;
	height: 100%;
}

.metainfo:after 
	{ 
	content: "."; 
	clear: both; 
	display: block; 
	visibility: hidden; 
	height: 0; 
	}

.post_title
{
	float:left;
	font-size:20px;	
}
.post_title a 
	{ 
	color:#70a8ed;
	text-decoration: none;
	font-weight:bold; 
	/*background-color: #70a8ed;	*/
	}
.post_title a:hover 
	{ 
	color:#f00;
	text-decoration: none; 
	/*background-color: #fff;*/
	}

/*date etc.*/
.post_details
{
	color:#70a8ed;
	text-align:left;
	clear:none;
	float:left;
	font-size: 10px;			
	/*background-color: #70a8ed;	*/
	margin-top:9px;
	margin-left:4px;
	padding-left:5px;
	padding-right:5px;
}

/*Post Text*/
.post_content
	{ 
	text-align:justify;
	margin-top: 10px;
	}
	
.post_content a { color:#f00; text-decoration: none; font-weight:normal; }
.post_content a:hover { color:#f00; text-decoration: underline; }
	
/*post footer tags etc*/	
.post_footer
{
	text-align:center;
	float:none;
	font-size: 10px; 		
	margin-bottom: 15px;	
}
	
.post_footer a { color:#666; text-decoration: none; font-weight:normal; }
.post_footer a:hover { color:#f00; text-decoration: underline; }


span.previous { padding: 0 20px 0 0; float: left; }
    
span.next { float: right; }

span.edit a 
	{ 
    float:right;
    font-weight:normal; 
    font-size:11px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px; 
	}

.text_input{background: transparent; border:1px solid #666;margin:2px 2px 2px 0px;}
.text_area { width: 380px !important; }
.postform { margin: 0;} 

/*-------------------------------------------------
SIDE BAR
--------------------------------------------------*/
#sidebar
	{
	width: 17.0%;
	float: left;
	padding-right: 1.0%;
	padding-left: 1.0%;
	text-align: left;
	border-right: 2px solid #2d80e8;
	}


#sidebar h2 
	{
	font-size:22px;
	font-weight:900;
	letter-spacing: -2px
	}
	
#sidebar ul ul li:before 
	{
	content: ">";
	}
	
#sidebar ul li 
	{
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul ul li, #sidebar ul ol li 
	{
	margin-top: 1px;
	}	
/*THIRD LEVEL */
#sidebar ul ul ul li:before
	{
	content: "->";
	}	
	
#q
{
	border: 2px solid #2d80e8;
}

/*-------------------------------------------------
FOOTER
--------------------------------------------------*/
#footer 
	{
    padding: 0px 0 10px 0px;
    color: #666;
	}

#copyright 
	{
    border-top: 1px solid #ccc;
    text-align:left;
    font-size: 10px;
    color: #666;
	}

/*-------------------------------------------------
FRONT PAGE
--------------------------------------------------*/
#welcome_title
{
	float:left;
	font-weight:800
	font-size:15pt;
}

#welcome_content
	{ 
	text-align:justify;
	margin: 10px 0px 0 0px; 	
	}
ul.nav li { margin: 0 }

/*-------------------------------------------------
COMMENTS
--------------------------------------------------*/
#comments_header
{
	float:none;
    text-align:left;
    padding: 0 0 0 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    color:#666;
}

.respond {color:#666;}

.postnoline 
{
    text-align:left;
    padding: 22px 0 22px 0;
}

.metainfo_comment 
	{
	height: 100%;
    font-size: 12px;
    color: #000;
    border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;	
	}

.metainfo_comment:after 
	{ 
	content: "."; 
	clear: both; 
	display: block; 
	visibility: hidden; 
	height: 0; 
	}


.comment
	{	
	padding: 10px 0 10px 0;	
	}
	
.comment_details
{
	float:left;
	padding-right:5px;
}

.comment_number
	{
	color:#000;
	font-weight:800
	font-size:15pt;
	}
	
.content_comment
	{	
	padding: 0 0 0 0;	
	}
	
/*-------------------------------------------------
REQUIRED BY WORDPRESS
--------------------------------------------------*/
.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: #eee;
	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: 15px;
	padding: 0 4px 5px;
	margin: 0;
	}
	
.codequote 
{
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-family: Courier New, Courier, monospace;
	font-size: 1em;


}
.code 
	{
	font-family: monospace;
	color: #000;
	font-family: Courier New, Courier, monospace;
	background-color: #f3f1f4;
	margin-bottom: 4px;
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	border:1px dashed #000;
	}