/*  
Theme Name: Espen Black
Version: 1.0
Author: Estan Cabigas
Author URI: http://estancabigas.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Arial, Helvetica;
	background-color: #111111;
	}
	
a {
	text-decoration: none;
	color: #999999;
	}

a:hover {
	color: #FF0000;
	}
	
li {
	list-style: none;
	}
	
h3 {
	font-size: 1.5em;
	padding-bottom: 20px;
        color: #666666;
	}

#container {
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 960px;
	font-size: 0.8em;
	/*background: url(images/espen3.jpg) no-repeat;*/
	background-color: #000000;
	color: #666666;	
	}
	
	
/* Header */

#header {
	width: 940px;
	padding: 10px 10px 0 10px;
	text-transform: uppercase;
	height: 40px;
	}

#header h1 a {
	float: left;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
	
#sidebar {
	float: left;
	width: 210px;
	padding: 70px 0 50px 30px;
	}
	
#sidebar ul {
	padding-bottom: 20px;
	}
	
#sidebar li {
	padding: 5px 0;
	}

/*--------------- Index ---------------*/

#content_index {
	text-transform: uppercase;
	}

#content_index_left {
        float: left;
        width: 200px;
        padding-top: 110px;
        padding-left: 30px;
        line-height: 170%;
        font-size: 90%;
        }

#content_index_right {
	float: right;
        text-align: right;
	padding: 150px 170px 70px 0;
        margin: 0 0 0 250px;
	}
	
#content_index h1 {
	font-size: 6.5em;
	font-weight: normal;
	padding-bottom: 30px;
	letter-spacing: 200%;
        color: #999999;
	}
	
#content_index ul {
	padding-right: 20px;
	padding-bottom: 50px;
	}
	
#content_index li {
	font-size: 150%;
	padding: 3px 0;
	}

#content_index li a {
	color: #777777;
	}
	
#content_index li a:hover {
	color: #FF0000;
	}

.focus {
        font-weight: bold;
        color: #CCC;
        font-size: 140%;
        }

.focus_footer {
        font-weight: bold;
        color: #999;
        font-size: 120%;
        }

/*--------------- Single ---------------*/
#content_single {
	padding-left: 10px;
	line-height: 150%;
	}
	
.left {
	float: left;
	width: 220px;
	padding-top: 20px;
	}
	
.left h2 {
	font-size: 1.5em;
	padding-bottom: 5px;
	}

.left h2, .right h3, .bio_right h2 {
        color: #666666;
        }
	
.right {
	margin-left: 220px;
	width: 380px;
	padding: 20px 0 0 0;
	}

.right p {
        padding-bottom: 20px;
        }
	
.post {
	margin-left: 240px;
	padding: 0 100px 20px 10px;
	}
	
.page_post {
	padding: 75px 100px 20px 10px;
	margin-left: 240px;
	}

.alignleft {
        float: left;
        padding: 0 5px 5px 0;
        }
	
.page_post p {
	padding-bottom: 30px;
	}
	
.page_post a {
	font-weight: bold;
	}
	
.page_post a img {
	border: none;
	}
	
.page_post strong {
	font-size: 130%;
	padding-bottom: 10px;
	}

.wp-caption-text {
        font-size: 80%;
        text-transform: uppercase;
        }
	
.bio_left {
	float: left;
	width: 320px;
	padding: 5px 0;
	}
	
.bio_right {
	padding: 5px 0;
        margin-left: 320px;
	}

.bio_right h2 {
        padding-bottom: 10px;
        }
	
.bio_left li, .bio_right li {
	padding: 10px 10px 10px 0;
	margin: 10px 0;
	}

/*--------------- Footer ---------------*/
	
#footer {
	clear: both;
	padding: 5px 0 5px 30px;
	text-transform: uppercase;
        font-size: 80%;
	}
	
#footer a {
	color: #CC0000;
	}

#footer a:hover {
	color: #FFFFFF;
	}

#footer p {
        padding-top: 15px;
        }

