/*
Theme Name: BluMaBro
Theme URI: http://www.widgetreadythemes.com
Description: BluMaBro is a 2 columns , widgetready worpress that comes in 3 deferent colors by Banhawi Designs & WidgetReadyThemes.
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 :#fff 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 : #3a71a8;
}
a:hover {
color : #431205;
}
#container {
width : 950px;
margin : 0 auto;
}
#header {
width : 100px;
height:175px;
}
#logo {
width : 950px;
height : 125px;
float : left;
margin-top : 20px;
}
#header h1{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:36px;
padding-top:20px;
}
#header h1 a,#header h1 a:hover{
color:#c3272f;
text-decoration:none;
}
.description {
color:#333;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding-left:20px;
}
#headnav{
width : 900px;
margin:0 auto;
height:40px;
}
#header ul {
width : 550px;
padding-left : 15px;
clear : both;
}
#header ul ul {
padding-left : 15px;
clear : both;
}
#header ul li {
float : left;
display : block;
}
#header ul li a {
float : left;
display : block;
color : #FFF;
text-decoration : none;
font-weight : bold;
padding : 2px 10px 10px 10px;
font-size : 15px;
}
#header ul li a:hover {
color : #c3272f;
background:#d0effc;
}
#searchform {
height : 20px;
line-height : 20px;
float : right;
padding-top : 0;
margin : 0;
}
#searchform br {
display : none;
}
#searchform #s {
width : 180px;
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;
}
#content {
width : 650px;
padding : 10px;
float : right;
padding-top:20px;
}
.post {
clear : left;
width : 500px;
padding-top : 3px;
}
.post head{
width:500px;
min-height:60px;
}
.post-date{
width:56px;
height:60px;
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(images/dbgb.gif) no-repeat;
}
.day {
font-size:28px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
margin-top:-4px;
margin-left:12px;
}
.month {
font-size:14px;
color:#c3260d;
margin-top:-2px;
margin-left:14px;
}
.post h2 a {
font-size : 28px;
font-weight : lighter;
letter-spacing : -1px;
text-decoration : none;
color : #333;
font-weight : lighter;
letter-spacing : -1px;
}
span.user {
float : left;
padding : 2px;
padding-left : 20px;
color : #666;
font-size:10px;
background : url(images/user.gif) no-repeat left 0%;
}
span.comment {
float : left;
padding : 2px;
padding-left : 20px;
font-size:10px;
background : url(images/comments.gif) no-repeat left 0%;
}
.entry {
margin : 5px 0 30px 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;
}
div.post small {
display : block;
font-size : 10px;
color : #444;
line-height : 1.6em;
padding-bottom : 10px;
clear : left;
}
#sidebar {
margin:20px 10px 20px 10px;
padding:10px;
width : 225px;
background:#fff4d3;
border:1px #f6e2b9 solid;
float : left;
}
#sidebar ul {
list-style : none;
}
#sidebar ul h2 {
color : #d23825;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
padding:10px 0 10px 0;
font-weight:lighter;
}
#sidebar ul ul li {
line-height : 18px;
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;
}
div#comments {
width : 500px;
padding : 20px 0;
float : left;
border-top:1px #ccc dashed;
}
#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 : #666;
clear : both;
padding-top : 15px;
padding-left : 38px;
}
.navigation{
font-size:13px;
padding:20px 2px;
}
#footer {
width : 100%;
clear : both;
background : #effbff;
}
#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 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;
font-size : 10px;
display : block;
width : 900px;
clear : both;
margin : 0 auto;
}
#styleswitch {position: relative;color:#FFFFFF;font-size:11px; margin:-11px;}
#styleswitch a{color:#FFF;text-decoration:none;}
#styleswitch .ss {float: left;display: block;width: 82px;}
#blue {background:#1097dd;height: 20px;}
#blue:hover {height: 20px;}
#maroon {background:#730021;height: 15px;}
#maroon:hover {height: 20px;}
#brown {background:#44250c;height: 15px;}
#brown:hover {height: 20px;}