/* Layout */
div#heading, div#guide, div#content{width:100%}
div#primary p{width:90%}
div#primary{width:73%}
div#primary div#mine, div#primary div#others{width:48%}
div#secondary{width:14em}

div#primary, div#primary div#mine, div#heading, div#guide, div#primary div#comment_box, div#guide p#breadcrumb
{float:left}
div#secondary, div#guide p#description, div#primary div#others, div#heading ul
{float:right}
div#footer{float:none}

div#primary, div#primary div#mine, div#heading, div#footer, div#guide
{clear:both}
div#primary div#others{clear:none}
div#secondary{clear:right}

/* Styling tweaks */
html,
body,
div#primary div#recommended_posts p.note,
div#primary div#bookmarks p.note, div#primary div#mine, div#primary div#others, div#guide p
{margin:0; padding:0}

div#guide{margin:0 0 1.5em 0}
div#primary{margin: 0 0.7em 1em 3.5%}
div#primary div#others{margin-left:0.9em}
div#primary p.author{margin:0 0 0 1em}
div#primary div#mine li p{margin-top:0.2em}
div#secondary div#menu h3{margin-top:0}
div#primary p, div#secondary div#page_info dl{margin-left:0.5em}
div#secondary ul.menu{padding-right:0.7em}
div#heading{padding-bottom: 0.3em}
div#primary div#mine div#blog ul{padding-left: 0.8em}

div#primary div#mine div#photos li{display:inline}
div#secondary ul.menu, div#primary div#mine ul, div#primary div#mine ul
{list-style:none}

/* Header tweaks */
div#heading h1, div#primary h2, div#primary h3{margin:0; padding:0}
div#heading h1, div#primary h2, div#primary h3, div#secondary h2, div#secondary h3, div#guide p#breadcrumb
{padding-left:0.2em}
div#primary h2.pagetitle{margin-bottom:0.2em}
div#heading ul#skip_links{margin-top:0; list-style:none}
div#heading ul#skip_links li{display:inline; margin:0.2em}

/* Menu design */
div#secondary div#menu h3{margin-bottom:0}
div#secondary ul.menu{text-align:right; width:100%; padding:0; margin:0}
div#secondary ul.menu li{border-bottom:0.05em solid white; margin:0; padding:0}
div#secondary ul.menu li a{display:block; padding:0.1em 0.4em; border-bottom:0.3em solid #f0f1f0}
div#secondary ul.menu a:hover{border-bottom:0.3em solid #AF3E00}
div#secondary ul.menu .ext_icon{float:left; clear:left; padding:0.4em}

/* Fonts */
body, textarea{font-family:verdana, sans-serif; font-size:1em}

div#secondary ul.menu{font-size:120%}
div#primary{font-size:90%}
div#primary table caption, div#primary .caption, div#guide p#breadcrumb, div#secondary div#page_info dl, div#primary a.reference, div#primary .author, div#primary .note, div#heading ul#skip_links
{font-size:80%}
div#guide p#description{font-size:70%}

div#primary table caption, div#primary .caption, div#guide p#breadcrumb, div#primary th, div#primary .author
{font-style:italic}
dt{font-weight:bold}
div#primary a.reference, div#primary a.note{vertical-align:super}

/* Links */
div#primary h2 a, div#secondary ul.menu a, div#heading h1 a
{text-decoration:none}

/* Tables */
div#primary table, div#primary td, div#primary th
{border-collapse:collapse}
div#primary td, div#primary th{padding: 0em 0.5em}
div#primary table caption,
.caption{margin:0 auto}

/* Misc */
div#primary a img{border:none}
object.feed_icon, object.ext_icon{width:20px; height:16px}
div#primary dt:after{content:": "}

/* Background */
html, div#primary h2.pagetitle{background:#0f0e0d}
div#primary div#mine, div#primary div#others, div#primary div.post, div#primary div#comment_box, div#secondary, div#primary div#mine div#blog h3, div#heading, div#primary var
{background:#f0f1f0}

div#primary h2, div#secondary h2, div#secondary h3, div#guide, div#primary div.post div.header, div#wiki-content h3#firstHeading
{background: #2f2d2c url(/images/gradient-overlay.png) repeat-x; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25)}

/* Text */
html{color: #0f0e0d}
div#primary h2, div#secondary h3, div#guide, div#primary div.post div.header
{color: #f0f1f0}
div#primary li p.author{color:#2f2d2c}
div#primary var{color:red}

/* Links */
div#primary a{color:blue}
div#secondary ul.menu a{color:#0f0e0d}
div#secondary ul.menu li a:hover{color:#911400}
div#primary a:hover{color:#af3e00}
div#heading h1 a, div#heading h1 a:hover{color:#0f0e0d}
div#primary h2 a, div#primary h2 a:hover, div#guide p#breadcrumb a, div#primary div.header h3 a, div#primary div.header h2 a
{color:#f0f1f0}
/* hiding skip links */
div#heading ul#skip_links a{color:#c6c6c6}

/* Borders */
div#primary div#photos ul a img{border: 1px solid #0f0e0d}
div#secondary{border-right:0}
div#secondary, div#mine, div#others, div.post, div#comment_box
{border: 1px solid #f0f1f0}
div#primary textarea#comment{border: 1px solid #af3e00}
div#primary table, div#primary td, div#primary th
{border:0.05em solid #000}

/* Search box */
div#primary form.search_box{float:none}

/* Twitter */
div#primary #birdy{float:right; position:relative; top:-54px; right:20px}
div#primary #twitter ul{width:100%; padding:0; margin:0}
div#primary #twitter li{list-style:none; padding:0.6em; margin:0; border-top:1px solid white; height:4em}
div#primary #twitter li a.tweet_link{float:left; margin-right:0.7em; height:3em; margin-top:1.25em}
div#primary #twitter li span.tweet{margin-bottom:1em}
div#primary #twitter li span.time{display:none}