/* !General Stuff */

body {
	background: #000000 url('../images/bg.jpg') repeat;
	font-family:Arial, Verdana, sans-serif;
	font-size:95%;
	line-height:120%;
	color:#ffffff;
	padding-top:15px;
}

a {
	color:#68ddee;
	text-decoration:none;
}

a:hover {
	border-bottom:dotted 1px #ffffff;
}

div.section {
	background:url('../images/black-translucent.png') repeat;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:0 auto;
	margin-bottom:20px;
	width:950px;
	padding:14px;
}


h3.section-header {
	font-size:1.15em;
	font-family:"Arial Black", Sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
}

.clear { clear:both; }

p.hidden { display:none; }

/* !Header/Nav Stuff */

div.header {
	width:950px;
	padding:14px;
	margin:0 auto;
}

div.header h1 {
	background:url('../images/logo.png') no-repeat;
	height:47px;
	width:323px;
	text-indent:-5000px;
	display:block;
	float:left;
}

div.header h1 a {
	height:47px;
	display:block;
	text-decoration:none;
}

div.header h1 a:hover { border:none; }

p.nav {
	font-size:1.05em;
	display:block;
	width:627px;
	float:left;
	position:relative;
	top:47px;
	margin-top:-1.05em;
	text-align:right;
	text-transform:uppercase;
}

p.nav a {
	color:#ffffff;
	text-decoration:none;
}


/* !Recent Work */

#work-images {
	list-style:none;
	display:block;
	width:540px;
	height:337px;
	float:left;
}

#work-images li {
	display:none;
	font-size:1.5em;
	line-height:1.5em;
}

#work-images li p {
	margin-bottom:1em;
}

#work-list {
	list-style:none;
	display:block;
	width:396px;
	margin-left:14px;
	float:left;
}

#work-list li h4 {
	font-weight:500;
	font-size:1.65em;
	margin-bottom:8px;
}

#work-list li.selected {
	color:#ffffff;
	opacity:1;
	padding:5px;
	
}

#work-list li {
	border:none;
	padding:5px;
	cursor:pointer;
	border-top: dotted 1px #ffffff;
}

div.item-container {
	opacity:.35;
	filter:alpha(opacity='35');
}

#work-list li.last {
	border-bottom:dotted 1px #ffffff;
}

p.extended {
	margin-top:10px;
	font-size:.8em;
}

/* !About Me/What I Do */

#aboutme-whatido p {
	margin-bottom:1em;
}

#aboutme {
	width:465px;
	float:left;
	margin-right:20px;
}

#whatido {
	width:465px;
	float:left;
}

#whatido ul {
	margin-left:1.5em;
}

/* !Code Samples */

ul#work-list.code-samples {
	width:950px;
	margin-left:0px;
}

ul#work-list.code-samples li {
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
}