/*  
Theme Name: CLEAR BLUE
Theme URI: http://www.clearblueassociates.com
Description: Clear Blue Associates
Version: 1.0
Author: Computer Mike
Author URI: http://www.manhattanray.com/

*/

body{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
vertical-align: top;
background: #8888ff url(images/bodybg.jpg);
background-repeat: repeat-y;
color: #000000;
text-align:left;
}

/* 
NOTE: The body background sets the wrapper 
edge and the sidebar edge
*/


h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{
margin: 0px;
padding: 0px;
}


h2.title a{
color:#000066;
font-size: 14px;
text-decoration:none;
}


#wrapper{
margin: 0px;
padding:0px;
width: 1003px;
text-align: left;
height:100%;
overflow:hidden;
}

#header{
width: 1003px;
height: 140px;
background: url(images/headerbg.jpg);
}

/* start: topmenu codes */

#topmenu{
width: 1003px;
height: 22px;
background: #bbbbff;
border-top:1px solid #000;
}


#topmenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}


#topmenu ul li{
height: 22px;
float: left;
text-align:center;
position: relative;
}


#topmenu ul li a{
display: block;
float:left;
padding-left:15px;
padding-right:15px;
height: 19px;
padding-top:3px;
background:#bbbbff;
text-decoration:none;
color:#006;
}


#topmenu ul li a:hover{
background:#000060;
color:#fff;
}


#topmenu li ul{
display:none;
position: absolute;
top: 22px;
left: 0px;
}


#topmenu li > ul{
top: 22px;
left: 0px;
}


#topmenu li.over ul,
#topmenu li:hover ul{
clear:left;
display:block;
}


#topmenu li ul li{
clear:left;
text-align:left;
}


#topmenu li.over ul a,
#topmenu li:hover ul a{
clear:left;
width: 160px;
padding-left:5px;
border: 1px solid #000;
}


/* end: topmenu codes */

#container{
width:1003px;
height:100%;
overflow:hidden;
margin:0px;
border-top:1px solid #000;
background: url(images/containerbg.jpg);
}


#content{
float: left;
width:780px;
height:100%;
padding:10px;
}


.sidebar{
float: left;
width: 180px;
padding:10px;
height: 800px;
overflow: hidden;
background: #b3ceec;
border-right: 1px solid #339;
margin: 0;
display:inline; /* because IE doubles set margins  */
}

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


.sidebar ul li{
padding: 10px 0 10px 0;
}


.sidebar ul li h2{
font-family: "century gothic", arial;
font-size: 14px;
color:#008;
}

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



#footer{
clear: both;
width: 999px;
padding:2px;
height:20px;
color:#bbf;
background: #282828;
position:relative;
}

div.notice{
border:1px solid #000066; 
width:260px;
padding: 0px;
background:#75befb;
}

div.notice2{
border:1px solid #000066; 
width:400px;
padding:30px;
color:#fff;
font-weight:700;
background:#331d5b;
text-align:center;
margin-left:160px;
}

div.notice3{
border: 1px solid #000066; 
width: 740px;
padding:0px;
background:#75befb;
text-align:center;
margin-left:19px;
}


/* start: anchors/links */

a:link{
text-decoration: underline;
color: #336699;
}

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


div.notice a{
display: block;
width: 100%;
height:40px;
padding-top:5px;
color:#408;
font-weight:700;
font-style:italic;
text-decoration:none;
}

div.notice3 a{
display: block;
width: 100%;
height:32px;
padding-top:13px;
color:#408;
font-weight:700;
font-style:italic;
text-decoration:none;
}


div.notice a:hover,
div.notice3 a:hover{
color:#800;
}

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

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


/* end: anchors/links */


h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

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

.post h2{
font-family: Georgia, Sans-serif;
font-size: 18px;
}

.entry{
line-height: 18px;
}

p{
padding: 10px 0 0 0;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}



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


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

td{
vertical-align:top;
}


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

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

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

.commentmetadata{
	font-size: 12px;
}

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

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



/* start: style codes */


.style2{
color: #339;
font-size:12px;
}

.style3{
text-align:center;
font-weight:700;
color: #339;
font-size:22px;
line-height:28px;
}

.style4 {
font-family: Geneva, Arial, Helvetica, sans-serif; 
color: #273377; 
padding-top:2px; 
font-size: 12px;
}

.style5 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.styleheader{
text-align:center;
font-weight:700;
font-size: 48px; 
color: #333399;
line-height:58px;
}

/* end: style codes */