/* CSS Document */

/* reset.css */
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:62.5%; background:#fff; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:normal; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.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.right { float:right; margin:1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color:#000; }
a { color:#333333; text-decoration:underline; }
blockquote { margin:1.5em; color:#fff; font-style:italic; }
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,
code { margin:1.5em 0; white-space:pre; }
pre,
code,
tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; color:000; }
li ul,
li ol { margin:0 1.5em; }
ul,
ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; background:#C3D9FF; }
th,
td { padding:4px 10px 4px 5px; border-bottom: 1px solid #fff; }
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; }

/* grid*/
* {-webkit-transition: all .75s ease-in-out;}
.container {  max-width: 95%; margin:0 auto; height: 1%; }
.box { padding:1.5em; margin-bottom:1.5em;  }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }
hr.space { background:#fff; color:#fff; }
.clearfix:after,
.container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,
.container { display:inline-block; }
* html .clearfix,
* html .container { height:1%; }
.clearfix,
.container { display:block; }
.clear { clear:both; }

/* forms */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input.text,
input.title,
textarea,
select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus,
input.title:focus,
textarea:focus,
select:focus { border:1px solid #666; }
input.text,
input.title { width:60%; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:75%; height:250px; padding:5px; }
.error,
.notice,
.success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }

.replaced {margin: 0; padding: 0; text-indent: -3000px; display:  block;}
.reset {margin: 0; padding: 0;}

body {background-image:url(duller.png); font-size: 62.5%; background-attachment:  fixed;}

.bodyInset { background: url(bg_spot.png) no-repeat top center;  background-attachment:  fixed;}
.container { width:68.6em;}

#navContainer {width: 34.3em; height: 5em; background-color: #fff; float:  right; max-width: 100%; background: url(gfx/candy-bar.png) repeat-x top left; margin-top:  2.8em; 
-webkit-border-bottom-right-radius: 2.5em;  }
#navContainer ul {list-style-type: none;}
#navContainer ul li {float: left; padding: 2em 0; text-align:  center; text-transform:  uppercase; letter-spacing: 0.5em;    }



#navContainer ul li#weblogTab {width:36%; text-indent: 0.5em;}
#navContainer ul li#workTab {width:28%;}
#navContainer ul li#contactTab {width:36%;}

#navContainer ul li a {
	text-decoration:  none; display: block; 
	border-right: 1px solid #605f5f; border-left: 1px solid #fff;
	text-shadow: #fff 1px 1px 0px; font-weight: bold; }
#navContainer ul li#weblogTab a {border-left: none;}
#navContainer ul li#workTab a {}
#navContainer ul li#contactTab a {border-right: none;}

h1#logo {font-size: 1em; float: left; }
h1#logo img { width: 17.2em; height: 10em;}

div#heroWrapper {width: 100%; clear: both; }

img#hero {padding-bottom: 24px; background: url(gfx/hero_drop.png) no-repeat bottom left;  width: 100%;}

div#heroWrapper h1.catHeading { position: relative; top: -3em; padding: 0.2em 0.5em 0.3em 0.5em; margin: 0; color: #fff; margin-bottom: -1.5em; background-image: url(duller.png); opacity: 0.75; text-shadow: #000 1px 2px 0px;  }
div#heroWrapper h1.catHeading a {color:#fff; text-decoration: none; font-weight:  bold;}

.entries {color:#fff; float:left; width:42.9em; max-width: 62%; padding-top: 0.5em;  padding-bottom: 2em; }
.entries a {color: #fff; font-weight: bold;} 
.entry {padding: 0 2em 5em 0; overflow: hidden; }
.entry p.meta {font-family: 'Lucida Grande', Univers, Arial,  sans-serif; letter-spacing:  0.5em; text-transform:  uppercase; text-shadow: #000 1px 1px 0px; opacity: 0.5; font-size: 0.95em; padding: 0.5em}
.entry p.meta span {padding-left: 2em; background: url(gfx/comment.png) no-repeat left center;}
.entry h1, .entry h1 a {font-weight:  bold;  font-family: Helvetica, Arial,  sans-serif; text-shadow: #000 1px 2px 0px; text-decoration:  none; color: #fff; }


.entry p, .entry li{font-size: 1.2em;}
.entry p.readon a {
	text-decoration:  none; 
	display: block; 
	font-weight: bold; 
	width: 17.2em; 
	padding: 0.75em 0; 
	background-color: #d4d4d4; 
	max-width: 100%;
	-webkit-border-bottom-right-radius: 2.5em; 
	-webkit-border-top-left-radius: 2.5em;  
	-moz-border-radius-topleft: 1em; 
	-moz-border-radius-bottomright: 1em;
	text-align: center; 
	text-transform:  uppercase; 
	letter-spacing:  0.5em; opacity: 0.7;
	text-shadow: #fff 1px 1px 0px;
	-moz-border-radius-topleft: 1em; -moz-border-radius-bottomright: 1em;
	-webkit-box-shadow: 2px 2px 1px #000;
	color: #333333;
	 
	
}
	
	
.entry p.readon a:hover {opacity: 1; }

.entry object {position: relative; left: -0.5em; -webkit-box-shadow: 1px 1px 5px #000; overflow: visible;}


.comment {background-image: url(duller.png); -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; opacity: 0.8;  }
.comment blockquote, .comment cite { color: #E1E1E1; } 
.comment blockquote { padding: 1.5em 1.5em 0.25em 1.5em; margin: 0;  border-top: 1px solid #B6B6B6;  border-bottom: 1px solid #B6B6B6; -webkit-border-radius: 20px; }
.comment cite {letter-spacing: 2px; text-transform: uppercase;  font-size: 0.8em;  font-style:normal; text-align: center; display: block; padding-top: 1.5em;  text-shadow: #000 1px 0px 1px; font-weight: bold;  }
.comment cite b {}
.comment cite sup {font-size: 75%;}

.comment cite:before { content: url(gfx/cite_before.png); margin: 0 5px -3px 0; }
.comment cite:after { content: url(gfx/cite_after.png); margin: 0 0px -3px 5px; }

.iain cite:before { content: url(gfx/cite_iain_before.png); margin: 0 5px -3px 0; }
.iain cite:after { content: url(gfx/cite_iain_after.png); margin: 0 0px -3px 5px; }
.iain {  background-color: #262626 !important;}


 .comment blockquote a{color: #fff; text-decoration: underline;}
 .comment cite a {color: #fff; border-bottom: 1px solid #fff; padding-left: 2px;}



.spam {font-family: "Courier New", Courier, monospace !important; padding-left: 1.5em; border-left: 5px solid #bababa; font-size: 1.5em 
!important;}





#sidebar {width: 25.7em; background: url(gfx/sidebar_bottom.png) no-repeat bottom left; color:#fff; float: left;  max-width: 38%; position: relative; top: -1em;  color: #d4d4d4; }
#sidebar .inset {background: url(gfx/sidebar_inner_shadow.png) repeat-y top left; margin-bottom: 150px;}
#sidebar a {color:#fff; text-decoration:  none; font-weight: bold;}

#sidebar .item {padding: 1.5em 1em 1.5em 2em; background: url(gfx/sidebar_item.png) repeat-y top left; margin-bottom: 2em; opacity: 0.6;}
#sidebar h3 {font-family: 'Lucida Grande'; letter-spacing:  0.5em; text-transform:  uppercase; font-size:  1em; font-weight: bold; text-shadow: #000 2px 2px 1px;}
#sidebar .item p, #sidebar .item ul {margin: 0; font-size: 1.1em;}
#sidebar .item p {}
#sidebar .item img#hireme { width: 18.7em; max-width: 100%; -webkit-transition: all .75s ease-in-out;  }
img#hireme:hover { -webkit-transform : scale(0.9); }


#sidebar .linkage ul {list-style-type:  none; }
#sidebar .linkage ul li {margin-bottom: 0.5em;}
#sidebar .linkage ul li a  {display: block; padding: 0.5em 2em; text-decoration: none; 
-webkit-border-top-left-radius: 1em;  -webkit-border-bottom-right-radius: 1em; 
-moz-border-radius-topleft: 1em; -moz-border-radius-bottomright: 1em;
background:  #000 url(gfx/arrow_right.png) no-repeat 0.75em 55%; opacity: 0.6;   }
#sidebar .linkage ul li a:hover, 
#sidebar .linkage ul li a.active { color:  #fff;  opacity: 1; padding-left: 3em; background-position-x: 1em;}

#sidebar .flickr img {
	float:left;
	margin:0 0.8em 0.8em 0;
	 
	width:6.5em;
	height:6.5em;
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	}
	
	
p#pagination {font-size: 1.25em;   padding-bottom: 2em;}
p#pagination a { padding: 0.5em;  opacity: 0.35; background-color: #000; -webkit-border-top-left-radius: 1em;  -webkit-border-bottom-right-radius: 1em; -moz-border-radius-topleft: 1em; -moz-border-radius-bottomright: 1em; text-decoration: none; }
p#pagination a:hover { opacity: 1;}
p#pagination b { margin: 0 0.5em;}

#footer {clear: both; padding: 3em; background-color: #000; opacity: 0.55; color:#fff; -webkit-border-top-left-radius: 3em;  -webkit-border-bottom-right-radius: 3em; -moz-border-radius-topleft: 3em; -moz-border-radius-bottomright: 3em; text-transform: uppercase; letter-spacing:  0.5em;  font:0.8em 'andale mono', 'lucida console', monospace;  margin-bottom: 8em;
}
#footer img { float: right;}
#footer img#kiwi {width: 1.6em;}