body{background-color:#afafae;color:#000;font-size:0.75em;font-family:'Helvetica',Arial,Sans-Serif;line-height:1.4;margin:0;padding:0}/*Links in red. Background explicitly specified just to keep css validator happy */a{background-color:inherit;color:#bf3100}/*Show orange when mousing over a link */a:hover{background-color:inherit;color:#990100}#header a,#header a:hover{color:#fff}.sidebar a,.sidebar a:hover{text-decoration:underline}#greatest ol a,#greatest_posts ol a{color:#bf3100;text-decoration:none;border-bottom:1px dotted #990100}#greatest_posts ol a:hover{color:#bf3100;text-decoration:none;border-bottom:1px dotted #990100}#greatest ol a,#greatest ol a:hover,.org a,.org a:hover{color:#000;text-decoration:none;border-bottom:1px dotted #afafae}h1,h2,h3,h4,h5{font-family:'Helvetica',Arial,Sans-Serif;font-weight:bold;line-height:normal;margin:0;padding:0;color:#000}#greatest_posts h1,#greatest_posts h2{font-size:1.4em;font-weight:normal;line-height:1.4em;color:#000}#header h1{color:#fff;font-size:1.3em;line-height:1.6em}#header h2{color:#000;font-size:1.3em;line-height:1.6em}.help{float:right;padding:10px 0 0 0;font-size:.9em}.login{float:right;padding:0;font-size:.9em}#header .rail{float:left;width:168px;margin:0}#nav{position:absolute;bottom:0}#logo{margin:10px 0 10px 20px;padding:0;width:910px;clear:both}#ad_position_1{width:728px;position:absolute;right:22px;top:49px;z-index:999}#ad_position_2{margin-bottom:5px}.leaderboard{border:1px solid #adb0a6}#header ul{padding:0;margin:0}#header li{display:inline;list-style-type:none;font-size:1em;font-weight:bold;padding:0 4px 0 0;-webkit-text-size-adjust:none}#header li a,#header li a:hover{padding:4px;color:#fff;text-decoration:none}#header li a:hover{background:#650302}#header li a.nav_here{background:#650302}#header li.tab{}#header li.there{background-color:#f5b45c}#header li.tab a{padding:0;background:none;color:#000}#header li.tab a:hover{padding:0;background:none;color:#483925}#nav #category_nav{position:absolute;bottom:3px;left:340px;width:730px;/*margin-right:20px;*/padding:0}#nav #tab_nav{float:left;margin:0 0 0 20px;padding:0}#tab_nav li{float:left;margin-right:10px;padding:3px 6px 0 6px;background:#fbfff2;color:#000;font-size:14px;font-weight:bold}#header ol{float:left}/*Blog title in header */h1{font-size:3em;line-height:1em}/*Page title at top of content,and post titles in index and single */#content h1.title,#content h2.title{font-size:1.8em;line-height:1em;color:#323230;margin:15px 0 .2em 0;padding:0}h1.title,h2.title{font-size:1.8em;line-height:1em;color:#323230;margin:.75em 0 .2em 0;padding:0}.help_window h1.title,.help_window h2.title{font-size:1.8em;line-height:1em;color:#323230;margin:5px 0 .2em 0;padding:0}/*Used for Archive & Search page headers as well as the top of 'Pages' */h1.pagetitle,h2.pagetitle{font-size:1.8em;line-height:1em;color:#323230;margin:.75em 0 .2em 0;padding:0}/*Post titles in archive and search,certain headers in comments */h3{font-size:1.5em}/*For user use */h4{font-size:1.3em;margin:0 0 0.5em 0}/*Paragraphs have some space below */p{margin:0 0 1.1em 0}#surround_l{position:relative;width:958px;margin:auto;margin-top:0;margin-bottom:0;padding:0;background-color:#fff}#surround_r{width:958px;margin:0 auto;padding:0}#cap_l{position:absolute;top:0;left:0;width:4px;height:7px;margin:0;padding:0;overflow:hidden}#cap_r{position:absolute;top:0;right:0;width:4px;height:7px;margin:0;padding:0;overflow:hidden}#cap_bl{width:8px;height:6px;margin:0;padding:0;overflow:hidden;float:left}#cap_br{width:8px;height:6px;margin:0;padding:0;overflow:hidden;float:right}#page{width:950px;margin:auto;margin-top:0;margin-bottom:0;padding:0;background:#fbfff2;position:relative}#page_shade_u{width:950px;margin:0 auto;height:2px;overflow:hidden}#page_shade_b{width:958px;margin:0 auto;height:6px;overflow:hidden}#header{position:relative;background-color:#7c0705;width:948px;margin:0 0 5px 0;padding:0;height:38px;border:1px solid #7c0705;border-bottom:none}#header h1{text-indent:-9999px}/* the rail used to contain the categories and ads - 204px total width */#rail{float:left;width:168px;text-align:right;margin:0;padding:5px 26px 5px 10px;position:relative}.sidebar{/* changed from width:308px to allow medium rectangle ad */width:320px;float:right;margin:0;padding:0}/* the greatest column contains the top posts and topics - 308px total width */#greatest #highest_rated,#post_online{clear:both;margin-right:20px;margin-bottom:5px;padding:20px 0 20px 30px;background:#fbe2b2}#advertising{clear:both;margin:0 20px 5px 0;padding:0 0 15px 30px;background:#fbe2b2}#jobs{clear:both;margin:0 20px 5px 0;padding:10px 20px 10px 20px;background:#fbe2b2}#jobs h1.title,#jobs h2.title{margin-top:5px}#search_form{margin-right:20px;margin-bottom:5px;padding:20px 0 10px 30px;background:#f5b45c}#greatest #about,#greatest #truemorists,#greatest #subscribe,#greatest #credits{padding:0 20px}/*the content column contains the latest posts - 448px total width */#content_wrap{float:left;width:596px}#content{float:left;/*changed from width:601px to allow large rectangle ad */width:596px;min-height:640px;margin:0 0 30px 0;padding:0 0 0 20px}#content_greatest,#greatest_posts{float:left;/*changed from width:601px to allow large rectangle ad */width:596px;margin:0;padding:0 0 0 20px}.help_window{/* changed from width:248px to allow medium rectangle ad */width:260px;margin:0 20px 5px 0;padding:10px 20px 10px 20px;background:#fbe2b2;color:#000}.help_window ul{margin:0 0 12px 12px;padding:0}.help_window li{margin:0;padding:0;font-size:1.2em;line-height:1.5em}#cancel_onlinelink{position:relative;float:right;padding-top:.5em;font-size:.9em}/*The main headers within the side bar are in upper case & in the wider font */.sidebar h3,#greatest_posts h3{font-family:'Helvetica',Arial,Sans-Serif;font-weight:normal;font-size:1.6em;margin:0;padding:0.5em 0 0.4em 0}.sidebar ol{margin:0;padding:0;font-size:1em}.sidebar ol li{margin:0 0 .5em 0;padding:0}#greatest_posts ol li{margin:0;padding:0;font-family:'Helvetica',Arial,Sans-Serif;color:#000}#greatest_posts ol li a{font-size:13px}#greatest .oneline{height:1.3em;overflow:hidden}#greatest .li_sp{height:0;overflow:hidden;display:inline}/*We don't want bullets drawn in our lists */.sidebar ul{list-style-type:none;margin:0;padding:0}.sidebar ul{list-style-type:none}/*Some space below each sublist,separating it from the next h2 header */.sidebar ul ul{margin:0 0 1em 0}/*A touch of space to separate links */.sidebar ul ul li{margin:0 0 0.24em 0}/*Tighten up around sub-page & sub-category lists */.sidebar ul ul ul{margin:0}/*The text box of the search form has space above it,and a little below tooCan't say font:inherit as IE don't get it */#searchform .s{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;width:7em;margin:2em 0 0.24em 0;padding:0}/*The footer resides below both the main column and the side barArial preferred over Verdanato keep text narrow enough for wayward browsers */#footer{clear:both;width:940px;margin:0 auto;padding:1em;font-size:1em;text-align:center;/*[*border:1px solid orange;/*border]*/}/*This class holds the next posts/previous posts links1px lower padding just required to get Opera to honour margin setting (!) */.navigation{margin:0 0 1em 0;padding:0 0 1px 0;font-family:'Lucida Grande',Arial,Verdana,Sans-Serif;font-size:1em;/*[*border:1px solid teal;/*border]*/}.alignright{float:right}.alignleft{float:left}/*Blocks containing only floating child elements seem to have no height. This hack allowsan empty,non-floating,div to be appended to give the container its true height.Used in #page and .navigation */.snap-to-fit{clear:both;visibility:hidden}/*Each post has a some space below it */.post{margin:0;padding:.75em;border:1px solid #e8e2c4;background:#fff;z-index:99}#greatest_posts .post{background:#fbe2b2;border:none}.newpost h1:before,.newpost h2:before{content:"New:";color:#bf3100}.google_ad{margin:0 0 .75em 0;padding:.5em;border:1px solid #e8e2c4;background:#fff}.entry p{font-size:1em;margin:0;padding:0}.no_brdr{border:none}/*Post titles on the index and single pages use h2 with a line above(Post titles in searches and archives use unadorned h3)Only posts following other posts (ie all but the first) have a line above Not understood (so ignored) by WinIE */.post+.post h1,.post+.post h2{padding:0.2em 0 0 0}  /*This sizes the main body text of posts.The overflow declaration stops oversized items such as images from bursting out of thepage bounds;a local scroll bar is provided on demand insteadWidth 100% required by WinIE else it just lets the overflow occur*/.entry{width:100%;font-size:1.1em;margin:0;overflow:auto}.greatest_entries{font-size:1em;margin:0}.entry a:visited,.commentlist p a:visited{background-color:inherit;color:#c40}.page_content{margin:0 auto;padding:20px;font-size:1.1em;position:relative}/*small is used for:blog tag line,the time below post titles,the footer text,and in comments for:form labels and comment metadata*/small,.postmetadata,blockquote,strike{font-size:.9em;line-height:1.5em;color:#888;background-color:inherit}/*A little space above & below post metadata */.postmetadata{color:#666;border:1px solid #e8e2c4;border-top:none;background:#f9f8f7;font-size:.9em;margin:0 0 .75em 0;padding:3px .5em 0 .75em;height:25px;overflow:hidden;/*background:url('/blog/images/meta_back.gif') no-repeat top left;*/}.postmetadataleft{color:#666;float:left;font-weight:normal;height:20px;margin:0;padding-top:2px;width:43%}.postmetadataleft span,.plugins span{margin:0 5px}.post-ratings{float:left}.post-ratings-loading{float:left}.spinvox{padding:7px 24px 7px 0;/*background:url(http://www.spinvox.com/images/spinvox-blog-logo.png) no-repeat right center;*/}.shozu{padding:7px 56px 7px 0;/*background:url(http://www.shozu.com/resources/messages/logo_blog.gif) no-repeat top right;*/}.plugins{float:right;font-weight:normal;height:20px;margin:0;padding-top:2px;width:56%;text-align:right}.plugins img{border:none;height:14px}.plugins a,.plugins a:visited,.plugins a:hover{padding-top:2px}.plugins a span,.plugins a:visited span,.plugins a:hover span,.comments a,.comments a:visited,.comments a:hover,.category a,.category a:visited,.category a:hover{border-bottom:1px dotted #afafae}.post_cat{color:#666;font-weight:bold}.post_date{color:#666;font-weight:normal}.postmetadata a{color:#666;text-decoration:none}.postmetadata a,.post_date a,.postmetadata .category span{border-bottom:1px dotted #afafae}.akst_share_link{}#greatest_posts{margin:0 0 .75em 0}.half{width:50%;float:left}#twitter_feed ul{list-style:none;margin:0;padding:0}#twitter_feed ul li{list-style:none;margin:0 0 .75em 0;padding:.75em;border:1px solid #e8e2c4;background:#fff;z-index:99;font-size:1.1em;line-height:1.5em}#twitter_feed ul li a,#twitter_feed ul li a:visited,#twitter_feed ul li a:active{color:#000;text-decoration:none}#twitter_feed ul li a:hover{color:#bf3100;text-decoration:none;border-bottom:1px dotted #990100}/*Both postmetadata on single,and alternate comments use this light backwash but comment padding & margin is set separately below */.alt{padding:0 1em 0 1em;margin:0}/* Used to hold phrases such as "Read more >>" together */.nowrap{white-space:nowrap}/*For Number-of-Comments and Leave-a-Comment headers below single post */h3.comments{margin:2em 0 1em 0}/*Contains all the comments,and gives them a neat right margin by justifying the text */.commentlist{padding:0;text-align:justify}/*Each comment is a list item in an ordered list;could be numbered but we choose not */.commentlist li{margin:1.6em 0 0.4em 0;padding:0.6em 1em 0.4em 1em;list-style:none;font-weight:normal;/*[*border:1px solid red;/*border]*/}/*Can't say font:inherit;as IE don't get it */.commentlist li,#commentform input,#commentform textarea{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif}input.bttn{background:#cdcac6;font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;padding:4px;border:3px solid #e8e2c4}/*Comment paragraphs are indented by 0.6em */.commentlist p{margin:1em 0.6em 1em 0;font-weight:normal;line-height:1.5em;text-transform:none}/*The name of the commenter is cited a little larger */.commentlist cite{font-weight:bold;font-style:normal;font-size:1.2em}/*Spaces text in the form area */#commentform p{margin:0.6em 0}/*Gives the name/mail/web text input boxes their width & spacing */#commentform input{width:16em;padding:0.25em;margin:0.6em 0.6em 0 0}/*The main comment entry box fills the width of the content column */#commentform textarea{width:100%;margin:0.6em 0 0 0}/*The text of the "Submit Comment" link should be on the right */#commentform #submitcomment{margin:0;float:right}/*I've added this to highlight a comment in limbo.. */.awaitingmoderation{border:1px solid #f00}/*..and this for 404 page titles */.problem{color:#bf3100;background-color:inherit}hr{margin:0;padding:0}.sidebar hr{width:70%;margin:20px auto 20px 20px;padding:0;color:#999;background-color:#999;height:1px;border:0}/*Image defaultsSafari bug squishes image out of aspect when shrinking for max-width:100% hereBut current Web-kit builds seem to have fixed this so next release might be OKRemoving the max-width line allows large images to be full size:scroll to see all*/.entry img,.greatest_entries img{max-width:100%;border:0;/* 1px solid #adb0a6;*/float:right;padding:0;margin:0 0 0 10px;/*height:99px;width:132px;*/}.tweet img{float:left;margin:0 10px 0 0}.tweet_name{text-decoration:none;font-weight:bold}a img{border:none}/*Using these classes with img elements is preferable to align="..." attribute */img.centered{display:block;margin:0.6em auto 0.6em auto}/*The actual alignment is done by the general .alignleft rule aboveTypical usage would be for a leadingsmall picture with text flowing past its right edge */img.alignleft{margin:0.6em 0.9em 0.6em 0}img.alignright{margin:0.6em 0 0.6em 0.9em}/*Lists inside postsThe html>body prefix is not understood by IE which therefore doesn't read these rulesas the stylized bullets don't work in IE anyway */html>body .entry ul{margin:0;padding:0 0 0 2em;list-style:none;text-indent:-1em}html>body .entry li{margin:0.8em 0 0.9em 1.1em}.entry ul li:before{content:"\00BB"}.entry ol,.greatest_entries ol{padding:0 0 0 2.5em;margin:0}.entry ol li,.greatest_entries ol li{margin:0;padding:0}ol li{list-style:decimal}a.entry-title,a.entry-title:link,a.entry-title:active,a.entry-title:visited{color:#666;text-decoration:none;border-bottom:1px dotted #afafae}a.entry-title:hover{color:#bf3100;text-decoration:none}.post-title{color:#666;font-size:1.3em;line-height:1.4em;font-weight:normal;margin-bottom:.25em}.custom_auth{color:#090}/*Code should be used for just a few words.. */code{font:1.1em 'Courier New',Courier,Monospace}/*..and the pre tag works better for whole code excerpts */pre{background-color:#f9f9f9;color:black;padding:0.6em 0 0.6em 0.6em;margin:0 0 1em 0;font:1.1em 'Courier New',Courier,Monospace;white-space:pre;overflow:auto;border:1px solid #ddd}/*Horrible hack to try to stop IE overflowing on long lines in pre elements.IE needs a width to turn on overflow,but 100% here with padding leads to theoverflow scroller itself causing the entry to overflow in turn. Nasty.So this just truncates the pre block. Also nasty,but slightly less ugly.(The * html prefix selects IE out of all browsers as its the only one to thinkthere is a super-element surrounding the html one)*/* html pre{width:30em}acronym,abbr,span.caps{font-size:1em;letter-spacing:.08em;cursor:help}acronym,abbr{border-bottom:0.2em solid #ddd}blockquote{margin:1.6em 2.8em 0 1.4em;padding:0 0 0 2em;border-left:0.6em solid #ddd}strong,b{font-weight:bold}em,i{font-style:italic}#search_ele{margin:0;padding:0 0 0 9px;height:23px;width:196px;text-align:right;background:url(/blog/images/search_side_y.gif) no-repeat top left}#search_box{margin:0;padding:3px 0 0 0;width:140px;height:20px;background:url(/blog/images/search_top.gif) repeat-x top left;float:left}#search_bttn{margin:0;padding:0;float:left}.sidebar #subscribe{position:relative;left:-21px}/* form elements */input.comment,textarea.comment{width:100%;border:1px solid}input.styled,select.styled,textarea.styled{background:#fbfff2;width:100%;border:1px solid #f5b45c;font-family:'Helvetica',Arial,Sans-Serif;font-size:1em;line-height:1em;color:#5a5b57;padding:2px}input.search{background:#fafafa;width:100%;border:none;border-bottom:1px solid #efefef;margin:0;padding:0;height:19px}.hide_div{display:none}.display_div{display:block}#greatest ol img,#greatest_posts ol img{display:none}div#dropdowncats ul{background:#f8f8f7;margin:0;margin-top:-8px;margin-left:14px;padding:4px;list-style-type:none;border:1px solid #e8e2c4;border-top:0}div#dropdowncats ul li{}div#dropdowncats ul li a{color:#000;text-decoration:none;text-transform:lowercase;font-size:0.9em;line-height:1.5em;border:0;border-bottom:1px dotted #afafae}fieldset{margin:0;padding:0;border:none}legend{font-size:1.3em;font-weight:bold;margin:.25em 0 0 0}#char-count{}.right{float:right}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}/* Hides from IE-mac \*/* html .clearfix{height:1%}.clearfix{display:block}/* End hide from IE-mac */.photo_credit{font-size:.8em;color:#999}.photo_credit a,.photo_credit a:visited,.photo_credit a:hover{color:#999;text-decoration:none;border-bottom:1px dotted #afafae}.editor_comment,.editors_comment{color:#00c}.post h1{color:#666;font-size:1.3em;line-height:1.4em;font-weight:normal;margin-bottom:.25em}div.leaderboard_ads{height:90px}h1{font:normal 1.8em Tahoma,sans-serif}h2{font:bold 1.4em sans-serif}h3{font:bold 1em Tahoma,sans-serif}div.info{background:#F5F5F5;border:1px solid #E3E4E4;color:#666;margin:10px 0 4px;padding:5px 10px}