/*

Theme Name: Corporealshift

Theme URI: http://www.graphicsunplugged.com

Description: Theme custom built for my blog at corporealshift.com 

Version: 2 (WP2.6.2)

Author: Kyle Diedrick

Author URI: http://www.graphicsunplugged.com

Tags: dark, greys, corporealshift

*/

/* ----------------------------------------- */

/* RESET */

/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

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

q:before, q:after { content:''}

body{ font-size: 80%; }/* Resets 1em to 10px */

/* Global reset-RESET */

/* The below restores some sensible defaults */

strong { font-weight: bold }

em { font-style: italic }

a img { border:none } /* Gets rid of IE's blue borders */





/* ----------------------------------------- */

/* UNIVERSALS */

/* ----------------------------------------- */



/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

.aligncenter { display:block; margin:0 auto }

.alignleft { float:left }

.alignright { float:right }



div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */



a{ text-decoration: none; color: #1867b1;}

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

/* ----------------------------------------- */

/* STRUCTURE */

/* ----------------------------------------- */

body{

	background-color: #102200;

}

.wrapper {

	margin:0 auto;

	background-color: #d8f6f4;

	width: 960px;

       

	background-repeat:no-repeat; 

}

.navigation{

	float: right;

	padding-top: 10px;

	padding-bottom: 5px;

	height: 50px;

        margin-right:2px;

}

.navigation li{display:inline;}

.navigation li a{

	border-top: solid #102200 8px;

	padding: 3px 15px 3px 15px;

	font-size: 1.5em;

	margin-left: -2px;

	height: 50px;

	color: #102200;

}

.navigation li a:hover{

	border-top: solid #0f9be4 8px;

	text-decoration: none;

	color: #000;

}

#header{

	 background-image: url(style/images/header.jpg);

	background-position:top;

	height: 110px;



}

#content{

	/*background-color: #d6e6af;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;*/

	float: left;

	width: 600px;

	margin: 5px 5px 20px 15px;

	padding: 20px;

}

#search{

	background-color: #d8f6f4;

	float: left;

	width: 890px;

	margin: 5px 15px 20px 15px;

	padding: 20px;

}

#footer{

	/*background-color: #d6e6af;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;*/

	float: left;

	width: 800px;

	margin: 5px 0px 20px 50px;

	padding: 20px;

}

#sidebar{

	float: right;

	width: 220px;

	/*background-color: #d6e6af;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;*/

	padding: 20px;

	margin: 5px 15px 5px 5px;

}

#sidebar li{ list-style: none;}

li{ 

	list-style: none; 

	list-style-position: inside;

}

.post li{

        padding-left: 20px;

        text-indent: -10px;

}

.commentlist li{ 

	/*background-color: #afe6dc; */

	border-top: 1px solid #000;

	padding: 5px; 

	margin: 10px 0px; 

	list-style: none; 

	min-height: 70px;
	
	align: center;

}



.commentlist li img{

	float: right; 

	margin: 5px;

}

.commentbox_info{

	width: 150px;

	margin-left: 50px;

}

.comment_submit{

	margin: 5px;

	float: right;

}

.gsearch{

        margin: 5px;

}

.search_btn{

        width: 100px;

        margin-right: 5px;

        margin-left: 5px;

        padding: 1px;

}

#err li{

       list-style: none;

       padding-left: 25px;

}

.categories{color: #191919; }

/* ----------------------------------------- */

/* FONTS */

/* ----------------------------------------- */
small {
	font-family:Arial, Helvetica, sans-serif;

	font-size: 0.8em;
}
a:hover{

	text-decoration: none;

	color: #000;

}

.meta, .meta a{

	/*border-bottom: 1px #333 solid;*/

	padding-bottom: 3px;
	
	font-family:Arial, Helvetica, sans-serif;

	font-size: 1em;


}

.meta{ 

	margin-right: 100px; 

	padding-left: 10px;

}

p, li, ul, h1, h2, h3, .meta{

	color: #000;	

	font-family:Arial, Helvetica, sans-serif;

	font-size: 1em;

}

p{text-indent: 15px; }

.date{

	/*color: #91f5d5;*/

	padding: 5px;

	/*background: #151d0e;*/

	float: right;

	margin-right: -5px;

         margin-top: -15px;

}

h1{
	padding-top: 10px;

	padding-left: 25px;

	font-size: 3.8em;

	/*font-weight: bold;*/

	letter-spacing: -.07em; 

	/*font-variant:small-caps;*/

}

h1 a{ color: #0f9be4; }

h1 a:hover{ color: #1867b1;}

h2{

	font-size: 1.8em;

	/*font-weight: bold;

	background: #151d0e;*/

	padding: 3px 10px 3px;

	margin-right: -20px;

    margin-top: 15px;

    margin-bottom: 15px;

    color: #000;
	
	border-top: solid 1px #725d38;
	
}
h2 a{ color: #000; }

h2 a:hover{	color: #1867b1; }

h3{

	font-size: 1.5em;

	/*font-weight: bold;

	background: #151d0e;*/

	padding: 3px 10px 3px;

	margin-right: -20px;

	color:#000;

         margin-top: 10px;

         margin-bottom: 10px;

}

h3 a{ color: #000; }

h3 a:hover{	color: #1867b1; }

p { padding-bottom: 10px;}

.wp-caption-text{ color: #FFF;}

/* ----------------------------------------- */

/* RANDOM */

/* ----------------------------------------- */

img {
	padding: 5px;
}

.wp-caption { 

       border:1px solid #666; 

       text-align:center; 

       background:#0d0d0d; 

       padding:10px; 

       margin:10px; 

       color: #FFF;

}