/* ================================================================ **
** style.css
** ---------------------------------------------------------------- **
** Created: 29-03-08 (dd-mm-yy)
** Author: onedollartemplates.com
** Template: Retro Head
** ================================================================ */

/* ---------------------------------------------------------------- **
** Generic
** ---------------------------------------------------------------- */
html { height: 100%; background: #231C00 url(../img/bg.gif) repeat-x; font-size: 76%; }
body {
	height: 100%;	
	background: url(../img/bg.png) no-repeat 50% 0%;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8462;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1.2em; 
	line-height: 1.6em;	
	}

/* headers */

.shadow-a {position: absolute; top: 12px; left: 12px; color:#9d5211; font: bold 4.6em georgia; letter-spacing: .1em; }
.shadow-b {position: absolute; top: 10px; left: 10px; color:black; font: bold 4.4em georgia; letter-spacing: .1em; }

h4, h5, h6 { color: #603311; margin: 0; font-weight: normal; position: relative; height: 1%; }
h2, h3 { color: #603311; margin: 0; font-weight: normal; position: relative; height: 1%; }
/*h2, h3, h4, h5, h6 { color: #907A3A; margin: 0; font-weight: normal; position: relative; height: 1%; }*/
h2 { font-size: 2em; margin: 30px 0 15px; padding-bottom: 15px; border-bottom: 1px solid #D6C79A; letter-spacing: -2px; }
h3 { font-size: 1.6em; margin: 25px 0 0; letter-spacing: -1px; }
h4 { font-size: 1.4em; margin: 25px 0 0; letter-spacing: -1px; }
h5 { font-size: 1em; margin: 25px 0 0; letter-spacing: 0; font-weight: bold; }	
h6 { font-size: 1em; margin: 25px 0 0; letter-spacing: 0; font-weight: bold; }
h2 a, h3 a, h4 a, h5 a, h5 a { text-decoration: none; }
h2 small br { display: none; }
blockquote h3 { margin: 30px 0 10px; border-bottom: 1px solid #D6C79A; }

/* text */
p { margin: 15px 0; }
acronym { cursor: help; border-bottom: 1px dashed #ff9; }
pre, code, blockquote { 
	margin: 15px 0; 
	padding: 15px 25px; 
	display: block; 
	background-color: #F5F2EC; 
	border: 1px solid #EBE7DC; 
	height: 1%;
	}
blockquote { padding: 0 25px 5px 25px; }

/* links */
a { text-decoration: underline; color: #B0560E; }
a:hover { text-decoration: none; }

/* images */
img { border: 0px solid #D6C79A; padding: 3px; }	
a img { border-color: #D6C79A; }
a:hover img { border: 3px solid #B0560E; padding: 3px; }
img.right { margin: 0 0 20px 20px; }
img.left { margin: 0 20px 20px 0; }

/* lists */
ul, ol, dl { margin: 15px 0 15px 20px; padding: 0; }
ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 25px; }
dl { margin-left: 0; }
dl dt { font-weight: bold; margin-top: 15px; }
dl dd { margin: 0; }
dl dt, li { color: #B0560E; }
li span { color: #8F8462; }

/* tables */
table { margin: 15px 0; border: 1px solid #EBE7DC;	border-collapse: collapse; }
table th, 
table td { padding: 2px 15px; text-align: left; border: 1px solid #EBE7DC; }
table th { background-color: #F5F2EC; color: #603311; font-weight: normal; font-size: 1.1em; }	
table tfoot { display: none; }

/* forms */
form { border: 1px solid #EBE7DC; padding: 0; margin: 25px 0; }
/* form fieldset { background-color:#f1ebd8; border: 0; padding: 1px 0px 5px 150px; margin: 0; } */
form fieldset { background-color:#fff; border: 0; padding: 1px 0px 5px 150px; margin: 0; }

form fieldset legend { display: none; }
form p { height: 1%; }
form p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
form p label { color: #907A3A; float: left; display: block; width: 30%; margin-right: 20px; }
form p input,
form p select,
form p textarea { 
	font-size: 1em; 
	color: #8F8462; 
	border: 1px solid #231C00; 
	padding: 2px; 
	background-color: #F5F2EC; 
	width: 55%; 
	font-family: Arial, Helvetica, sans-serif; 
	}
form p select { width: 57.5%; }	
form ul.fieldlist { margin: -30px 0 10px 33%; padding: 0; list-style-type: none; }
form ul.fieldlist li { color: #8F8462; padding: 0 30px 5px 0; white-space: nowrap; }
form input.btn,
a.btn { 
	background: #AF570D url(../img/nav_item_on_.jpg) repeat-x; 
	width: auto; 
	overflow: visible;	
	padding: 8px 10px;
	cursor: pointer; 
	color: #E1DCCC; 
	border: 1px solid #924500; 
	text-decoration: none;  
	}
a.btn { line-height: 3em; }		

/* horizontal rule */
hr { clear: both; border: 0; height: 1px; background-color: #EBE7DC; color: #EBE7DC; margin: 30px 0 0; }

/* classes */
.left { float: left; }
.right { float: right; }
.hide { display: none; }
.date { 
	background: url(../img/ico_date.gif) no-repeat 100% 50%; 
	padding-right: 35px; 
	padding-top: 2px;
	position: absolute; 
	right: 0; 
	top: 1px;  
	}

ul.cols { margin: 15px 0 15px -25px; padding: 0; list-style-type: none; width: 105%; height: 1%; }
ul.cols:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
ul.cols li { padding-left: 25px; float: left; display: block; color: #8F8462; }
ul.two li { width: 44.5%; }
ul.three li { width: 28%; }

ul.links { margin-bottom: 25px; margin-left: 0; padding: 0; list-style-type: none; }
ul.links li { border-bottom: 1px solid #EBE7DC; }
ul.links li a { display: block; padding: 0.27em; }
ul.links li a:hover { background-color: #fff; }

ul.images { margin-left: -15px; margin-bottom: 0; padding: 15px 0 0; list-style-type: none; height: 1%; width: 104%; }
/* html ul.images { width: 100%; }*/
ul.images:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
ul.images li { float: left; margin: 0; padding: 0 0 15px 15px; }
ul.images li img { vertical-align: middle; }

p.options { 
	min-height: 24px; 
	padding-top: 10px; 
	margin-bottom: 20px; 
	border-top: 1px solid #EBE7DC; 
	height: 1%; 
	font-size: 0.9em; 
	position: relative; 
	}
* html p.options { height: 24px; }
p.options span { position: absolute; right: 0; top: 10px; }
p.options a.cmt { background:url(../img/ico_comment.gif) no-repeat 100% 50%; padding: 1px 30px 4px 0;  }

/* pre-load the navigation 'mouseover' images and hide WAI navigation */
#wai { display: none; background:  url(../img/nav_item_over_.jpg) no-repeat; }
#wai li { background: url(../img/nav_item_right_over.gif) no-repeat; }
#wai li a { background: url(../img/nav_item_left_over.gif) no-repeat; }

/* ---------------------------------------------------------------- **
** Container
** ---------------------------------------------------------------- */
#container { margin: 0 auto; width: 780px; text-align: left; padding-top: 20px; }
	
/* ---------------------------------------------------------------- **
** Header
** ---------------------------------------------------------------- */
#header { background: url(../img/pattern.png) no-repeat 50% 0%; padding-top: 130px; }
#header div { background-color:white; padding: 40px 25px; height: 1%; }
#header div:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }

#shadow { 
	position: relative;
	padding: 40px 0; 
	}

/* Logo */ 
#header h1 { 
	margin: 0;
	letter-spacing: -2px;	
	font-weight: normal;
	font-size: 2.8em;
	line-height: 1em;
	float: left;
	}

#header h1 a { color: #603311; text-decoration: none; }
#header h1 a:hover { text-decoration: none; }
#header h1 span { color: #B0560E; }

/* if you would like to replace the logo with 
an image, comment out the above logo code and
uncomment the following */
/* 
#header h1 {
	background: url(../img/logo.gif) no-repeat;
	width: [your-logo-width-here]px;
	height: [your-logo-height-here]px;	
	margin: 0;
	}	
#header h1 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	}
*/

/* Search */
#header form { float: right; margin: 0; padding: 0 }
* html #header form { width: 1%; white-space: nowrap; }
#header form { border: 0; background: none; }
#header form fieldset,
#header form fieldset p { padding: 0; margin: 0; }
#header form fieldset input { 
	color: #735400; 
	font-size: 0.9em; 
	width: 194px; 
	vertical-align: middle; 
	padding: 8px; 
	background: url(../img/input_text_.gif) no-repeat 100% 0; 
	margin-right: 5px;
	border: 0;
	}
#header form fieldset input.btn { background: none; width: auto; padding: 0; margin: 0; }

/* navigation */
#header #nav { background: #231C00 url(../img/nav_.jpg) repeat-x; padding: 0; }
#header #nav div { background: url(../img/nav_tr.png) no-repeat 100% 0%; padding: 0; }

#header #nav ul { 
	background: url(../img/nav_tl.png) no-repeat; 
	margin: 0; 
	padding: 15px 20px 9px 10px; 
	list-style-type: none; 
	height: 1%; 
	}
* html #header #nav ul { padding-left: 0; }	
#header #nav ul:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
#header #nav ul li { font-size: 1.25em; float: left; margin-left: 10px; padding-bottom: 6px; }
#header #nav ul li a { 
	text-decoration: none; 
	background: url(../img/nav_item_.jpg) repeat-x 0% 50%; 
	display: block; 
	position: relative;
	}
#header #nav ul li a span { background: url(../img/nav_item_left.gif) no-repeat 0% 50%; display: block; }
#header #nav ul li a span em { 
	color: #E1DCCC; 
	background: url(../img/nav_item_right.gif) no-repeat 100% 50%; 
	display: block; 
	padding: 15px 20px; 
	font-style: normal; 
	}

#header #nav ul li a:hover { text-decoration: none; background-image: url(../img/nav_item_over_.jpg); }
#header #nav ul li a:hover span { background-image: url(../img/nav_item_left_over.gif); }
#header #nav ul li a:hover span em { background-image: url(../img/nav_item_right_over.gif); }

#header #nav ul li.on { background: url(../img/nav_item_on_arrow.gif) no-repeat 50% 100%; }
#header #nav ul li.on a,
#header #nav ul li.on a:hover { background-image: url(../img/nav_item_on_.jpg); }
#header #nav ul li.on a span,
#header #nav ul li.on a:hover span { background-image: url(../img/nav_item_left_on.gif); }
#header #nav ul li.on a span em,
#header #nav ul li.on a:hover span em { background-image: url(../img/nav_item_right_on.gif); }

/* ---------------------------------------------------------------- **
** Breadcrumb
** ---------------------------------------------------------------- */	
p#breadcrumb { font-size: 0.8em; background-color: #F5F2EC; margin: 0; padding: 7px 25px; }

/* ---------------------------------------------------------------- **
** Body
** ---------------------------------------------------------------- */	
#body { background: #fff url(../img/content_.jpg) repeat-x; }
* html #body { overflow: hidden; width: 100%; }
#body div { background: url(../img/pattern.png) no-repeat 50% 100%; padding: 1px 25px 155px; height: 1%; }
#body div:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}
#body div div { background: none; padding: 0; }

/* content */
#body #content { width: 460px; float: left; padding-right: 25px; }

/* sub-content */
#body #sub-content { 
	font-size: 0.9em; 
	width: 220px; 
	padding: 0 25px; 
	margin-right: -25px; 
	float: left; 
	background: url(../img/sub content_.jpg) no-repeat; 
	min-height: 345px; 
	}
* html #sub-content { height: 345px; }

/* ---------------------------------------------------------------- **
** Footer
** ---------------------------------------------------------------- */	
#footer { background: url(../img/footer__.jpg) repeat-x 0% 100%; padding-bottom: 41px; }
#footer div { background: #413200 url(../img/footer_.jpg) repeat-x; font-size: 0.8em; padding: 15px 25px; }

#footer p { padding: 0; }
#footer ul { clear: both; margin: 0; padding: 0; list-style-type: none; }
#footer ul li { display: inline; margin-right: 10px; } 

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.mast {
	background: url(../img/booknook-bkgd 2.gif) no-repeat 100% 50%;
}