/*
possible background colors:
Tan: #D4BD89
	#C2B59A
baby blue: D0D9EE
	ABC6FF
baby purple: BFC1FF
blue-purple: BFCBFF
dark blue: 404969 
bright medium blue: 3A508F
*/

/* ===================================================
Index
=====================================================
1. Fonts
2. Top-Level Structure
3. Header Specific
	3a. Main Navigation Menu
4. Sidebar Specific
	4a. Section Navigation Menu
5. General Tags and Content Area Tags
6. Footer Specific
===================================================== */

/* Fonts
----------------------------------------------------- */
/* Sans Serif for headings, large, and extra small text */
h1, h2, h3, #sidebar, #header {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

/* Serif font for normal text */
body {
	font-family: Georgia, Palatino, Palatino Linotype, serif;
}

/* Top-Level Structure
----------------------------------------------------- */
body {
	font-size: 14px;
	color: #444;
	background: #707070 center top;
	background: #333 url(images/green-tiles.png) center top;
	text-align: center;
	margin: 0px;
}

#container {
	width: 700px;
	margin: 0 auto;
	padding: 0px;
	border: 1px solid #fff;
	border-width: 10px 10px;
	position:relative;
	/* See sidebar section for background properties 
	(the container background only show through into the sidebar area). */
}

/* Header Specific
----------------------------------------------------- */
#header {
	background: #000;
	padding-top: 187px;
	margin: 0px;
	border: 1px solid #000;
	width: 698px;
	position: relative;
}

/* --- Top Navigation Bar --- */
#nav_main {
	width: 508px;
	padding: 0px 0px 1px 190px;
	margin: 0px;
	border: 0px solid #fff;
}

#nav_main ul {
	list-style: none;
	width: 508px;
	margin: 0px;
	padding: 0px;
}

#nav_main ul li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav_main ul li a {
	display: block;
	color: #363;
	text-align: center;
	padding: 10px;
	float: left;
	width: 107px;
	text-decoration: none;
	margin: 0px;
}

#nav_main ul li a:hover {
	background: #300;
}

#nav_main ul li a.currentPage {
	background: #300;
}

#nav_main ul li a.currentPage:hover {
	background: #300;
	text-decoration: none;
}

#random_pic {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 10px;
	right: 15px;
	background: #fff;
	padding: 5px;
	border: 1px solid #666
}

/* Sidebar Specific
----------------------------------------------------- */
#sidebar {
	position:absolute;
	top:154px;
	left:0px;
	width:190px;
	padding: 0px;
	margin: 0px;
	color:#fff;
}

#sidebar, #container {
	/* background candidates: 84848B */
	background: #746B5B;
}

#sidebar .heading {
	height: 20px;
	line-height: 20px;
	color: #E9E9DF;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	border-bottom: 7px solid #888;
	background: #75716D; /* previously 777 */
	margin: 0px;
	padding: 3px 5px 2px 5px;
}

#sidebar .menu {
	padding:10px 10px 10px 20px;
}

#nav_section li {
	margin: 1px; 
	padding: 1px;
}

#nav_section {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav_section a {
	font-weight: bold;
	text-align: left;
	display: block;
	font-size: 16px;
	line-height: 1.5em;
	text-decoration: none;
	color: #EFE5C1;
	color: #E9E2DA;
	padding: 5px 5px 4px 5px;
	border-bottom: 1px solid #827A6B;
}

#nav_section a:hover {
	color: #D4F5C6;
	background: url(images/hav-hover.jpg) #003300;
	padding: 4px;
	border: 1px solid #333;
}

ul#hobbies {
	padding-top: 0.5em;
	padding-bottom: 0em;
}

#sidebar .quote {
	font-size: 10px;
	padding: 15px 15px 0px 15px;
	margin: 0em;
}

#sidebar .quote_source {
	font-size: 10px;
	padding: 0px 15px 15px 15px;
	margin: 0em;
}

#sidebar hr {
	border: 0px;
	background: #888;
	color: #888;
	height: 1px;
}

/* General Tags and Content Area Tags
----------------------------------------------------- */
#content {
	line-height: 1.5em;
	margin: 0px 0px 0px 190px;
	padding: 50px 20px 20px 20px;
	/* Brown fading image fades from: 45392A */
	background: #E9E0CA url(images/content-background.jpg) repeat-y;
	/* border-left: 1px solid #333; */
}

/* Holly Hack, to fix IE bugs inside #Content */
/* Hides from IE5-mac \*/
* html #content {height: 100px; padding-top: 20px;}
/* End hide from IE5-mac */

h1 {
	color: #5C6C59;
	background: url(images/h1-background.jpg) no-repeat bottom left;
	text-align:left;
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
}

h2 {
	text-align: left;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
}

h3 {
	font-weight: bolder;
	text-align: left;
	font-size: 17px;
	color:#477642;
}

a:link, a:visited {
	color: #900;
	text-decoration: none;
}

a:hover {
	color: #363;
}

p {
	text-align: justify;
	text-indent: 1.5em;
}

p.listIntro {
	text-indent: 0;
}

p.noIndent {
	text-indent: 0;
}

ul {
	text-align: justify;
}

#content li {
	margin-bottom: 1em;
}

.listPoint {
	color: #5C6C59;
	font-weight: bold;
}

br {
	clear: both;
}

div.clear {
	clear: both;
}

img {
	border: 0;
}

img.tm_floated_right, img.tm_floated_left {
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
}

a:hover img.tm_floated_right, a:hover img.tm_floated_left {
	background: #363;
	border-color: #fff;
}

img.tm_floated_right {
	float: right;
	margin: 0px 0px 0px 15px;
}

img.tm_floated_left {
	float: left;
	margin: 0px 15px 0px 0px;	
}


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

label {
 cursor: pointer;
 cursor: hand; 
}
/* Footer Specific
----------------------------------------------------- */
#footer {
	background: #5C6C59;
	color: #E9E9DF;
	padding: 5px;
}

#footer a {
	color: #E9E9DF;
	text-decoration: underline;
}

#footer a:hover {
	color: #CF6F3C
}

#copyright {
	float: right;
}

#validation {
	float: left;
}
#validation ul{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#validation ul li {
	display: inline;
	padding: 0 0.5em;
	border-right: 1px solid #ccc;
}

#validation ul li.last {
	border-right: none;
}