/*
Author:    Pete Boere
*/
/*--------------------------------------------------------------------------- Normalise ---*/ 
html{overflow-y:scroll;}
html,body,div,iframe,ul,ol,li,dl,dt,dd,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,p,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,img,object,embed{padding:0;margin:0;border:0;font-size:100%;}
ul,ol{list-style:none;}
img{-ms-interpolation-mode:bicubic;}
table{border-collapse:collapse;}
caption,th,td{text-align:left;}
input,select,textarea{margin:0;font-family:inherit;font-size:100%;}
textarea{overflow-y:auto;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
blockquote,q{quotes:'' '';}
a:active{outline:0;}
body{background:#fff;color:#000;-webkit-text-size-adjust:none;}

/*--------------------------------------------------------------------------- Utilities ---*/ 
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.void{display:none;visibility:hidden;}
.hide{position:absolute!important;left:-999em!important;width:0!important;overflow:hidden!important;}

.ca:after, #content-inner:after, .post:after, .li-ca li:after, #nav-1:after {content:'.';display:block;font-size:0;height:0;
	clear:both;visibility:hidden;}
.ca, #content-inner, .post, .li-ca li, #nav-1 {zoom:1;}

/*--------------------------------------------------------------------------- Generic styles ---*/
body {background:#151515 url(../images/skin/bg/stripe.r1.png);font:12px/1.2 georgia,serif;color:#f7f8e8;}
a {text-decoration:none;color:#8a949e;}
h1, h2, h3 {line-height:1;padding:0 0 .5em;font-family:'bookman old style',bookman,georgia,serif;color:#eee;}
h1, h2 {padding:0 0 1em;}
h2, h3 {font-size:14px;}
input.text, textarea {width:280px;border:1px solid;border-color:#111 #333 #333 #111;background:#222;padding:3px 3px;
	font-family:inherit;color:#bbb;}
input.text:focus, textarea:focus {border-color:#ddd;}
abbr[title] {border:1px solid #000;border-color:#111 #444 #444 #111;padding:1px 3px;
	background:#303030;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/*--------------------------------------------------------------------------- Consistent elements ---*/
#wrap {zoom:1;position:relative;}

#skip-links {font-size:0;}
	#skip-links li {}
	#skip-links a {position:absolute;}
	#skip-links a:focus,
	#skip-links a:active {position:fixed;z-index:100;font-size:14px;
		color:#fff;background:#333;border:1px solid #C1D9F5;padding:.5em 1em;outline:0;}

#footer {font-size:10px;}
	#footer abbr {padding-left:2px;margin-left:1px;}
	#footer .divider {padding:0 .3em;}
	#footer-inner {position:relative;background:#222;}
		#footer-inner, #footer-inner a {color:#888;}
		#footer-inner p {padding:90px 0 30px;background:url(../images/skin/bg/tiled-floor.r1.jpg) 247px -10px no-repeat;text-align:center;}
		#footer-inner a:hover,
		#footer-inner a:focus {color:#fff;}

#nav-1 {font-size:12px;z-index:100;padding:0 0 0;position:absolute;top:36px;left:195px;
	font-family:georgia,serif;
	text-shadow:1px 1px rgba(0,0,0,1);}
	.Home #nav-1 {left:189px;}
	#nav-1 li {float:left;padding:0 5px 0;}
	#nav-1 a {padding:4px 0;color:#ccc;overflow:hidden;font-size:10px;font-weight:bold;text-transform:uppercase;
		letter-spacing:1px;border:0;vertical-align:middle;}
	#nav-1 a:hover,
	#nav-1 a:focus {color:#ddd;}
	
	#nav-1 li:before {content:'--';color:#555;padding-right:12px;font-size:14px;}
	#nav-1 li:first-child:before {content:'';}
	#nav-1 a:hover:before,
	#nav-1 a:hover:after,
	#nav-1 a:focus:before,
	#nav-1 a:focus:after	{color:#777;} 
	.Home #nav-1-home a,
	.About #nav-1-about a,
	.Log #nav-1-journal a,
	.Sundries #nav-1-projects a {color:#fff;}

	.Home #nav-1-home a:before,
	.About #nav-1-about a:before,
	.Log #nav-1-journal a:before,
	.Sundries #nav-1-projects a:before {content:'{ ';color:#777;padding-right:7px;font-size:12px;}
	.Home #nav-1-home a:after,
	.About #nav-1-about a:after,
	.Log #nav-1-journal a:after,
	.Sundries #nav-1-projects a:after {content:' }';color:#777;padding-left:4px;font-size:12px;}
	
	
#shadow-right-side[id] {position:absolute;background:url(../images/skin/bg/shadow-left.r1.png) repeat-y;width:18px;
	top:0;left:872px;height:100%;border-left:1px solid #222;}	
		
#footer-inner,
#content-inner,
#header-inner  {width:872px;}

#the-echoplex {position:absolute;top:32px;left:14px;margin:0;padding:0;border:0;}
		
.content {position:relative;line-height:1.5;zoom:1;font-size:13px;font-family:'lucida sans unicode','lucida sans','lucida grande',verdana,sans-serif;}
	.content p {padding:0 0 1.2em;max-width:600px;}
	.content a {}
	.content a:hover,
	.content a:focus {color:#fff;}
	.content h1 {font-weight:normal;font-size:24px;letter-spacing:-1px;padding:0 0 1.2em;}
	.content h1 span.small {color:#aaa;font-weight:normal;letter-spacing:0;padding-left:.2em;}
	.content h2, 
	.content h3 {padding:1em 0 .7em;}
	.content .highlight {color:#ddd;}
	.content h1 + h2,
	.content h1 + h3 {padding-top:.5em;}
	#content h2.solo {border:0;margin:0;padding:.7em 14px;}
	#content-inner {padding:0 0 10px;min-height:300px;_height:300px;position:relative;}

#content-inner,
#footer-inner {background:#222 url(../images/skin/bg/side-bar.r1.gif) -48px 0 repeat-y;}

.column-1 {width:665px;float:left;}
	.column-1 h2 {color:#eee;zoom:1;margin:0 0 1.5em;font-size:14px;}
	.column-1 h2 span {font-size:13px;vertical-align:baseline;} 	

.column-1, 
.column-2 {padding-top:106px}

.column-3 {width:130px;float:right;margin:15px 13px 10px 0;color:#aaa;text-shadow:1px 1px rgba(0,0,0,.8);}
	.column-3 h3 {color:#eee;padding:1em 0 .3em;
		margin:0 0 .3em;font:bold 10px 'bookman old style', georgia, serif;border-top:1px solid #333;}
	.column-3 ul {padding:0;font-size:10px;line-height:1.6;}
	
.column-3-inner {padding:8px 11px 14px;background:#1f1f1f url(../images/skin/bg/tile.r1.gif);
	margin-bottom:15px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border-bottom:1px solid #111;
	border-right:1px solid #111;}
	.column-3-inner h3 {margin-top:1.5em;font-size:11px;}
	.column-3-inner h3:first-child {margin-top:0;border-top:0;padding-top:0;}
	.column-3-inner p.author {padding:0;}
	.column-3-inner.bonjour p {font-size:11px;padding-bottom:.9em;} 
	.column-3-inner.bonjour {padding-bottom:0;}
	.column-3-inner.alt-bg {background:#2d2d2d;}
	.column-3-inner p {font-size:10px;}

	.column-3-inner #photos {overflow:hidden;margin:0.5em -6px -7px 0;}
	.column-3-inner #photos li {float:left;padding:0 3px 3px 0;}
	.column-3-inner #photos img {width:53px;display:block;}
	
#promo-jelly {margin-bottom:15px;}
	#promo-jelly img {display:block;}
	
#tweetie {padding:1px 0 14px 0;background:url(../images/skin/bg/tweetie.png) left top no-repeat;
	margin:0 -5px 0 -4px;}
	#tweetie a {font-style:italic;color:#A8BCCF;padding:2px 2px 2px 45px;}
	#tweetie a:hover,
	#tweetie a:focus {color:#fff;}
	
#photostream {padding:0;}

/*--------------------------------------------------------------------------- Reusable styles ---*/
.flow-area {line-height:1.6;}
	.content h1.phat {font-weight:bold;font-size:22px;color:#eee;
		background:url(../images/skin/bg/double-line.png) 0 bottom repeat-x;
		padding-bottom:.7em;margin-bottom:1.5em;}
		.content h1.phat small {font-size:17px;padding-left:.3em;font-weight:normal;color:#fff;}
	.flow-area ul {padding:0 0 1.4em;}
	.flow-area ul + h3 {padding-top:.9em;}
	.flow-area li {padding:0 15px 0 26px;color:#ccc;
		background:url(../images/skin/bg/bullet.r1.gif) 12px .45em no-repeat;}
	.flow-area ul li:last-child p {padding-bottom:.3em;}
	.flow-area ul p {padding-bottom:1.2em;}
	.flow-area ul li.last p {padding-bottom:.3em;}
	.flow-area img.fr {margin:5px 0 3px 7px;}
	.flow-area img.fl {margin:5px 18px 3px 0;}
	.flow-area p {padding:0 0 1.1em;}
	.flow-area a {color:#C1D9F5;border-bottom:1px solid #555;}
	.flow-area a:hover,
	.flow-area a:focus {color:#C1D9F5;border-color:#C1D9F5;}
	.flow-area h2 {margin:1.5em 0 .9em;padding:0;}
	.content p code,
	.content .flow-area ul code {color:#dba3aa;padding:0px 2px;font-family:"Consolas","Lucida Console",monaco,Courier,mono;}
	.content p.indent {border-left:6px solid #333;margin-bottom:1.3em;padding:0 0 0 7px;max-width:590px;margin-left:9px;}
	.flow-area p.lead {color:#ccc;line-height:1.3;word-spacing:.1em;padding:0 0 1em;font-size:17px;
		font-style:italic;font-family:georgia,serif;text-shadow:1px 1px #000;}
		.flow-area p.lead a {font-weight:normal;}
		.flow-area p.lead .drop-cap {font-style:normal;font-size:38px;float:left;margin:0 3px 0 0;line-height:1;}
		
.row {padding:1em 0 2em;border-top:1px dashed #444;zoom:1;}
.row:first-child,
h1 + .row {border:0;padding-top:5px;}

.tagged {padding:1em 0;font-size:12px;}
	.tagged ul,
	.tagged p,
	.tagged li {display:inline;}
	.tagged li {margin-left:.5em;padding:0;background:0;}
	.tagged p {padding:0;color:#bbb;}

/*--------------------------------------------------------------------------- Home page ---*/		
.Home .column-2 {position:relative;}
.Home h2.phat {margin-left:205px;background:url(../images/skin/bg/double-line.png) repeat-x 0 bottom;
	padding:2.2em 0 1.3em;}
	
.Home .list-articles:first-child .media-preview {background:0;padding-bottom:0;}
	
/*--------------------------------------------------------------------------- Photo diary ---*/
#photo-diary {position:relative;width:872px;border-bottom:1px solid #2d2d2d;position:relative;}
	#photo-diary .img-wrapper {height:300px;overflow:hidden;display:block;}
	#calendar-date {position:absolute;top:0;right:0px;background:url(../images/skin/bg/trans-black.r1.png);
		line-height:1.2;padding:4px 10px 6px;color:#ccc;font:10px georgia,'times new roman',serif;
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-bottom-left-radius: 8px;
		text-shadow:1px 1px rgba(0, 0, 0, 0.5);
		text-transform:uppercase;}
	#calendar-date span.month {}
	#calendar-date span.date {color:#fff;}
	#calendar-date span.sep {color:#bbb;padding:0 4px;}

/*--------------------------------------------------------------------------- Article ---*/
h3 span.date {font-size:11px;vertical-align:middle;letter-spacing:0px;}
h3 span.date span {padding:0 2px 0 4px;}

.Article .tagged {padding-bottom:3em;}

/*--------------------------------------------------------------------------- Comments ---*/	
#post-comment {margin:0;background:#181818;padding:0;}
	#post-comment p {padding:0 14px 1.5em;font-size:12px;}
	#post-comment li {background:0;}
	#post-comment h2 {margin:0 14px 1em;border-bottom:2px solid #282828;padding:1.4em 0 0.8em;border-top:0;}
	#post-comment h3.error {margin:0 14px;color:yellow;text-align:center;padding:0 0 1.75em;}

.list-fields {padding:.5em 0;}
	.list-fields li {padding:0 0 .9em;background:0;}
	.list-fields label {float:left;text-align:right;width:119px;color:#ddd;
		font-variant:small-caps;font-size:11px;padding:1px 0 0 0;margin-right:13px;border-bottom:4px solid #222;}	
	.list-fields li.btn {text-align:right;padding:0 0 10px 0;border:0;width:420px;}
	.list-fields input.submit {text-transform:uppercase;letter-spacing:3px;font:9px georgia,serif;color:#f7f8e8;
		background:#151515;border:1px solid #333;padding:3px 0;cursor:pointer;width:17.5em;}
		.list-fields input.submit:focus {border-color:#ccc;}
		.list-fields input.submit:hover {border-color:#ccc;}
	span.req {color:#f7f8e8;}
	
#comments {padding:0 0 2em;}
	#comments h2 {margin-bottom:2em;padding-left:0;padding-right:0;}
	#comments h2 .comment-count {padding-right:.1em;}

.list-comments {color:#bbb;}
	.list-comments li {padding:0 0 2em;position:relative;background:0;}
	.list-comments li:first-child {border-top:0;}
	.list-comments .drop-cap {font-size:55px;color:#ddd;font-family:times,'times new roman', serif;font-weight:normal;
		line-height:1;color:#373737;position:absolute;top:-5px;left:0;width:30px;}
	.list-comments h3 {padding:0;position:relative;z-index:2;}	
	.list-comments h3 .date {font-size:10px;}
	.list-comments h3 span {font-weight:normal;color:#aaa;margin-left:.2em;}
	.list-comments .fl-2 {width:323px;margin-left:13px;}
	.list-comments .fl-2 div {background:#1a1a1a;padding:6px 12px 6px 8px;}
	.list-comments .fl-1 {width:119px;text-align:right;position:relative;}
	.list-comments .fl-1 h3 {line-height:1.3;}
	.list-comments .fl-1 h3 a {padding:0;}
	.list-comments .fl-2 p {font-size:12px;line-height:1.2;}
	.list-comments .fl-2 p:last-child {padding-bottom:0;}
	.list-comments .fl-2 p.last-child {padding-bottom:0;}
	.list-comments .drop-cap {float:left;}
	.list-comments .comment-link {position:absolute;right:-40px;top:5px;width:29px;background:url(../images/skin/bg/comment-bubble-link.gif) no-repeat;
		text-indent:-999em;overflow:hidden;border:0;height:23px;}
	.list-comments .comment-link:hover {background-position:0 -35px;}

/*--------------------------------------------------------------------------- Archive Styles ---*/
.list-tags {}
	.list-tags li {padding-right:.2em;}
	.list-tags li span {padding-left:.1em;}
	
	a.comment-poll {display:inline-block;width:32px;text-align:center;background:url(../images/skin/bg/comment-bubble.gif) no-repeat;
	font:bold 11px/21px times,'times new roman';border:0;height:22px;margin-left:4px;}
	a.comment-poll:hover {background-position:0 -32px;}

/*--------------------------------------------------------------------------- Contact Form ---*/
#contact-form {padding:.5em 0 0;}
	#contact-form textarea,
	#contact-form input.text {background:#181818;}
	#contact-form input.submit {width:9em;}
	#contact-form .list-fields label {width:8em;}
	#contact-form .list-fields li.btn {width:409px;}
	
/*--------------------------------------------------------------------------- Project page ---*/
.list-projects li {color:#f7f8e8;}
	.list-projects li {background:0;padding:0 0 2.5em;}
	.list-projects .fl {padding-top:5px;}
	.list-projects h2 {margin:0 2px 0 0;display:inline;border:0;}
	.list-projects p {display:inline;}
	.list-projects p + p {display:block;padding:1em 0 0;}
	.list-projects .fr {width:230px;padding-top:0px;}

.code {background:#333;margin:.5em 0 1.2em;zoom:1;overflow:auto;border:1px solid #333;color:#c1d9f5;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-ms-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 1);
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 1);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 1);
	text-shadow:1px 1px 0 rgba(0, 0, 0, 1);
	}
	.code pre {padding:0;margin:0;line-height:1.5;}
	.code div {padding:10px 14px;zoom:1;}
	.code code {font-family:"Consolas","Lucida Console",Courier,mono !important;}
	.code-keywd {color:#7CB9E8;font-weight:bold;}
	.code-str {color:#CFEF95;}
	.code-comm,
	.code-comm span {color:#777;}
	.code-num {color:#b2e7c3;font-weight:bold;}
	.code-regexp {color:#f8ba43;}

.day-date,
.day-inner {padding-top:15px;}	
.day-date {float:left;width:123px;text-transform:uppercase;font-size:10px;font-family:georgia,serif;color:#aaa;
	text-align:right;border-top-color:#d2a2a2a;font-weight:bold;padding-top:5px;text-shadow:1px 1px #000;}
	.day-date span {font-size:24px;font-style:italic;font-family:georgia,serif;color:#eee;font-weight:normal;
		position:relative;top:4px;margin-left:-3px;}
	.day-date span:before {content:'/';color:#666;padding-right:3px;margin-right:-1px;}
.day-inner {float:right;width:514px;} 

.day-item:first-child .day-date,
.day-item:first-child .day-inner {border:0;}

.day-inner .article {padding-top:14px;}
.day-inner .article:first-child {padding-top:0;}
.day-item.first .day-inner,
.day-item.first .day-date {border-top:0;padding-top:5px;}
.day-item.first .day-date {padding-top:0px;position:relative;top:-4px;}

.article {position:relative;}
	.article .media-title {padding-top:0;margin:0;font-size:20px;font-family:'bookman old style';color:#fff;
		letter-spacing:-1px;}
        .article .media-title .title-cat {text-transform:uppercase;font-size:65%;font-weight:bold;
            color:#fff;}
	.article h1.media-title,
	.Home .article h2.media-title {margin:0;border:0;padding:0 0 .9em;font-size:24px;}
	.article .media-title a {font-weight:normal;border:0;color:#fff;border-bottom:1px solid #444;}
		.article .media-title a:hover,
		.article .media-title a:focus {border-color:#777;}
		.article p.summary {font-style:normal;padding:0;color:#ccc;}
	
	.article .media-title {padding-bottom:.7em;}
	.article-meta {width:39px;text-align:right;position:absolute;left:0;top:2px;}
	.media-preview {float:right;width:460px;margin-bottom:.8em;padding:0 0 2em;
		background:url(../images/skin/bg/5stars.png) 173px bottom no-repeat;}
		
.layout-2 {}
	.layout-2 .column-1 {float:left;height:100px;width:208px;}
	.layout-2 .column-2 {width:438px;float:left;}
	
.layout-1 h1 {margin-left:210px;}

.youtube-video,
.flickr-slideshow {margin:0 0 1em;} 
.youtube-video-inner, 
.flickr-slideshow-inner {border:3px solid #333;padding:5px;background:#111;font-size:0;}

.js .youtube-video object,
.js .youtube-video embed,
.js .flickr-slideshow object,
.js .youtube-video embed {display:none;}
	
.js .show-object object,
.js .show-object embed {display:inline;}
	
#upgrade-nagbox {background:#eee;border-bottom:1px solid #999;width:100%;
	font:bold 12px/1.5 georgia,serif;font-style:italic;color:#333;}
	#upgrade-nagbox div {padding:12px 10px;}