/* ------------------------------------------------------------------------

===========================================================================
     _           _       _   _ _      _           _                        
    | | ___  ___| |__   | \ | (_) ___| |__   ___ | |___                    
 _  | |/ _ \/ __| '_ \  |  \| | |/ __| '_ \ / _ \| / __|                   
| |_| | (_) \__ \ | | | | |\  | | (__| | | | (_) | \__ \                   
 \___/ \___/|___/_| |_| |_| \_|_|\___|_| |_|\___/|_|___/  [DESIGN]         
___________________________________________________________________________

   Screen Styles 
   http://www.joshnichols.com
   
   * Created by Josh Nichols
   * Based on the Blueprint CSS framework 
   * Copyright (c) 2008

------------------------------------------------------------------------ */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Tags */
body { font-size:75%; line-height:1.6; background:#2c2116 url(../images/bg-doom-wood.jpg) repeat scroll center top; font-family: Verdana, Arial, sans-serif; color:#b8b8b8; margin: 0; }
/*background:#240201 url(../images/bg.jpg) no-repeat fixed center top;*/
a { color:#9C3; text-decoration: none; border-bottom: #9C3 1px dotted; }
a:focus, a:hover { color:#FFF; border-bottom: #9C3 1px solid; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, serif; }
h1 a, h1 a:hover, h1 a:focus,
h2 a, h2 a:hover, h2 a:focus,
h3 a, h3 a:hover, h3 a:focus,
h4 a, h4 a:hover, h4 a:focus,
h5 a, h5 a:hover, h5 a:focus,
h6 a, h6 a:hover, h6 a:focus { border: none; display: block; }
h2 { font-style: italic; font-size: 1.1em; border-bottom: #b8b8b8 1px solid; padding-bottom: .2em; margin-bottom: 2em; color:#b8b8b8;  }
h2 span { font-style: normal; color: #FFF; font-variant: small-caps; font-size: 1.3em; letter-spacing: .1em; font-weight:bold; }
h3 { font-size: 1.8em; line-height: 1.2; margin-bottom: .5em; color:#9C3; }
h4 { font-size: 1.6em; color:#9C3; }
h5 { color:#9C3; }
h6 { color:#9C3; }
p {margin:0 0 1.5em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em -70px ;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote { margin:1.5em 0 1.5em 0; padding:0 0 0 1.5em; }
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre code { padding:1em 0; }
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {color: #FFF; font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
li { line-height:1.4; margin-bottom:.7em; }
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* Text Shadow */
body { text-shadow:#000 -1px 1px 3px; -moz-opacity: 0.99; -webkit-text-stroke:.1px transparent; }
.date span, pre, #lbCaption, #lbNumber { text-shadow:none; }

/* Grid structure */
.container { width:950px;margin:0 auto; }
.span-full { width:880px; float:left; margin-right:0; }
.span-post { width:640px; float:left; margin-right:25px; }
.span-side { width:215px; float:left; margin-right:25px; }
.span-side2 { width:455px; float:left; margin-right:25px; }
.span-side1 { width:400px; float:left; margin-right:25px; }
.last { margin-right:0; }
.pad-left { padding-left:70px; }
#sub { clear: both; }

/* General */
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.feed-icon { float: right; vertical-align: baseline; padding-top: .5em; margin-left: 1.5em; border: none; }
a:hover.feed-icon { border: none; }
.noborder { border: none; }
#flashcontent { margin-bottom:1.5em; }

/* Typogrify */
.caps { font-size:.85em; }
.amp {font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}    
.dquo {margin-left:-.4em;}
.quo {margin-left:-.21em;}

/* Meta info */
.meta { color: #FC3; font-size: .9em; margin-bottom: .4em; }
.meta a { color:#FC3; border-bottom: #FC3 1px dotted; }
.meta a:focus, .meta a:hover { color:#FFF; border-bottom: #FC3 1px solid; }

/* Date style */
.date { float:left; margin-left: -70px; color:#3b3b3b; padding: 17px 3px 0 0; width:45px; height: 55px; background: transparent url(../images/date.gif) no-repeat top center; }
.date span.month { text-align: center; display: block; text-transform: uppercase; font-size: 11px; font-weight: normal; line-height: 1em; }
.date span.day { text-align: center; display: block; font-size: 19px; font-weight: bold; line-height: 1em; }
.date span.year { text-align: center; display: block; font-size: 17px; font-weight: bold; line-height: 1em; margin-top:6px; padding-right:2px; }

/* Sidebar */
.sidebar {  margin-bottom: 3em; }
.sidebar h5 { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 1em; margin-bottom: .5em; color:#b8b8b8; clear:both; }
.sidebar h6 { font-family: Verdana, Arial, sans-serif; font-size: .9em; margin:0 0 1em 0; color:#b8b8b8; line-height:1.2; clear:both;}
.entry-list { font-family: Verdana, Arial, sans-serif; list-style:none; }
.entry-list h6 { color:#b8b8b8; line-height: 1.4; margin: 0; }
.entry-list span.list-date { color:#b8b8b8; line-height: 1.4; margin: 0; font-size:.9em; display:block; font-weight:bold; }
.entry-list ul, .entry-about ul { list-style:none; margin:0 0 .7em 0; }
.entry-list li { margin-bottom:.8em; }
.entry-list li a, .entry-about li a { color:#FC3; border-bottom: #FC3 1px dotted; }
.entry-list li a code, .entry-about li a code { color: #FC3; margin:0; }
.entry-list li a:hover code, .entry-about li a:hover code, .entry-list li a:focus code, .entry-about li a:focus code { color:#FFF; }
.entry-list li a:focus, .entry-list li a:hover, .entry-about li a:focus, .entry-about li a:hover { color:#FFF; border-bottom: #FC3 1px solid; }
.entry-about li { margin:0 0 .2em 0; }
.entry-about li span { color:#FFF; }
.icon-list { list-style:none; padding-top:.3em; }
.icon-list li { float:left; margin:0 .8em .5em 0; }
.icon-list li a { border-bottom:none; }

/* Hidden skip-to links */
.offset a { position:absolute; left:-1000em; padding:5px; font-weight:bold; background-color:#b8b8b8; }
.offset a:focus, .offset a:active { position:absolute; top:2em; left:2em; }

/* Header */
#pre-header { background: url(../images/top-bg.gif) repeat-x left top; height:45px; margin-top: 10px; }
#header { background-color:#000; padding-bottom:1em; }
#header h1 { float:right; background: url(../images/brand.gif) no-repeat right top; position: relative; text-indent:-9999px; margin: -45px 0 0 0; }
#header h1 a { display: block; height:75px; width:380px; border: none; }
#header ul { list-style: none; margin: 0; clear: both; }
#header li { float: left; padding: 0 25px 0 0; margin:0; }
#header li.admin a { color:#FC3; font-size:1.2em; }
#header li.admin a:hover, #header li.admin a:focus { color:#FFF; }
#header li a { font-size: 1.4em; display: block; border: none; padding:3px 3px 3px 0; }
#sub-header { background: url(../images/bottom-bg.gif) repeat-x left bottom; height:45px; }

/* Blog */
.entry { font-family: Georgia, Times, serif; font-size: 1.3em; line-height: 1.7; margin-bottom:3em; }
.entry p strong, .entry p em, .entry li strong, .entry li em, .entry dfn {color: #FFF;}
.entry h3 code { color: #9C3; }
.entry h3 a:hover code, .entry h3 a:focus code { color: #FFF; }
.entry h4, #blog .entry h5, #blog .entry h6 { color:#FC3; }
.entry h4 { font-size: 1.2em; margin-bottom:.2em; }
.entry pre { overflow:auto; background-color:#000; border:#333 solid 1px; padding:1em; font-size:.9em; width:610px; }
.entry pre code { font-size:.9em; color:#999; }
.entry a pre, a code { color:#9C3; }
.entry a:hover pre, a:hover code { color:#FFF; }
#recent-entries { margin-top: 1.5em; }
#article-gallery { display:block; margin:0 0 1.5em 0; padding:20px 5px 0 30px; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; }
#article-gallery ul { list-style: none; margin:0; }
#article-gallery ul li { margin:0 17px 17px 0; float:left; }
#article-gallery ul li.last-column { margin-right:0; }

/* Tumblelog */
#tumblelog h3 { font-size: 1.8em; }
#tumblelog h3 em { color:#9C3; }
#tumblelog h3 a:hover em { color:#FFF; }
#tumblelog h4 { font-family: Verdana, Arial, sans-serif; color: #FC3; font-size:1em; margin-bottom:.2em; }
#tumblelog h3 em { color:#FC3; }
#tumblelog .tumblr-entry { margin-bottom: 1.5em; overflow:hidden; }
#tumblelog .video-embed { margin: .7em 0; }
#tumblelog .photo-url, #tumblelog .audio-player { margin: .7em 0 1em 0; }
#tumblelog blockquote { background: transparent url(../images/quotes-sm.gif) no-repeat left top; }
#tumblelog em, #tumblelog strong { color:#FFF; }
#tumblelog pre { overflow:auto; color:#999; background-color:#000; border:#333 solid 1px; padding:10px; font-size:.9em; width:378px; margin-top:0; }
#tumblelog .thumbs a { margin:0 5px 10px 0; width:75px; float:left; }

/* More Josh */
.avatar { float:left; margin: .3em 0 0 -70px; width:45px; }

/* Twitter */
#twitter_update_list { overflow:hidden; }
#twitter_update_list li { margin-bottom: 1.2em; }
#twitter_update_list li span { display:block; }
#twitter_update_list li span a::after { content:""; }
#twitter_update_list li a::after { content:" \221E"; }

/* Last.FM */
ul.lastfm { list-style-type: none; margin: 0 0 .6em 0; }
.lastfm li { float: left; margin: 0 5px 6px 0; line-height: 1em; width:64px; height:64px; background:url(../images/lastfm-noimage.gif) no-repeat left top; overflow:hidden; }
.lastfm li img { width:64px; height:64px; }
.lastfm li a { border-bottom:none; }

/* Now Playing */
#now-playing h6 { color:#fc3; margin-bottom:.3em; }
#now-playing { line-height:1.8em; overflow:hidden; }
#now-playing span { margin: 0 1px 0 0; }
#now-playing a { border-bottom:none; }

/* Xbox Live */
.xbox-games { clear:both; margin-bottom:1em; position:relative; }
.xbox-games h4 { margin-left: 80px; }
.xbox-games img { float:left; margin:5px 15px 15px 0; overflow:hidden; width:64px; height:64px; }
.xbox-bar { margin:0 0 10px 80px; padding:5px; background-color:#000; position: relative; display: block; border:#5a3018 solid 1px; }
.xbox-bar .score { display: block; position: relative; z-index: 2; font-family: Verdana, Arial, sans-serif; font-size:.8em; line-height:1em; }
.xbox-bar .bar-fill { display: block; position: absolute; top: 0; left: 0; height: 100%; background:#550900; text-indent: -9999px; overflow: hidden; }
.xbox-games .complete { position:absolute; top:15px; right:-20px; width:140px; height:90px; background:url(../images/100-percent.png) no-repeat left top; text-indent:-9999em; }
.xbox-icon img { float:left; margin:0 3px 1em 0; }
.gamertag-meta { margin-left: 75px; }
.gamertag-meta div { float: left; }
.gamertag-meta .rep { float: left; margin-right: 4px; }
.gamertag-meta .Star { float:left; width:12px; height:12px; margin:.3em 2px 0 0; }
.gamertag-meta .Empty { background:url("../images/gamerCard_Icons.png") -10px -10px no-repeat; }
.gamertag-meta .Quarter { background:url("../images/gamerCard_Icons.png") -10px -30px no-repeat; }
.gamertag-meta .Half { background:url("../images/gamerCard_Icons.png") -10px -50px no-repeat; }
.gamertag-meta .ThreeQuarter { background:url("../images/gamerCard_Icons.png") -70px -10px no-repeat; }
.gamertag-meta .Full { background:url("../images/gamerCard_Icons.png") -10px -90px no-repeat; }
.xbox-played-games { clear:both; margin-bottom:.6em; }
.xbox-played-games a { border: none; }
.xbox-played-games img { width:32px; height:32px; float:left; margin: 0 5px 6px 0; line-height: 1em; background-color:#333; overflow:hidden; }

.deadxbox { width:100%; margin:0 auto; padding:30px; text-align:center; position:fixed; top:45px; z-index:10000; }
.deadxbox img { box-shadow: 0 2px 25px #000; -webkit-box-shadow: 0 2px 25px #000; -moz-box-shadow: 0 2px 25px #000; }
.deadxbox a { border:none; }
.deadxbox-tn, .deadxbox-tn:hover { position:absolute; z-index:1000; border:none; }

/* Last.FM page */
.lastfm-row { clear:both; }
.lastfm-row a { border-bottom:none; }
.lastfm-row a img { float:left; margin:0 17px 17px 0; }

/* Comments */
#comments { margin-bottom:2.5em; overflow:hidden; }
#comments dl.comment { overflow: hidden; margin:0 0 1em 0; border-bottom:#CCC solid 1px; }
#comments dl.comment dt { margin:0; font-size:1.6em; font-weight:normal; font-family: Georgia, Times, serif; }
#comments dl.comment dt a { border-bottom:none; }
#comments dl.comment dd { margin:0 0 .7em 0; }

/* Comment and contact forms */
#comment-form, #contact-form { margin-bottom:3em; }
#comment-form form, #contact-form form { margin-bottom:1em; }
#comment-form fieldset, #contact-form fieldset { margin:0; border:0; padding:0; }
#comment-form form label, #contact-form form label { display: block; position: relative; font-weight:normal; margin-bottom:1em; color:#FC3; }
#comment-form form label small, #contact-form form label small { color:#CCC; }
#comment-form form input[type="text"], #comment-form form textarea, #contact-form form input[type="text"], #contact-form form textarea { display: block; width: 440px; padding:5px; margin:0; color:#999; background-color:#000; border: #333 solid 1px; font:1em/1.7 Verdana, Arial, sans-serif; }

/* Archive */
.archive-year { margin-bottom:3em; }
ul.archive-list { list-style: none; margin: 0; }
ul.archive-list li { margin-bottom:1.5em; }
.archive-title { font-size: 1.8em; font-family: Georgia, Times, serif; }
.archive-title a { border:none; display:block; }
.archive-date { color:#CCC; font-weight:bold; }

/* Footer */
#pre-footer { background: url(../images/top-bg.gif) repeat-x left top; height:45px; clear: both; }
#footer { background-color:#000; padding: 10px 0; }
#sub-footer { background: url(../images/bottom-bg.gif) repeat-x left bottom; height:45px; margin-bottom: 30px; }
#site-info { margin: 2em 0; font-size: .9em; }
#site-info p { margin-bottom: .4em; line-height: 1.4; }

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #FFF;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; text-shadow:none;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* SLIMBOX */
#lbOverlay {position: absolute;left: 0;width: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;left: 50%;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
a#lbPrevLink  { border:none; }
#lbPrevLink:hover {background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
a#lbNextLink  { border:none; }
#lbNextLink:hover {background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../images/closelabel.gif) no-repeat center;margin: 5px 0;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}