body{font:72% Verdana,"Bitstream Vera Sans",sans-serif; color:#333; background:#fff; text-align:center; margin:0}

#bar{background:#EEE none repeat scroll 0%; width:100%; padding:4px 0pt; font-size:12px; color:#676767; *overflow:hidden}

#barpage{background:#14568A none repeat scroll 0%; width:100%; padding:4px 0pt; font-size:15px; color:#D6F1FB}

#barpage ul{list-style-type:none; margin:0; padding:0}

#barpage ul li.page_item{display:inline; margin:0; padding:0 0 0 5px}

#barpage a{color:#EEE; text-decoration:none}

#barpage a:hover{text-decoration:none; color:#676767; background:#EEE}

#page{background:#fff; text-align:left; position:relative; width:905px; margin:0 auto; padding:20px 0 10px}

#header{text-align:left; background:none; padding:0 0 20px}

.primary{width:550px; float:left; display:inline; margin:0 20px 0 0; padding:0}

input#s{width:125px; margin-right:2px; font-size:12px}

.search{margin:10px 0 20px !important}

.secondary{font:1em/1.5em 'Lucida Grande',Verdana,Arial,Sans-Serif; text-align:left; width:300px; float:right; color:#555; position:relative}

.comments{text-align:left; position:relative}

.navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px}

.navigation a:hover{color:#000; background:#fff}

a img, :link img, :visited img{border:none}

a img:hover{background:#fff}

.bitImage{font-size:0.8em}

h2, h3, h4{font-family:"lucida grande",tahoma,arial,helvetica,sans-serif}

.pagetitle{text-align:left; margin:15px 0}

.pagetitle h2{font-size:2em; font-weight:400; letter-spacing:-1px; text-align:center; display:inline}

.secondary h2{display:inline; font-size:13px; font-weight:700; color:#555; text-transform:uppercase; padding:0}

.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:1em 'Courier New',Courier,Fixed; display:block; overflow:auto; text-align:left; background:#111; color:#fff; border:1px solid #289ACF; border-left:6px solid #289ACF; padding:4px}

.primary h3 a:hover{background:#eee; color:#000}

.itemtext a{background:#FFFFE0 none repeat scroll 0%; border-bottom:1px solid #999897; color:#354662; text-decoration:none}

.itemtext a:hover{background:#354662 none repeat scroll 0%; border-bottom:1px solid #D3C4B2; color:#FFFFE0; text-decoration:none}

a{color:#3388cb; text-decoration:none}

a:hover{text-decoration:none; color:#fff; background:#165D94}

.clear:after{display:block; visibility:hidden; clear:both; height:0; content:"."}

.clear{display:block}

.primary img{max-width:100%; padding:2px 0}

.permalink .itemtext img{max-width:500px; min-width:0}

.alignright{float:right}

.alignleft{float:left}

img.center, img[align="right"]{display:block; margin-left:auto; margin-right:auto}

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

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

small{font-size:.9em; line-height:1.4em}

.commentlist blockquote{color:#888; line-height:1.2em; font-family:"Trebuchet MS",Serif; margin:20px 0; padding:0 30px}

blockquote{margin:12px 0 20px 3%; padding:8px 6px 4px 6px; font-size:12px; text-align:justify; border:1px solid #CCC; background:#EEE; width:100%}
     
.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{margin:0; padding:0 0 0 35px}

.itemtext ol li, .itemtext ul li{margin:0 0 3px; padding:0}

.secondary ul, .secondary ol{padding-left:0; margin:5px 0 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:uppercase; color:#999; display:block; line-height:20px}

ul.sbmenu li a:hover{background:none !important; color:#000}

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:700; letter-spacing:-1px; color:#000; margin:0; padding:0}

#header .description{font-size:1.2em; color:#000; margin:0; padding:0}

.center{text-align:center; padding-bottom:0; margin:0}

.ar-categories ul, .ar-popular ul{width:500px; list-style-type:none; margin:0; padding:0}

.ar-categories ul li{display:block; float:left; width:230px; margin:0}

.primary h3, .primary h4, .permalink .primary .aside h3{font-size:1.8em; font-weight:400; letter-spacing:-1px; display:inline}

.primary .aside h3{font-size:1.5em; font-weight:400}

.itemhead{margin-top:10px}

.itemtext h3{font-size:1.7em; display:block; padding:15px 0 0}

.itemtext h4{font-size:1.5em; display:block; padding:15px 0 0}

.secondary div{margin:20px 0 0; padding:0}

.permalink .primary .aside .itemtext{font-size:1.1em; color:#444}

.aside{font-size:1em; padding:10px 0 20px !important}

.editlink img{width:16px; height:16px; border:none !important; position:absolute; right:0; margin:4px 0 0 !important; padding:0 !important}

.aside .editlink img{top:9px}

.commentseditlink{border:none; padding:2px 2px 2px 10px}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited{color:#444}

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:#9c9c9c; font-size:12px; display:block; margin-bottom:-8px; margin-top:0}

.commentslink{padding:0}

.primary .item{position:relative; margin:0; padding:5px 0 15px}

.primary .item .itemtext{font:1.1em/1.5em 'Lucida Grande',Verdana,Arial,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}

.comments .commentlist{position:relative; padding:10px 0 0}

.comments .commentlist li{list-style:none; margin-left:-42px; padding:5px; border:1px solid #D9D4CC; margin:10px 0; padding:5px 5px 5px 5px}

.comments .commentlist li img.avatar{float:right; padding-right:10px; width:50px; height:50px}

.comments .commentlist li .commentauthor{font-size:3em; font-weight:700; letter-spacing:-1px}

.comments .commentlist li.authorcomment{list-style:none; background:#EEE; border:1px solid #555; padding:15px 0px 0px 15px}

.comments .pinglist{font-size:1.2em; margin:0; padding:0}

.comments .pinglist li{list-style:none; margin-top:4px; padding:5px 0}

.comments .pinglist li .commentauthor{font-weight:700; display:block}

.comments .pinglist li small{font:1em Arial,Sans-Serif; display:block}

.comments .pinglist li img{border:none; padding:0}

.comments #leavecomment{text-align:center; margin-bottom:40px; color:#ddd; font-size:2em; letter-spacing:-2px}

.comments form{clear:both; width:500px; margin:0; padding:1px 0 30px}

input[type=text], textarea{font:1.1em Verdana,Arial,Helvetica,Sans-Serif; color:#333; background:#fff; margin:0; padding:3px}

.comments form input[type=text]{width:45%; margin:5px 5px 1px 0}

.comments form textarea{height:200px; width:100%; width:98.5%; padding:2px}

.comments form #submit{float:right; margin:0}

.navigation{text-align:center; width:99%; margin:10px 0}

.navigation .left{float:left; width:50%; text-align:left}

.navigation .right{float:right; width:50%; text-align:right}

.navigation p{margin:0; padding:0}

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

div#brians-latest-comments small{display:block; margin:0}

#footer small{font-size:1em}

#footer{background:#EEE; height:20px; width:100%; position:relative; text-decoration:none; text-align:center; margin:10px auto 0}

#footer_wrap{background:#EEE; clear:both; color:#999; margin:0px auto; padding:5px 12px 12px; width:100%}

#footer a{color:#888; font-weight:700}

#footer a:hover{border:none; text-decoration:none; color:#000; background:#fff}

#footer a:link, #footer a:visited{text-decoration:none; border:none}

small, strike, .metadata a, .navigation a{color:#777}

hr, .comments .pinglist li .counter{display:none}

.aside .metadata, .activityentry{font-size:12px}

#itemtext .photo-right{float:right; display:inline; margin:10px 0 10px 20px; padding:3px; background-color:#000; border:1px solid #333}

#itemtext .photo-left{float:left; margin:5px 20px 10px 00px; padding:3px; border:1px solid #333}

#flickr{background-image:url(images/gradient2.png); padding:5px 0pt; text-align:center}

#flickr img{border:1px solid #999; margin:0px 5px}

#flickr a:hover{border:none; text-decoration:none; color:#000; background:#000}

input#s{border:1px solid #676767; font-size:1em; padding:3px; width:150px}

#searchform{background:#EEE url(images/search.gif) no-repeat scroll 8px 12px; border:1px solid #CCC; display:block; margin:10px 0pt 0pt; padding:8px 8px 14px 65px}

span.delicious-desc{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif; color:#333;}
