/*CSS - fiveyears.co.uk
Author: Struan King
*/

body {
	font:small/1.5 arial, verdana, sans-serif;
	background:url(/i/leaves.jpg) #FFF 0 0 no-repeat; color:#333;
	margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6 {font-family:"Century Gothic", arial, sans-serif; font-weight:normal;}
h3 {font-size:130%;}

#wrapper {
	position:relative;
	width:750px;
	margin:0 auto;
	padding:0;
	font-size:100%;
	background:url(/i/bgcolumn3.jpg) transparent 525px 153px repeat-y;
}

#footer {
	margin:2em 0 0; padding:0.5em 0;
	border-top:solid 1px #CCC;
	width:520px;
	font-size:85%;
}

#footer li {
	list-style:none;
	line-height:2;
}

#footer address {display:inline; font-style:normal;}

#sidebar {
	z-index:100;
	position:absolute;
	top:0;
	left:525px;
	width:200px;
	margin:0;
	padding-bottom:200px;
}

#sidebar * {
	margin:5px 12px;
}

#sidebar h2 {
	margin:0;
	height:9em;
	background:url(/i/columncap2.jpg) transparent 0 0 no-repeat;
	text-indent:-9999px;
}

#pageContent, #masthead {
	width:480px;
	margin:0 0 0 20px;
}

#masthead {
	margin-top:2em;
}

#masthead h1 {
	height:77px;
	width:139px;
	margin:0 auto; padding:0;
	background:url(/i/fytitle.png) #FFF 0 0 no-repeat;
	text-indent:-9999px;
}

#nav {
	position:relative;
	z-index:0;
	width:730px;
	float:left;
	margin:0 0 2em 20px;
	background:url(/i/pagestripe.gif) #EEE 0 50% repeat-x;
}

#nav ul {
	float:left;
	width:530px;
	background:url(/i/navstripe.gif) #EEE 0 50% repeat-x;
	list-style:none;
	margin:0; padding:0;
}

#nav li {
	float:left;
	border-left:solid 1px #FDF3C6;
}

#nav a {
	display:block;
	float:left;
	background:url(/i/navstripe.gif) transparent 0 50% repeat-x;
	color:#333;
	text-decoration:none;
	border:none;
	font-weight:bold;
	margin:0;
	padding:0.4em 2em;
}
#nav a:hover {
	color:#FFF;
	background:url(/i/navhover.gif) transparent 0 50% repeat-x;
}

#diaryUpdate {
	margin:2em 0;
}

.intro {
	text-align:center;
	margin:1em;
}

.intro h1, .intro h2 {display:inline; font-size:110%; color:#555;}
.intro p {display:inline; color:#888;}

.entry {margin:0 0 1em; border-bottom:solid 1px #555;}
.entry h4 {font-size:110%; margin:0; padding:0.5em 0; border-bottom:solid 1px #CCC;}
.entry h4 a {border:none;}
.entry p {margin-left:0;}
.entry .postmetadata {font-size:85%; margin:0; padding:0.5em 0; border-bottom:solid 1px #CCC;}
.date-label, .category-label {float:left; width:80px;}


.portfolioEntry {clear:both; float:left; width:480px; margin:1em 0; padding:0 5px 5px;}
.portfolioEntry h3 {color:#C60;}
.portfolioEntry strong {color:#555;}
.portfolioEntry img {float:right;}
.evenEntry {background-color:#FBF4D5;}

#listening, #listening li {list-style:none; margin:0; padding:0;}
#listening li {display:inline;}
#listening img {margin:1px;}

/* Lists
------------*/
.section {clear:left; margin:1em 0;}
.section h3 {margin:0 0 0.5em; border-bottom:solid 1px #999;}

#resources, #elsewhere {
	float:left; width:480px;
}

.column {
	float:left;
	width:142px;
	margin-right:25px;
}

.c3-3 {margin-right:0;}

.column h4 {
	color:#555;
	margin:0; padding:0;
}

.column ul {
	margin:0 0 1em 10px; padding:0 0 0 10px;
}

.column li {
	list-style:square;
	color:#C60;
	margin:0.2em 0; padding:0;
}
	
.threeColList {
	list-style:none;
	margin:0; padding:0;
}
	
.threeColList li {
	float:left; width:150px;
	margin:0.2em 0; padding:0;
}

#blogwatch {float:left; margin:1em 0 2em;}

#blogwatch li, #elsewhere li {
	list-style:disc url(/i/bullet-leaf.jpg) inside;
}

#pageContent ul {margin:0 1em;}

acronym, abbr {
	border-bottom: dotted 1px #666;
	cursor: help;
}

/*CV specific
--------------*/
#cv h1 {text-align:center;}
#cv h2 {margin:0.5em 0; padding-top:1em; text-indent:20px; background:url(/i/bullet-leaf.jpg) #FFF 0 1.2em no-repeat; border-top:solid 1px #FC6;}
#cv .profile h2 {border:none;}
#cv h3 {margin:0.8em 0 0.1em; color:#999; font-style:italic;}
#cv h4 {margin:0.5em 0;}
#cv li {list-style-type:disc;}

/* Forms
---------------*/
fieldset {border:none;}
input, textarea {display:block; border:solid 1px #666;}


/* Standard hyperlinks
-------------------------*/
a {color:#690; text-decoration:none; border-bottom:solid 1px #690;}
a:visited {color:#C90; border-bottom:dotted 1px #C90;}
a:hover {color:#F60; border-width:0;}