/*
  Begin Typography & Colors */

@import url(reset.css);
@import url(template_style.css);

pre{
	font-family: "Andale Mono","Courier New","Courier","Monospace";
	line-height: 1.2;
	background-color: #eee;
}

.post pre{
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	color: #333;
}

.post pre{
	content: 'Code: ';
}
strong{
font-weight: bold;
}

blockquote{
	padding: 10px;
	font-style: italic;
}

body {
    font-size: 83.5%; /* Resets 1em to 12pt */
	font-family: "Verdana","Arial","Sans";
    background: #000 url('images/bg-bg.png') repeat 0px 230px;
    color: #333;
    text-align: center;
}

#page {
    text-align: left;
    background: transparent url('images/bg-grad.png') repeat-x 0px 230px;	
}

#header {
    background: #fff url('images/header-grad.png') repeat-x bottom left;
    margin: 0px auto;
    padding: 0px;
    outline: hidden;
   border: 0px;
    height: 230px;

}

#headerimg {
	background: transparent url('images/header-image.jpg') no-repeat bottom left;
    margin: 0px;
    height: 230px;
	padding: 0px;
    text-indent: -9999px;
}

#sidebar {
    float: right;
    font-size: 1em;
    padding: 2% 20px;
	padding-right: 40px;
    width: 200px;
}

#sidebar p{
font-size: 0.9em;
margin-top: 1.866em;
margin-bottom: 1.866em;
line-height: 1.866;
}

div.textwidget{
	font-size: 1em;
	line-height: 1.68em;

}

#content {
    padding: 2% 20px;
	padding-left: 40px;
    width: 65%;
}

#content.narrowcolumn{
	width: 530px;
}
#content.widecolumn{
	width: 800px;
}
#container{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background: transparent url('images/content-bg.png') repeat-y top center;
	margin-top: 0px;
	
}
#footer {
    clear: both;
    color: #eee;
    padding-bottom: 0px;
	height: 40px;
	line-height: 40px;
    text-align: center;
	background: #fff url('images/menublackgreygrad.png') repeat-x 0px 0px;
}

#footer p {
    text-align: center;
    line-height: 40px;
    font-size: 1.2em;
}

#footer a:hover{
	color: #0bf;
	
}

ul#navlist {
	display: none;
    list-style: none;
    background-color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: "Georgia", "Times New Roman", serif;
    padding: 7px;
}

ul#navlist li {
    margin: 0px;
    display: inline;
}

ul#navlist li a {
    font-size: 2.0em;

    text-decoration: none;
    color: #eeffcc;
    margin-left: 10px;
    border: 0px;
}

ul#navlist li a:hover {
    border-top: 5px solid #efc;
    border-bottom: 5px solid #efc;
    background: #efc;
    color: #000;
}

ul#navlist li a.current {
    border-top: 5px solid #efc;
    border-bottom: 5px solid #efc;
    background: #efc;
    color: #000;
}

.post p.postmetadata{
	border-bottom: 1px solid;
	background-color: #ddd;
	border-color: #ccc;	
	padding: 2px 5px;
	font-family: georgia;
	list-style: l
}


.post p.postmetadata, .postmetadata small {
    font-size: 1em;
	
}

li.widget_rss ul li{
font-size: 0.9em;
line-height: 1.866;
margin-top: 1.866em;
margin-bottom: 1.866em;
}

#commentform fieldset ul li{
	clear: both;
	font-size: 0.9em;
	padding: 10px;
}
#commentform fieldset ul li label{
	float: left;
	text-align: right;
	margin: 0px;
	width: 30%;
	font-weight: bold;

}

#commentform fieldset ul li input.text{
	width: 68%;
}

#commentform fieldset ul li .text{
	float: right;
	width: 68%;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
}
#commentform fieldset ul li textarea.text{
	height: 8em;	
}

#commentform input, #commentform textarea{
	
}

#submit{
	float: right;
}

.image{
	margin: 10px;
	border: 0px;
}
.image a{
	border: 0px;
}
.image img{
	border: 1px solid;
}

.image.right{
	float: right;
}

.image.left{
	float: left;
}