/*

Theme Name: magicblue

Theme URI: http://www.blogchemistry.com/2008/09/13/free-wordpress-theme-magicblue/

Description: 2 column, with RHS widget sidebar

Version: 1.2

Tags: fixed width, two columns, widget ready, white, blue

Author: BlogChemistry

Author URI: http://www.blogchemistry.com/

*/





body {

margin: 0;

padding: 0;  

color: #333;

text-align:center;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 100.1%;

background: #777;

}





#wrapper{

width: 760px;

margin: 0px auto;

padding: 0px;

text-align:left;

font-size: 78%;

line-height:18px;

background: #fff;

border-left: 2px solid #fff;

border-right: 2px solid #fff;

}



#wrapper2{

	background: #fff;



}



#superheader{

padding: 0;

margin: 0;

height: 13px;

}	





#header{

padding: 0  0 0px 0;

height: 205px;

margin: 0 0 0px 0;

border-bottom:2px solid #fff;

}	





		

#content{

clear:both;

padding: 0;

margin: 15px 10px;

}	





#main {

width: 530px; 

float:left;

margin: 0;

padding: 0 0 10px 0px;

overflow:hidden;

}





#sidebar {

padding: 0;

margin: 0px 0px 0px 540px;

}





#footer {

clear: both;

margin: 0;

padding: 10px 16px 0 16px;

text-align: center;

font-size: 85%;

background: #fff;

}





#footer-inner{

background: #F0F9FF;

height: 45px;

border-top: 1px solid #8CD1FD;

border-bottom: 1px solid #8CD1FD;

}



#footer-inner p{

padding:15px 0 20px 0;

margin:0;

}



#navigation{

padding: 5px 15px;



}



#navigation div.fleft{

float:left;

}



#navigation div.fright{ 

float:right;

}



#credit{

text-align:right;

font-size: 80%;

}



#credit p{

	margin: 0px 10px;

	padding: 3px;

	}

#credit p a{

	color: #777;

	font-weight:100;

}

#credit p a:hover{

	color: #777;

}





#subscribe{

text-align:center;

}



#subscribe p{

 margin: 5px 0;

}



/*  ********** default styles *********** */



p, h1, h2, h3, h4, h5, h6{

margin: 10px 0;

padding: 0;

}



h1, h2, h3, h4, h5, h6 {

font-family: 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;

}



h1{

	font-size: 190%;

}

h2{

	font-size: 160%;

}

h3{

	font-size: 120%;

}

h4{

	font-size: 110%;

}

h5{

	font-size: 100%;

}

h6{

	font-size: 90%;

}





a{

color:#00538A;

font-weight:800;

text-decoration:none;

}

a:hover{

color:#00538A;

text-decoration:underline;

}



a img{

border:0px;

}



hr{

height:2px;

margin:5px 0;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

}



blockquote{

background: #EBF7FF;

padding: 5px 15px;

margin: 3px 30px;

border-left: 4px solid #8CD1FD;

border-top: 1px solid #EBF7FF;

border-right: 1px solid #EBF7FF;

border-bottom: 1px solid #EBF7FF;



}



form{

margin: 0;

padding:0;

}



fieldset{

padding:10px;

margin:0;

border:none;

}



legend{

font-weight:800;

}



code{

	font-size: 90%;

	font-family: "Courier New", Courier, monospace;

	white-space: pre;

}



td{

 vertical-align:top;

}









#tabs{

padding: 0;

background:black;

}



#tabs ul{

margin: 0;

padding:3px 0;

list-style-type:none;



}



#tabs ul li{

margin: 8px 0 3px 10px;

padding: 6px 12px 6px 0px;

display:inline;

border-right: 2px solid #fff;

font-size: 90%;

font-family: Tahoma, Arial, sans-serif;

}



#tabs ul li a{

color: white;

}



#tabs ul li a:hover{

color:#A1E7FD;

 text-decoration:none;

}





/* Headings */ 



form#searchform2{

display: block;

margin: 3px 0px;

}





#header h3{

margin:  0;

padding: 15px 0 0 15px;

font-weight:800;

font-size: 200%;

}



#header h3 a{

font-weight:100;

color: white;

text-decoration: none;

}





#header h2{

margin: 0;

font-family: Tahoma, Arial, Verdana, sans-serif;

letter-spacing:1px;

padding: 10px 0 5px 17px;

font-weight:800;

color: white;

font-size: 90%;

}



h2#sectiontitle{

font-size:150%;

font-weight: 100;

padding:6px 6px 6px 10px;

margin:8px 10px 5px 0px;

color: #444;

border-top: 1px solid #8CD1FD;

background:#EBF7FF;

}



/* post styles */



.post{

margin: 0 0 10px 0;

padding: 5px;

}



.entry{

margin: 0;

padding: 5px 10px 8px 10px;

}



.post h2 {

color: black;

font-size: 150%;

font-weight:100;

padding: 2px 0 4px 2px;

margin: 0 0 15px 0;

}





.post h2 a{

color: black;

text-decoration:none;

font-weight:100;

}



.post h2 a:hover{

text-decoration:none;

color: black;

}



.postmetadata{

font-size:80%;

border-top: 1px solid #8CD1FD;

background:#EBF7FF;

padding: 1px 0 1px 5px;

margin: 0 5px;

}



.postmetadata p{

line-height: 15px;

padding: 0;

margin: 3px 0;

}





/*  Comments   */



h3#comments, h3#postcomment{

	font-size: 100%;

	font-family:verdana, sans-serif;

}	



ol#commentlist{

padding: 0 0 0 20px;

font-size: 90%;

list-style-type:none;

}



ol#commentlist li{

	padding: 2px 10px;

	margin: 0;

}



ol#commentlist li p.commentheader{

margin: 3px 0 0px 0;

padding: 1px 5px;

}







ul#commentlist{

padding: 0;

margin:0;

list-style-type:none;

}



ul#commentlist li{

	display: block;

	padding: 0;

	margin: 0 15px;

	font-size:90%;

	border: 4px solid white;

}





ul#commentlist li div.gravatar {

	width:40px;

	float:left;

	text-align: center;

	padding: 5px 0 0 5px;

}



ul#commentlist li div.gravatar img{

border: 2px solid #ddd;

}





ul#commentlist li p.commentauthor {

	padding: 0;

	margin: 0 0 2px 0;

	overflow:hidden;

}





ul#commentlist li p.commentheader{

margin: 0 0 10px 0;

padding: 0px;

}





ul#commentlist li div.commenttext{

padding: 0 0 0 0px;

margin:5px 10px 5px 60px;

}



ul#commentlist li div.commenttext div.commentwrapper{

background: #F0F9FF;

margin:0 0 0 5px;

padding: 3px 8px;

border-top: 1px solid #8CD1FD; 

}





/*  sidebar styles */





.menu{

padding:0;

font-size:90%;

}



.menu a{

font-weight: 100;

}



.menu a:hover{

text-decoration:none;

}



.menu ul{

margin:0;

padding:0 0 0 0px;

list-style-type:none;

}



.menu ul li.widget{

padding:2px;

margin:0 0 7px 0px;

}



.menu ul li.widget ul{

	margin: 0;

	padding:0;

}



.menu ul li.widget ul li{

padding: 2px 0 2px 12px;

margin:0;

border-bottom: 1px solid #eee;

}



.menu ul li.widget ul li ul{

}



.menu ul li.widget ul li ul li{

border-top: 1px solid #eee;

border-bottom: none !important;

padding: 0 0 0 11px;

}



.menu ul li.widget h3{

font-size:120%;

padding:2px 0 3px 5px;

margin:0;

color: #222;

font-weight: 800;

font-family: arial, verdana, sans-serif;

font-variant:small-caps;

border-bottom: 1px solid #8CD1FD;

border-top: 3px solid #8CD1FD;

letter-spacing:2px;

}



.menu ul li h3 a{

color: #023A5E;

font-weight: 800;

}

.menu ul li h3 a:hover{

color: #023A5E;

text-decoration: none;

}



.menu form{

display:block;

margin:0px;

padding:4px;

}



.menu input{

margin:3px 0;

font-size:90%;

}



li.widget .textwidget, li.widget #search {

padding: 2px 5px;

}



/* Calendar styles */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

display: block;

}



#wp-calendar caption {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}





#footer a{

font-weight: 100;

}





.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}