/*

Theme Name: TopBar

Theme URI: http://www.widgetreadythemes.com

Description: TopBar is a 2 cloumns rounded corners theme designed by <a href="http://www.banhawidesigns.com/">Banhawi Designs</a> & <a href="http://www.widgetreadythemes.com/">WidgetReadyThemes</a> .

Author: Banhawi

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

*/



* {

margin : 0;

padding : 0;

}

body {
background : #333333;
font-family : Verdana, Tahoma, Arial, sans-serif;
color : #666;
line-height : 140%;
text-align : left;
font-size : 12px;
}
a {
color : #07abf1;
text-decoration : none;
}
a:hover {
color : #0c8ac0;
text-decoration : none;
} 
#page {
margin : 10px auto;
width : 950px;
}
#pbt{
	background:#333 url('images/pbt.jpg') no-repeat;
	width:950px;
	height:44px;
}
#pb {
background:#595D5F;
}
#pbf{
	background:#333 url('images/pbf.jpg') no-repeat;
	width:950px;
	height:16px;
}
#pbt .nav {
width : 940px;
float : left;
margin-bottom : 20px;
}
#pbt ul {
padding-top:4px;
width:450px;
padding-left : 15px;
clear : both;
float : left;
}
#pbt ul li {
float : left;
display : block;
}
#pbt ul li a {
float : left;
display : block;
color : #fff;
text-decoration : none;
font-weight : bold;
padding:6px;
font-size : 14px;
}
#pbt ul li a.first {
border-left : none;
}
#pbt ul li a:hover {
background : #333;
}

#header {
width : 925px;
margin:0 auto 10px auto;
height : 100px;
background:url('images/header.jpg') no-repeat;
}
a.rss{
background:url('images/rss.png') no-repeat;
height:32px;
width:32px;
float:right;
display : block;
margin-top:2px;
margin-right:10px;
}
#header h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
padding-left:10px;
padding-top:20px;
}
#header h1 a,#header h1 a:hover{
color:#FFF;
text-decoration:none;
}
.description {
color : #777C7F;
font-size:14px;
padding-left:15px;
padding-top:10px;
}
#content {
float : left;
width : 650px;
margin-left:5px;
}
#cbt{
	background:#FFF url('images/cbt.jpg') no-repeat;
	width:650px;
	height:8px;
}
#cb{
	background:#FFF;
	width:650px;
}
#cfoot{
	background:#FFF url('images/cfoot.jpg') no-repeat;
	width:650px;
	height:8px;
}

#sidebar {
width : 250px;
float : right;
margin-right:10px;
margin-top:-5px;
}
#footer {
color : #ccc;
padding : 10px;
clear : both;
}
#footer a{
color : #999;
}

h2 {
font-size : 18px;
margin : 5px 0;
}
h3 {
font-size : 18px;
margin : 10px 0;
}
h4 {
font-size : 14px;
}
.post-head{
width:600px;
background:#DBFEFF;
min-height:40px;
}

.post-date{
background:#FFF;
float: left;
display: inline;
margin: 0 10px 0 0;
border-right:1px #0C2E2F solid;
padding-left:5px;
}
.day {
font-size:20px;
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
margin-top:6px;
padding-right:5px;
}
.month {
font-size:13px;
color:#ccc;
padding-right:5px;
}
.post h2 {
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:5px;
font-size : 24px;
}
.post h2 a{
color:#63CACD;
}

p.da {
font : 10px Arial, Helvetica, sans-serif;
color : #999;
} 
.post {
padding :20px;
}
.post ul, .post ol {
padding-left : 30px;
}
.entry {
text-align : left;
padding :10px 15px;
margin-bottom:50px;
}
p.comments{
float:right;
padding:0 0 5px 28px;
background:#FFF url('images/comments.jpg') no-repeat left;
line-height:28px;
}
.navigation {
font-size : 18px;
padding : 20px;
}
.alignleft {
float : left;
background:#FFF url('images/back.jpg') no-repeat left;
padding-left:28px;
}
.alignright {
float : right;
background:#FFF url('images/next.jpg') no-repeat right;
padding-right:28px;
}
blockquote {
background : #f5ffff;
border-top : 1px solid #BFFDFF;
border-bottom : 1px solid #BFFDFF;
padding : 20px;
margin : 5px;
font-family : "Times New Roman", Times, serif;
font-size : 13px;
}
img {
padding : 5px;
}
a img {
border :0px;
}
#sidebar ul {
margin-bottom : 20px;
}
#sidebar ul ul {
margin-left:-40px;
}

#sidebar h2 {
background:url('images/sh2.jpg') no-repeat;
height:30px;
width:300px;
margin-left:-40px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:16px;
color : #213540;
padding-left:5px;

}
#sidebar a{
color:#63CAD5;
text-decoration:none;
}
#sidebar a:hover {
text-decoration: underline;
}

#sidebar ul li {
list-style : none;
font-size : 12px;
line-height : 28px;
}
#sidebar ul ul li {
padding-left:10px;
padding-left:25px;
}
#sidebar ul ul li ul {
padding-left : 20px;
margin-bottom : 0;
}
#sidebar ul ul li ul {
padding-left : 20px;
margin-bottom : 0;
}
#commentform input {
margin : 5px 0;
background : #eee;
border : 1px solid #ccc;
}
textarea#comment {
width : 95%;
background : #eee;
border : 1px solid #ccc;
}
#submit, #submit:hover {
color : #fff !important;
background : #63CBCE!important;
float : right;
}
ol.commentlist {
list-style-type : none;
}
ol.commentlist li {
border : 1px solid #f8fcff;
padding : 5px;
margin : 10px 0;
}
ol.commentlist li.alt {
background : #ecf8fe;
}
#searchform {
padding : 4px;
float:right;
width:254px;
}
#searchform input{
color:#FFF;
background:#333;
border:0px;
padding:2px;
}
input#searchsubmit{
	margin-top:3px;
}
#searchform #s {
width : 175px;
color:#41ACAF;
background:#FFF;
border:0px;
}
hr {
display : none;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#tabs{
background:url('images/tbg.jpg') no-repeat;
width : 925px;
margin:0 auto 20px auto;
height : 150px;
padding:1px;

}
.tabber {
width:900px;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 5px ;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 color:#fff;
}

ul.tabbernav li a
{
 padding: 5px 35px 10px 35px;
 margin-left: 3px;
 background:url('images/tubg.jpg') no-repeat;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }

ul.tabbernav li a:hover
{
color: #000;
background:url('images/tabg.jpg') no-repeat;

}

ul.tabbernav li.tabberactive a
{
color: #000;
background:url('images/tabg.jpg') no-repeat;
width:150px;
height:30px;

}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
h1.featured{
	font-size:18px;
	margin-top:-10px;
	margin-bottom:4px;
}
h1.featured a{
color:#63CBCE;
}
p.about {
padding:10px 10px 5px 25px;
}