/*
Theme Name: Biruality
Author: Sergios Singeridis, Emory Rowland
Author URI: http://www.clickfire.com/
Theme URI: http://www.clickfire.com/biruality-wordpress-theme/
Description: Elegant, simple and blue WordPress Theme by <a href="http://www.clickfire.com">Clickfire</a>.
Tags: blue, two-columns, fixed-width, right-sidebar, dark
Version: 1.4
*/

/* ========== all elements style ========== */
*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
input{vertical-align:middle;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */

.floatleft{float:left !important;}
.floatright{float:right !important;}

/* ============= body ============= */
body{
margin:0;
padding:0;
background:url(images/bg.gif);
font-family:"Trebuchet ms", "Lucida Sans Unicode", Helvetica, Verdana, arial, sans-serif;
font-size:12px;
color:#333333;
}

/* ============= wrapper ============= */
#wrapper{
width:700px;
margin:0 auto;
}

/* ============= header ============= */
#header{
width:700px;
height:120px;
background:url(images/hbg.gif) left top no-repeat;
position:relative;
margin-bottom:10px;
}

/* ========== title ========== */
.title {
color:#ffffff;
font-size:26px;
position:absolute;
top:40px;
left:20px;
font-weight:normal;
}

.title a{
color:#ffffff;
text-decoration:none;
}

.title a:hover{
text-decoration:underline;
}


/* ========== logo ========== */
#header h1{
color:#ffffff;
font-size:26px;
position:absolute;
top:40px;
left:20px;
font-weight:normal;
}

#header h1 a{
color:#ffffff;
text-decoration:none;
}

#header h1 a:hover{
text-decoration:underline;
}

.description{
font-size:10px;
color:#ffffff;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
position:absolute;
left:20px;
top:75px;
}

/* ========== small header ========== */
.smallheader {
margin-bottom:20px;
font-size:12px;
font-weight:normal;
color:#444444;
display:block;
letter-spacing:-1px;
}

.smallheader a{
color:#444444;
text-decoration:none;
}

.smallheader a:hover{
color:#000000;
text-decoration:none;
}

/* ========== menu ========== */
#menu{
width:680px;
height:40px;
background:url(images/mbg.gif) left top no-repeat;
padding:0 10px;
margin-bottom:10px;
}

#menu ul{
height:40px;
background:url(images/mbr.gif) left top no-repeat;
}

#menu ul li{
float:left;
line-height:40px;
list-style:none;
background:url(images/mbr.gif) right top no-repeat;
}

#menu ul li a{
float:left;
display:block;
line-height:40px;
height:40px;
padding-left:10px;
padding-right:12px;
color:#ffffff;
text-align:center;
text-decoration:none;
font-size:15px !important;
}

#menu ul li a:hover{
border-right:1px solid #5e8ebc;
background:url(images/mhover.gif) left top repeat-x;
padding-left:10px;
padding-right:11px;
text-decoration:none;
color:#ffffff;
}

/* ========== container ========== */
#container{
width:700px;
background:#ffffff url(images/ctop.gif) left top no-repeat;
padding-top:10px;
}

.cbot{
width:700px;
height:10px;
background:url(images/cbot.gif) left bottom no-repeat;
clear:both;
}

#content{
width:470px;
float:left;
padding-left:15px;
}

/* ========== post ========== */
.post{
clear:both;
margin-bottom:25px;
}

.post a{
color:#2277dd;
text-decoration:none;
}

.post a:hover{
color:#bb4411;
text-decoration:underline;
}

.post h1{
font-size:22px;
font-weight:normal;
color:#444444;
display:block;
letter-spacing:-1px;
}

.post h1 a{
color:#444444;
text-decoration:none;
}

.post h1 a:hover{
color:#000000;
text-decoration:none;
}

.post h2{
margin-top:-20px;
font-size:22px;
font-weight:normal;
color:#444444;
display:block;
letter-spacing:-1px;
}

.post h2 a{
color:#444444;
text-decoration:none;
}

.post h2 a:hover{
color:#000000;
text-decoration:none;
}

.post-tools{
display:block;
clear:both;
margin-bottom:10px;
color:#bbbbbb;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}

.post-tools a{
color:#777777;
text-decoration:none;
}

.post-tools a:hover{
color:#444444;
text-decoration:none;
}

.post-date{
line-height:15px;
}

.post p{
text-align:justify;
}

.post p, .post ol, .post ul{
font-size:11px;
color:#444444;
line-height:18px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-bottom:15px;
}

.post ol, .post ul{
list-style-position:inside;margin-left:20px;
}

.post-comments a{
padding-left:18px;
background:url(images/comments.gif) left center no-repeat;
}

.post-date{
padding-left:18px;
background:url(images/date.gif) left top no-repeat;
margin-left:5px;
}

/* ========== sidebar ========== */
#sidebar{
width:180px;
padding:10px;
float:right;
}

#sidebar li{
list-style:none;
margin-bottom:20px;
}

#sidebar li h2{
font-size:16px;
font-weight:normal;
color:#444444;
margin-bottom:5px;
}

#sidebar li ul li{
font-size:11px;
color:#444444;
margin:0;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:18px;
}

#sidebar li ul li a{
color:#2277dd;
text-decoration:none;
}

#sidebar li ul li a:hover{
color:#bb4411;
text-decoration:none;
}

/* ========== footer ========== */
#footer{
width:700px;
line-height:18px;
clear:both;
padding-top:5px;
padding-bottom:15px;
}

#footer p, #footer ul{
color:#bbbbbb;
font-size:10px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#footer a{
color:#ffffff;
text-decoration:none;
}

#footer a:hover{
color:#bbbbbb;
text-decoration:none;
}

.footer-links{
float:right;
}

.footer-links li{
float:left;
margin-left:10px;
display:inline;
}


/* ========== ADDITIONAL STYLES ========== */
.post img{
margin: 0 5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}

.center{
text-align: center;
}

.aligncenter
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright{
float: right;
}
	
.alignleft{
float: left
}

img.center, img[align="center"]{
display: block;
margin-left: auto;
margin-right: auto;
}
	
img.alignright, img[align="right"]{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft, img[align="left"]{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
	
img.noborder{
border: none !important;
}

/* ========== prev/next nav ========== */
.prevnextnav{
display:block;
clear:both;
margin-bottom:10px;
border-bottom:1px solid #dddddd;
border-top:1px solid #dddddd;
background:#f8f8f8;
padding:6px;
}

.prevnextnav a{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:underline;
padding:3px;
}

.prevnextnav a:hover{
text-decoration:none;
color:#666666;
}

/* ============= comments ============= */
.comment{
background:#f7f7f7;
border:1px solid #bbbbbb;
padding:15px;
margin-bottom:10px;
}

.comi{
margin-bottom:10px;
}

.comi input{
padding:4px;
font-size:13px;
color:#777;
font-weight:bold;
}

.comments-box{
clear:both;
padding:10px 20px;
}

.comments-box h3{
font-size:14px;
color:#2277dd;
margin-bottom:5px;
text-align:left;
font-weight:normal;
}

.comment-content{
clear:both;
margin-bottom:20px;
background:url(images/cbg.gif) right top repeat-y;
}

.comment-top{
background:url(images/cotop.gif) right top no-repeat;
}

.comment-bot{
background:url(images/cobot.gif) right bottom no-repeat;
padding-right:5px;
}

.comment-content p{
font-size:12px;
line-height:14px;
margin-bottom:5px;
}

.comment-content a{
color:#2277dd !important;
text-decoration:none;
font-weight:bold;
}

.comment-content a:hover{
text-decoration:underline;
color:#bb4411;
}

.comment-content small{
color:#4f4f4f;
}

.comment-text{
float:right;
width:345px;
padding-top:5px;
}

.comment-text p{
font-size:12px;
line-height:15px;
margin-bottom:16px;
text-align:justify;
padding:5px 10px;
}

#respond{
font-size:15px;
margin-bottom:10px;
color:#2277dd;
font-weight:normal;
}

#commentform p{
font-size:12px;
}

#commentform a{
color:#2277dd !important;
text-decoration:none;
font-weight:bold;
}

#commentform a:hover{
text-decoration:underline;
color:#bb4411;
}

.compostauth{
width:100px;
float:left;
}