/*
Theme Name: Simplistic
Theme URI: http://www.mooseman.se/
Description: Three words - nice, simple and fresh.
Version: 1.0
Author: Johan Hörnquist
Author URI: http://www.mooseman.se/
*/

/*-------------------------------html, text, links--------------------*/

html,body{
background:#666666;
margin:0;
padding:0;
text-align:center;
}

a:link{
color:#bb7594;
text-decoration:none;
}

a:visited{
color:#bb7594;
text-decoration:none;
}

a:hover{
color:#5d3b4a;
text-decoration:underline;
}

a:active{
color:#89b600;
text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
font: Georgia;
color:#000000;
}

.bh1{
margin-top:0px;
margin-left:0px;
float:left;
}

* html .bh1{
margin-left:18px;
}

#banner h1{
font:bold 18px Verdana;
color:#708a99;
margin:0;
padding:0;
}

#banner h2{
font:bold 12px Verdana;
color:#708a99;
margin:0;
padding:0;
}

.post h1{
font:bold 12px;
border-bottom:1px solid #cccccc;
width:426px;
padding-bottom:2px;
float:left;
margin-top:2px;
margin-bottom:0;
}

.post h1 a{
color:#708A99;
font-size: 24px;
}

.post h1 a:visited{
color:#708A99;
}

.post h1 a:hover{
color:#5d3b4a;
}

#sidebar h2{
color:#708a99;
font:bold 14px Verdana;
background:url(images/h2.gif) repeat-x;
border:1px solid #FA9DC6;
width:214px;
height:21px;
margin-left:9px;
padding-left:6px;
padding-top:1px;
margin-top:6px;
float:left;
margin-bottom:0;
}

* html #sidebar h2{
margin-left:6px;
}

#body h3{
font:bold 16px;
width:98%;
margin-left:2px;
padding-bottom:2px;
border-bottom:1px dashed #333333;
margin-top:10px;
margin-bottom:10px;
}

* html #body h3{
width:99%;
}

#body h4{
font:bold 16px;
width:98%;
margin-left:2px;
padding-bottom:2px;
border-bottom:1px dashed #333333;
margin-top:10px;
margin-bottom:10px;
}

#body h5{
font:bold 14px;
margin-left:2px;
margin-top:10px;
margin-bottom:10px;
}

#body h6{
font:bold 14px;
margin:10px;
}

.posted{
font:10px Verdana;
color:#686868;
margin:0;
}

.post h1{
font-size:22px;
}

.post p{
font:12px Verdana;
line-height: 20px;
color:#363636;
}

blockquote{
font:11px Verdana;
color:#89b600;
background:#e8ede3;
margin-left:8px;
padding:2px;
padding-bottom:1px;
}

#footer p{
font:11px Verdana;
color:#708a99;
margin-left:10px;
margin-top:8px;
padding:0;
}

#footer a{
color:#708a99;
text-decoration:underline;
}

.postbottom a:visited{
color:#fa9dc6;
text-decoration:underline;
}

#footer a:hover{
color:#708a99;
text-decoration:none;
}

.textarea{
background:url(images/textarea.gif) repeat-x top;
padding:5px;
float:left;
border:1px solid #dbdbdb;
font:11px Verdana;
color:#666666;
margin-left:4px;
}

.textarea2{
background:url(images/textarea.gif) repeat-x top;
padding:5px;
margin-bottom:5px;
border:1px solid #dbdbdb;
font:11px Verdana;
color:#666666;
}

.submit{
background:url(images/formbg.gif) repeat-x;
padding:4px;
border:1px solid #FA9DC6;
font:11px Verdana;
color:#708a99;
}

.style1{
font:11px Verdana;
color:#686868;
}

cite{
font:11px Verdana;
}

/*------------------------------------- Image presentation styles ----------------------------------*/

/* p img { padding: 0; max-width: 100%; } */

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

img.right2 { padding: 4px; margin: 0 0 2px 7px; display: inline; clear:left;}

img.left2 { padding: 4px; margin: 0 7px 2px 0; display: inline; clear:right;}

img.centered { display: block; margin-left: auto; margin-right: auto; font-size:8px; }

img.centered2 { display: block; text-align:center; }

img.caption,.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:8px; color: black; text-align: center; }

a img {border:none;}

p.caption centered {font-size: 10px;}

/*------------------------------------- And the divs ----------------------------------*/

#container{
text-align:left;
width:772px;
height:100%;
margin:0 auto;
padding:0;
}

#background{
background:url(images/background.gif) repeat-y;
width:772px;
height:100%;
padding:0;
float:left;
margin:0;
}

#bodywrapper{
width:740px;
height:100%;
margin-left:16px;
float:left;
padding:0;
background:url(images/bodybg.gif) repeat-y;
}

* html #bodywrapper{
margin-left:8px;
}

#banner{
background:url(images/banner.jpg) no-repeat;
width:738px;
height:127px;
border:1px solid #82A1B3;
float:left;
margin:0;
padding:0;
}

#banner a{
display:block; 
border:0px;
height:127px;
width: 450px;
color:#708a99;
}

#banner h1{
display:none;
}

#menu{
background:url(images/menubg.gif) repeat-x;
height:35px;
width:738px;
border:1px solid #FA9DC6;
float:left;
margin:0;
padding:0;
}

#body{
width:493px;
min-height:400px;
float:left;
border-left:1px solid #e8ede3;
margin:0;
padding:0;
}

* html #body{
width:483px;
}

#sidebar{
width:244px;
border-left:1px solid #C3C4C5;
border-right:1px solid #BBBBBB;
min-height:400px;
float:left;
margin:0;
padding:0;
}

* html #sidebar{
margin-left:8px;
}

#footer{
width:738px;
height:30px;
background:#A1C4D7;
border:1px solid #82A1B3;
float:left;
margin-top:10px;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0;
}

.postwrapper{
width:486px;
height:100%;
float:left;
margin-left:6px;
padding:0;
margin-top:14px;
margin-bottom:10px;
}

* html .postwrapper{
width:476px;
margin-left:2px;
}

.post{
width:426px;
height:100%;
float:left;
margin-left:3px;
padding:0;
}

.poste{
width:462px;
height:100%;
float:left;
margin-left:6px;
padding:0;
}

.post li{
margin-bottom:18px;
margin-left: -20px;
}

* html .post{
width:416px;
}

.datewrapper{
width:40px;
height:37px;
float:left;
margin-left:2px;
margin-top:2px;
paddgin:0;
text-align:center;
}

.datetop{
width:38px;
height:12px;
font:9px Verdana;
color:#708a99;
background:url(images/datetop.gif) no-repeat;
float:left;
margin-left:1px;
padding:0;
}

.datebottom{
width:38px;
font:bold 15px Verdana;
color:#708a99;
padding-top:3px;
padding-left:0;
margin-left:1px;
height:25px;
float:left;
background:url(images/datebottom.gif) no-repeat;
}

.postbottom{
background:#f4f4f4;
border:1px solid #dfdfdf;
width:426px;
height:20px;
float:left;
margin-top:5px;
padding-top:3px;
}

* html .postbottom{
width:416px;
}

.comm{
float:right;
margin-right:5px;
}

.postbottom a{
color:#bb7594;
font:11px Verdana;
text-decoration:none;
}

.postbottom a:visited{
color:#FA9DC6;
font:11px Verdana;
text-decoration:none;
}

.postbottom a:hover{
text-decoration:underline;
}

.postnav{
width:475px;
margin:10px;
float:left;
height:20px;
font:11px Verdana;
color:#333333;
}

* html .postnav{
width:445px;
}

.left{
float:left;
}

.right{
float:right;
}

.comments{
/* width:180px; */
margin-left:3px;
height:100%;
font-size:11px;
padding:0;
}

* html .comments{
/* width:180px; */
}

.comments p{
font:11px Verdana;
color:#666666;
}

.commentdiv{
/*width:176px;*/
margin-left:3px;
height:100%;
float:left;
}

* html .commentdiv{
width:166px;
}

.commentdiv p{
font:11px Verdana;
color:#666666;
}

#searchwrapper{
width:240px;
height:100%;
margin-top:10px;
margin-left:2px;
}

/*------------------------------- Let's do some lists aswell ----------------------------*/

#menu ul{
width:100%;
height:100%;
float:left;
margin:0;
padding:6px 8px 10px 8px;
list-style:none;
}

* html #menu ul{
margin-bottom:-16px;
width:700px;
}

#menu li{
list-style:none;
display:inline;
}

#menu li a{
color:#708a99;
font:bold 11px Tahoma;
padding:10px 12px 12px 12px;
}

#menu li a:hover{
background:url(images/menuover.gif) repeat-x;
}


#sidebar ul{
list-style:none;
float:left;
margin-left:1px;
margin-top:4px;
padding:0;
}

* html #sidebar ul{
margin-left:-2px;
}

#sidebar li{
display:block;
list-style:none;
margin:0;
float:left;
}

#sidebar li a{
font:bold 10px Verdana;
color:#708A99;
background:url(images/arrow.gif) left no-repeat;
padding:3px;
padding-left:22px;
margin-left:2px;
}

#sidebar li a:hover{
text-decoration:underline;
}

#sidebar ul ul li{
list-style: none;
display:block;
width: 200px;
color:#708a99;
margin-left:9px;
}

* html #sidebar ul ul li{
width:170px;
}

#sidebar ul ul ul li{
margin-left:10px;
width:200px;
color:#708a99;
}

* html #sidebar ul ul ul li{
margin-left:5px;
}

.post ul{
font:11px Verdana;
color:#686868;
}

.post ol{
font:11px Verdana;
color:#686868;
}