/*
Site Name: andy-pearson.com
Version: 2.0
Author: Andy Pearson
Author URI: http://www.criticalwebdesign.co.uk
Date: 09/08/08
Time: 11:32:19
*/

body {
	font:62.5%/1.5 Helvetica, Arial, sans-serif;
	background-color:#3d3d3d;
}
h1 {
	clear:both;
	padding:130px 0 40px;
	float:left;
}
	h1 a {
		display:block;
		border:none;
		width:266px;
		height:28px;
		background:transparent url(../images/blank/andy-pearson.gif) no-repeat top left;
		text-indent:-99999px;
		overflow:hidden;
	}
h2 {
	padding:18px 6px 2px;
	font-size:1.4em;
	font-weight:bold;
	color:#adadad;
	line-height:1.2;
}
	h2 a {
		color:#d6d6d6;
		border-bottom:none;
	}
	h2 span {
		font-size:0.8em;
		font-weight:normal;
	}
h3 {
	color:#d6d6d6;
	font-size:1.8em;
	padding:12px 6px 18px;
}
	h3 a {
		border-bottom:none;
	}
h4 {
	padding:4px 3px;
	color:#4b4b4b;
	text-transform:uppercase;
	font-size:1em;
	line-height:1;
	font-weight:bold;
}
	h4 strong {
		display:block;
		color:#adadad;
	}
p {
	padding:0 6px 18px;
	font-size:1.2em;
	color:#ebebeb;
}
a {
	text-decoration:none;
	border-bottom:1px solid #525252;
	color:#a3a3a3;
}
a:hover,
#lifestream li p.date-time a:hover {
	color:#fff;
	border-bottom-color:#fff;
}
hr {
	display:none;
}
img {
	display:block;
}
pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}


/*
---- Structure
*/
#container {
	margin:0 auto;
	padding:0 0 72px 0;
	width:960px;
}
#header {
	z-index:200;
	position:fixed;
	padding:0 0 0 6px;
	width:357px;
}
#content {
	z-index:200;
	float:right;
	padding:108px 0 0 0;
	width:597px;
	position:relative;
}

/*
---- Header
*/
#header ul {
	width:24px;
	height:108px;
	background:transparent url(../images/blank/tab.gif) no-repeat top left;
	float:left;
	overflow:hidden;
}
	#header ul li {
		float:left;
		display:none;
	}
	#header ul li.active {
		display:block;
	}
		#header ul li a {
			display:block;
			width:24px;
			height:108px;
			text-indent:-99999px;
			overflow:hidden;
			border:none;
		}
#header p {
	clear:both;
	font:1.8em Georgia, serif;
	font-style:italic;
	color:#999;
	padding:0 0 25px;
	float:left;
}
	#header p span {
		padding:3px 7px;
		display:block;
		background-color:#333;
		float:left;
	}
	#header p a,
	#header p a:hover {
		color:#f5f5f5;
		border:none;
	}
	
#background {
	position:fixed;
	top:0;
	left:50%;
	width:960px;
	height:700px;
	margin-left:-480px;
	z-index:1;
}

/*
---- Preview Message
*/
#preview {
	padding:0 0 48px 0;
}
#preview p {
	font-size:1.5em;
	border:2px solid #f6d600;
	background-color:#fff7c0;
	padding:14px 18px;
	color:#333;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}
#preview p a {
	color:#333;
	border-bottom-color:#333;
}

/*
---- Life Stream
*/
#lifestream li {
	display:block;
	border-top:1px solid #7a7a7a;
	padding-bottom:42px;
}
	#lifestream li .header {
		float:left;
	}
	#lifestream li .content {
		float:right;
		width:420px;
	}
	#lifestream li p.date-time {
		color:#808080;
		padding:3px 6px;
		border-top:1px solid #525252;
	}
		#lifestream li p.date-time a { color:#808080; }
	#lifestream li p.tags {
		font-size:1.1em;
		padding:0 6px 12px;
		color:#a3a3a3;
	}
	#lifestream li p.read {
		padding-bottom:22px;
	}
	#lifestream li p.read a {
		font-weight:bold;
		border:none;
	}


/*
---- Last.fm
*/
#lifestream li.lastfm { background:transparent url(../images/album.jpg) no-repeat 183px 11px; }
#lifestream li.lastfm div.content { padding-top:8px; }
#lifestream li.lastfm div.main { float:right; width:360px; padding-bottom:4px; } 
#lifestream li.lastfm div.album { float:left; width:46px; padding:3px 0 0 6px; }
#lifestream li.lastfm h2 { padding:11px 0 0 0; }
#lifestream li.lastfm .date-time { border:none; padding:0; }
/* Grouped Items */
#lifestream li.lastfm div.compact ol { border-top:1px solid #525252; }
#lifestream li.lastfm div.compact li { padding:6px 0; border:none; background:transparent url(../images/album_compact.jpg) no-repeat 28px 6px; }
#lifestream li.lastfm div.compact { padding-top:11px; clear:both; }
#lifestream li.lastfm div.compact .album { padding:0 0 0 28px; width:24px; }
#lifestream li.lastfm div.compact h2 { padding:5px 0; font-size:1.2em; }
#lifestream li.lastfm div.compact h2 span { font-size:0.9em; }
#lifestream li.lastfm div.compact p.view { border-top:1px solid #525252; padding:6px 6px 0; }
#lifestream li.lastfm div.compact p.view a { border:none; font-weight:bold; color:#808080; }
#lifestream li.lastfm div.compact p.view a:hover { color:#fff; }


/* Flickr */
#lifestream li.flickr div.content div { padding:0 6px 3px; }
#lifestream li.flickr p.date-time,
#lifestream li.twitter p.date-time a { border:none; }

/* blog.critical */
#lifestream li.critical-zero h2 { font-size:1.8em; padding-top:16px; padding-bottom:8px; }
#lifestream li.critical-zero p { padding-bottom:10px; }
#lifestream li.critical-zero p.read { padding-bottom:22px; }

/* Delicious */
#lifestream li.delicious p.tags { padding-bottom:20px; }

/* Github */
#lifestream li.github p.date-time { border:none; }

/* YouTube */
#lifestream li.youtube .video { padding:12px 6px 0; }

/*
---- Javascript
*/

.js_hide,
#lifestream .js_hide {
	display:none;
}

.js_show,
#header ul li.js_show {
	display:block;
}


/*
---- IE Fixes
Ugly CSS Hacks, only using because it has only taken a little bit of work to get the site working correctly in IE
*/

* html #header { float:left; position:relative; z-index:400; }
* html #header ul li { display:none; }
* html #header ul li.active { display:none; }
* html #header p span { white-space:nowrap; }
* + html #header p span { white-space:nowrap; }
* html #background { position:absolute; }


/* ---- Clearfix */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */