/*
Theme Name: RobHoward.id.au 2010
Theme URI: http://robhoward.id.au/
Author: Rob Howard
Tags: orange

*/

/*
* Minified reset.
* @see http://meyerweb.com/eric/tools/css/reset/
*/
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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}


/**** Site-wide definitions ****/
body {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

.inner {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

/* HACK: Self-clearing containers, with IE hacks inline. */
.clearing-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearing-container { height: 1%; }
.clearing-container { display: inline-block }
.clearing-container { display: block; }


.column {
	float: left;
	overflow: hidden;
	display: inline; /* HACK: inline IE fix */
	padding-left: 10px;
	padding-right: 10px;
}


/**** Masthead Region ****/

#masthead {
	background: url(images/masthead-bg.jpg) repeat-x;
	padding: 25px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
	#masthead h1 {
		padding-left: 6px; /* HACK: Fonts rendered with an odd left-padding
		                      gap; bring it back in line (10px gutter - 4px
		                      gap compensation). */
		color: #fff;
		font-size: 355%;
		font-weight: bold;
	}
		#masthead h1 a {
			color: #fff;
			text-decoration: none;
		}
		
	#masthead .tagline {
		padding-left: 10px;
		color: #fff;
		text-transform: uppercase;
		font-size: 80%;
		font-weight: bold;
		text-align: justify;
		letter-spacing: 0.30em;
	}


/**** Body Region ****/

#body {
	padding: 30px 0 40px;
}

#content {
	width: 640px;
	padding-right: 59px;
	border-right: 1px solid #ddd;
}
	#content h2 {
		font-size: 140%;
		display: block;
		margin-left: -2px; /* HACK: Left-aligning headings are a pain in the bum. Please let me know if there's a better way. */
		padding-bottom: 13px;
	}
		#content h2 a {
			color: #222;
			text-decoration: none;
		}
		#content h2 a:hover {
			color: #666;
		}
	
	#content h3 {
		font-size: 110%;
		display: block;
		margin-left: -1px;
		padding-top: 15px;
		padding-bottom: 7px;
		line-height: 1.2em;
	}
		#content h3 a {
			text-decoration: none;
		}

	#content p {
		padding-bottom: 10px;
		line-height: 1.3em;
	}
	#content pre {
		display: block;
		padding-top: 5px;
		padding-bottom: 25px;
		margin-left: 1em;
		line-height: 1.3em;
	}
	#content ol, #content ul {
		list-style-position: outside;
	}
	#content ul { list-style-type: disc; }
	#content ol { list-style-type: decimal; margin-left: 0.5em; }
		#content ol li, #content ul li {
			padding-left: 1em;
			margin-left: 1em;
			line-height: 1.3em;
		}

	#content .block {
		position: relative;	
		margin-bottom: 60px;
		padding-bottom: 15px;
	}
		#content .block-last {
			margin-bottom: 30px;
		}
	
	#content a.more-link {
		display: block
		padding: 20px 0 0 0;
		font-weight: bold;
	}

	#content p.post-tags, #content p.post-date {
		position: absolute;
		right: 0;
		font-size: 70%;
		padding: 0;
	}
	#content p.post-date { bottom: 1.3em; }
	#content p.post-tags { bottom: 1px; }

	#content p.postmetadata {
		padding: 20px 0 40px 0;
		font-size: 70%;
		color: #a0a0a0;
	}
	#content p.postmetadata a:link, #content p.postmetadata a:visited {
		/*color: #1F867E;*/
		color: #7da4a1;
	}
	#content p.postmetadata a:hover, #content p.postmetadata a:active {
		/*color: #54B6BF;*/
		color: #92bbbf;
	}

#sidebar {
	width: 220px;
	padding-left: 20px;
}
	#sidebar h3 {
		padding-bottom: 10px;	
	}
	#sidebar ul {
	}
		#sidebar ul li {
			line-height: 1.5em;
		}
	
	#sidebar .count {
		padding: 0px 5px;
		font-weight: bold;
	}

.block {
	margin-bottom: 30px;
}


/**** Footer Region ****/
#footer {
	padding: 20px 0;
}

	#footer .inner {
		position: relative;
		padding-bottom: 20px;
	}

	#footer p.more {
		bottom: 0;
		position: absolute;
		text-align: right;
		display: block;
		font-size: 80%;
	}

	#twitter.column, #twitter.column p.more,
	#delicious.column, #delicious.column p.more {
		width: 300px;
	}
	#twitter.column, #twitter.column p.more     { padding-right: 30px; }
	#delicious.column, #delicious.column p.more { padding-right: 70px; }

	#projects.column, #projects p.more {
		width: 220px;
	}

	#footer h3 {
		display: block;
		font-size: 120%;
		margin-left: -0.1em; /* HACK: font-size alignment hack. */
		padding-bottom: 12px;
		color: #863;
	}

	#projects h3 {
		margin-left: -0.06em; /* HACK: font-size alignment hack. Needs less spacing because the text below is larger (and hence has more spacing itself). */
	}
	
	#projects ul li {
		line-height: 1em;
		padding-bottom: 10px;
	}
	
	#footer ul.dense li {
		font-size: 80%;
		line-height: 1.25em;
		padding-bottom: 7px;
		text-align: justify;
	}

	#footer ul li .metadata {
		display: block;
		padding-top: 2px;
		/*text-indent: 10px;*/
		font-size: 75%;
	}
	#footer ul li .metadata a:link,
	#footer ul li .metadata a:visited {
		text-decoration: none;
	}
	#footer ul li .metadata a:hover,
	#footer ul li .metadata a:active {
		text-decoration: underline;
	}


/**** Page-specific styles ****/
#effulgent-screenshots .screenshots {
	display: inline;
	padding: 0 0 25px 0;
	list-style-type: none;
}
	#effulgent-screenshots .screenshots li {
		float: left;
		margin: 0;
		padding: 0 39px 0 0;
	}
	#effulgent-screenshots .screenshots li.last {
		float: right;
		padding-right: 0px;
	}
		#effulgent-screenshots .screenshots li img {
			border: 1px solid #444;
		}



/**** Colour definitions ****/
#masthead {
	background-color: #d13a33;
}

body, #sidebar .count {
	/*background: #e88c88;*/
	background: #f8c87b; /* footer bar */
}

#body {
	background: #fff;
}

#body a {
	color: #1f867e;
}
#body a:hover, #body a:active {
	color: #54b6bf;
}

#sidebar .count {
	color: #fff;
}
	
#footer a {
	color: #440;
}
	
#footer ul li .metadata a:link,
#footer ul li .metadata a:visited {
	color: #664;
}