/*
Theme Name: intstyle
Theme URI: http://intangiblestyle.co.uk/
Description: The clean and simple intangiblestyle theme. (Based on <a href="http://elliotjaystocks.com/blog/archive/2008/starkers-for-wordpress-262/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a>)
Version: 2 (WP2.6.2)
Author: Matthew Babbs
Author URI: http://intangiblestyle.co.uk/
Tags: clean, usable, accessible
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	word-wrap: break-word;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
******************************
Stylesheet-proper starts here!
******************************
*/

/* Header */
h1 {
	margin-bottom: -11px;
}
#header {
   margin: 0;
   padding: 42px 0;
}

/* Basic Layout */
body {padding: 0 1em;}
#content {
   margin: 0 auto;
   max-width: 52em;
   min-width: 34em;
}
#pri-wrapper {
   float: left;
   width: 100%;
}
#primary {
   float:left;
   margin-right: 18.07em;
   padding: 0 3em 0 .3em;
   margin-bottom: 22.5px;
}
#secondary {
   float: left;
   margin-left: -19.357em;
   width: 19.057em;
   padding-right: .3em;
   margin-bottom: 22.5px;
}
#footer {
   margin: 22.5px 0;
   padding: 21.5px 0.3em 0 0.3em;
   border-top: 1px dotted #808080;
   clear: both;
}
/* Sidebar */
ul#secondary { margin-top: 18px;}
#secondary li {
   padding-bottom: 21.5px;
   border-bottom: 1px dotted #808080;
}
#secondary li li {
   text-indent:-1em; /* Text-indent and padding-left combine to... */ 
   padding: 0 0 0 1em;/* ...indent second line of list-items that overflow. */
	border-bottom: none;
}
#secondary p {
   margin: 0;
   padding: 0;
}
.vcard a.altstyle {text-decoration: none;}
.rss {
   padding-left:20px;
   background:url(style/images/rss.png) no-repeat;
}
/* General-purpose float-clearing solution */
div.container {
   overflow: auto;
   width: 100%
}

/* Typography & colour scheme */
body {
   font-family: 'Liberation Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #fff;
}
h1 {
    font-family:'COM4t Fine Regular', 'District, Thin', sans-serif;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: .0208em;
    text-align: right;
}
h1 img {border: none; padding: 0 .0625em 0 0; margin: 0;}
h2, h3, h4, legend {font-family: Corbel, 'Liberation Sans', Arial, sans-serif;}
h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 22.5px;
	color: #808080;
	letter-spacing: 1px;
   text-transform: lowercase;
}
h3 {
   margin-top: 22.5px;
   margin-bottom: 0;
   font-size: 1.1333em;/*17px;*/
   line-height:22.5px;
   color: #808080;
}
h4, legend {
   font-weight: bold;
   font-size: .9333em;/*14px;*/
   line-height:22.5px;
}
#secondary h3 {
   margin-top: 0;
   border-top: none;
   font-size: 1.2142em;/*17px;*/
   font-weight: normal;
   letter-spacing: normal;
   line-height: 22.5px;
   color: #000;
}
#primary {font-size: 15px; line-height:22.5px;}
#secondary { font-size: 14px; line-height: 1.6071em;}
#footer { font-size:12px; line-height:22.5px; text-align:center;}

p, pre {margin-bottom: 22.5px;}
/* XXX Suppressing paragraph indents pending sort-out of indents vs. block
  paras - both together looks disorganised. */
/*#page p + p, #post p + p + p {text-indent: 1em;}*/ /* Indents for successive paras in a section */
/*img + p, blockquote + p, blockquote + p + p, ul + p, ul + p + p, ol + p, ol + p + p {text-indent: 1em;}*/
#page li p {
   padding-left: 1em;
   margin-bottom: 0;
}
.style, .meta, .related { color: #8a8a8a;}
a.altstyle:link, a.altstyle:visited {color: #000;}
h1 a.altstyle:link, h1 a.altstyle:visited {color: #000; text-decoration: none;}
.meta a:link { color: #808080;}
a:link {color: #666;}
a:visited {color: #8a8a8a;}
a:hover, a:focus {color: #666;}
a[href$="pdf"]:after {content: url(style/images/pdf.png);}
a[href^="http://"]:after, a[href^="https://"]:after {content: " "url(style/images/link.png);} /* Marks external links by assuming all absolute links are external */
a.internal:after,
a[href*="intangiblestyle.dev"]:after,
a[href*="intangiblestyle.co.uk"]:after,
a[href*="intangiblestyle.com"]:after {content: "";} /* Suppresses external link marker on internal absolute links */
a.taggedlink:after {content: " "url(style/images/link.png); } /* Marks xfn links  for IE8 users, who will get generated content but not attribure selectors */
#footer a:after {content: ""} /* Suppress external link markers in footer */
code, pre {
   font-family: 'Liberation Mono', Consolas, 'Courier New', monospace;
   font-size: 13px;
}
blockquote {
   margin-left: .5em;
   margin-right: 1em;
   padding-left: .5em;
   border-top: 1px dotted #8a8a8a;
   border-bottom: 1px dotted #8a8a8a;
   background-image: url(style/images/lquote.png);
   background-repeat: no-repeat;
   background-position: 0.5em 3px;
   text-indent: 23px;
   font-style: italic;
}
blockquote>p {margin: 0;}
blockquote, table {margin-bottom: 21.5px;}
q {font-style: italic;}
abbr[title], acronym[title] {
   border-bottom: 1px dotted #666666;
   cursor: help;
}
sup, sub {
   font-size: .6em;
}
sup {vertical-align: super;}
sub {vertical-align: sub}
del, strike { text-decoration: line-through;}
table, th, td {border: 1px solid #808080; padding: .25em .5em;}
th {text-align: center;}
img {
   padding: 3px;
   margin: 0 0 22.5px .7333em;
   border: 1px solid #808080;
}
p img, li img {float: right;}
p img.alignleft {float: none; margin-left: 0; margin-bottom: 0;} /* margin-left needs to be -1em if paras are indented */
p img.center {float:none; margin: 0 auto;}
/* Errors, alerts, and tips */
p.alert, p.tip, form.error, p.error {
   background: url(style/images/alert.png) 15px 50% no-repeat;
   padding: 5px 20px 5px 45px;
   border-top: 1px dotted #8a8a8a;
   border-bottom: 1px dotted #8a8a8a;
}
p.tip {background: url(style/images/info.png) 15px 50% no-repeat;}
form .error, p.error {
   background: #fff6bf url(style/images/error.png) 15px 50% no-repeat;
}
/* List of posts (home, index, etc) */
#recentposts h3, #recentposts h4, #allposts h3 {
   border-top: 1px dotted #808080;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1.2133em;/*18.2px;*/
   line-height:22.5px;
   color: #808080;
}
#recentposts h3 {
   border-top: 1px solid #808080;
   font-size: 1.1333em;
   color: #808080;
   margin-top: 45px;
   margin-bottom:21.5px;
}
#recentposts h3 a:link, #recentposts h4 a:link, #allposts h3 {
   color:#808080;
}
#recentposts div.meta, #allposts div.meta {
   font-size: .9333em;/*14px;*/
   line-height:22.5px;
   margin-bottom: 0;
}
div.meta address {
   display: block;
   position: absolute;
   margin-left: -2000px;
}
p.more { /* Moves 'read more' links up to bottom of preceding para */
   margin:-22.5px 0 0 0; 
   padding-bottom: 21.5px;
}

/* Individual post/page */
#post h2 {
   margin-bottom: 0;
}
#post .meta {
   font-size: .9333em;/*14px;*/
   line-height: 22.5px;
}
#post ul.meta { list-style-type: none; margin: 0 0 22.5px 0;}
#page ul, #post ul {
   margin-top: 22.5px;
   margin-bottom: 22.5px;
   margin-left: 1em;
   list-style-type: disc;
}
#page ul {list-style-type: circle;}
#page ul ul, #post ul ul { margin: 0 0 0 1em; list-style-type: circle;}
#page ol, #post ol {
   margin-top: 22.5px;
   margin-bottom: 22.5px;
   margin-left: 1em;
   list-style-type: decimal;
}
#page ol ul, #post ol ul {margin: 0 0 0 1em; list-style-type: circle;}
#page ul ol, #post ul ol {margin: 0 0 0 1em; list-style-type: lower-alpha;}
#page ol ol, #post ol ol { margin: 0 0 0 1em; list-style-type: lower-alpha;}
#page li>p:last-child, #post li>p:last-child {margin-bottom: 0;}
#post ul.neighbouring-posts {margin: 0 0 22.5px 0;}
ul.neighbouring-posts li {list-style-type: none;}
li.next { float: right; margin-bottom:22.5px;}

/* Comments */
#comments {
   clear: both;
   font-size: .9333em;/*14px;*/
   line-height: 22.5px;
}
#comments ol {
   list-style: none;
   margin-top: 0;
   margin-left: 0;
}
ul.meta {margin-bottom: 21.5px;}
#comments h3 {
   margin-bottom: 22.5px;
   border-top: 1px solid #808080;
}
#comments h4 {
   font-size: .9333em;/*14px;*/
   font-weight: normal;
   color: #666;
   border-top: 1px dotted #808080;
   margin-top: 22.5px;
}
#comments .author h4, #comments .author h4 a {
   color: #000;
}
#comments h4 a:after {content: "";} /* Suppress external-link marker on comment poster link */
#comments h4>a.permalink:link, #comments h4>a.permalink:visited {
   display:none;
}
#comments h4:hover>a.permalink, #comment h4:focus>a.permalink {
   display: inline;
   color: #9e9e9e;
}
#comments p + p {text-indent: 1em;}
.related ul, .related li {
   display: inline;
}
.related a:link, .related a:visited {
   color: #8a8a8a;
}
.related a:hover, .related a:focus {
   color: #666;
}
#comments p {
   margin: 0;
}

/* WP native pagination */
div.pagination p a {
   padding: 1px 5px;
   border: 1px solid #808080;
}
/* MultiPageToolkit pagination */
div.mpt-pagination {margin-left: -5px;}
span.contentjumplink {
   padding: 1px 5px;
   border: 1px solid #000;
}
span.contentjumpnumber {
   padding: 2px 6px;
   color: #fff;
   background-color: #808080;
}
span.contentjumplink, a.contentjumplink {
   margin-left: 5px;
}
a.contentjumpnumber, a.contentjumplink {
   padding: 1px 5px;
   border: 1px solid #808080;
}
a.contentjumpnumber:hover, a.contentjumplink:hover, a.contentjumpnumber:focus, a.contentjumplink:focus {
   color: #fff;
   background-color: #8c8c8c;
}
/* WP-PageNavi pagination */
div.wp-pagenavi span.pages {
   padding: 1px 5px;
   border: 1px solid #000;
}
div.wp-pagenavi span.current {
   padding: 2px 6px;
   color: #fff;
   background-color: #808080;
   margin-left: 5px;
}
div.wp-pagenavi a {
   padding: 1px 5px;
   border: 1px solid #808080;
   margin-left: 5px;
   text-decoration: none;
}
div.wp-pagenavi a:hover, div.wp-pagenavi a:focus {
   color: #fff;
   background-color: #8c8c8c;
}
/* Menu */
#menu {
   color: #808080;
   border-top: .0666em solid #808080;
   border-bottom: .0666em solid #808080;
   list-style-type: none;
   float: left;
   width: 100%;
   font-size: 15px;
}
#menu li {
   display: inline;
}
#menu a:link, #menu a:visited {
    padding: 1px 2em 19px .3em;
	min-width: 2.4em;
    float: left;
    width: auto;
    color: #808080;
    background: #fff;
    letter-spacing: 1px;
    text-transform: lowercase;
    text-decoration: none;
}
#menu a.current:link, #menu a.current:visited {
    color: #fff;
    background-color: #808080;
}
#menu a:hover, #menu a:focus {
   color: #fff;
   background-color: #8c8c8c;
   text-decoration: underline;
}
#menu a.current:hover, #menu a.current:focus {
    text-decoration: none;
}
#menu a:active {
    color: #fff;
    background-color: #808080;
}

/*
Contact & comments forms
*/
#contact-form label {display: block; float: left; width: 8.75em; text-align: right; padding-right: .5em;}
.req {color: #ff3300;}
#contact-form input[type=submit] {margin-left: 138px;}
#page form ol, #page fieldset ol, #comments form ol {
   list-style-type: none;
   margin: 0 0 22.5px 0;
}
#respond h3 {
   border: 0;
   border-top: 1px dotted #808080;
}
#respond input, #respond textarea {margin-bottom: 11.25px;}
#respond input[type=submit] {float: left;}
div.trap { position:absolute; top: -9000px; left:-9000px; }
#contact-form blockquote { border: none;}

img#wpstats{ display: none; }