/* 
Author: Trevor Morris
URI: http://morris-photographics.com/
*/

/*--- Begin Header ---*/
#header {
	/*border: 1px solid cyan;*/
	margin: 0 25px;
	padding: 0;
	height: 93px;
	width: 790px;
	background-color: black;
}

#headerleft {
	position: relative;
	float: left;
	width: 315px;
	height: 95px;
	overflow: hidden;
}

#headerleft span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: black url(images/header-left.png) no-repeat;
	cursor: pointer;
}

#headerright {
	position: relative;
	float: right;
	width: 475px;
	height: 95px;
	background: black url(images/header-right.png) no-repeat;
}

#headershadow {
	margin: 0 25px;
	width: 790px;
	height: 14px;
	border-top: 6px solid #900;
	background: black url(images/header-shadow.png) no-repeat;
}

#mainnav {
	position: absolute;
	right: 0px;
	width: 475px;
	height: 95px;
}

#mainnav ul {
	position: absolute;
	right: 12px;
	bottom: 13px;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	color: #999;
	font-variant: small-caps;
}

#mainnav li {
	margin-left: -4px;
	display: inline;
	list-style: none;
	border-left: 1px solid #999;
	padding-bottom: 2px;
}

#mainnav li.first {
	border-left: 0;
}

#mainnav li a {
	padding: 0 9px 2px 9px;
	color: #999;
	letter-spacing: 0.03em;
	text-decoration: none;
}

#mainnav li a:hover {
	color: white;
	text-decoration: none;
	background-color: #900;
}

#mainnav li.active a {
	color: white;
}
/*--- End Header ---*/


/*--- Begin Page/Content ---*/
#page {
	/*border: 1px solid red;*/
	position: relative;
	width: 840px;
	margin: 0 auto;
	padding: 0;
	background: #e6decf url('images/page-bg.png') top center repeat-y;
}

#pagenav {
	/*border: 1px solid yellow;*/
	margin: 0 55px 30px 245px; 
	padding-top: 2px;
	border-top: 1px dotted #777;
	font-size: 1.2em;
}

#content {
	/*border: 1px solid green;*/
	position: relative;
	/*left: 215px;*/
	margin-left: 215px;
	margin-bottom: 10px;
	width: 540px;
	min-height: 300px;
	padding: 0 30px;
	font-size: 1.2em;
	line-height: 1.4em;
	/*text-align: justify;*/
}

#content p a:visited {
	color: #b85b5a;
}

#content h2 {
	margin: 20px 0;
	width: 100%;
	border-bottom: 1px dotted #777;
	padding-bottom: 2px;
}

#content h2.post {
	margin-bottom: 0;
	/*border-bottom: none;*/
}

#content hr {
	display: block;
}

#content ol {
	padding: 0;
	margin: 0;
	margin-left: 3em;
	margin-bottom: 1em;
}

#content ol li {
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
}

#content ul li {
	list-style-type: disc;
	list-style-image: url(images/bullet.png);
	margin-bottom: 0.5em;
}
/*--- End Page/Content ---*/


/*--- Begin Sidebar ---*/
#sidebar {
	/*border: 1px solid blue;*/
	float: left;
	/*position: absolute;*/
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: right;
	padding: 15px 18px 0 12px;
	margin-left: 25px;
	width: 160px;
	/*background-color: #cfc1a8;*/
}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin: 5px 0 0;
	padding: 0;
	text-decoration: none;
}

#sidebar ul {
	/*margin: 0;*/
	padding: 0;
	margin: 5px 0 10px 0;
}

#sidebar ul li {
	color: #777;
	list-style-type: none;
	/*list-style-image: none;*/
	margin-bottom: 1px;
}

#sidebar ul li a {
	padding: 0 10px 2px 10px;
}

#sidebar ul li a:hover {
	padding: 0 5px 2px 10px;
	background-color: #f3eee7;
	border-right: 5px solid #900;
	text-decoration: none;
}

#sidebar ul li.active a {
	font-weight: bold;
}

/*--- End Sidebar ---*/


/*--- Begin Footer ---*/
#footer {
	/*border: 1px solid orange;*/
	padding: 0;
	margin: 0;
	width: 840px;
	height: 44px;
	clear: both;
	background: #000 url('images/footer-bg.png') no-repeat top;
}

#footer p {
	color: #666;
	margin: 0 25px;
	padding: 4px 10px;
}

#footer a {
	color: #666;
}

#backtop {
	position: relative;
	color: #666;
	text-decoration: none;
	padding-right: 15px;
}

#backtop span:hover {
	text-decoration: underline;
}

#toparrow {
	position: absolute;
	display: block;
	right: 0;
	top: 1px;
	background: url(images/back-top.png) no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
}
/*--- End Footer ---*/