/**
 * Website Baker template: andreas01
 * 
 * Original design: andreas01 (v4.0 - Jan, 2010) - A free xhtml/css website template
 * Modified by J.R. Shumacher (MediaBear) from original WB template by Andreas Viklund.
 * Ported to WB by M. Gallas.
 * Login form and support to display news in the right column added by Christian Sommer. 
  * LICENSE: Open Source
 * @platform   Website Baker 2.8
 *
 * This file contains defintions for the CSS layout and the styles shown in the frontend.
 *
*/

/* MAIN BODY */
body {
	background: #8C8C8C url(images/bg-30-wide.png) top center repeat-y;
	font: 100% Verdana,Helvetica,Tahoma,Arial,sans-serif;
	color: #111111;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#wrap {
	width: 760px;
	background:#D0D0D0;
	color: #111111;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

/* BASIC TAGS */
a {
	background-color: inherit;
	color: #660000;
	font-weight: 300;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	background-color: rgb(204, 175, 175);
	color: #111111;
	font-weight: 300;
	font-variant: normal;
	text-decoration: underline;
	padding: 3px 0px 3px 0px;
}

a img {
	border: none;
	}

p {
	margin: 0px 0px 20px 0px;
	}

/* HEADER*/
#header {
	background-color: inherit; 
	height: 45px;
	color: #333333;
	padding: 4px 0px 0px 4px;
	}

#header a {
	width: 200px;
	background-color: inherit;
	color: #333333;
	float: left;
	font-size: 24px;
	padding: 4px 0px 0px 4px;
	text-decoration: none;
	}

#header p {
	width: 500px;
	float:right;
	font-size: 17px;
	font-weight: 400;
	line-height: 17px;
	color: #444444;
	font-style: italic;
	text-align: right;
	padding: 11px 4px 0px 0px;
	}
	
#galleryheader {
	width: 130px;
	float:left;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	color: #770000;
	font-style: italic;
	text-align: left;
	margin: 0px 0px 133px 4px;
	}

#frontphoto {
	width: 760px;
	height: 1px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#rotateimage1background {
	width: 760px;
	background-color: #C0C0C0;
	} 

#rotateimage1 {
	width: 754px;
	height: 170px;
	background-color: #D0D0D0;
	border: inset;
	border: 2px 2px 2px 2px;
	border-color: #F4F4F4;
	margin: 0px 0px 22px 0px;
	}

/* Implement Div ID style below to try to center rotating images  in wider header space
	when header space width is defined  using #frontphoto above applied to a clear.gif in index.php*/
#rotateimage1center {
	width: 570px;
	height: 128px;
	background-color: #inherit;
	position: relative;
	left: 150px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 22px 0px;
	}

/*LEFT and RIGHT SIDEBARS */
/* ul = "unordered list" - the list items are preceded with some kind of bullet or graphic (can be faked with a border-left element as below) */
/* ol = "ordered list" - the list items are preceded with a number or letter */
#leftside {clear:left; float:left; margin:0 0 5px; padding:0; width:140px; font-size: 95%;}

#rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}

#rightside span.news {font-size: 1.2em; font-weight: 700; }

#leftside p, #rightside p {
	font-size: 100%;
	line-height:1.4em;
	}

#leftside ul, #rightside ul {
	margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 }

#leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}

#leftside ul ul, #rightside ul ul {margin:6px 0 0 10px; padding:0;}

#leftside ul ul li, #rightside ul ul li {margin:0 0 4px;}

#leftside ul ul li a, #rightside ul ul li a {font-weight:400;}

#leftside h2,#leftside h3, #rightside h2,#rightside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;}

/* MAIN MENU - left sidebar*/
/* ul = "unordered list" - the list items are preceded with some kind of bullet or graphic (can be faked with a border-left element as below) */
/* ol = "ordered list" - the list items are preceded with a number or letter */
#leftside ul.avmenu, #rightside ul.avmenu {
	display: block;
	width: 170px;
	list-style: none;
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
	}

#leftside ul.avmenu li, #rightside ul.avmenu li {
	display: inline;
	width: 170px;
	line-height: 140%;
	padding: 0px 0px 0px 0px;;
	}

#leftside ul.avmenu li a, #rightside ul.avmenu li a {
	width: 170px;
	float: left;
	background-color: #D0D0D0;
	border-left: 4px solid #B0B0B0;
	font-size: 14px;
	font-weight: 300;
	color: #660000;
	font-variant: small-caps;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	padding: 5px 1px 5px 5px;
	}

#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current, #rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current {
	background-color: rgb(204, 175, 175);
	border-left:4px solid #770000;
	color:#111111;
	}

#leftside ul.avmenu ul, #rightside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}

#leftside ul.avmenu ul a, #rightside ul.avmenu ul a {font-weight:400; padding:3px 1px 3px 5px; width:115px;}

#leftside ul.avmenu ul ul, #rightside ul.avmenu ul ul {width:113px;}

#leftside ul.avmenu ul ul a, #rightside ul.avmenu ul ul a {width:100px;}

/* MAIN CONTENT */

/* below is apparently "content center LEFT BLOCK" IF news is enabled and there is a news entry -- see bottom of index.php */
#content {
	border-left: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	font-size: 16px;
	line-height: 21px;
	margin: 0px 150px 5px 0px;
	padding: 0px 10px 0px 0px;
	}

/* below is apparently "CENTER CONTENT - MAIN PAGE CONTENT" -- REGARDLESS if news is enabled or not */
#contentwide {
	border-left: 1px solid #B0B0B0;
	font-size: 16px;
	line-height: 21px;
	margin: 0px 14px 30px 180px;
	padding: 0px 0px 0px 40px;
	}

/* below is apparently "content center RIGHT BLOCK" IF news is enabled and there is a news entry -- see bottom of index.php */
#contentwide2{ 
	border-right: 1px solid #B0B0B0;
	font-size: 16px;
	line-height: 21px;
	margin: 0px 150px 5px 0px;
	padding: 0px 0px 0px 10px;
	}

#content h1,#contentwide h1,#contentwide2 h1 {font-size:1.8em; margin:0 0 10px;}

/* Leave the <h2> definition below DISABLED for now, as it over-rides the h2 font definition set in the Smooth Gallery slideshow */
/*#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px;}*/

#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}

#content h4,#contentwide h4,#contentwide2 h4 {font-size:1.2em; margin:0 0 8px;}

#content h5,#contentwide h5,#contentwide2 h5 {font-size:1.0em; margin:0 0 8px;}

#content h6,#contentwide h6,#contentwide2 h6 {font-size:1.0em; margin:0 0 8px;}

#content img,#contentwide img,#contentwide2 img {
	background-color: #D0D0D0;
	border: inset;
	border: 2px 2px 2px 2px;
	border-color: #F4F4F4;
	margin: 0px 0px 0px 0px;
	}

#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}

#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}

/* FOOTER */
#footer {
	width: 760px;
	background: #D0D0D0;
	border-top: 1px solid #BB6666;
	clear: both;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #994444;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	}

#footer p {
	margin: 0;
	padding: 0;}

#footer a {
	background-color: #D0D0D0;
	font-weight: 400;
	color: #994444;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer span {
	font-size: 16px;
	}

/* ADDITIONAL CLASSES*/
.left {float:left; margin:3px 10px 2px 0;}

.right {float:right; margin:2px 0 2px 10px;}

.textright {text-align:right; margin:5px 0;}

.center {text-align:center;}

.small {font-size:0.8em;}

.bold {font-weight:700;}

.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}

.timestamp a {font-weight:400;}

/* SEARCH WINDOW  (and NEWS?)  in SIDEBAR*/
.announce {
	width: 160px;
	background-color: #D0D0D0;
	border-left: 4px solid #D0D0D0;
	clear: left;
	font-size: 12px;
	line-height: 16px;
	color: #505050;
	margin: 10px 0px;
	padding: 7px 5px 2px 5px;
	}

.announce p {
	margin:10px 0 0;
	padding:0;
	}

.postinfo {background-color:#F4F4F4; border-left:4px solid #CCCCCC; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;}

.clearing {clear:left; margin:0; padding:0; visibility:hidden;}

.hide {display:none;}

/* STYLES for OPTIONAL WB TEMPLATE FUNCTIONS: SEARCH and LOGIN */
.announce fieldset { border: none; margin: 0; padding: 0; }

.announce legend { display: block; font-weight: bold; }

.announce input { width: 120px; margin-top: 0.3em; }

.search_string { width: 120px; margin-left: 0;}
#wb_search, #wb_login, #wb_logout  { width: 120px; color:#505050; font-size:0.9em; line-height:1.5em; font-weight: bold; }