/*

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.2

*/



/* ========== 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;

}