/*

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: #666;

	text-align: center;

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

	font-size: 100.1%;

	background: #000;

	}



#wrapper {

	width: 870px;

	margin: 0px auto;

	padding: 0px;

	text-align: left;

	font-size: 78%;

	line-height: 18px;

	background: #000;

	border-left: 2px solid #333;

	border-right: 2px solid #333;

	}



#wrapper2 { background: #000; }



#superheader {

	padding: 0;

	margin: 0;

	height: 13px;

	}



#header {

	padding: 0  0 0px 0;

	height: 205px;

	margin: 0 0 0px 0;

	border-bottom: 2px solid #444;

	}



#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 650px;

	}



#footer {

	clear: both;

	margin: 0;

	padding: 10px 16px 0 16px;

	text-align: center;

	font-size: 85%;

	background: #000;

	}



#footer-inner {

	background: #000;

	height: 45px;

	border-top: 1px solid #333;

	border-bottom: 1px solid #333;

	}



#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: #555; }

#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%;
display: none; }

h2 { font-size: 160%; }

h3 { font-size: 110%; }

h4 { font-size: 110%; }

h5 { font-size: 100%; }

h6 { font-size: 90%; }



a {

	color: #777;

	font-weight: 800;

	text-decoration: none;

	}



a:hover {

	color: #666;

	text-decoration: underline;

	}



a img { border: 0px; }



hr {

	height: 2px;

	margin: 5px 0;

	border-bottom: 1px solid #555;

	border-top: 1px solid #555;

	}



blockquote {

	background: #444;

	padding: 5px 15px;

	margin: 3px 30px;

	border-left: 4px solid #333;

	border-top: 1px solid #444;

	border-right: 1px solid #444;

	border-bottom: 1px solid #444;

	}



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: 10px 0 3px 15px;

	padding: 6px 15px 6px 0px;

	display: inline;

	border-right: 2px solid #444;

	font-size: 90%;

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

	}



#tabs ul li a { color: white; }



#tabs ul li a:hover {

	color: #999;

	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 #333;

	background: #444;

	}



/* post styles */



.post {

	margin: 0 0 10px 0;

	padding: 5px;

	}



.entry {

	margin: 0;

	padding: 5px 10px 8px 10px;

	}



.post h2 {

	color: #777;

	font-size: 150%;

	font-weight: 100;

	padding: 2px 0 4px 2px;

	margin: 0 0 15px 0;

	}



.post h2 a {

	color: #777;

	text-decoration: none;

	font-weight: 100;

	}



.post h2 a:hover {

	text-decoration: none;

	color: #666;

	}



.postmetadata {

	font-size: 80%;

	border-top: 1px solid #333;

	background: #000;

	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 #333;

	}



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 #333; }



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: #000;

	margin: 0 0 0 5px;

	padding: 3px 8px;

	border-top: 1px solid #333;

	}





/*  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 #555;

	}



.menu ul li.widget ul li ul { }



.menu ul li.widget ul li ul li {

	border-top: 1px solid #555;

	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: #fff;

	font-weight: 800;

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

	font-variant: small-caps;

	border-bottom: 1px solid #333;

	border-top: 3px solid #333;

	letter-spacing: 2px;

	}



.menu ul li h3 a {

	color: #888;

	font-weight: 800;

	}



.menu ul li h3 a:hover {

	color: #666;

	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: #222;

	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;

	}