/* MORGANEVANS.NET GENERAL STYLESHEET
Morgan Evans, 2008, me@morganevans.net
##################################*/


html, body, div, span, p, 
ol, ul, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
form, input, button, label,
a {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	color: #333;
	background: #bbc6c2 url(http://morganevans.net/images/bg_main.jpg) left top repeat-x;
	background-attachment: fixed;
	font-family: arial, sans-serif;
	font-size: 100%;
}
a { text-decoration: none; }

/* PAGE LAYOUTS
##################################*/
.clear {
	display: block;
	clear: both;
}
#container {
	width: 680px;
	margin: 20px auto;
	text-align: left;
	margin-bottom: 20px;
}

/* HEADER
##################################*/
#header h1 {
	width: 229px;
	height: 22px;
	background: url(http://morganevans.net/images/header.jpg) left top no-repeat;
	float: left;
}
#header h1 span {
	display: none;
}

/* NAVIGATION
##################################*/
#nav-block {
	float: right;
}
#nav-block #nav li {
	float: left;
	text-transform: uppercase;
	text-align: center;
	margin-left: 7px;
	font-size: 0.6875em; /* 16x.6875=11 */
	list-style-type: none;
}
#nav-block #nav li a {
	color: #2e2d29;
	display: block;
	padding: 5px 12px;
	font-weight: bold;
}
#home #nav-block #nav li a#nav-home,
#work #nav-block #nav li a#nav-work,
#portfolio #nav-block #nav li a#nav-portfolio,
#about #nav-block #nav li a#nav-about {
	background: #d6dddb;
}
#nav-block #nav li a:hover {
	background: #990000 !important;
	color: #fff;
}

/* MAIN CONTENT
##################################*/
#content {
	line-height: 160%;
	font-size: 0.875em; /* 16x.875=14 */
	padding-top: 20px;
}
#content a {
	text-decoration: none;
	font-weight: bold;
	color: #2e2d29;
	border-bottom: 1px dotted #2e2d29;
}
#content a:hover {
	border-bottom: 1px dotted #990000;
	color: #990000;
}
#content .block-content p {
	margin: 10px 0;
}
#home #content .block-content p,
#work #content .block-content p,
#about #content .block-content dl,
#about #content .sub-container {
	padding-left: 10px;
}
#content .block-content p#call-out {
	font-size: 1.2857em; /* 14x1.2857=18 */
	padding: 80px 10px 10px !important;
	margin: 15px 0 !important;
	color: #fff;
	background: #2e2d29;
}

/* FOOTER
##################################*/
#footer {
	text-align:center;
	display:block;
	color:#666;
	padding: 20px 15px 10px 0;
	font-size: 0.6875em; /* 16x.6875=11 */
	font-family: 'trebuchet ms', 'lucida grande', futura, arial, sans-serif;
}
#footer li {
	display: inline;
	list-style-type: none;
	padding: 0 5px;
}
#footer a {
	color: #36414D;
	border-bottom: 1px dotted #36414D;
}

/* PAGE SPECIFIC STYLES
##################################*/

/* About page
-------------------------------------*/
#about #page-about dl dt { 
	width: 90px; 
	float: left; 
	clear: left; 
	font-weight: bold; 
}
#about #page-about dl dd { 
	width: 550px; 
	float: left; 
}
#about #page-about dl { 
	height: 1%; /* IE fix for double padding */
	padding-top: 15px;
} 
#about #page-about .asset-body p { 
	clear: left; 
	margin: 0;
	padding: 25px 0 20px 10px; 
}
#hype-machine { 
	float: right; 
	border: 6px solid #ddd; 
}
#delicious-linkroll { 
	float: left; 
	width: 470px; 
}
#delicious-linkroll .delicious-posts ul li { padding-top: 10px; }

/* Portfolio page
-------------------------------------*/
#portfolio #content dl {
	clear: both;
	margin-top: 25px;
}
#portfolio #content dl dt {
	width: 430px;
	float: right;
	font-weight: bold;
}
#portfolio #content dl dd {
	width: 430px;
	float: right;
	clear: none;
}
#portfolio #content dl dd.website-image {
	width: 235px;
	float: left;
	margin-top: 5px;
}
#portfolio #content dl dd.website-image img {
	border: 5px solid #2f2e2a;
}
#portfolio #content dl dd.website-image a,
#portfolio #content dl dd.website-image a:hover {
	border: 0;
}
#portfolio #content dl dd.meta {
	float: none;
	clear: both;
	display: block;
	width: auto;
	border-top: 1px solid #dae0e6;
	padding-top: 3px;
	color: #666;
	text-align: right;
	font-size: 0.7143em; /* 14x.7143=10 */
	font-family: 'trebuchet ms', 'lucida grande', futura, arial, sans-serif;
}
#portfolio #content p#portfolio-disclaimer {
	font-family: times, 'times new roman', georgia, serif;
	font-style: italic;	
	margin-top: 50px;
}

/* Resume page
-------------------------------------*/
#resume #content h3 {
	margin-top: 25px;
	font-size: 1em;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#resume #content h4 {
	font-size: 1em;
}
#resume #content dt {
	font-weight: bold;
	margin-top: 15px;
}
#resume #content dd ul {
	margin: 0 25px;
}