﻿/*  
Theme Name: Magicsix
Theme URI: http://www.widgetreadythemes.com
Description: MagicSix is a 3columns , widgetready , adsense ready and custom footer wordpress theme that comes in 6 different colors by <a href="http://www.widgetreadythemes.com/">WidgetreadyThemes (Banhawi)</a> .
Version: 1.0
Author: Banhawi
Author URI: http://www.banhawidesigns.com
*/

* {
margin : 0;
padding : 0;
}
body {
font-family : Verdana, Tahoma, Helvetica, Arial, sans-serif;
background :url('images/bluebg.gif') repeat-x;
font-size : 11px;
color : #666;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .clearfix {
height : 1%;
}
a {
font-weight : bold;
color : #3b78a9;
}
a:hover {
color : #333;
}
#container {
width : 963px;
margin : 0 auto;
}
#header {
width : 963px;
}
#logo {
width : 400px;
height : 78px;
float : left;
margin-top : 20px;
}
#header h1{
color:#FFF;
font-family: Century Gothic, Arial Narrow, Arial;
font-size:28px;
font-weight:lighter;
}
#header h1 a,#header h1 a:hover{
color:#FFF;
text-decoration:none;
font-weight:lighter;
}
.description {
color:#fff;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding-left:20px;
}
#top-ad {
width : 468px;
float : right;
height : 65px;
margin-top : 10px;
margin-right : -37px;
}
#header ul {
width : 950px;
height : 50px;
padding-left : 15px;
padding-top : 2px;
clear : both;
}
#header ul ul {
padding-left : 15px;
padding-top : 2px;
clear : both;
}

#header ul li {
float : left;
display : block;
}
#header ul li a {
float : left;
display : block;
border-right : 1px solid #282727;
border-left : 1px solid #4b4a4a;
color : #fff;
text-decoration : none;
font-weight : bold;
padding : 15px;
font-size : 15px;
}
#header ul li a.first {
border-left : none;
}
#header a.subscribe {
width : 100px;
height : 100px;
float : right;
margin-top : -100px;
text-indent : -99999px;
}
#header ul li a:hover {
background : url(images/nav-hover.gif) repeat-x;
}

#content {
width : 500px;
padding : 10px;
float : left;
}
.post {
clear : left;
width : 500px;
padding-top : 3px;
}
.post h2 a {
font-size : 28px;
font-weight : lighter;
letter-spacing : -1px;
text-decoration : none;
color : #333;
font-weight : lighter;
letter-spacing : -1px;
}
.entry {
border-bottom : 1px dashed #ccc;
margin : 5px;
}
.post ul,.post ol{
padding-left:30px;
}
.post a img {
border : 1px solid #ccc;
padding : 5px;
margin:5px;
}
.post img {
border : 1px solid #ccc;
padding : 5px;
margin:5px;
}
.pmd {
margin : 10px;
}
span.info {
float : left;
padding : 5px;
padding-left : 20px;
color : #666;
background : url(images/info.gif) no-repeat left 0%;
}
div.post small {
display : block;
font-size : 10px;
color : #444;
line-height : 1.6em;
padding-bottom : 10px;
clear : left;
}
span.user {
float : left;
padding : 5px;
padding-left : 20px;
color : #666;
background : url(images/user.gif) no-repeat left 0%;
}
span.comment {
float : left;
padding : 5px;
padding-left : 20px;
color : #666;
background : url(images/comments.gif) no-repeat left 0%;
}
#sidebar {
width : 421px;
float : right;
}
#sidebar-left {
width : 200px;
float : left;
}
#sidebar-right {
width : 200px;
float : right;
}
#sidebar ul {
list-style : none;
}
#sidebar h1 {
width : 421px;
height : 26px;
color : #1e6289;
border-bottom : 2px solid #eee;
font-size : 24px;
letter-spacing : -1px;
font-weight : lighter;
margin : 10px 0;
clear : both;
}
#sidebar ul h2 {
color : #333;
font-family : Arial, Helvetica, sans-serif;
font-size : 21px;
font-weight : normal;
padding:10px 0 10px 0;
}
#sidebar ul ul li {
border-bottom : 1px dotted #eee;
line-height : 22px;
list-style : none;
margin-bottom : 2px;
padding : 2px 2px 2px 5px;
width:95%;
}
#sidebar li a {
text-decoration : none;
}
#sidebar li a:hover {
text-decoration : underline;
color : #333;
}
.sponsors {
margin-bottom : 5px;
width : 420px;
overflow : hidden;
}
.sponsors img.ml {
overflow : hidden;
}
.sponsors a img {
border : 1px solid #fff;
padding : 2px;
}
.sidebar-box {
width : 420px;
border-top : 1px solid #ccc;
border-bottom : 1px solid #999;
border-right : 1px solid #999;
border-left : 1px solid #ccc;
padding : 10px 0 10px 0;
clear : both;
height : 200px;
}
#search {
width : 401px;
font-size : 11px;
background : #3b78a9;
padding : 10px;
float : left;
color : #eee;
}
#searchform {
height : 20px;
line-height : 20px;
float : left;
padding-top : 0;
margin : 0;
}
#searchform br {
display : none;
}
#searchform #s {
width : 250px;
height : 16px;
padding : 4px 0 0 0;
background : #fff;
border : 1px solid #eee;
margin-right : 2px;
color : #666;
font-weight : normal;
}
#searchform input {
background : #fff;
border : 1px solid #eee;
width : 73px;
height : 22px;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
vertical-align : middle;
}
.rss {
float : right;
padding-top:5px;
padding-right:10px;
}
.rss a {
padding : 0 18px 0 0;
background : url('images/rss.png') no-repeat 100% 50%;
color : #ff6600;
font-size : 16px;
text-decoration : none;
}
.postmetadata {
border : 2px solid #f5f5f5;
padding : 2px;
}
#comments {
width : 500px;
padding : 20px 0;
float : left;
}
#comments form input {
width : 200px;
padding : 2px;
margin:5px;
font-size : 13px;
font-weight : bold;
color : #555;
}
#comments form textarea {
width : 450px;
height : 200px;
padding : 2px;
font-size : 13px;
font-weight : bold;
color : #333;
margin:5px;
background:#EEE;
border : 1px solid #999;
}
#comments ol.commentlist {
list-style : none;
}
#comments ol.commentlist li {
padding : 5px;
margin : 10px 0;
width : 500px;
background : #fafafa;
border-left : 10px solid #eee;
clear : left;
line-height : 1.6em;
font-size : 11px;
color : #555;
}
blockquote {
background-image : url(images/quote.png);
background-repeat : no-repeat;
background-position : left top;
margin : 10px 40px 10px 5px;
font-family : Georgia, "Times New Roman", Times, serif;
color : #555;
clear : both;
padding-top : 15px;
padding-left : 38px;
}
.navigation{
	font-size:18px;
	padding:20px;
}
#footer {
width : 100%;
clear : both;
background : #131313;
color : #999;
border-top : 2px solid #444;
}
#footer-content {
width : 950px;
margin : 0 auto;
padding : 10px 10px 0 10px;
min-height : 200px;
}
#footer-content .left {
width : 500px;
float : left;
}
#footer-content .lleft {
width : 220px;
float : left;
}
#footer-content .lright {
width : 220px;
float : right;
}
#footer-content .right {
width : 380px;
float : right;
}

#footer a {
color : #eee;
line-height : 18px;
}
#footer a:hover {
text-decoration : none;
}
#footer ul {
list-style : none;
padding : 5px;
}
#footer ul li:before {
content : "\00BB \0020";
}
#footer h2 {
font-size : 18px;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
}
#footer span {
padding : 10px;
padding-left : 0;
color : #555;
display : block;
width : 900px;
clear : both;
margin : 0 auto;
}
#styleswitch {position: relative;color:#FFFFFF;font-size:11px;}
#styleswitch a{color:#FFF;text-decoration:none;}
#styleswitch .ss {float: left;display: block;width: 60px;height: 25px; padding-right:1px;}
#red {background:url(images/ssred.gif) repeat-x;padding:5px 5px;}
#red:hover {width:80px;}
#blue {background:url(images/ssblue.gif) repeat-x;padding:5px 5px;}
#blue:hover {width:80px;}
#black {background:url(images/ssblack.gif) repeat-x;padding:5px 5px;}
#black:hover {width:80px;}
#green {background:url(images/ssgreen.gif) repeat-x;padding:5px 5px;}
#green:hover {width:80px;}
#gray {background:url(images/ssgray.gif) repeat-x;padding:5px 5px;}
#gray:hover {width:80px;}
#gray a{color:#999;text-decoration:none;}
#orange {background:url(images/ssorange.gif) repeat-x;padding:5px 5px;}
#orange:hover {width:80px;}
#styleswitch li{display:inline;list-style-type:none;}
