﻿
/* Global */
body { background-color: #f4f4f4; color: #3f3f3f; font-family: Segoe UI, Verdana, Arial, Helvetica, Geneva, Sans-Serif; font-size: 14px; margin: 0; }
h1, h2, h3, h4 { color: #000; font-weight: normal; }
h1 { font-size: 20px; margin: 10px 0px 2px 0px; padding: 0px; }
h2, h3, h4 { font-size: 16px;  }
a { text-decoration: none; color: #000; }
a:hover { color: #5f5f5f; }
img { border: none; }
ul li { list-style-image: url(images/bullet.png); }
pre { background: #fff; font-family: Consolas, Courier, Monospace; font-size: 12px; padding: .5em; border: 1px solid #e4e4e4; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;}
blockquote, cite { background: url(images/blockquote.png) no-repeat; color: #949393; margin: 1em; padding: 1em; display:block;  }
.body { min-width: 900px; background: url(images/body_top.jpg) top repeat-x; padding-top: 30px; }
.clearer { clear: both; }

/* Custom selectors */
a[href^="\/file.axd"] { font-weight: bold; background: url(download.png) no-repeat right center; padding-right: 15px; }
div.post .text a[href^="http:"] { background: url(../../pics/remote.gif) right top no-repeat; padding-right: 10px; white-space: nowrap; }

#header { background: #222222 url(images/header_bg.jpg) repeat-x; min-height: 100px; min-width: 900px; font-family: Verdana, Arial, Helvetica, Geneva, Sans-Serif; }
#header h1 { float: left; height: 68px; background: url(images/logo.png) no-repeat 0px 20px; margin-left: 50px; padding-top:20px; margin-top: 0; letter-spacing: 6px; color: #efefef; font-size: 32px; font-variant: small-caps; }
#header h1 a { height: 68px; margin-left: 55px; color: #efefef; }
#header .blogtitle { color: #a2a1a1; text-transform: uppercase; letter-spacing: 4px; font-size: 10px; position: absolute; left: 105px; top: 60px; }
#header .redirect { clear:both; min-height: 50px; font-family: Arial, Helvetica, Geneva, Sans-Serif; font-size: 12px; background: #77b800 url(images/redirect_bg.jpg) repeat-x 0 bottom; color: #fff; padding:7px 0; }
#header .redirect p { margin: .5em 2em; }
#header .redirect a { color: #fff; }
#header .redirect a:hover { text-decoration: underline; }

/* Main Menu */
.mainmenu { float: right; margin: 10px 20px 0px 0px; }
.mainmenu li { display: inline; margin-left: 10px; letter-spacing: 3px; }
.mainmenu a { color: #949393; text-transform: uppercase; font-size: 12px; }
.mainmenu a:hover { color: #fff; text-decoration: none; }

/* Search */
#header .search { float: right; clear: right; margin: 0px 20px 0px 0px; background: url(images/search_box.png) no-repeat; width: 221px; height: 25px; position: relative; }
#header .search #searchfield { background: none; border: none; width: 182px; height: 15px; position: absolute; left: 8px; top: 3px; }
#header .search #searchbutton { border: none; width: 19px; height: 19px; background: url(images/search_btn.png) no-repeat; text-indent: -1000em; color: #fff; font-size: 1px; position: absolute; left: 200px; top: 3px; }
#header .search #searchbutton:hover { background: url(images/search_btn.png) no-repeat 0 -19px; }

div.adminmenu { clear:both; font-size: 11px; background: #0a0a0a url(images/menu_bg.jpg) repeat-x; }
.adminmenu h4 { display:none; }
.adminmenu, .adminmenu a { color: #949393; }
.adminmenu a:hover { color: #fff; text-decoration: none; }
.adminmenu ul { margin: 0px; padding: 1em 0px; }
.adminmenu li { margin: 0px 10px; padding: 4px 0px 4px 15px; width: 10em; float:left; list-style-type: none; list-style-image:none; background: url(images/menu_bullet.png) no-repeat left center; }
.adminmenu .clearer { padding-top: 1em; }

/* Content */
#content { width: 75%; min-width:720px; float: left; }

/* Footer */
.footer { clear: both; margin: 0; }

/* Sidebar */
#sidepanel h4 { padding: 15px 0 15px 20px; font-size: 14px; margin: 0; font-weight: normal; text-transform: uppercase; display: none; }
#sidepanel { width: 180px; float: left; position: relative; background: url(images/sidebar_b.jpg) no-repeat bottom left; padding-bottom: 100px; font-family: Verdana, Arial, Helvetica, Geneva, Sans-Serif; }
#sidepanel ul { padding: 0; margin: 0; }
#sidepanel .home li { background: url(images/sidebar_t.jpg) no-repeat top left; padding-top: 57px; }
#sidepanel li { display: block; border-bottom: 1px solid #d4d4d5; background: url(images/sidebar_bk.jpg) repeat-y; }
#sidepanel a { padding: .5em 0px .5em 37px; display: block; font-size: 19px; color: #5f5f5f; }
#sidepanel a:hover { text-decoration: none; color: #000; background: #f4f4f4; }
#sidepanel .home a { color: #000; }
#sidepanel .currentcategory { background: #f4f4f4; }
#sidepanel .currentcategory a { font-weight: bold; color: #000; }

/* Sidebar icons */
#sidepanel .home a { background: url(images/cat_home.png) no-repeat 10px -30px; }
#sidepanel .home a:hover { background: #f4f4f4 url(images/cat_home.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Culture"] { background: url(images/cat_culture.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Culture"], #sidepanel a[title="Category: Culture"]:hover { background: #f4f4f4 url(images/cat_culture.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Explore"] { background: url(images/cat_explore.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Explore"], #sidepanel a[title="Category: Explore"]:hover { background: #f4f4f4 url(images/cat_explore.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Fuzzy"] { background: url(images/cat_fuzzy.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Fuzzy"], #sidepanel a[title="Category: Fuzzy"]:hover { background: #f4f4f4 url(images/cat_fuzzy.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Geek"] { background: url(images/cat_geek.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Geek"], #sidepanel a[title="Category: Geek"]:hover { background: #f4f4f4 url(images/cat_geek.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Life"] { background: url(images/cat_life.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Life"], #sidepanel a[title="Category: Life"]:hover { background: #f4f4f4 url(images/cat_life.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Photography"] { background: url(images/cat_photography.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Photography"], #sidepanel a[title="Category: Photography"]:hover { background: #f4f4f4 url(images/cat_photography.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Rant"] { background: url(images/cat_rant.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Rant"], #sidepanel a[title="Category: Rant"]:hover { background: #f4f4f4 url(images/cat_rant.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Cider"] { background: url(images/cat_cider.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Cider"], #sidepanel a[title="Category: Cider"]:hover { background: #f4f4f4 url(images/cat_cider.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Coding"] { background: url(images/cat_coding.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Coding"], #sidepanel a[title="Category: Coding"]:hover { background: #f4f4f4 url(images/cat_coding.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Gadgets"] { background: url(images/cat_gadgets.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Gadgets"], #sidepanel a[title="Category: Gadgets"]:hover { background: #f4f4f4 url(images/cat_gadgets.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: News"] { background: url(images/cat_news.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: News"], #sidepanel a[title="Category: News"]:hover { background: #f4f4f4 url(images/cat_news.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: Opinion"] { background: url(images/cat_opinion.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: Opinion"], #sidepanel a[title="Category: Opinion"]:hover { background: #f4f4f4 url(images/cat_opinion.png) no-repeat 10px -30px; }
#sidepanel a[title="Category: XAML"] { background: url(images/cat_xaml.png) no-repeat 10px 10px; }
#sidepanel .currentcategory a[title="Category: XAML"], #sidepanel a[title="Category: XAML"]:hover { background: #f4f4f4 url(images/cat_xaml.png) no-repeat 10px -30px; }

/* Bottom bar */
#bottompanel { clear: both; background: #0a0a0a url(images/menu_bg.jpg) repeat-x; padding: 0px 0px 3em 10%; min-width: 900px; }
#bottompanel h4 { text-transform: uppercase; font-weight: normal; font-size: 14px; letter-spacing: 2px; padding-bottom: 8px; margin-bottom: 2px; border-bottom: 1px solid #3f3f3f; color: #949393; }
#bottompanel, #bottompanel a { color: #949393; }
#bottompanel a:hover { color: #fff; text-decoration: none; }
#bottompanel .menu { float: left; width: 25%; margin: 20px; }
#bottompanel .menu ul { margin: 0px; padding: 0px; }
#bottompanel .menu li { margin: 0px; padding: 4px 0px 4px 15px; border-bottom: 1px solid #3f3f3f; list-style-type: none; list-style-image:none; background: url(images/menu_bullet.png) no-repeat left center; }
#bottompanel .menu li.login { margin-top: 2em; border-top: 1px solid #3f3f3f; }
#bottompanel .menu .tagcloud li { border: none; background: none; padding: 2px 0px; }
#bottompanel .menu ul.tagcloud { padding: 0px; }
#bottompanel .footer { margin-left: 20px; }
#bottompanel .footer p { font-size: 12px; }

/* Tag cloud */
.tagcloud { margin-bottom: 10px; white-space: normal; }
.tagcloud li { display: inline; }
.tagcloud a { margin-right: 3px; display: inline; }
.tagcloud a.biggest { font-size: 21px; }
.tagcloud a.big { font-size: 19px; }
.tagcloud a.medium { font-size: 16px; }
.tagcloud a.small { font-size: 14px; }
.tagcloud a.smallest { font-size: 12px; }

/* Posts */
.frontpage .post { width: 45%; }
.frontpage #post0 { width: 95%; float: none; }
.frontpage .post img { max-width: 250px; }
.frontpage #post0 img { max-width: 600px; }
.frontpage #post1, .frontpage #post3, .frontpage #post5 { float: left; clear: left; }
.frontpage #post2, .frontpage #post4, .frontpage #post6 { float: right; clear: right; margin-right: 5%; }
.post { float: left; width: 95%; margin: 0 1em 1em 0; }
.post .author, .post .categories, .post .pubDate, .post .author a, .post .categories a, .post a.commentlink { color: #949393; }
.post .author a:hover, .post .categories a:hover, .post a.commentlink:hover { color: #000; }
.post span.pubDate { display: block; }
.post strong { font-weight: bold; color: #000; }
.post .categoryimage { float: left; width: 90px; height: 88px; background: url(images/category_img_bg.png) no-repeat; }
.post .categoryimage img { position: relative; left: 4px; top: 9px;  }
.post .text { clear: left; }
.post p { line-height: 1.3em; margin: .75em; }
.post li { line-height: 1.3em; margin: .5em; }
.post pre { overflow: hidden; }
.post .footer { clear: both; color: #f4f4f4; padding-top: 10px; margin-top: 0px; padding-bottom: 10px; font-size: 12px; border-top: 1px solid #e4e4e4; }
.post .footer a, #postnavigation a, #postPaging a { color: #949393; text-transform: uppercase; letter-spacing: 1px; }
.post .footer a:hover, #postnavigation a:hover, #postPaging a:hover { color: #000; }
.post h2, .post h3, .post h4 { clear: both; }
.unpublished { border: 1px solid #fff; padding: 2px; background: #e4e4e4; }
.post_container { padding: 0 5% 0 15%; }
.post p.tags { clear: both; padding: 10px 0 0 0; margin: 0; text-align: right; font-size: 12px; float: right; width: 45%; }
.post .tags a { color: #949393; }
.post .tags a:hover { color: #000; }
#postPaging { clear: both; padding-bottom: 2em; font-size: 12px; display: none; }
#postPaging a { margin: 0em 1em; }
#postnavigation { color: #f4f4f4; margin: 0px 1em 1em 1em; font-size: 12px; }
#postnavigation a { float: right; background: url(images/arrow_rt.gif) no-repeat right center; padding: 0 13px; }
#postnavigation a:first-child { float: left; background: url(images/arrow_lf.gif) no-repeat left center; }
.more { text-transform: lowercase; color: #949393; padding-left: 12px; background: url(images/arrow_rt.gif) no-repeat left center; max-width: 45%; }
.more:hover { background: url(images/arrow_rt.gif) no-repeat 2px center; }


/* Post Pager */
#postPagingPager { font-size: 12px; height: 3em; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; background: url(images/addcomment_bg.jpg) repeat; clear: both; display: block !important; padding: 0 2em; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;}
#postPagingPager ul { padding: 0; }
#PostPager li { display:inline; margin: 2px; padding: 0; }
#PostPager a, #PostPager span { text-decoration:none; color: #949393; }
#PostPager a:hover, #PostPager span:hover { color: #000; }
#PostPager .PagerLinkCurrent span { color: #cd7400; }
#PostPager .PagerLinkDisabled { display: none; }
#PostPager .PagerLinkDisabled span:hover { color: #949393; }
#PostPager .PagerLinkNext { background: url(images/arrow_lf.gif) no-repeat left center; padding-left: 13px; }
#PostPager .PagerLinkPrev { background: url(images/arrow_rt.gif) no-repeat right center; padding-right: 13px; }
#PostPager .PagerEllipses span, #PostPager .PagerEllipses span:hover { padding: 0; color: #949393; }

/* Thumbnails */
div.thumbnail { border: 3px solid #fff; float: left; margin: 0em 1em 1em 1em; background: #e4e4e4; }
div.thumbnail:hover { border: 3px solid #222; }
img.photo { max-width: 80%; }

div#gallery { display: block; overflow: auto; margin: 10px 0 0 0; clear: both; }
#gallery ul { list-style-type: none; list-style-image:none; }
#gallery ul li { list-style-image: none; float: left; margin: 2px; width: 60px; height: 60px; left: auto; top: auto; border: 0; }
#gallery a { padding: 0; margin: 0; }
#gallery li { padding: 0; }
#gallery div.thumbnail { height: 60px; width: 60px; overflow: hidden; margin: 0px; }
#gallery .thumbnail img { border: 0; padding: 0; min-width: 60px; min-height: 60px; }

/* Related Posts */
#relatedPosts { background: #efefef; clear: both; padding: 0 1em 2em 1em; margin-left: 10%; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }
#relatedPosts p { padding: 15px 0 0 0; margin: 0; text-transform: uppercase; color: #949393; }
#relatedPosts .relatedPost { float: left; width: 45%; margin: 0 1em 0 0; }
#relatedPosts a { display: block; font-weight: bold; margin-top: 1.5em; }

/* Comment List */
p#comment { background: #efefef; clear: both; text-transform: uppercase; color: #949393; margin: 0; padding: 15px 0px 0px 1em; margin-left: 10%; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }
#commentlist { background: #efefef; padding: 0 2em 1em 1em; margin-left: 10%; border-left: 1px solid #fff; border-right: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }
.comment-replies { padding-left: 1em; }
.comment { padding: 1em 0 0 0; min-height: 77px; }
.comment .gravatar { float: left; clear: both; margin: 0; background: url(images/gravatar_bk.png) no-repeat; width: 77px; height: 77px; }
.comment .self .gravatar { background: url(images/gravatar_self_bk.png) no-repeat; }
.comment .gravatar img { width: 60px; height: 60px; position: relative; left: 4px; top: 9px; }
.comment .author { margin: 5px 0 0 80px; }
.comment .author, .comment .author a { color: #3f3f3f; }
.comment .content { margin-left: 80px; color: #949393; }
.comment .content p { margin: 0; }
.comment .content br { display: none; }
.comment .footer { color: #f4f4f4; margin: 5px 0 0 80px; font-size: 12px; clear: none; }
.comment .footer a { color: #949393; text-transform: uppercase; letter-spacing: 1px; }
.comment .footer a:hover { color: #000; }
.commentsClosed { background: #efefef; clear: both; margin: 0 0 0 10%; padding: 15px 0px 1em 1em; display: block; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }

/* Comment Form */
#commentform-container { background: url(images/addcomment_bg.jpg) repeat; clear: both; padding-bottom: 1.5em; margin-left: 10%; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }
#addcomment { padding: 15px 0 1em 1em; margin: 0; text-transform: uppercase; color: #949393; }
.commentForm p#cancelReply { margin: 0; float: right; }
.commentForm { padding: 5px 2em; }
.commentForm br { margin: 0; padding: 0; display: none; }
.commentForm label { float: left; clear: left; display: block; width: 80px; margin-top: 4px; color: #3f3f3f; font-size:12px; height: 19px; }
.commentForm input { width: 50%; border: none; margin-bottom: 5px; background: #f4f4f4; }
.commentForm #cbNotify { background: none; }
.commentForm textarea { width: 100%; height: 150px; border: none; background: #f4f4f4; }
.commentForm #btnSaveAjax { float: right; width: 154px; height: 31px; background: url(images/save_comment_btn.png) no-repeat 0 -31px; margin-top: 8px; border: 0; text-indent: -1000em; }
.commentForm #btnSaveAjax:hover { background: url(images/save_comment_btn.png) no-repeat; }
#commentMenu { padding: 0; margin: 0; clear: both; }
#commentMenu li { float: left; margin: 0; list-style: none; list-style-image:none; margin-right: 5px; padding: 3px 8px; cursor: pointer; background: #cbcbcb; }
#commentMenu li.selected { background: #f4f4f4; }
#commentPreview { display: none; clear: both; min-height: 150px; background: #f4f4f4; }
#comment-form img#ajaxLoader { padding: 1em 0 1em 10%; background: #efefef; }
#comment-form .success { color: #2a5a04; font-weight: bold; padding: 1em 0 1em 10%; display: block; background: #efefef url(images/section_bg.gif) repeat-x; }
.commentForm .bbcode { font-size: 12px; float: right; position: relative; top: 20px; padding: 3px; }
.bbcode a { margin: 1px; padding: 1px 3px 1px 3px; background: #f4f4f4; }
#commentPreview .footer { display: none; }
.comment-replies #addcomment { background: none; padding: 5px 0 1em 2em; }
.comment-replies .commentForm { padding: 5px 2em; }

/* Pages */
#page { padding: 0 2em 1em 10%; }
#page #admin { clear: both; color: #f4f4f4; padding-top: 10px; margin-top: 0px; padding-bottom: 10px; font-size: 12px; border-top: 1px solid #e4e4e4; }
#page #admin a { color: #949393; text-transform: uppercase; letter-spacing: 1px; }
#page #admin a:hover { color: #000; }

/* Search page */
.searchpage { float: none; padding-left: 10%; width: auto; }
#searchpage { margin-bottom: 1em; }
#searchpage input#q { width: 300px; }
#searchpage input#comment { clear: both; }
.searchresult { margin: 0 10% 0 5%; padding: 1.5em; background: #efefef url(images/section_bg.gif) repeat-x; }
.searchresult a { font-weight: bold; }
.searchresult span.text { display: block; margin: 3px 0; }
.searchresult span.type { display: none; }
.searchresult span.url { display: none; }
.searchpage ul.paging { clear: both; list-style-type: none; list-style-image:none; margin: 10px 0 20px 0; padding: 0px; }
.searchpage ul.paging li { display: inline; border: 1px solid #cbcbcb; background: #f4f4f4; margin-right: 5px; }
.searchpage ul.paging li:hover { background: #cbcbcb; border: 1px solid #3f3f3f; }
.searchpage ul.paging li a { padding: 5px 8px; color: #cbcbcb; }
.searchpage ul.paging li a:hover { color: #3f3f3f; }
.searchpage ul.paging li.active { background: #f4f4f4; border: 1px solid #3f3f3f; }
.searchpage ul.paging li.active a { color: #3f3f3f; }

/* Search on search */
#searchonsearch { background: url(images/addcomment_bg.jpg) repeat; margin: 1em 10%; padding: 10px; border: 1px solid #949393; }
 
/* Login box */
.loginbox td[align="center"] { text-transform: uppercase; color: #949393; padding-bottom: 1em; }
.loginbox { margin: 2em 10%; }
.loginbox td { padding: 3px 5px; }
.loginbox input[type="text"], .loginbox input[type="password"] { width: 150px; }
.loginbox a { display: none; }

/* Contact page */
#contact { margin-top: 1em; }
#contact p { padding-left: 1em; }
#contact h1 { margin: 0 1em; padding: .5em 1em; border-bottom: 1px solid #e4e4e4; background: #f4f4f4; color: #949393; text-transform: uppercase; }
#contact label { display: block; padding-left: 1em; padding-top: 5px; text-transform: uppercase; float: left; clear: left; width: 80px; }
#contact input.field { width: 40%; background: #f4f4f4; height: 16px; margin: 3px 0; border: none; border-bottom: 1px solid #d4d4d5; }
#contact textarea { display: block; overflow: auto; width: 80%; height: 150px; margin: 3px 0; background: #efefef; border: 1px solid #d4d4d5; }
#contact #ctl00_cphBody_btnSend { width: 95px; height: 27px; background: url(images/send_btn.png) no-repeat 0 -27px; border: 0; text-indent: -1000em; margin: 0 0 0 90px; position: relative; top: -2em; }
#contact #ctl00_cphBody_btnSend:hover { background: url(images/send_btn.png) no-repeat; }

/* Archive */
#archive { padding: 0; }
#archive h1 { margin: 0; padding-bottom: 20px; padding-left: 10%; }
#archive .category { clear: both; background: url(images/section_bg.gif) repeat-x; padding: .5em 0 1em 10%; margin: 0 1em; }
#archive h2 { font-size: 14px; margin: 10px 0; font-weight: bold; }
#archive h2 img { margin-right: 3px; }
#archive ul { margin: 0 10px 0 10%; padding: 10px; position: relative; top: -15px; }
#archive ul li { margin-right: 20px; float: left; width: 30%; }
#archive table { width: 100%; border-collapse: collapse;}
#archive table td, #archive table th { text-align: left; }
#archive table td { text-align: left; padding: 2px 5px 2px 0; }
#archive table tr { border-bottom: 1px solid #f4f4f4; }
#archive table tr:hover { border-bottom: 1px solid #d4d4d5; }
#archive .date { width: 80px; }
#archive .comments { width: 80px; text-align: center; }
#archive .rating { width: 80px; text-align: center; }
#archive #totals { padding: 0 0 2em 10%; }

/* Syntax highlighter */
.code { font-size: 14px; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #F1F1F1; line-height: normal; }
.code p{ padding: 5px; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt { background-color: #f4f4f4; }
.code .lnum { color: #606060;}

/* Toolbox */
.toolbox h4 { padding-bottom: 1em; background: url(images/section_bg.gif) repeat-x bottom; }

/* Errors */
.error404 { margin: 1em 10%; }
.error404 p { margin-right: 10%; }
.error404 hr { margin: 2em 10% 2em 0; }
