/*  
Theme Name: CssHead
Theme URI: http://www.rawsterne.co.uk/
Description: Theme for csshead.com
Version: 2.0
Author: John Rawsterne
Author URI: http://www.rawsterne.co.uk/
*/ 

/* 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;}

body {line-height:1.5;}
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;}

/* typography */
body {font-size:0.8em;color:#222;background:#fff;font-family:Georgia, "Times New Roman", serif;}
h1,h2,h3,h4,h5,h6 {font-family:Tahoma, Arial, sans-serif;font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:.5em;}
h2 {font-size:2em;margin-bottom:.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin: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 {margin:1.5em 0;white-space:pre;}
pre,code,tt {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;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th,td,caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.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;}

/* Globals */
body{background:#ddd url(images/grid-bg.png) repeat center top;color:#ccc;line-height:1.8;}
a, a:visited{color:#ed1e79;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}

/* Layout */
.container{width:900px;padding:0;margin:0 auto;overflow:hidden;position:relative;}
#content{overflow:hidden;padding:2em 0 5em 0;color:#555;border-top:#fff 1px solid;border-bottom:#fff 1px solid;}
#main-column{float:left;width:560px;/*overflow:hidden;*/}
#sub-column{float:right;width:310px;overflow:hidden;}

/* Navigation */
#navigation{font-family:Arial, sans-serif;padding:0;margin:0;list-style:none;margin:0;overflow:hidden;position:absolute;right:0;top:20px;}
#navigation li{list-style:none;margin:0 0 0 5px;float:left;text-transform:uppercase;font-size:0.8em}
#navigation li a{display:block;padding:5px 10px;color:#aaa;background:#222;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:#000 1px solid;}
#navigation li a:hover{text-decoration:none;background-color:#ed1e79;color:#fff;border-color:#fff;}

/* Header */
#header{position:relative;padding:0;background:#000 url(images/grid-bg.png) repeat center top;border-bottom:#000 1px solid;}
#header .container{height:120px;overflow:visible;}
#header h1{position:absolute;left:0;top:5px;margin:0;padding:0;}
#header h1 a{display:block;text-indent:-9999em;overflow:hidden;width:123px;height:134px;background:url(images/logo.png) no-repeat left top;padding:0;margin:0;}
#header h1 a:hover{text-decoration:none;}
#header h2{width:248px;height:85px;text-indent:-9999em;line-height:1;overflow:hidden;padding:0;margin:0;background:url(images/tagline.png) no-repeat left top;position:absolute;top:18px;left:125px;}
#subscribe-link {background:#333333 url(images/rss-icon.png) no-repeat scroll 10px 50%;color:#FFFFFF;font-family:Arial;padding:2px 10px 2px 25px;position:absolute;right:0;text-transformuppercase;top:40px;}
#subscribe-link:hover{color:#fff;background-color:#ED1E79;}
#header #searchform{position:absolute;top:68px;right:-3px;width:234px;height:38px;overflow:hidden;background:url(images/search-bg.png) no-repeat left top;}
#header #searchform #s{background:#fff;border:0;color:#ed1e79;width:160px;padding:0;font:italic 1.1em Arial, sans-serif;float:left;margin:9px 0 0 15px;}
#header #searchform label{display:none;}
#header #searchsubmit{background:url(images/search-button.png) no-repeat left top;width:36px;height:20px;border:0;display:block;text-indent:-9999em;overflow:hidden;float:right;margin:7px 11px 0 0;padding:0;}


/* Posts */
#posts{list-style:none;margin:0;}
.single-post,#search-results {margin:0 0 3em 0;border:#aaa 1px solid;padding:2em 0;background:#fff;padding:30px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#posts .single-post ol, #posts .single-post ul{margin-bottom:2em;} 
.single-post h2{line-height:1.2;font-weight:bold;text-transform:capitalize;}
#posts h2 a{color:#333;}
.date{font:0.8em Arial, sans-serif;border-bottom:#eee 1px solid;padding:0 0 5px 0;color:#777;}
.external-link{color:#777;border-top:#eee 1px solid;padding-top:2em;overflow:hidden;}
/*.external-link a{padding:5px 10px;background:#c6efff;float:right;width:390px;color:#637880;-moz-border-radius: 5px;-webkit-border-radius: 5px;}*/
.external-link a {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:url(images/read-more.png) no-repeat scroll 10px 9px #C6EFFF;
color:#637880;float:left;padding:10px 10px 10px 100px;width:388px;clear:left;}
.external-link a:hover{background-color:#ed1e79;color:#fff;text-decoration:none;}
/*.external-link span{display:block;float:left;padding:0;margin-top:3px;width:84px;height:33px;background:url(images/read-more.png) no-repeat left top;text-indent:-9999em;overflow:hidden;}*/
.external-link span{display:none;}
.wp-pagenavi{clear:left;width:900px;font:1.5em Arial, sans-serif;padding:6px 0;}
.wp-pagenavi span.extend {background:none;border:0;color:#000000;margin:2px;padding:2px 4px;}
.wp-pagenavi .pages{padding: 0 20px 0 0 ;font-style:italic;font-size:0.8em;}
.wp-pagenavi .current{background:#fff;padding:5px;margin: 0 3px;font-weight:bold;border:#333 1px solid;color:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.wp-pagenavi a{padding:5px;margin:0 3px;border:#aaa 1px solid;background:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.wp-pagenavi a:hover {background-color:#FFFFFF;border-color:#333;color:#555;text-decoration:none;}

pre {background:#eee url(images/code.png) no-repeat left top;border:2px solid #555;margin:0 0 15px;overflow:hidden;padding:10px;width:470px;font-family:Courier,Monospace;}
#posts p strong{color:#fff;background:#aaa;padding:1px 0}
a.more-link{background:#777;padding:5px 10px;color:#fff;border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
a.more-link:hover{background:#ed1e79;text-decoration:none;}

/* Single post */
#single-post-nav{overflow:hidden;border-top:#eee 2px dashed;margin:3em 0 0 0;padding:1em 0 0 0;}
#prev-link{float:left;width:48%;text-align:left;}
#next-link{float:right;width:48%;text-align:right;}

/* Community News */
#community-news{margin:0 0 3em 0;border:#ddd 1px solid;padding:2em 0;background:#fff;padding:30px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#community-news-posts {list-style:none;margin:0;}
#community-news-posts h2{font-size:1.5em;line-height:1.2;margin:0;font-family:Arial,sans-serif;}
#community-news-posts .date{display:none;}
#community-news-posts li{border-bottom:#ddd 1px solid;margin:0 0 1.5em 0;}

/* Sidebar */
p#buttons{overflow:hidden;}
p#buttons a{display:block;float:left;background:#ccc;padding:3px 10px;margin:0 10px 0 0;border:#bbb 1px solid;text-transform:uppercase;font-family:Verdana;color:#555;font-size:0.8em;}
p#buttons a:hover{color:#fff;background:#777;border:#666 1px solid;}
#side-community-news{font-size:0.9em;list-style:none;margin:0;font-family:Arial,sans-serif;color:#666;}
#side-community-news a{text-decoration:underline;font-weight:bold;}
#sub-column .section h3{}
#sub-column .section{background:transparent url(images/white-40-pcent.png) repeat left top;padding:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border:#aaa 1px solid;margin:0 0 30px 0;}
#sub-column .section ul{list-style:none;margin:0;}
#sub-column #categories li{border-bottom:#eee 1px solid;padding:5px 0;}
#sub-column #social-links li{padding:5px 0;}
#twitter-link, #rss-link{display:block;padding:7px 10px 10px 45px;border:#ddd 1px solid;border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px;} 
#twitter-link{background:#fff url(images/icon-twitter.png) no-repeat 10px 5px;}
#rss-link{background:#fff url(images/icon-rss.png) no-repeat 10px 5px;}
#twitter-link:hover, #rss-link:hover{background-position:10px -55px;background-color:#ddd;border-color:#333;color:#000;text-decoration:none;}

.thumb-ratings li{padding:10px 0 10px 0;border-top:#aaa 1px dotted;line-height:1.5}
.thumb-ratings li span{color:#999;font-size:0.85em;white-space:nowrap;}
.thumblock{padding-top:20px;background:url(images/do-you-like-this.png) no-repeat left top;}
.gdthumbtext{padding-left:10px;}

/* Contact */
.wpcf7-form label{display:block;}
div.wpcf7-mail-sent-ok{background:#339988;border:0 none;color:#FFFFFF;font-size:2em;margin:1.5em 0;padding:0.5em;text-align:center;}
div.wpcf7{background:#F6F6F6;border:1px solid #DDDDDD;margin:0;padding:30px;}

/* Footer */
#footer{background:#000 url(images/grid-bg.png) repeat center top;padding:2em 0;color:#999;border-top:#000 1px solid;}