/**
* JohnTheDeveloper.co.uk
* CSS Stylesheet
* @version $Id$
* @copyright 2009
*/

* { padding:0; margin:0;}
body { font-family:arial,Verdana; background: #191919 url(images/BG_grad.png) repeat-x; color:#b8b8b8; }
p { font-size:14px; padding:10px 0 10px 0;}
ul li { font-size:14px;}
a { color:#8b8f2a; text-decoration:none;}
h1 { letter-spacing:-0.5px; color:#a7aa5d;}
h2 { letter-spacing:-0.5px; color:#a7aa5d;}
h3 { letter-spacing:-0.5px; color:#a7aa5d;}
h4 { letter-spacing:-0.5px; color:#a7aa5d;}
img { border:3px solid #333333;}
fieldset { border:none;}
legend { padding:10px 0; color:#8b8f2a; font-weight:bold; font-size:16px; }
label { clear:left; float:left; width:250px; margin:0 0 2px 0;}
input {font-family:arial,Verdana; font-size:14px; padding:5px; width:300px; float:left; margin:0 0 2px 0;}
input.button { background:url(images/BTN_generic.png) 0px 0px no-repeat; height:37px; width:111px; font-size:14px; /*text-transform:uppercase;*/ color:#3a3b01; clear:both; padding:5px; margin-top:10px; border:none;}
textarea {font-family:arial,Verdana; font-size:14px; padding:5px; width:300px;}
p a { font-weight:bold;}
.clear {clear:both;}
p.wp-caption-text { background-color:#333333; color:#8b8f2a; text-align:center; margin: 0 4px 0 0; padding:10px; border-bottom:1px solid #333; font-size:12px; }

p.important { color:#cc0000; font-size:15px;}

div#outer-wrapper { width:100%; background: url(images/BG_header.png) 48% 0px no-repeat; }
div#wrapper { width:980px; margin:auto; }
div#header { height:340px; }

div.supertweet { color:#b8b8b8; font-size:12px; position:relative; top:16px; left:3%;}

div#header h1 {text-indent:-99999px}
div#header div#blog-description {text-indent:-99999px}

div#access{ height:70px; }
div.skip-link { position:absolute; top:10px; left:90%; color:#999; font-size:10px;}

div#menu {}
div#menu ul { list-style:none;}
div#menu ul li { float:left; margin-right:50px;}
div#menu ul li a { font-weight:normal; font-size:44px; letter-spacing:-2px; color:#b8b8b8;}
div#menu ul li a:hover, div#menu ul li a.active { color:#8b8f2a;}

div#hero { height:220px; padding:30px 0 0 0;}
div#hero div.promo-img{ float:left; width:200px;}
div#hero div.promo-img div.promo-title{ position:relative; top:-30px; color:#8b8f2a; text-align:center; font-size:11px; background-color:#191919; padding:5px 5px; width:146px; height:20px; }
div#hero div.promo-img div.promo-comments{ position:relative; top:-30px; color:#b8b8b8; text-align:center; font-size:10px; background-color:#191919; padding:5px 5px; width:146px; height:10px; }

div#container { clear:both;}
div#content { width:760px; float:left; border-top:1px solid #343434; margin-top:25px; padding-top:10px;}

div.hentry { margin:10px 0 60px 0; /*border-bottom:1px solid #343434;*/ }
div.hentry ul { margin-left:15px;}
div.hentry ul li { font-size:14px;}

div.post-detail { margin:10px 0 10px 0;}

h2.entry-title { letter-spacing:-0.5px; color:#a7aa5d; font-size:34px; font-weight:bold; letter-spacing:-2px; line-height:28px;}
div.entry-date { height:64px; width:55px; background:url(images/ICON_calendar.png) no-repeat; float:left; margin:10px 0 0 0;}
div.entry-date div.month { width:55px; text-align:center; color:#b8b8b8; font-weight:bold; font-size:16px;}
div.entry-date div.date{ width:55px; text-align:center; color:#8b8f2a; font-weight:bold; font-size:36px; padding:0;}

div.hp-entry-content { float:right; width:690px;}
div.hp-meta p.author { margin-bottom:10px; }

div.post-preview { clear:both;}
img.jr-post-img {float:left; margin:10px 10px 10px 0;}
div.entry-meta { clear:both;}

div.entry-meta div.hp-tags-comments { display:block; background:#292929 url(images/ICON_tags.png) 15px 11px no-repeat; width:710px; border-top:#404040; padding:6px 10px 10px 40px;}
div.entry-meta div.hp-tags-comments a { color:#b8b8b8; font-size:12px;}
div.entry-meta div.hp-tags-comments span.comments-link { height:14px; background:url(images/ICON_comments.png) 0px 4px no-repeat; padding:0 0 0 18px; margin-left:10px; }

div.sidebar { width:200px; float:right; margin-top:25px; padding-top:20px;}
div#primary { border-top:1px solid #343434;}
div#secondary {}
div.sidebar ul { list-style:none;}
div.sidebar ul li.widget h3 { color:#6b6b6b; font-weight:bold; letter-spacing:-1px;}
div.sidebar ul li.widget ul li { padding: 5px 0 5px 0; border-bottom:1px solid #2b2b2b; }
div.sidebar ul li.widget ul li a { padding: 5px 0 5px 20px; background:url(images/ICON_list.png) 5px 8px no-repeat; white-space:nowrap;}
div.sidebar ul li#linkcat-2 { padding-top:10px;}

li.widget_twitter { margin: 30px 0 0 0;}
li.widget_twitter h3 { color:#6b6b6b; font-weight:bold; letter-spacing:-1px;}
a.twitter-link, a.twitter-user { background-image:none !important; padding:0 !important;}

div#nav-above { width:750px; clear:both; height:20px; padding:10px 0 0 0; font-size:11px;}
div#nav-above div.nav-previous { float:left;}
div#nav-above div.nav-next { float:right;}

div#nav-below { width:750px; clear:both; height:20px; padding:20px 0 0 0; font-size:11px; /*border-top:1px solid #343434;*/}
div#nav-below a { display:block; height:37px; width:111px; border:none; background: url(images/BTN_generic.png) 0px 0px no-repeat; font-size:14px; /*text-transform:uppercase;*/ color:#3a3b01; padding:10px 0px; text-align:center;}
div#nav-below div.nav-previous { float:left;}
div#nav-below div.nav-next { float:right;}

div.alignleft { float:left; margin:0 10px 10px 0;}

div.sexy-bookmarks { padding:10px 0 0 0;}

div.comments h3 { padding:0 0 20px 0;}
li.comment { display:block; background-color:#393939; width:710px; border-top:#404040; padding:10px; font-size:14px; margin-bottom:10px;}
div#comments-list ol { list-style:none;}
div#comments-list ol li.alt { background-color:#292929;}
div#respond { margin: 10px 0 0 0;}
span.required { color:#a7aa5d;}
div.comment-author span a { position:relative; top:-23px;}
span.unapproved { color:#cc0000; }

pre { display:block; padding:10px; background-color:#292929; border:2px solid #393939; color:#b8b8b8 !important; margin:10px 0 10px 0; }

p.copyright { clear:both; color:#3b3b3b; font-size:12px;}
p.copyright a { text-decoration:underline; font-weight:normal; color:#3b3b3b; }
div#footer { clear:both; width:100%; background-color:#7a8014; height:10px; margin-bottom:0px;}