/*
Theme Name: Blue Space
Theme URI: http://www.mooseman.se/
Description: Blue and fresh theme with a nice space feeling.
Version: 1.0
Author: Johan Hörnquist
Author URI: http://www.mooseman.se/
*/

/*********** General ************/

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

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

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

a:hover{
color:#00577f;
text-decoration:underline;
}

a:active{
color:#00577f;
text-decoration:underline;
}

blockquote{
margin-left:10px;
background:#f4f4f4;
font:11px verdana;
padding:2px;
color:#333333;
}

/*********** Headers ************/

h1#title{
font:bold 18px Verdana;
color:#d9f7ff;
margin:0;
border:none;
padding:0;
}

h2#description{
font:bold 12px Verdana;
color:#ffffff;
margin:0;
}

#bannertext{
margin-top:60px;
margin-left:40px;
width:720px;
height:132px;
float:left;
}

* html #bannertext{
width:680px;
height:110px;
margin-left:20px;
}

h1{
font:bold 16px Verdana;
color:#04749d;
width:532px;
border-bottom:1px dashed #cccccc;
padding-bottom:3px;
margin-top:10px;
margin-bottom:0;
}

h2{
font:bold 14px Verdana;
color:#04769f;
margin-top:10px;
margin-bottom:2px;
}

h3{
font:bold 16px Verdana;
color:#04749d;
width:532px;
border-bottom:1px dashed #cccccc;
padding-bottom:3px;
margin-top:10px;
margin-bottom:10px;
}

h4{
font:bold 14px Verdana;
color:#04749d;
margin-top:10px;
margin-bottom:10px;
margin-left:4px;
}

h5{
font:bold 12px Verdana;
color:#04749d;
width:532px;
border-bottom:1px dashed #cccccc;
padding-bottom:3px;
margin-top:10px;
margin-bottom:10px;
}

h6{
font:bold 14px Verdana;
color:#04749d;
margin-top:10px;
margin-bottom:10px;
margin-left:4px;
}

#footer p{
font:10px Verdana;
color:#ffffff;
margin-top:8px;
margin-bottom:10px;
}

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

#footer a:visited{
color:#00b1f3;
text-decoration:none;
}

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

#footer a:active{
color:#00b1f3;
text-decoration:underline;
}

cite{
font:11px Verdana;
color:#333333;
}

label{
font:bold 11px Verdana;
color:#04749d;
}

/*********** Classes ************/

.posttop p{
font:11px Verdana;
color:#ffffff;
margin-left:10px;
margin-top:8px;
}

.posted{
font:10px Verdana;
color:#666666;
margin-top:0;
}

.post p{
font:11px Verdana;
color:#818181;
margin-top:10px;
}

.commlink{
background:url(images/comments.gif) no-repeat left;
padding-left:16px;
font:10px Verdana;
}

.textfield{
background:#ffffff;
font:11px Verdana;
width:140px;
border:1px solid #cccccc;
margin:0;
color:#333333;
padding:3px;
}

.textfield2{
background:#ffffff;
font:11px Verdana;
border:1px solid #cccccc;
margin:0;
color:#333333;
padding:3px;
margin-bottom:8px;
}

.submit{
font:11px Verdana;
background:url(images/submit.gif) repeat-x;
border:1px solid #0081b5;
color:#ffffff;
padding:3px;
width:50px;
}

.submit2{
font:11px Verdana;
background:url(images/submit.gif) repeat-x;
border:1px solid #0081b5;
color:#ffffff;
padding:3px;
margin-bottom:11px;
}

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

.loggedin{
font:10px Verdana;
color:#333333;
}

/*********** Divs ************/

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

#banner{
width:800px;
background:url(images/banner.jpg) no-repeat;
height:172px;
margin-top:20px;
padding:0;
float:left;
}

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

#content{
float:left;
background:#ffffff;
margin-left:24px;
padding:0;
margin-top:48px;
width:552px;
min-height:300px;
}

* html #content{
height:100%;
}

* html #content{
margin-left:14px;
}

#sidebar{
margin-left:10px;
width:214px;
background:none;
float:left;
margin-top:48px;
height:100%;
}

* html #sidebar{
width:210px;
margin-left:5px;
}

.posttop{
background:url(images/posttop.gif) repeat-x;
border-bottom:3px solid #c7c7c7;
margin:0;
padding:0;
width:552px;
height:32px;
float:left;
}

.post{
margin-left:10px;
width:532px;
height:100%;
padding:0;
margin-bottom:0;
margin-top:0;
float:left;
}

* html .post{
margin-left:5px;
}

.comm{
width:532px;
height:20px;
margin:0;
padding:0;
float:left;
font:10px Verdana;
text-align:right;
}

#footer{
float:left;
margin-left:24px;
padding:0;
width:552px;
height:20px;
margin-bottom:10px;
}

* html #footer{
margin-left:14px;
}

.postnav{
width:532px;
height:20px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
padding:0;
float:left;
font:10px Verdana;
}

* html .postnav{
margin-left:5px;
}

.left{
float:left;
}

.right{
float:right;
}

.comments{
margin-left:10px;
width:532px;
height:100%;
padding:0;
margin-bottom:0;
margin-top:0;
float:left;
}

* html .comments{
margin-left:5px;
}

.commdiv{
width:523px;
height:100%;
float:left;
padding:0;
margin-left:4px;
}

* html .commdiv{
margin-left:-2px;
}

.commtop{
background:url(images/commtop.gif) no-repeat;
margin:0;
padding:0;
width:523px;
height:9px;
float:left;
}

.commbottom{
width:523px;
min-height:10px;
background:#e5e5e5 url(images/commbottom.gif) no-repeat bottom;
margin-bottom:10px;
padding:0;
float:left;
}

* html .commbottom{
margin-top:-10px;
}

.commenttext{
margin-left:7px;
width:400px;
height:100%;
float:left;
padding-bottom:5px;
}

.number{
float:left;
width:82px;
height:60px;
margin-left:7px;
margin-bottom:10px;
padding:0;
text-align:center;
background:url(images/number.gif) no-repeat;
font:26px Verdana;
color:#ffffff;
padding-top:22px;
}

#form{
margin-left:12px;
width:530px;
height:100%;
padding:0;
margin-bottom:0;
margin-top:0;
float:left;
}

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

/*********** Lists ************/

#sidebar ul{
float:left;
list-style-type: none;
padding: 0;
width: 180px;
margin-top:2px;
margin-left:0;
}

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

#sidebar ul li{
margin:0;
float:left;
}

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

#sidebar ul li a{
font: 11px Verdana;
color: #ffffff;
display: block;
padding: 2px 0;
padding-left:2px;
text-decoration: none;
}

#sidebar ul ul{
margin-bottom:6px;
}

* html sidebar ul ul{
margin:0;
}

#sidebar ul ul li{
list-style: none;
display:block;
width: 180px;
color:#FFFFFF;
margin-left:2px;
}

* html sidebar ul ul li{
margin:0;
}

#sidebar ul ul ul li{
margin-left:10px;
width:160px;
color:#FFFFFF;
border:none;
}

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

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

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

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