body{
	background:#016cd9 url(../images/seamless-clouds.jpg) 50% 0 repeat;
	text-align:center;


	padding-bottom:30px;
}






/***********************

Styles for the header bar

************************/
#headerWrap{
background:transparent url(../images/shadow_top.png) 50% 0 no-repeat;
width:100%;
margin-top:0px;
margin-bottom:0px;
padding-top:38px;
}


#header{
width:920px;

margin:0 auto;

}  
   

#logoArea{
float:left;
}

#search{
float:right;
}       
      
#topSocial{
float:right;
margin-right:10px;
}
        
#logo{
float:left;
margin-bottom:20px;
}

#tagLine{
float:left;
}

#subTagLine{
display:block;
clear:left;
}

#pageWrapOutter{
background:transparent url(../images/shadow_tile.png) 50% 0 repeat-y;
width:100%;
}

#pageWrap{
background:white;
width:920px;
padding:0px 0px;
padding-bottom:30px;
margin:0px auto;
text-align:left;

}


/***********************

Styles for the top menu

************************/

#menu{ 
margin-top:0px;
width:100%;
border-bottom:1px solid #d9e5f0;
border-top:1px solid #d9e5f0;
margin-bottom:10px; 
position:relative;
z-index:10;
}

#menu ul{
        list-style:none;
        margin:0px;
        padding:0px;
        margin-left:10px;
        }

        #menu ul li{
        float:left;
        padding:0px;
	margin:0px 0px;
        }

	
        #menu li a{
        text-decoration:none;
        display:block;
        margin:0px 0px;
        padding:5px 10px;
        color:#000;

        }

	#menu li.current a{
		color:#0287c7;
	}

	#menu li.active a{
		color:#0287c7;
	}

        #menu li a:hover{
        color:#0f90cb;
        text-decoration:underline;
        }

#menu li:hover,#menu li.sfhover {

}

#menu li:hover a,#menu li.sfhover a{
color:#0f90cb;
}

#menu li:hover a ul li a,#menu li.sfhover a ul li a{
color:#000;
}

#menu li ul {
	position: absolute;
	width: 15em;
	left: -999em;
background:#fff;
border:1px solid #d9e5f0;
border-top:1px solid white;
opacity:0.92;
 filter:alpha(opacity=92);
padding:10px 0px;

margin:0px;
}

#menu li ul li{
display:block;
float:none;
margin:0 5px;
}

#menu li ul a{
display:block;
margin:0px;
color:#000 !important;
}

#menu li ul li.active a{
color:#0f90cb !important;
}

#menu li ul a:hover{
color:#0f90cb !important;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}



/***********************
Main Body
************************/
#pageBody{
width:100%;
}



#sideMenu{
width:180px;
float:left;
display:inline;
margin-right:6px;
line-height:1.2em;
}

#sideMenu li{
margin:1em 0;
}


#sideMenu a{
color:black;
}

#sideMenu .current a{
color:#0f90cb;
}

#sideMenu .incurrent a{
color:black;
}

#sideMenu .incurrent .current a{
color:#0f90cb;
}

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

#sideMenu ul ul{
margin-left:15px;
}





#defaultFeatureImg{
background:#016cd9 url(../images/seamless-clouds.jpg) 68% 50% repeat;
padding:20px;
margin-bottom:1.5em;
}


#defaultFeatureImg h1{
color:white;
border:0px;
margin:0px;
}


#featureImg{
margin-bottom:1.5em;
}


#mainContent{
width:725px;
float:right;
display:inline;
}


#secondaryLeft{
width:445px;
margin-right:19px;
float:left;
display:inline;
}

#secondaryRight{
width:261px;
float:left;
display:inline;
}


#shadowImg1{
background:white url(../images/img_shadow_tile.png) 50% 50% repeat-y;
width:279px;
margin-left:-8px;
margin-right:-10px;
}


#shadowImg2{
background:transparent url(../images/img_shadow_top.png) 50% 0% no-repeat;
padding-top:8px;
}


#shadowImg3{
background:transparent url(../images/img_shadow_bottom.png) 50% 100% no-repeat;
padding-left:8px;
padding-bottom:16px;
}

#small1{
width:116px;
float:left;
display:inline;
margin-right:21px;
background:#bed9f1;
border:2px solid #bed9f1;
}

#small2{
width:116px;
float:left;
display:inline;
border:2px solid #bed9f1;
}

.smallContent{
margin:6px;
font-size:0.85em;
}


/*********************

Styles for the footer

 ********************/
#footerWrap{
background:transparent url(../images/shadow_bottom.png) 50% 100% no-repeat;
width:100%;
padding:0px;
padding-bottom:22px;
margin:0 auto;
margin-bottom:30px;
}

#footer{
margin: 0 auto;
margin-bottom:0px;
border-top:2px solid #548abb;
width:960px;
padding:10px;
background:#216db6;
opacity:0.8;
filter:alpha(opacity=80)

}


#footer span#copyright{
float:right;
padding:0px 25px;
color:black;
margin-top:20px;
display:block;
}

#footer a{
float:right;
color:black;
padding:0px 25px;
border-right:1px solid black;
margin-top:20px;
display:block;
}

#footer a.button{
float:left;
border:0px;
padding:0px;
margin-right:5px;
margin-top:0px;
}

#footer a.smallButton{
float:left;
border:0px;
padding:0px;
margin-right:5px;
margin-top:15px;
}



/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
background:#eee;
padding:10px;
border:1px solid #ccc;
border-left:0px;
border-right:0px;
text-align:center;
margin:10px 0px;
}

.pagination a{
border:1px solid #ccc;
padding:3px 8px;
margin:3px;
}

.pagination a:hover{
background:#ccc;
color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/

.comment{
border-bottom:1px solid #eee;
padding:10px 0px;
width:100%;
}

.comment .author{

}

.comment .author_name{

}

.comment .date{

}

.comment .content{

}

/*****************************
* Blog layout
******************************/

#blogMainArea{

}

#fbBoxes{
float:right;
margin-left:10px;
}

#blogSidebar{

}

.postInfo{

}

.postInfo h4{
margin-top:0px;
padding-top:0px;
}

#blogMainArea .post{
border-bottom:1px solid #d9e5f0;
padding-bottom:10px;
margin-bottom:10px;
}

#blogMainArea .postInfo{

margin-bottom:10px;
}

#blogMainArea .postInfo h1,
#blogMainArea .postInfo h2,
#blogMainArea .postInfo h3,
#blogMainArea .postInfo h4,
              .postInfo h5 {
border-bottom:0px;
}


#blogMainArea .post .body{
font-size:1em;
font-style:italic;
/*color:#1186ca;*/
}

.post{

}

.post .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.post .body{
clear:left;
}

.postInfo h3,.postInfo h4, .postInfo h5{
border-bottom:0px;
margin:0px;
padding:0px;
}

.postInfo h5{
font-weight:normal;
opactiy:0.4;
filter:alpha(opacity=40);
}

.postInfo .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.postBody{
clear:left;
}


.decoyEmail{
display:none;
}
/***********************
**Some general form stuff
************************/


ul.form_errors{ 
                border:1px solid red;
                background:#fdd;
                padding:10px;
                padding-left:30px;
                }

.submitted_ok{ 
                border:1px solid green;
                background:#dfd;
                padding:10px;
                padding-left:30px;  
                margin:10px;
 }

input.form_error,textarea.form_error,select.form_error{ 
                  border:2px inset red;
                  background:#fdd;
                  }

            
/*********************
*This allows fluid images
***********************/
img.full{
max-width:100%;
}

table td img.full{
width:100%;
}
            
            
    /***********************
    * Clearfix rules
    ************************/
        .clearfix {
	 display:inline-block;
	}
	.clearfix:after {
	 display:block; 
	 visibility:hidden; 
	 clear:both; 
	 height:0; 
	 content: "."; 
	}