/*
Theme Name: ESPR.
Theme URI: http://www.espr.se/
Version: 1.0
Author: Andreas Karlsson
Author URI: http://www.indiebytes.se
Tags: coffee, tumblr, brown

	Colours
	140B04, 332312, B59D75, E3D2B4, FFF7EA
*/


body {
    margin:           0px;
	background: #140B04;
    font-family:      'Lucida Grande', Helvetica, sans-serif;
}
#content {
    width:            420px;
    margin:           auto;
    padding:          15px 15px 15px;
    background-color: #fff7ea;
    position:         relative;
}

a {
    color:            #332312;
}

h1 { font: 18px Helvetica, sans-serif;}
h2 { font: 16px Helvetica, sans-serif;}
h3 { font: 14px Helvetica, sans-serif;}
blockquote { font: italic 18px "Baskerville", serif; }
blockquote > *:first-child:before { content:"\201C"; font-size:2em; margin-left:-.62em; font: italic "Baskerville", serif; padding-right:.2em; padding-top: 0.2em; color:#140B04; line-height:0; }
#logo {
    margin:           0px;
    text-align:       center;
    font:             18px Helvetica, sans-serif;
	background:		black url(images/espr-logotyp.jpg) top left;
	color: white;	
}
#logo a {
    text-decoration:  none;
}
#header { margin-bottom: 40px; height: 420px; background: #eee url(images/header.jpg) top left; }
#header .title { width: 100px; height: 120px; }
#header .title a { display: block; width: 100px; height: 120px; }
#header .title a span { visibility: hidden; display: none; }

#description {
    position:         relative;
}

#description div.out {
    position:         absolute;
    left:             450px;
	top: 			-460px;
    font:             normal 18px "Baskerville", serif;
    line-height:      20px;
    width:            150px;
    color:            #FFF7EA;
}

#description div a {
    color:            #FFF7EA;
}

#description #nav_container {
    font: normal 13px/1.5 Helvetica, sans-serif;
	text-transform: uppercase;
}
#description #nav_container ul {
	list-style-type:  none;
	margin:           15px 0px;
	padding:          0px;
}
#description #nav_container ul li {
   	border-bottom:    solid 1px #ddd;
    font-size:        12px;
    color:            #444;
}
#description #nav_container ul li a {
	text-decoration: none;
	display: block;
	padding: 4px 8px 4px 8px;
	width: 134px;
	background: none;
}
#description #nav_container ul li a:hover {
	background: #fff7ea;
	color: #140B04;
}

.post {
    position:         relative;
    margin-bottom:    40px;
}

.post div.labels {
    position:         absolute;
    right:            435px;
    text-align:       right;
    width:            150px;
}

.post div.date {
    background-color: #332312;
    white-space:      nowrap;
    font:             normal 18px Helvetica, sans-serif;
	text-transform: uppercase;
    color:            #fff7ea;
    display:          inline;
    padding:          3px 5px 0px 5px;
    line-height:      20px;
}

.post div.date a {
    color:            #fff7ea;
    text-decoration:  none;
}

.post .title {
    font-size:        18px;
    font-weight:      bold;
    color:            #332312;
    letter-spacing:   -1px;
    margin:           0px 0px 10px 0px;
	line-height: 18px;
	padding: 0;
}

.post .title a {
    color:            #332312;
    text-decoration:  none;
}

/* Regular Post */
.post .regular {
    font-size:        12px;
    color:            #444;
    line-height:      17px;
}

.post .regular blockquote {
    font-style: italic;
}

/* Photo Post */
.post .photo img {
    border:           solid 10px #eee;
}

.post .photo div.caption {
    font-size:        11px;
    color:            #444;
    margin-top:       5px;
}

.post .photo div.caption a {
    color:            #444;
}
.post .postmetadata {
	font-size: 10px;
	color: #332312;
}
.post .postmetadata a {
	text-decoration:  none;
	color:            #444;
}
.alt {
	background: #e3d2b4;
	padding: 15px;
}
#footer a:hover {
	text-decoration:  underline;
}

/* Quote Post */
.post .quote span.quote {
    font:             bold 28px Helvetica, sans-serif;
    letter-spacing:   -1px;
    color:            #666;
}

.post .quote span.quote a {
    color:            #666;
}

.post .quote span.quote big.quote {
    font:             bold 60px Georgia, serif;
    line-height:      8px;
    vertical-align:   -20px;
}

.post .quote span.source {
    font-size:        16px;
    font-weight:      Bold;
    color:            #444;
    letter-spacing:   -1px;
}

.post .quote span.source a {
    color:            #444;
}

/* Link Post */
.post .link a.link {
    font:             bold 20px Helvetica, sans-serif;
    letter-spacing:   -1px;
    color:            #c00;
}

.post .link span.description {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -1px;
}

/* Conversation Post */
.post .conversation ul {
    background-color: #f8f8f8;
    list-style-type:  none;
    margin:           0px;
    padding:          0px;
    border-left:      solid 5px #ddd;
}

.post .conversation ul li {
    border-bottom:    solid 1px #ddd;
    font-size:        12px;
    padding:          4px 0px 4px 8px;
    color:            #444;
}

.post .conversation ul li span.label {
    font-weight:      bold;
    color:            #111;
}

/* Audio Post */      
.post .audio div.caption {
    font-size:        11px;
    color:            #444;
    margin-top:       5px;
}

.post .audio div.caption a {
    color:            #444;
}

/* Video Post */
.post .video {
    width:            400px;
    margin:           auto;
}

.post .video div.caption {
    font-size:        11px;
    color:            #444;
    margin-top:       5px;
}

.post div.video div.caption a {
    color:            #444;
}

/* Comments */
#comments {
    font-size:        12px;
    color:            #444;
    line-height:      17px;
}
#comments fieldset { border: 0; padding: 0; margin: 0; }
.commentlist { padding: 0px; margin: 0px; border-bottom: 1px solid #E3D2B4; }
.commentlist li { list-style: none inside; padding: 0px; margin: 0px; }
li.comment { border: 1px solid #E3D2B4; border-width: 1px 0px 0px; padding: 0px 15px 15px;}
.moderation { color: #000; font-weight: bold; }
li.author-comment { background: #E3D2B4 !important; }
.commentlist h5 cite,
.commentlist h5 { font-weight: bold; margin-bottom: 6px;}
.commentlist cite { font: normal 12px Helvetica, serif; }

.commentdate { margin: 0; padding: 0;}

label { font-weight: bold; }
input.input-text, select, textarea { border:1px solid #E3D2B4; font-size: 12px; }
input.input-text, textarea { padding: 2px; }
.input-text:focus, select:focus, textarea:focus { background:#edf7fd; outline:0; }
#author, #email, #url { width: 197px;}
#comment { width: 198px; display:block; }

/* Footer */
#footer {
    margin:           40px 0px 30px 0px;
    text-align:       center;
    font-size:        10px;
}

#footer a {
    text-decoration:  none;
    color:            #444;
}

#footer a:hover {
    text-decoration:  underline;
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	background-color: #E3D2B4;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.right-align {text-align: right;}


.column { float: left; padding-right: 15px; }
.one-half { width: 202px; }
.last { padding-right: 0px; width: 203px;}

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html .group,
* html #nav ul li a {
	height: 1%;
}

/* trigger hasLayout and target ie7/win only */

*:first-child+html .group {
	min-height: 1px;
}