/* CSS Document */


/* ======================== Page Layout ===================== */
html { 
	min-height: 100%; 
	margin-bottom: 1px; 
}

body {
	margin: 0;
	padding: 0;
	background: #76b4e1 url("../site_imgs/bkg_sky.jpg") repeat-x;
	font-size: 12px;
	color: #666666;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}


/* ======================== Header Styles ===================== */
h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		
	/*color: #333333;*/
}

h1 {
	letter-spacing: -2px;
	font-size: 3em;
	color: #6b2412;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
	color: #0d3f52;
}

h3 {
	font-size: 1em;
	color: #0d3f52;
}


/* ======================== Layout ===================== */
p, ul, ol {
	line-height: 200%;
}

img {
	border: 0px;
}

/* ======================== Links ===================== */
a {
	color: #333333;
}

a:hover {
	text-decoration: none;
}

h1 a {
	text-decoration:none;
}

/* ======================== Loading and Error Messages ===================== */
#loading {
	background-image: url("../site_imgs/spinner.gif") no-repeat top center; 
	margin: 0 auto;
	width: 700px;	
	color: #eeeeee;
	text-align: center;
}

#loading h1 {
	color: #27667d;
}

/* ======================== Header ===================== */
#header {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	background: url("../site_imgs/title_logo.png") no-repeat left center;
}

#title{
	float: left;
	padding: 90px 0 0 0;	
}

#title h1, #title p {
	margin: 0;
	color: #FFFFFF;
	padding-left: 60px;
}

#title a {
	color: #FFFFFF;
}


/* ======================== Page ===================== */
#page {
	width: 1000px;
	margin: 0 auto;
}

/* ======================== Sidebar ===================== */
#sidebar {
	float: left;
	width: 250px;
	height: 450px;	
	padding: 20px;
	margin-left: 50px;
	font-weight: bold;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#sidebar li li {
	width: 235px;
	height: 31px;
	padding: 1px;
	text-align: center;
	text-indent: -10px;
	background: url("../site_imgs/subnav.png") no-repeat left top;
	font-size: 15px;	
	/*border-bottom: 1px dotted #CCCCCC;*/
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0;
}

#sidebar a {
	text-decoration: none;
	display:list-item;
	color: #eeeeee;
}

#sidebar a:hover {
	color: #ffff66;
}

#sidebar a.active{
	background-color:#eeeeee;
}


/* ======================== Vertical Bar ===================== */
#right { 
   border-left-width: thin; 
   border-left-style: dotted; 
   border-left-color: #000000; 
   float: left; 
   width: 2px;
   height: 450px; 
} 

/* ======================== Side Comment or Link for Picts ===================== */

#bubble {color:#ffffff; margin-top:0px; font-size:12px;}
#bubble a {color:#ffffff; text-decoration:none; display:inline;}
#bubble a:hover {color: #0066CC; text-decoration:none;}

/* ======================== Main Menu ===================== */
#main_menu {
	width: 480px;
	margin: 0 auto;
	padding: 20px 0;
	margin: -180px 0 0 70px;
	float: left;	
}

#menu span {
	float: left;
	width: 281px;
	margin-top: 20px;
}

#menu ul {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

#menu li {
	padding-left: 10px;	
}

.date {
	color: #eeeeee;
	text-align: center;	
	font-size: 16px;
}

#note {
	color: #003366;
	text-align: center;
	line-height: 15px;
	list-style: none;
}

/* ======================== Scene ===================== */
#scene {
	clear: both;
	width: 100%;	
	height: 76px;
	margin: 0 auto;
	position: relative;
	background: url("../site_imgs/bkg_scene.jpg") repeat left top;
}


/* ======================== Soil ===================== */
#soil {
	width: 100%;	
	margin: 0 auto;
	position: relative;
	background: url("../site_imgs/bkg_soil.jpg") repeat left top;
}


/* ======================== Content ===================== */
#content {	
	width: 100%;
	margin: -10px 0 auto;
	padding: 20px 0;
	position: relative;
	background:	url("../site_imgs/bkgsoil.jpg") repeat-y center top;	
}

.post {
	padding: 0;
	width: 742px;
	margin: 0 auto;
	background-color: #787854;	
	background:	url("../site_imgs/bkgtext_middle.jpg") repeat-y left top;	
}

.title {
	margin: 0;
	background:	url("../site_imgs/bkgtext_top.jpg") no-repeat left top;	
}


.entry{
	margin: -20px 0 0 0;
	background:	url("../site_imgs/bkgtext_bottom.jpg") no-repeat left bottom;	
	color: #18180b;
}

.post .entry{
	padding: 30px;
}

.post .title {
	padding: 20px 30px 0 30px;
	text-align: center;
}

#video {
	padding-left: 85px;
}

#info {
	margin-left: 85px;
	line-height: 200%;
}
/*
.entry h2 {
	text-align: center;
}
*/


/* ======================== Gallery ===================== */
.gallery {	
	margin: 0 auto;
	width: 590px;
}

#pe_pict {
	background:	url("../site_imgs/monster_left.png") no-repeat top right;
	width: 31px;
	height: 27px;
	margin: -24px 0 0 215px;
}


/* ======================== Footer ===================== */

#footer {
	clear: both;
	padding: 30px 0;
	background: url(../site_imgs/img07.gif) repeat-x;
	text-align: center;
	font-size: smaller;
	background-color: #000000;
}

#icons {
	margin: 0 auto;
	width: 700px;
}

#icons img {
	padding-right: 20px; 
}


/* ======================== Special Formatting ===================== */

.pageTop {
	text-align: right;
	margin-top: -40px;
}