/*  
Theme Name: Neo-victorian glass
Theme URI: http://electicdreams.com
Description: If a victorian gent designed web interfaces...
Version: 1.0
Author: Matt Machell
Author URI: http://eclecticdreams.com
*/
/* built on Starkers by Elliot J Stocks. */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, 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% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


/* Main Layout */

body{
	background-color:#4B0005;
	text-align:center;
	font-family:'Trebuchet MS', Helvetica, Arial, Sans-serif;
	color:white;
	font-size:76.5%;
}

#container{
	width: 850px;
	margin: 0 auto;
	padding-bottom:20px;
	text-align:left;
	background: url(images/background.png) repeat-y left top #888;
	position:relative;

}

#logo{
	margin:25px 0 0 38px;
}

.description{
	margin:10px 40px 25px 40px;
	font-size: 1.2em;
	}
	
#main-menu{
	margin: 0 33px 0 33px;
	padding: 10px 10px 10px 20px;
	background: url(images/menubar.png) no-repeat left top;
	overflow:auto;
}

#main-menu li{
	display:inline;
	}
	
#main-menu li a{
	float:left;
	display:inline;
	text-align:center;
	width:180px;
	background: url(images/bar.png) right center no-repeat;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size: 0.9em;
	font-weight:normal;
	color:white;
	padding:5px 0;
	
}

#main-menu li a:hover, #main-menu li a:focus{
	text-decoration:underline;
}

h2, h1.title{
	font-size: 2em;
	background: url(images/headerbar.png) no-repeat left top;
	padding:10px 20px;
	margin: 20px 33px 0 33px;
}

h2 a, h1.title a, .commentlist a{
	color:white;
	font-weight:normal;
}

div.content, #comment-section, ol.commentlist{
	margin: 0 33px 0 33px;
	padding: 20px;
	background: url(images/content.png) repeat-y bottom left;
	overflow:auto;
}

div.content p, .content li{
	margin-bottom:1.429em;
	font-size:1.167em;
	line-height: 1.429em;
}

.content img{
	float:left;
	display:inline;
	clear:left;
	margin:0 20px 20px 0;
	border:1px solid #333;
}

.content ul, .content ol{
	margin-left:20px;
	}
	
.content ol li{
list-style:upper-roman inside;
}

.content ul li{
list-style:disc inside;
}

#container div.content h2{
	color:black;
	background:none;
	margin:20px 0 ;
	padding:0;
	clear:both;
}
#container div.content h2 a{
	color:black;
}

 #container div.content h3{
 	font-size:1.2em;
 }

div.post{
	float:left;
	display:inline;
	width:550px;
	color:black;
}

#container p.date{
	color:white;
	font-size:0.917em;
	line-height:1.818;
}

#container p.postmetadata{
border-top:1px solid #333;
border-bottom:1px solid #333;
font-size:0.913em;
clear:left;
}

#container ul.tags{
	float:left;
	display:inline;
	width:170px;
	margin-left:20px;
	margin-top:35px;
	font-size:0.8em;
}

ul.tags li{
	background: url(images/tag.png) no-repeat top left;	
	padding: 0.2em 0.2em 0.2em 1.8em;
	margin: 0 0 1px 0;
	list-style:none;
}

#container ul.tags li a{
	color:#39171A;
}

ul.tags li a:hover{
	text-decoration:underline;
}
.content a:link{
	color:white;
}
.content a:visited{
	color:#ccc;
}
.content a:hover, .content a:focus, #footer a:hover, #footer a:focus{
	text-decoration:underline;
}

#searchform{
	position:absolute;
	top:60px;
	right:35px;
	
}

#s{
	background: #ccc;
	border: 1px solid black;
		line-height:1.67;
}

#s:focus{
	background:#eee;
}

#footer {
	margin:20px 0 20px 33px;
	padding:0 0 21px 0;
	background:url(images/footer-bottom.png) no-repeat left bottom;
	text-transform:lowercase;
	width:786px;
}

#footer h2{
	color:#8C2E32;
	font-size:1em;
	font-weight: normal;
	background:none;
	margin:1.67em 0;
	padding: 0;
}
#footer li{
	float:left;
	display:inline;
	width:170px;
	margin:0 0 0 20px;
}

#footer ul{
	background:url(images/footer-top.png) no-repeat left top;
	overflow:auto;
	
}
#footer ul ul{
	background:none;
}

#footer ul li li{
	float:none;
	display:block;
	width:auto;
	color:#C59699;
	background: url(images/info.png) left top no-repeat #2C191A;
	margin:0 0 1px 0;
	padding:0 2px 0 20px;
	line-height:1.47;
}

#footer a{
	color: #C59699
}

.navigation ul{
	background: url(images/buttons-top.png) no-repeat left top;
	overflow:auto;
	}

.navigation li a{
	text-align:center;
	letter-spacing:0.2em;
	font-weight:normal;
	color:white;
	padding:10px 10px 0 10px;
	text-transform:uppercase;
	display:block;
	line-height:1.67;
	float: left;
	display:inline;
	width:183px;
}

.navigation li {
display:inline;
}
.navigation{
	background: url(images/buttons-bottom.png) no-repeat left bottom;
	padding-bottom:10px;
	width:406px;
	margin-top:20px;
	margin-left: 413px;
}

#comment-section{
	color:black;
}

#comment-section p{
	margin: 20px 0;
}

#comment-section a{
	color:white;
}

#commentform div{
	width: 600px;
		clear:left;
}

#commentform label, #commentform input, #commentform textarea{
	margin: 0 20px 20px 0;
	width: 265px;
	line-height:1.67;
	float: left;
	display: inline;
}

#commentform div.full label{
	float:none;
	display: block;
	margin-bottom:0;
}

#commentform input, #commentform textarea{
	border: 1px solid black;
	background: #ccc;
}

#commentform textarea{
	width: 550px;
}

#commentform input:focus, #commentform textarea:focus{
	background: #eee;
	}
	
#submit{
	padding: 0.5em;
	width: 265px;
}

ol.commentlist li{
	width:480px;
	margin-bottom:1.429em;
	font-size:1.167em;
	line-height: 1.429em;
	padding-left: 80px;
	color:black;
	list-style:inside upper-roman;
	position:relative;
}

ol.commentlist p{
	margin-bottom:1.429em;
}

p.commentmetadata{
	font-size:0.8em;
}

img.gravatar{
	position:absolute;
	left:20px;
	top:0;
	border:1px solid #333;
}

p.copyright{
text-align:center;
margin:20px 35px;
}