/*  
Theme Name: CalmBlue
Description: White Blue Blog
Author: Browse8.com
Author URI: http://www.browse8.com
*/

html,body{
text-align:center;
margin:0;
background:#f4f4f4 url(images/bg.jpg) repeat-x;
padding:0;
}

a:link {
	text-decoration: none;
        color:#024c5f;
        font:9px Verdana;
}
a:visited {
	text-decoration: none;
        color:#024c5f;
}

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

a:active {
	text-decoration: none;
}

.p{
font:bold 12px Verdana;
color:#024c5f;
margin-top:20px;
padding-left:20px;
}

.p2{
font:bold 10px Tahoma;
color:#024c5f;
}

.p3{
margin:0;
font:9px Verdana;
color:#333333;
}

h2{
background:url(images/header.gif) no-repeat left;
font:bold 12px Tahoma;
color:#024c5f;
padding-left:20px;
margin-top:20px;
margin-left:4px;
}

h5{
background:url(images/header.gif) no-repeat left;
font:bold 14px Tahoma;
color:#024c5f;
margin-top:20px;
padding-left:20px;
}

h1{
font:bold 14px Tahoma;
color:#024c5f;
margin-left:10px;
margin-top:8px;
}

h3{
font:bold 14px Tahoma;
color:#024c5f;
margin-top:12px;
}

h4{
font:bold 16px Arial;
color:#024c5f;
padding-left:18px;
margin-top:12px;
float:left;
}

.style1{
font:9px Verdana;
color:#FFFFFF;
margin-top:4px;
}

#footer a{
color:#CCCCCC;
}

#footer a:hover{
color:#FFFFFF;
}

/* *****************Form Styles***************** */

.form{
float:right;
background:url(images/form.gif) repeat-y;
font:9px Verdana;
border:1px solid #d5d4d4;
color:#878787;
margin-top:8px;
margin-right:5px;
}

.form2{
float:left;
background:url(images/form.gif) repeat-x;
border:1px solid #d5d4d4;
font:9px Verdana;
margin-bottom:5px;
}

/* *****************DIV Styles and classes***************** */


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

#background{
background:url(images/background.jpg) repeat-y;
width:776px;
float:left;
margin:0;
padding:0;
}

#top{
background:url(images/bgtop.gif);
width:776px;
float:left;
height:58px;
border-bottom:2px solid #d1d1d1;
padding:0;
}

* html #top{
margin:0;
}

#banner{
width:776px;
float:left;
height:114px;
background:url(images/banner2.jpg);
padding:0;
}

* html #banner{
margin:0;
}

#menu{
width:776px;
float:left;
background:url(images/menubg.gif) repeat;
height:28px;
border-bottom:1px solid #d5d5d5;
padding:0;
}

* html #menu{
margin:0;
}

#sidebar{
background:#ecf7fd;
min-height:789px;
width:210px;
float:left;
padding:0;
}

#content{
background:#FFFFFF;
float:left;
width:559px;
min-height:789px;
margin:0;
padding:0;
}

#footer{
background:#124a58;
float:left;
height:29px;
width:776px;
text-align:center;
padding:0;
}

* html #footer{
margin:0;
}

.posts{
float:left;
margin-left:20px;
width:511px;
background:url(images/postbg.jpg) no-repeat top;
font:10px Verdana;
color:#999999;
margin-top:20px;
padding-left:2px;
margin-bottom:12px;
padding:0;
}

* html .posts{
margin-left:8px;
padding-left:6px;
}

.underposts{
float:left;
background:#ECF7FD;
width:511px;
height:100%;
padding:0;
}

.archive{
margin-left:20px;
float:left;
}

/* *****************List Styles***************** */

#menu ul{
background:url(images/menugb.gif) repeat-x;
list-style-type:none;
padding:0;
margin:0;
}

#menu ul li{
display:inline;
}

#menu ul li a{
padding:9px;
float:left;
font: bold 11px Tahoma;
color: #013c4b;
text-decoration:none;
}

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

#sidebar ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 168px;
margin-top:1px;
margin-left:4px;
}

#sidebar li a{
background:url(images/list.gif) no-repeat left;
font: 9px Verdana;
color: #999999;
display: block;
width: 168px;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom:1px solid #FFFFFF;
}


* html #sidebar li a{
width: 168px;
}

#sidebar li a:visited, #sidebar li a:active{
text-decoration:none;
}

#sidebar li a:hover{
color:#034C5F;
background-color:#FFFFFF;
}

#content ul{
list-style-type:none;
}