/*
	Theme Name: Ahoythere: Blog
	Theme URI: http://www.ahoythere.org.uk/blog/
	Description: 
	Version: 1.0
	Author: Andrew Disley, Simplified
	Author URI: http://simplified.co.uk/
	Date: 2009-12-07
	File: style.css
	Tags: 
----------------------------------------------- */

/**	Simplified Framework: Reset & Helpers
----------------------------------------------- */
* { margin: 0; padding: 0; }
button, input, textarea, select { font-size: 100%;Helvetica }
iframe, img { border: none; }
fieldset, form { border: 0 solid #000000; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir,
a .s-ir .s-ir-i { cursor: pointer; }
.s-break { display: block; }
.left { float: right; width: auto; }
.right { float: right; width: auto; }
/* **/

/**	Simplified Framework: Columns - 960 - 16 Column Grid
----------------------------------------------- */
.col-1, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { float: left; position: relative; margin-left: 10px; margin-right: 10px; width: auto; }
.col-1 { width: 40px; }
.col-2 { width: 100px; }
.col-3 { width: 160px; }
.col-4 { width: 220px; }
.col-5 { width: 280px; }
.col-6 { width: 340px; }
.col-7 { width: 400px; }
.col-8 { width: 460px; }
.col-9 { width: 520px; }
.col-10 { width: 580px; }
.col-11 { width: 640px; }
.col-12 { width: 700px; }
.col-13 { width: 760px; }
.col-14 { width: 820px; }
.col-15 { width: 880px; }
.col-16 { width: 940px; }
/* **/

/**	Simplified Framework: Patterns: Form
----------------------------------------------- */
.form-row { clear: both; }
.form-row-label { display: block; float: left; margin-right: 10px; padding-top: 7px; width: 160px; }
.form-row-field { display: block; float: left; margin-right: 10px; padding-top: 4px; width: auto; }
.form-row-field input,
.form-row-field textarea { background-color: #FFFFFF; color: #000000; padding: 4px; }
.form-row-textarea .form-row-label { clear: both; width: auto; }
.form-row-textarea .form-row-field { clear: both; }
.form-row-action { background-color: transparent; clear: both; padding-top: 20px; text-align: left; width: 100%; }
.form-row-action input { cursor: pointer; line-height: 1.2; }
.form-row-action-forward input { font-weight: bold; }
form:after,
.form-row:after,
.form-row-action:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* **/

/**	Typography
----------------------------------------------- */
body { background-color: #000000; color: #FFFFFF; font: 62.5%/1.4 Helvetica Neue, Helvetica, Arial, serif;}
a:link, a:visited { background-color: transparent; color: #FE0000; text-decoration: underline; }
a:hover, a:active { background-color: transparent; color: #DDDDDD; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica; font-size: 100%; font-weight: normal; margin-bottom: 0.5em; }
h1 { font-size: 1.5000em; }
h2 { font-size: 1.8000em; font-weight: bold; text-transform: uppercase; }
h3 { font-size: 1.0000em; }
h4 { font-size: 1.0000em; }
h5 { font-size: 1.0000em; }
h6 { font-size: 1.0000em; }
p { margin-bottom: 15px; }
ol, ul { margin-bottom: 5px; }
ol li { margin-bottom: 5px; margin-left: 0; }
ul li { margin-bottom: 5px; margin-left: 0; }
li ol, li ul { margin-top: 5px; margin-bottom: 0; }
.s-highlight { background-color: transparent; color: #FE0000; }
/* **/

/**	Structure
----------------------------------------------- */
#Container { font-size: 1.1000em; margin: 0 auto; padding-top: 55px; width: 960px; }
#Container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Header { margin-bottom: 10px; width: 960px; letter-spacing: 0.03em; }
#Header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Header #Branding a { display: block; padding-right: 40px; text-align: center; }
#Header .s-highlight { background-color: transparent; color: #FE0000; }
#Header strong { font-weight: normal; }
#Header a:link,
#Header a:visited { background-color: transparent; color: #FFFFFF; text-decoration: none; }
#Header a:hover,
#Header a:active { background-color: transparent; color: #FE0000; text-decoration: underline; }
#Header div.vcard strong { background-color: #000000; color: #FE0000; }
#Header div.vcard a:link,
#Header div.vcard a:visited { background-color: #000000; color: #FE0000; text-decoration: none; }
#Header div.vcard a:hover,
#Header div.vcard a:active { background-color: #000000; color: #FFFFFF; text-decoration: underline; }
#Header .col-9 { float: right; width: 520px; }
#Header .col-9 p.vcard { margin-bottom: 5px; padding-left: 45px; padding-top: 20px; position: relative; }
#Header .col-9 p.vcard a img { left: 0; position: absolute; top: 20px; }
#Header .col-9 p.last { font-size: 1.0909em; }
#Header .col-9 .status { font-size: 0.9091em; margin-top: 37px; }
#Header .col-9 .status p { display: inline; margin-bottom: 0; }
#Header .col-9 .status p.alt { margin-left: 520px; }
#Content { clear: right; float: right; width: 520px; }
#Sidebar { clear: left; float: left; padding-top: 4px; width: 340px; }
#Footer { background-color: #000000; clear: both; color: #DDDDDD; padding-top: 20px; width: 100%; }
#Footer p.legal { float: left; width: 70%; }
#Footer p.credits { float: right; text-align: right; width: 20%; }
#Footer p.credits a:link,
#Footer p.credits a:visited { background-color: transparent; color: #DDDDDD; }
#Footer p.credits a:focus,
#Footer p.credits a:hover { background-color: transparent; color: #FE0000; }
/* **/

/**	Component .c
----------------------------------------------- */
.c { margin-bottom: 10px; }
.c-h:after,
.c-b:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* **/

/**	Component: .c-post
----------------------------------------------- */
.c-post { border-bottom: 1px dotted #FE0000; margin-bottom: 15px; padding-bottom: 10px; }
.c-post .c-h h1,
.c-post .c-h h2 { font-size: 2.0000em; font-weight: italic normal; margin-bottom: 0.2em; text-transform: uppercase; }
.c-post .c-h h1 a,
.c-post .c-h h2 a { background-color: #000000; color: #FFFFFF; text-decoration: none; }
.c-post .c-h h1 a:focus,
.c-post .c-h h2 a:focus,
.c-post .c-h h1 a:hover,
.c-post .c-h h2 a:hover { background-color: #000000; color: #FE0000;  }
.c-post .c-h p { font-size: 0.9091em; }
.c-post .c-b { font-size: 1.0909em; }
/* **/

/**	Component: .c-search
----------------------------------------------- */
.c-search { margin-bottom: 20px; }
.c-search .c-b { font-size: 1.1667em; font-weight: bold; padding-right: 30px; }
.c-search .form-row-label { text-transform: uppercase; width: auto; }
.c-search .form-row-field { width: auto; }
.c-search .form-row-field input { background-color: #FE0000; border: none; color: #000000; font-weight: bold; }
.c-search .form-row-field-action { display: block; float: left; padding-top: 4px; width: auto; }
.c-search .form-row-field-action input { background-color: #FE0000; border: none; color: #000000; font-weight: bold; padding: 3px 2px; }
.safari .c-search .form-row-field-action input { padding: 4px; }
/* **/

/**	Component: .c-about
----------------------------------------------- */
.c-about { margin-bottom: 60px; }
.c-about .c-b { padding-right: 30px; }
/* **/

/**	Component: .c-twitter
----------------------------------------------- */
.c-twitter .c-h h2 { font-size: 1.0000em; text-transform: none; }
.c-twitter .c-h h2 a { background: #000000 url(images/c-twitter.png) no-repeat 0 0; color: #FFFFFF; display: block; padding-top: 65px; text-decoration: none; }
.c-twitter .c-h h2 a:focus,
.c-twitter .c-h h2 a:hover { background-color: #000000; background-position: -340px 0; color: #FE0000; }
.c-twitter .c-h h2 a:focus .s-highlight,
.c-twitter .c-h h2 a:hover .s-highlight { background-color: #000000; color: #FFFFFF; }
.c-twitter .c-b { border-bottom: 1px solid #FFFFFF; margin-right: 30px; padding-bottom: 15px; }
.c-twitter .c-b ul { list-style-type: none; }
.c-twitter .c-b ul li { margin-left: 0; }
.c-twitter .c-b p { margin-bottom: 0; }
.c-twitter .c-b a { background-color: #000000; color: #FE0000; text-decoration: none; }
.c-twitter .c-b a:focus strong,
.c-twitter .c-b a:hover strong { background-color: #000000; color: #FFFFFF; }
/* **/

/**	Component: .c-categories
----------------------------------------------- */
.c-categories .c-h h2 { margin-bottom: 0.4em; letter-spacing: -0.01em; line-height: 1.2; }
.c-categories .c-h em { display: block; font-size: 0.6944em; font-weight: normal; font-style: normal; letter-spacing: 0.005em; line-height: 0.8; padding-top: 5px; }
.c-categories .c-b { border-bottom: 1px solid #FFFFFF; margin-right: 30px; }
.c-categories .c-b ul { list-style-type: none; margin-bottom: 15px; }
.c-categories .c-b ul li { margin-bottom: 3px; margin-left: 0; }
.c-categories .c-b ul li a:link,
.c-categories .c-b ul li a:visited { background-color: #000000; color: #FFFFFF; text-decoration: none; }
.c-categories .c-b ul li a:focus,
.c-categories .c-b ul li a:hover { background-color: #000000; color: #FE0000; text-decoration: underline; }
/* **/

/**	Component: .c-links
----------------------------------------------- */
.c-links .c-h h2 { margin-bottom: 0.4em; }
.c-links .c-b { border-bottom: 1px solid #FFFFFF; margin-right: 30px; }
.c-links .c-b ul { list-style-type: none; margin-bottom: 15px; }
.c-links .c-b ul li { margin-bottom: 3px; margin-left: 0; }
.c-links .c-b ul li a:link,
.c-links .c-b ul li a:visited { background-color: #000000; color: #FFFFFF; text-decoration: none; }
.c-links .c-b ul li a:focus,
.c-links .c-b ul li a:hover { background-color: #000000; color: #FE0000; text-decoration: underline; }
/* **/

/**	Component: .c-achives
----------------------------------------------- */
.c-achives .c-h h2 { margin-bottom: 0.4em; }
.c-achives .c-b { border-bottom: 1px solid #FFFFFF; margin-right: 30px; }
.c-achives .c-b ul { list-style-type: none; margin-bottom: 15px; }
.c-achives .c-b ul li { margin-bottom: 3px; margin-left: 0; }
.c-achives .c-b ul li a:link,
.c-achives .c-b ul li a:visited { background-color: #000000; color: #FFFFFF; text-decoration: none; }
.c-achives .c-b ul li a:focus,
.c-achives .c-b ul li a:hover { background-color: #000000; color: #FE0000; text-decoration: underline; }
/* **/

/**	Component: .c-quotes
----------------------------------------------- */
.c-quotes { padding-top: 10px; }
.c-quotes .c-b { padding-right: 30px; text-align: center; }
/* **/

/**	Component: .c-comments
----------------------------------------------- */
.c-comments { padding-top: 10px; }
.c-comments .c-h h3 { font-size: 1.3636em; text-transform: uppercase; }
.c-comments .c-b ol { list-style-type: none; }
.c-comments .c-b ol li { border-bottom: 1px dotted #C3C3C3; margin-bottom: 25px; }
.c-comments .c-b .comment-author { display: block; padding-bottom: 5px; }
.c-comments .c-b .comment-author cite { float: left; padding-right: 5px; width: auto; }
.c-comments .c-b .comment-author img { border: 1px solid #DFDFDF; float: left; margin-right: 10px; padding: 1px; width: auto; }
.c-comments .c-b .comment-meta { padding-bottom: 15px; }
.c-comments .c-b p { clear: both; }
.c-comments .c-b .reply { padding-left: 10px; }
.c-comments .c-f h4 { font-size: 1.3636em; text-transform: uppercase; }
/* **/