/*  
Theme Name: Somnambulist
Theme URI: http://www.thesomnambulist.org
Description: The theme used for The Somnambulist
Version: 0.0
Author: Simon Vansintjan
Author URI: http://simon.vansintjan.org

*/


/* MAIN */

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: helvetica, sans-serif;
font-size: .8em;
font-weight: 100;
text-align: center;
vertical-align: top;
background: #fffffc;
color: #000;
}

h1{
font-family: helvetica, Sans-serif;
font-size: 2em;
padding: 0 0 .8em 0;
}

h2{
padding-bottom:.3em;
border-bottom: 1px solid #ccc;
font-family: helvetica, Sans-serif;
font-size: 18px;
}

h3{
font-style:normal;
font-size: 15px;
padding: 10px 0 0 0;
}

h4{
font-size: 15px;
padding: 10px 0 0 0;
}

img{
border:0;
}

a:link, a:visited{
text-decoration: none;
color: #040;
}

a:hover{
text-decoration: none;
color: #800;
}

p{
padding: .8em 0 0 0;
}


/* ABOUT THE WRAPPER */
#wrapper{
margin: 0 auto 0 auto;
width: 750px;
text-align: justify;
}


/* ABOUT THE HEADER */
#header .banner{
background-image:url(images/banner_background.png);
background-color:#eee;
height:126px;
padding:20px;
}

#header #bar{
background-color:#ddd;
border-top: thick solid #711;
border-bottom: medium solid #ccc;
height:3em;
}


#bloginfo{
font-size:13px;
padding: 1em;
margin: 2em auto 2em auto;
width: 40em;
text-align:center;
word-spacing: 3px;
line-height:18px;
border:thin solid #eee;
}

#navmenuwrapper{
width: 60em;
margin: 0 auto 0 auto;
}

#navmenu{
padding-top:1em;
float:left;
}

#navmenu ul{
padding:0;
margin:0;
}
#searchfield{
padding:.6em 5em 0 0;
float:right;
}
#searchimage{
margin:0 .5em 0 0;
}
#searchbox{
top:-1em;
}

/* MENU */

div.tabs{
float: left;
font-size:1.3em;
line-height:1em;
padding-top:6px;
padding-bottom:3px;
background-color:#ddd;
border-bottom:2px solid #ccc;

}

a.activetab{
background-color:#fff;
padding:4px 8px 1px 8px;
border:2px solid #ccc;
border-bottom:0px solid #fff; 
color:#000;
}

a.tab{
background-color:#f2f2f2;
padding:4px 8px 1px 8px;
border:2px solid #c8c8c8;
border-bottom:0px;
}


/* ABOUT A SINGLE  CONTAINER*/

#singlecontainer{
float: left;
width: 480px;
text-align:left;
}

/* ABOUT THE CONTAINER */

#container{
float: left;
width: 480px;
}

.post{
padding: 10px 20px 10px 0;

}

.post h2{
padding-bottom:.3em;
border-bottom: 1px solid #ccc;
font-family: helvetica, Sans-serif;
font-size: 18px;
}

.post h3{
font-style:normal;
font-size: 15px;
padding: 10px 0 0 0;
}

.post h4{
font-size: 15px;
}

.entry{
font-size: 14px;
line-height: 22px;
padding:0px 0px 20px 0px;
}

.readmore{
font-size:12px;
display:inline;
float:left;
}
p.postmetadata{
font-size:12px;
display:inline;
float:right;
margin-top: -11px;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

/* ABOUT THE SIDEBAR */
.sidebar{
text-align:left;
float: right;
width: 220px;
background: #f9f9f9;
margin: 2.5em 2em 0 1em;
display: inline;
border:thin solid #eee;
border-top:medium double #eee;

}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
font-weight:100;

}

.sidebar ul li{
padding: 10px 0 10px 0;
font-size:12px;
}

.sidebar ul li#rssfeed{
padding: 1em 0 0 0;
}

.sidebar ul li h2{
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
line-height: 18px;
}

table#wp-calendar{
width:100%;
}

#latestposts ul{
}
#latestposts li{
line-height:18px;
text-indent:-1em;
margin-left:1em;
}


/* ABOUT THE FOOTER */
#footer{
clear: both;
float: left;
width: 100%;
height: 100%;
padding: 3em 0 0 0;
}

#footer p{
line-height:18px;
}
#footer #admin{
float:right;
}

#footer .banner{
background-color:#eee;
padding: 1em 0 3em 0;
border-top: medium solid #ddd;
}


/* ABOUT THE COMMENTS */

.comments-template{
	margin: 0px 0 0 0;
	/*border-top: 1px solid #ccc;*/
	padding: 1em 0 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none;
}

.comments-template .alt{
background-color:#eee;
}

.comments-template ol li{
	margin: .5em 0 0 0;
	line-height: 18px;
	border-bottom: 2px solid #ccc;
	border-top: 1px solid #ccc;
	padding:.5em 1em .5em 1em;

}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
	
}

.comments-template .admin{
	padding:.5em;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
