/************* Global *************/
html,body {height:100%}

* {
margin: 0;
padding: 0;
border: 0;
}

body, input{
font-family: Tahoma, sans-serif;
text-align: left;
font-size: 12px;
}

body 
{
    background: #987070 url(../images/containerBg.gif) bottom left repeat-x fixed;
}

a {
text-decoration: none;
color: #987070;
}

blockquote {
background: #f7f7f7;
padding: 15px;
margin: 5px 0;
}

/************* Container *************/
#container {
height: 100%;
min-height: 100%;
padding-bottom: 15px;
position: relative;
background: #987070 url(../images/containerBg.gif) bottom left repeat-x fixed;
}

* html #container {
	height: 100%;
}

/************* Header *************/
#headerWrap {
height: 50px;
background: url(../images/headerBg.gif);
}

#header {
width: 740px;
margin: 0 auto;
}

#header h1 a {
font-size: 30px;
letter-spacing: -1px;
padding-top: 5px;
float: left;
color: #987070;
}

ul#navigation li {
list-style-type: none;
float: right;
}

ul#navigation li a {
padding: 15px 7px 12px;
display: block;
font-size: 17px;
color: #fff;
}

ul#navigation li a:hover, #footer a:hover {
background: #806e6d;
}

/************* Content *************/
#content {
width: 740px;
margin: 7px auto 0;
background: #fff;
border: 1px solid #fff;
position: relative;
}

#content:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	

#content a:hover {
background: #987070;
color: #fff;
}

/* 
Header with picture and site description.
It uses a hack for vertical-align because IE doesn't work properly with tables
*/
#contentHeader {
margin: 15px auto;
width: 710px;
height: 182px;
background: url(../images/contentheader.jpg) no-repeat;
border: 1px solid #44434c;
position: relative;
}

#contentHeader[id] {
display: table;
position: static;
}

#siteDescription {
position: absolute;
top: 50%;
padding-left: 250px;
color: #44434c;
}

#siteDescription[id] {
display: table-cell;
vertical-align: middle;
position: static;
}

#siteDescription p {
position: relative;
top: -50%;
}

#content h2 {
margin: 0px 0;
border-bottom: 1px solid #9b6e89;
}

#content ul {
padding: 10px 15px 10px 20px;
list-style-image: url(../images/arrow.gif);
}

/************* Main *************/

#main {
margin: 0 20px;
width: 430px;
float: left;
}

.post {
text-align: justify;
}

/************* Secondary *************/

#secondary {
width: 220px;
margin-left: 20px;
float: left;
}

/************* Search *************/
#searchform input {
background: #f7f7f7;
font-size: 0.9em;
}

#searchsubmit {
margin-top: 5px;
padding: 0 10px;
text-align: center;
}

#searchform fieldset {
border: 0;
}

/************* Footer *************/
#footer {
position: relative;	
clear: both;
margin: 0 auto;
background: #45444d;
width: 740px;
color: #fff;
border: 1px solid #fff;
clear: both;
text-align: center;
}

#footer a {
color: #fff;
font-weight: bold;
}

/************* Calendar *************/
#calendar {
 width: 141px;
 padding: 0;
 margin: 0;
 border-left: 1px solid #A2ADBC;
 font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #616B76;
 text-align: center;
 background-color: #fff;
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


caption {
	margin: 0;
	padding: 0;
	width: 141px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #987070;
	cursor: hand;
}

.calendar_td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(../images/bg_calendar.gif) no-repeat right bottom;
	cursor: hand;
}

.calendar_td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.calendar_td a:link, td a:visited {	
	color: #608194;
	background: url(../images/bg_calendar.gif) no-repeat;
}

.calendar_td a:hover, td a:active {
	color: #6aa3ae;
	background: url(../images/bg_calendar.gif) no-repeat right top;
}

caption {
    font-size:medium
}

/************* Gallery *************/
ul#gallery { margin:0 0 0 20px; padding-top:20px; height:80px; list-style:none; position:relative; }
ul#gallery li { border-right:1px solid #ccc; width:103px; display:block; float:left; }
ul#gallery li#first { border-left:1px solid #ccc; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { display:block; width:100px; padding:15px 0 15px 3px; color:#000; text-decoration:none; }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin:0; width:350px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #000; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }