/*
Theme Name: Intangible
Theme URI: http://intangiblestyle.com/
Description: The updated intangiblestyle theme.
Author: Matthew K Babbs
Version: 2.0
Tags: minimalist, 1-column
*/
/*
Copyright Matthew K Babbs, 2009-2011
Released under GNU LGPL licence, see http://intangiblestyle.com/wp-content/themes/intangible/COPYING.LESSER
*/

/* CSS Reset, courtesy of Eric Meyer */
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.4;
}
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;
}
img#wpstats{ display: none; }

/* Font-face definitions */
@font-face {
    font-family: 'COM4tFineRegular';
    src: url('fonts/com4f_rg-webfont.eot');
    src: url('fonts/com4f_rg-webfont.eot?iefix') format('eot'),
         url('fonts/com4f_rg-webfont.woff') format('woff'),
         url('fonts/com4f_rg-webfont.ttf') format('truetype'),
         url('fonts/com4f_rg-webfont.svg#webfont6QwHCaYD') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?iefix') format('eot'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#webfontakBUUg6U') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen, projection {
/* Layout */
body {
	padding: 0 1em;
}
#header, #primary, #secondary, #footer {
   margin: 0 auto;
   max-width: 52em;
   min-width: 16em;
}
.ie6 #header, .ie6 #primary, .ie6 #secondary, .ie6 #footer {
	width: 80%;
}
#header p {
	position: absolute;
	top: 0;
	color: #ccc;
	font-size: .875em;
}
#header p a {
	color: #ccc;
}
#header p a:focus, #header p a:hover {
	color: #333;
}
#post, #responses {
	width: 75%;
	float:left;
}
.ie6 #post, .ie6 #responses {
	width: 74%;
}
#primary ul.meta {
	width: 23%;
	float: right;
	margin: 4.22em 0;
	list-style-type: none;
	color: #808080;
}
#primary ul.meta li {
	border-top: .07em solid #ccc;
	padding-top: .64em;
	line-height: 1.4em;
	padding-bottom: .7em;
}
ul#secondary {
	margin-top: 1.4em;
	overflow: auto;
	zoom: 1;
}
ul#secondary>li {
	max-width:24%;
	float: left;
	border-top: .1em solid #ccc;
	margin-right: 1%;
	font-size: 0.875em;
	line-height: 1.6;
}
.ie6 ul#secondary li {
	width: 23%;
	float: left;
	border-top: .1em solid #ccc;
	margin-right: 1%;
	font-size: 0.875em;
	line-height: 1.6;
}
.ie6 ul#secondary li li {
	width: 100%;
	border: 0;
	float: none;
	margin-right: 0;
	font-size: 1em;
}
#footer p {
	border-top: .1em solid #ccc;
	font-size: 0.875em;
}
/* Typography & colour scheme */
body {
   font-family: "Helvetica Neue", Helvetica, FreeSans, 'Liberation Sans', Arial, sans-serif;
   color: #333;
   background-color: #fff;
}
h1 {
    font-family:'COM4tFineRegular', sans-serif;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: .0208em;
    text-shadow: 1px 1px 3px #666;
    text-align: right;
    margin-bottom: -18px;
    padding-top: .6em;
}
h1 a, h1 a:hover, h1 a:focus, .ie6 h1 a:hover, .ie6 h1 a:focus {
	text-decoration: none;
	background: transparent;
	vertical-align: baseline;
}
h2, h3 {
	font-family: Corbel, 'PTSansRegular', FreeSans, 'Helvetica Neue', Helvetica, 'Liberation Sans', Arial, sans-serif;
	color: #808080;
}
h2 {
	font-size: 1.8em;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: .03em;
	margin-top: .77em;
	margin-bottom: .77em;
}
h3 {
	font-size: 1.125em;
	line-height: 1.2;
	margin: 1.25em 0;
}
h2 strong,h3 strong {
	font-weight: bold;
}
#secondary h3 {
	line-height: 1.4;
	margin: 0;
}
h2 strong {
	color: #333;
}
h4, legend {
   font-weight: bold;
}
#primary ul, #secondary ul {
	list-style-type:circle;
	padding-left: 1em;
	margin: 1.4em 0 1.4em 1em;
}
#secondary ul {
	margin-top: 0;
}
#post ul ul, #page ul ul {
	list-style-type: disc;
	margin: 0 0 0 1em;
}
#primary ol {
	margin: 1.4em 0 1.4em 1em;
	padding-left: 1em;
	list-style-type: decimal;
}
#post ol ol, #page ol ol, #post ul ol, #page ul ol {
	list-style-type: lower-alpha;
	margin: 0 0 0 1em;
}
#post ol ul, page ol ul {
	list-style-type: disc;
	margin: 0 0 0 1em;
}
#primary p, #primary pre, #footer p {
	margin: 1.4em 0;
}
blockquote {
	margin: 1.33em 0;
	border-top: .07em solid #ccc;
	border-bottom: .07em solid #ccc;
	font-style: italic;
	background-image: url('images/lquote.png');
	background-repeat: no-repeat;
	background-position: 0.2em 1.42em;
}
blockquote p {
	text-indent: 1.6em;
}
code, pre {
   font-family: 'Liberation Mono', Consolas, 'Courier New', monospace;
   font-size: 13px;
   line-height: 1.723em
}
table, th, td {
	border: 1px solid #ccc;
	padding: .25em .5em;
	margin: 1.4em 0;
}
th {
	text-align: center;
}
img {
	margin: 1.4em 0;
	padding:.2em;
	border: .07em solid #333;
	-moz-box-shadow:.07em .07em .22em #666;
	-webkit-box-shadow:.07em .07em .22em #666;
	box-shadow:.07em .07em .22em #666;
}
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;}
a:link {
	color: #666;
}
a:visited {
	color: #333;
}
a[rel='tag']:link, a[rel='tag']:visited {
	color: #808080;
}
a:hover, a:focus, a[rel='tag']:hover, a[rel='tag']:focus {
	color:#333;
	background-color: #ccc;
}
/* IE6 doesn't like the attribute selectors, so it gets its own declaration */
.ie6 a:hover, .ie6 a:focus {
	color:#333;
	background-color: #ccc;
}
/* Errors, alerts, and tips */
p.alert, p.tip, form.error, p.error {
   background: url('images/alert.png') .8em 50% no-repeat;
   padding: 1.34em 0 1.34em 2.8em;
   border-top: .07em solid #ccc;
   border-bottom: .07em solid #ccc;
}
p.tip {background: url('images/info.png') .8em 50% no-repeat;}
form .error, p.error {
   background: #fff6bf url('images/error.png') .8em 50% no-repeat;
   border-top: .07em solid #bf3030;
   border-bottom: .07em solid #bf3030;
}
/* Comments & trackbacks */
#responses h3 {
	margin-top: 1.2em;
	margin-bottom: .63em; /* That's half a standard line-height... */
	border-top: .07em solid #ccc;
	line-height: 2.4;
}
#responses > ol, #respond ol {
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-top: .7em;
padding-bottom: .7em;
padding-left: 0;
}
#responses li.comment, #responses li.trackback, #responses li.pingback {
	border-top: .07em solid #ccc; /* ...so that another half a line-height here maintains vertical rhythm... */
	padding-top: .63em;
	padding-bottom: .7em /* ...and half a line-height here means one line-height between each comment with
									the border in the middle! */
}
#responses li.post-author h4, #responses li.post-author h4 a {
	color: #333;
}
#responses h4, #responses h4 a.permalink {
	font-weight: normal;
}
#responses h4 a {
	font-weight: bold;
}

#responses li.trackback h4, #responses li.pingback h4 {
	font-size: .875em;
	line-height: 1.6em;
}
#respond h3 {
	margin: 0;
}
#respond ol {
	margin-top: 1.4em;
}
#respond li {
	padding-bottom: 1.4em;
}
#respond input[type=text] {
	min-width: 50%;
}
#respond textarea {
	min-width: 80%;
}
#respond input[type=submit] {
	float: left;
	margin-right: 1.4em;
}
#respond input#submit {
	font-weight: bold;
}

/* Random solutions that don't belong anywhere else */
/* Out-of-source order element display, 2 cols */
.faux-col {
	max-width: 48%;
}
.left {
	float:left;
}
.right, ul#menu li.right {
	float: right;
}
.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
img.left {
	margin-right: 1.4em;
	margin-top: 0;
}
img.right {
	margin-left: 1.4em;
	margin-top: 1.4em;
}
/* Adjust img position to allow for box-shadow */
img.faux-col.right {
	margin-right: .2em;
	margin-left: -.2em;
	margin-bottom: .2em;
}
p img.right {
	margin-top: 0;
}
h2+img.right, h2+img.left, p+img.right, p+img.left {
	margin-top: 0;
}

/*Floats don't collapse margins against unfloated elements, need way to suppress*/
/* Float clearing */
.container {
	overflow: hidden;
	zoom: 1;
}
#primary div.container>p, #primary div.container>img {
	margin-top: 0;
}
/* 'button' */
a.button {
	display: inline-block;
	color:#fff;
	background-color:#808080;
	padding:.5em;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	border-radius: .2em;
	-moz-box-shadow:.07em .07em .22em #666;
	-webkit-box-shadow:.07em .07em .22em #666;
	box-shadow:.07em .07em .22em #666;
	background-image: -moz-linear-gradient(top, #9e9e9e, #737373);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9e9e9e),color-stop(1, #737373));
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#737373');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#737373')";
	text-decoration:none;
}
a.button strong.centered {
	padding-left: 25%;
}
/* Keep iStyle link colours right */
a.istyle {
	color: #333;
}
.style {
	color: #808080;
}
/* Menu */
#header ul#menu {
	padding: .38em 0;
	font-variant: small-caps;
   color: #808080;
   border-top: .0666em solid #808080;
   list-style-type: none;
   float: left;
   width: 100%;
   font-size: 1.04em;
   font-family: PTSansRegular, "Helvetica Neue", Helvetica, FreeSans, 'Liberation Sans', Arial, sans-serif;
}
.ie6 #header ul#menu, .ie7 #header ul#menu {
	float: none;
	position: relative;
}
#menu li {
   display: inline;
   float:left;
}
#menu a:link, #menu a:visited {
    -moz-border-radius:.22em;
    -webkit-border-radius:.22em;
    padding: .43em;
    margin-right: .43em;
    text-transform:capitalize;
    font-size:.875em;
    line-height: 1;
    float: left;
    width: auto;
    color: #808080;
    background: #fff;
    letter-spacing: .08em;
    text-decoration: none;
}
#menu a.current:link, #menu a.current:visited {
	color: #fff;
	background-color: #808080;
	background-image: -moz-linear-gradient(top, #919191, #737373);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #919191),color-stop(1, #737373));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#737373');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#737373')";
	-moz-box-shadow:.1em .1em .22em #666;
	-webkit-box-shadow:.1em .1em .22em #666;
	box-shadow:.07em .07em .22em #666;
}
#menu a:hover, #menu a:focus {
	text-decoration: none;
	-moz-box-shadow:.1em .1em .22em #666;
	-webkit-box-shadow:.1em .1em .22em #666;
	box-shadow:.07em .07em .22em #666;
   color: #fff;
   background-color: #9e9e9e;
   background-image: -moz-linear-gradient(top, #9e9e9e, #808080);
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9e9e9e),color-stop(1, #808080));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#808080');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#808080')";
}
#menu a.current:hover, #menu a.current:focus {
    text-decoration: none;
}
#menu a:active {
    color: #fff;
    background-color: #808080;
}
ul#menu input {
	float: left;
	line-height:1;
	margin-top: .31em;
	margin-bottom: -.31em;
}
/* Social Media */
/* First, the post-sharing stuff */
iframe#facebook {
	border:none;
	overflow:hidden;
	width:325px;
	height:25px;
	float:left;
}
p#feedburner {
	float: left;
	margin:0;
	font-size: 12px;
	padding:.34em;
}
p#feedburner a:link, p#feedburner a:visited {
	background: url('images/rss-bw-16.png') no-repeat scroll 0 .3em;
	padding: .3em 0 0 1.7em;
}
p#feedburner a:hover, p#feedburner a:focus {
	background: url('images/rss-16.png') no-repeat scroll 0 .3em;	
}

/* Then, the where-to-find-me stuff */
ul#secondary>li:last-child li {
	list-style-type: circle;
}
ul#secondary>li:last-child li:nth-child(1) {
	list-style-image: url('images/rss-bw-16.png');
}
ul#secondary>li:last-child li:nth-child(1):hover {
	list-style-image: url('images/rss-16.png');
}
ul#secondary>li:last-child li:nth-child(2) {
	list-style-image: url('images/twitter-bw-16.png');
}
ul#secondary>li:last-child li:nth-child(2):hover {
	list-style-image: url('images/twitter-16.png');
}
ul#secondary>li:last-child li:nth-child(3) {
	list-style-image: url('images/linkedin-bw-16.png');
}
ul#secondary>li:last-child li:nth-child(3):hover {
	list-style-image: url('images/linkedin-16.png');
}
ul#secondary>li:last-child li:nth-child(4) {
	list-style-image: url('images/facebook-bw-16.png');
}
ul#secondary>li:last-child li:nth-child(4):hover {
	list-style-image: url('images/facebook-16.png');
}
ul#secondary>li:last-child li:nth-child(5) {
	list-style-image: url('images/flickr-bw-16.png');
}
ul#secondary>li:last-child li:nth-child(5):hover {
	list-style-image: url('images/flickr-16.png');
}
/* Indexes (post lists) */
#index div.hentry {
	border-top: .07em solid #ccc;
}
#index h3.entry-title {
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: .03em;
	line-height: 1;
	margin: 1em 0;
}
#index div.hentry div.entry-content {
	max-width: 75%;
}
li.author address {
	display: inline;
}
#index ul.meta {
	margin-top: -.7em;
	margin-bottom: 1.4em;
}
ul.meta li.author {
	/* Hides author on pages which display meta information (index, post) */
	position: absolute;
	left: -2000px;
}

#index div.pagination {
	margin: 1.4em 0;
	max-width: 75%;
}
#index div.pagination p.next, #index div.pagination p.prev {
	max-width: 48%;
}

/* Post pagination, to be removed before release! */
#post .pagination a, #page .pagination a {
	border: .07em solid #808080;
	padding: 0 .4em;	
	margin: 0 .4em;
}

/*
Contact & comments forms
*/
#si_contact_form1 ol {
	list-style-type: none;
	margin-left:0;
	padding-left: 0;
}
#si_contact_form1 li {
	margin-bottom: 1.4em;
}
#si_contact_form1 label {
	display: block;
}
#si_contact_form1 textarea {
	min-width: 50%;
}
#si_contact_form1 li p {
	margin: 0;
	font-size: .8em;
	line-height: 1.75em;
}
#si_contact_form1 input[type=submit] {
	font-weight: bold;
}
#si_contact_form1 .error {
	background: url("images/error.png") no-repeat scroll 0.4em 50% #FFF6BF;
	border: 0.07em solid #BF3030;
	margin: 0.1em 0;
	max-width: 21em;
	padding: 0.1em 0.1em 0.1em 2.3em;
}
.ie6 form#si_contact_form1 label, 
.ie6 form#si_contact_form1 input {
	display: block;
}
.ie6 #si_contact_form1 .error {
	width: 21em;
}

} /* End of @media screen block */

@media print {

}
/* When ready to navigate the maze of mobile UA stylesheets... */
/*@media handheld {

}*/