/*
281
By Paul Stamatiou (WordPress)
Habari port By Adam Wilcox
http://adamwilcox.org/281/
*/

body{font: 75% Verdana, "Bitstream Vera Sans", sans-serif, Helvetica;
color: #797979;
background: #f7f7f7;
text-align:center;
margin:0 0 0;
border-top: 6px solid #584d4d;
border-bottom: 6px solid #584d4d;
text-shadow: #FAFAFA 1px 1px 0;
}
#page{background:#f7f7f7;
text-align:left;
margin:0 auto;
padding:20px 0 10px;
position:relative;
width:900px;
}
#header{text-align:left;
padding: 0 0 20px;
background:none;
}
img {
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 6px;
}
.primary{width:550px;
float:left;
padding:0;
margin:0 20px 0 0;
display:inline;
}
input#s{width:125px;
margin-right:2px;
font-size:12px;
}
.search{margin: 10px 0 20px 0 !important;
}
.secondary{font:1em/1.5em 'Lucida Grande',Arial,Verdana,Sans-Serif;
text-align:left;
width:240px;
float:right;
color:#555;
position:relative;
margin-left: 25px;
}
.comments{text-align:left;
padding:30px 0 0;
position:relative;
}

a img,:link img,:visited img{border:none;
}
h2,h3,h4{font-family: "lucida grande",tahoma,arial,helvetica,sans-serif;
}
.pagetitle{text-align:left;
margin:15px 0 15px;
}
.pagetitle h2{font-size:2em;
font-weight:normal;
letter-spacing:-1px;
text-align:center;
display:inline;
}
.secondary h2{padding:0;
display:inline;
font-size:13px;
font-weight:bold;
color:#555;
text-transform:uppercase;
}
.secondary h2 a:hover{color:#fff !important;
}
.secondary p{line-height:1.3em !important;
margin-bottom:-2px !important;
margin-top:5px !important;
font-size:12px;
}
.sb-module{font-size:12px;
line-height:1.1em;
}
code{font:1.1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#fff;
color:#333;
border:1px solid #aaa;
border-left:6px solid #aaa;
padding:4px;
}
pre {
	color: #777;
}
a:link,a:visited,a:active{-moz-outline:none;
}
.primary h3 a:hover{color: #5e5e5e;
}
a{color: #0a9ee2;
text-decoration:none;
}
a:hover{ 
	color: #0a9ee2; 
}

.clear:after {display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clear {display:inline-block}
.clear {display:block}
.primary img{
max-width:450px;
	float: none;
}
.permalink .itemtext img{max-width:500px;
min-width:0px;
}
.alignright{float:right;
}
.alignleft{float:left}
img.center,img[align="right"]{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;
}
small{font-size:.9em;
line-height:1.4em;
}
small,strike{color:#777;
}
.commentlist blockquote,blockquote{margin: 20px 0;
padding: 0 30px 0 30px;
color:#888;
line-height: 1.2em;
font-family: Trebuchet MS, Serif;
}
hr{display: none;
}
.alert{background:#FFF6BF;
border-left:2px solid #FFD324;
border-right:2px solid #FFD324;
text-align:center;
margin:10px auto;
padding:5px 20px;
}
.itemtext ol,.itemtext ul{padding:0 0 0 35px;
margin:0;
}
.itemtext ol li,.itemtext ul li{margin:0 0 3px;
padding:0;
}
.secondary ul,.secondary ol{margin:5px 0 0;
padding-left:0;
}
.secondary ul{_margin-left:0;
}
.secondary ol{margin-left:15px;
}
.secondary ul li,.secondary ol li{margin:0;
padding:1px 0;
}
.secondary ul li{list-style-type:none;
list-style-image:none;
}
ol li{list-style:decimal outside;
}


ul.sbmenu{text-align:left;
height:auto;
width:210px;
}
ul.sbmenu li{float:left;
width:100%;
}
ul.sbmenu li a{font:1.5em Verdana, Sans-Serif;
text-transform: none;
color: #0a9ee2;
display:block;
line-height:20px;
}
ul.sbmenu li a:hover{background:none !important;
text-decoration:none;
color: #0a9ee2;
text-shadow: 0px 0px 3px #66ccff;
}

.secondary a:hover {text-shadow: 0px 0px 4px #66ccff;}

ul.comment-authors li a {color: #0a9ee2;}
ul.comment-authors li a:hover {color: #0a9ee2;text-shadow: 0px 0px 3px #66ccff;}

ul.sbmenu li.current_page_item a,ul.sbmenu li.current_page_item a:hover{color:#333;
background:none;
text-decoration:none;
}




h1{font-size:2.5em;
font-weight:bold;
letter-spacing:-1px;
margin:0;
padding: 0;
color:#000;
}
h1 a{
	color: #584d4d;
}
h1 a:hover {
	color: #5e5e5e;
}
#header .description{font-size:1.2em;
margin:0;
padding:0;
color:#bbb;
}


.center{text-align:center;
padding-bottom:0px;
margin:0;
}
.ar-categories ul,.ar-popular ul{width: 500px;
list-style-type:none;
margin:0;
padding:0;
}
.ar-categories ul li {display: block;
margin: 0;
float:left;
width: 230px;
}
.primary h3 a:hover{
color: #424242;
}
.primary .metadata a:hover{color:#bbb;
}
.primary h3,.primary h4,.permalink .primary .aside h3{font-size:1.8em;
font-weight:normal;
letter-spacing:-1px;
display:inline;
}
.primary .aside h3{font-size:1.5em;
font-weight:normal;
}
.itemhead{margin-top:10px;
}
.itemtext h3{font-size:1.7em;
display:block;
padding:15px 0 0;
}
.itemtext h4{font-size:1.5em;

padding: 5px 0 0;
color: #888;
}
.secondary div{margin:20px 0 0;
padding:0;
}
.permalink .primary .aside .itemtext{font-size:1.5em;
color:#444;
}
.aside{padding:10px 0px 20px 0px !important;
font-size:1.0em;
}
.editlink img{width:16px;
height:16px;
border:none !important;
padding:0 !important;
margin:4px 0 0 !important;
position:absolute;
right:0;
}
.aside .editlink img{top:9px;
}
.commentseditlink{border:none;
padding:2px;
padding-left:10px;
}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited{color:#444;
}
h3 a:hover{color:#fff;
}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{text-decoration:none;
}
h2 a:hover,h2 span a:hover{color:#000;
background:#eee;
}
.metadata{color: #cccccc;
font-size:10px;
line-height: 1.5em;
display:block;
margin-bottom:10px;
margin-top:2px;
}
.metadata a{color: #999999;
	font-style: italic;
}
.aside .metadata{font-size:12px;
}
.commentslink{padding:0;
}
.primary .item{margin:0;
padding:5px 0 35px;
position:relative;
}
.primary .item .itemtext{font:1em/1.5em 'Lucida Grande',Arial,Verdana,Sans-Serif;
text-align: left;
color:#444;
}
.primary .item .itemtext p,.primary .item .itemtext ul,.primary .item .itemtext ol,.primary .item .itemtext div,.primary .item .itemtext blockquote{margin:10px 0;
}
.primary .aside .itemtext p,.primary .aside .itemtext ul,.primary .aside .itemtext ol,.primary .aside .itemtext div,.primary .aside .itemtext blockquote{margin:8px 0;
}
.permalink .primary .aside .itemtext p,.permalink .primary .aside .itemtext ul,.permalink .primary .aside .itemtext ol,.permalink .primary .aside .itemtext div,.permalink .primary .aside .itemtext blockquote{margin:13px 0;
}
.itemtext a:hover {text-shadow: 0px 0px 3px #66ccff;}
.comment-content p {
	font-size: .9em;
}
.comments .commentlist{padding:10px 0 0 0;
position:relative;
}
.comments .commentlist li{margin:10px 0 10px;
padding:2px 0px 2px 0px;
list-style:none;
_margin-left:-42px;
_padding:5px;
}
.comments .commentlist li img.gravatar{float:right;
padding-right:3px;
width:38px;
height:38px;
}
.comments .commentlist li .commentauthor{font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
}
.comments .commentlist li.authorcomment{list-style:none;
background:#f5f5f5;
border:1px solid #ccc;
padding:2px;
}
.comments .pinglist{font-size:1.2em;
padding:0;
margin:0;
}
.comments .pinglist li{list-style:none;
margin-top:4px;
padding:5px 0 5px 0;
}
.comments .pinglist li .commentauthor{font-weight:bold;
display:block;
}
.comments .pinglist li small{font:1em Arial,Sans-Serif;
display:block;
}
.comments .pinglist li .counter{display:none;
}
.comments .pinglist li img{padding:0;
border:none;
}
.comments #leavecomment{text-align:center;
margin-bottom:40px;
color:#ddd;
font-size:2em;
letter-spacing:-2px;
}
.comments form{clear:both;
padding:1px 0 30px;
margin:0;
width:500px;
}
input[type=text],textarea{font:1.1em Verdana,Arial,Helvetica,Sans-Serif;
padding:3px;
color:#777;
background:#eee;
margin:0;
border: 1px solid #ccc;
}
.comments form input[type=text]{width:45%;
margin:5px 5px 1px 0;
}
.comments form textarea{height:200px;
padding:2px;
width:100%;
_width:98.5%;
}
.comments form #submit{margin:0;
float:right;
border: none;
background: url(img/submit_button.gif) no-repeat;
color: #e9e9e9;
font-size: 0.01px;
text-transform: capitalize /*IE hack*/;
width: 47px;
height: 17px
}
.navigation{text-align:center;
margin:10px 0 10px;
width:99%;
}
.navigation .left{float:left;
width:50%;
text-align:left;
}
.navigation .right{float:right;
width:50%;
text-align:right;
}
.navigation p{margin:0;
padding:0;
}
.navigation a{color:#777;
}
.navigation a:hover{color:#999;
}


/*BLC*/.sb-comments-blc ul li span a, .sb-comments ul li small a{color: #999;
}
.sb-comments-blc li > a[title="Go to the comments of this entry"]{position: absolute;
right:0;
color: #999;
}
.sb-comments-blc a:hover{color:#fff !important;
}
.activityentry {font-size:12px;
}
div#brians-latest-comments small{display:block;
margin:0;
}


#footer small{font-size:0.8em;color: #bbb;
}
#footer{height:30px;
margin: 10px auto 0;
padding-top: 10px;
position:relative;
text-decoration:none;
text-align:center;
color: #bbb;
}
#footer a{color:#bbb;
font-weight:bold;
}
#footer a:hover{border:none;
text-decoration:none;
color:#bbb;
}
#footer a:link,#footer a:visited{text-decoration:none;
border:none;
}
/* search form */
form#searchform input#s {
	border: 1px solid #ddd;
	background: #eee;
	color: #aaa;
}
form#searchform input#searchsubmit {
	border: none;
	color: #eee;
	background: #aaa;
	font-size: 10px;
	height: 24px;
	}
	
div.geshi pre {
  margin: 0 1em !important;
  overflow: auto;
  background-color: #f1f1f1;
  border: 1px dotted #ccc;
}

div.geshi pre ol li {
  margin-bottom: 0; /* override .entry-content ol li */
  font-family: "Lucida Console", Monaco, monospace;
 }
 
div.geshi pre ol li.li2 {
  background-color: #f1f1f1; /* gentle zebra stripes */
}

div.geshi pre ol li div {
  margin: 0; /* override .entry-content div */
}

div.geshi .br0 { color: #6C6; }
div.geshi .co0 { color: #808080; font-style: italic; } /* comment */
div.geshi .co1 { color: #808080; font-style: italic; }
div.geshi .co2 { color: #808080; font-style: italic; }
div.geshi .coMULTI { color: #808080; font-style: italic; } /* multi-line comment */
div.geshi .es0 { color: #009; font-weight: bold; }
div.geshi .kw1 { color: #b1b100; } /* keyword */
div.geshi .kw2 { color: #000; font-weight: bold; }
div.geshi .kw3 { color: #006; }
div.geshi .kw4 { color: #933; }
div.geshi .kw5 { color: #00F; }
div.geshi .me0	{ color: #060; }
div.geshi .nu0 { color: #C6C; } /* number */
div.geshi .re0 { color: #00F; }
div.geshi .re1 { color: #00F; }
div.geshi .re2 { color: #00F; }
div.geshi .re4 { color: #099; }
div.geshi .sc0 { color: #0BD; }
div.geshi .sc1 { color: #DB0; }
div.geshi .sc2 { color: #090; }
div.geshi .st0 { color: #F00; }
div.geshi .sy0 { color: #F00; }