/* www.zentrale-randlage.org | screen styles */

/* =================================== */
/* page setup */
/* =================================== */

body {font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; background: #fff; color: #000; text-align: center; margin: 0;}
#page {margin: 0 auto; text-align: left; width: 922px;}

/* =================================== */
/* basic layout */
/* =================================== */

#top {float: left; width: 922px; background: url("bg/rotate/rotate.php") top right no-repeat;}
#top p#hack {text-align: right; margin: 0; padding: 0; height: 217px;}
#header {float: left; width: 350px; margin: 1px 0 0 0; /* background: #ccc; */}
#nav {float: left; width: 350px; clear: both;}
#content {float: left; clear: both; width: 694px; margin: 8px 10px 0 0;}
#extras {float: right; width: 207px; border-left: 1px solid #b5b191; margin: 8px 0 0 0; padding: 0 0 0 10px; text-align: right;}
#footer {float: left; width: 922px;}

/* =================================== */
/* crunch some margins and paddings */
/* =================================== */

p, ul, h2 {margin: 0; padding: 0;}

/* =================================== */
/* typography » links */
/* =================================== */

a:link {color: #857c2f; background: url("bg/links/link.gif") left bottom repeat-x; text-decoration: none;}
a:visited {color: #857c2f; background: url("bg/links/link.gif") left bottom repeat-x; text-decoration: none;} /* revise me!!! */
a:hover {color: #a6981c; background: url("bg/links/hover.gif") left bottom repeat-x; text-decoration: none;}
a:active {color: #a6981c; background: url("bg/links/hover.gif") left bottom repeat-x; text-decoration: none;} /* revise me!!! */

/* =================================== */
/* typography » h2s (page heads) */
/* =================================== */

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; margin: 0 0 22px 0;}

/* =================================== */
/* content sections » header */
/* =================================== */

#header h1 {font-size: 0.6em; margin: 0; padding: 0;}
#header h1 a {width: 348px; float: left; clear: both; color: #e5e3bf; height: 132px; text-decoration: none; 
background: #e5e3bf url("bg/other/logo.gif") center center no-repeat; border: 1px solid #857c2f; margin: 0; padding: 0;}
#header h1 a:hover {background: #dbdac1 url("bg/other/logo.gif") center center no-repeat; border: 1px solid #000; color: #dbdac1;}
#header div.description {position: absolute; left: -2000px;}

/* =================================== */
/* content sections » nav */
/* =================================== */

#nav ul {width: 351px; float: left; margin: 0; padding: 0;}
#nav ul li {list-style-type: none; display: inline; float: left; margin: 1px 1px 0 0;}
#nav ul li a {float: left; width: 111px; height: 36px; background: #e5e3bf; padding: 2px 0 0 3px; border: 1px solid #857c2f;}
#nav ul li a:hover {background: #dbdac1; border: 1px solid #000; color: #000;}
#nav ul li.current_page_item a, #nav ul li.current_page_item a:hover {background: #857c2f; color: #fff; border: 1px solid #605a26;}

/* =================================== */
/* content sections » main content */
/* =================================== */

#content p {
		margin: 0.3em 0 0.9em 0;
		line-height: 1.5em;
		font-size: 1.1em;
		color: #333;
}

#content ul {
		margin: 0.3em 0 1.9em 0;
		padding: 8px 6px 8px 6px;
		background: #eee;
		border: 1px solid #b5b191;
}

#content ul.globus {background: #eee url("bg/other/globus_bar_logo2.gif") right top no-repeat;}

#content ul li {
		line-height: 1.5em;
		font-size: 1.1em;
		color: #333;
		background: url("bg/other/li.gif") left center no-repeat; 
		padding: 0 0 0 17px; 
		list-style-type: none; 
		margin: 0.2em 0 0.2em 0;
}

#content h3 {margin: 0 0 8px 0; font-size: 1.3em; /* width: 340px; float: left; background: #ccc; */ line-height: 1.3em;}
#content small {background: #666; clear: both;}

#content blockquote {
		/* background: #fff url("bg/other/flyer_bg.gif") left top repeat-y; */
		background: #fff url("bg/other/flyer_bg2.gif") left bottom no-repeat;
		/* margin: -40px 0 0 10px; */
		margin: 0 0 10px 10px;
		float: right;
		width: 332px;
		/* height: 332px; */
		/* height: 262px; */
		padding: 0 0 16px 10px;
		border-left: 1px solid #b5b191;
		border-bottom: 1px solid #b5b191;
		text-align: center;
}

#content blockquote p {margin: 0; padding: 0;}
#content blockquote img {vertical-align: bottom; margin: 4px 0 0 0; border: 1px solid #000;}

#content div.sidebox {float: right; background: #eee; border: 1px solid #b5b191; width: 340px; margin: 0 0 10px 10px; text-align: right;}
#content div.sidebox strong {padding: 7px; font-weight: normal; line-height: 2.2em;}
#content div.sidebox ul {padding: 0 10px 0 0; margin: 0.3em 0 0.9em 0;}
#content div.sidebox ul li {font-size: 1.0em; background: url("bg/other/li.gif") right center no-repeat; padding: 0 12px 0 0;}

/* =================================== */
/* content sections » extras */
/* =================================== */

#extras p {margin: 0.2em 0 0.7em 0; line-height: 1.5em; color: #333;}
#extras h2#listelist {margin: 0 0 22px 0;}

#extras div#listsignup {height: 143px;}
#extras div#listsignup form {margin: 0; padding: 0;}
#extras div#listsignup form#list input#emailaddress {background: #dbdbdb; font-size: 1.1em; color: #333; margin: 0; padding: 0; width: 130px;}
#extras div#listsignup form#list input#listsubmit {background: #dbdbdb; font-size: 1.1em; color: #333;}

#extras div#calendar {height: 200px; border-top: 1px solid #b5b191; padding: 20px 0 0 0;}
#extras div#calendar ul {margin: 0; padding: 0;}
#extras div#calendar ul li {list-style-type: none;}
#extras div#calendar table {border-collapse: collapse; border-spacing: 0px; border: 1px solid #b5b191;}

#extras div#calendar table tr td {/* border: 0; padding: 0; margin: 0; */}
#extras div#calendar table tr td#prev, #extras div#calendar table tr td#next {padding: 3px 5px 3px 5px;}
#extras div#calendar table tr td img {vertical-align: bottom; border: none;}
#extras div#calendar table tr td a:link img, #extras div#calendar table tr td a img {background-image: none;}
#extras div#calendar table caption {padding: 2px; margin: 0;}

#extras div#search {margin: 0 0 20px 0;}

#extras div#spende {border-top: 1px solid #b5b191; padding: 20px 0 20px 0;}

#extras div#flickralbum {background: #eee;}

#extras div#archives {border-top: 1px solid #b5b191; padding: 20px 0 0 0;}

#extras div#archives ul {}
#extras div#archives ul li {list-style-type: none;}

/*
#extras p {margin: 0.2em 0 0.7em 0; line-height: 1.5em; color: #333;}
#extras h2 {margin: 18px 0 10px 0;}
#list {background: #6cc; height: 85px;}
#extras h2#listelist {margin: 0 0 10px 0; background: #ccc;}
#extras form {margin: 0; padding: 0;}
form#list input#emailaddress {background: #dbdbdb; font-size: 1.0em; color: #333; margin: 0; padding: 0; width: 140px;}
form#list input#listsubmit {background: #dbdbdb; font-size: 1.0em; color: #333;}
#extras div#calendar {background: #0ff;}
#extras div#calendar ul li {list-style-type: none;}
#wp-calendar {background: #ccc;}
#wp-calendar table {}
form#searchform input#s {background: #dbdbdb; width: 100px; font-size: 1.0em; color: #333;}
form#searchform input#searchsubmit {background: #dbdbdb; font-size: 1.0em; color: #333;}
#extras div#searchform {border-top: 1px solid #b5b191;}
#extras div#archives {margin: 4px 0 0 0;}
#extras div#archives ul {padding: 0; margin: 0;}
#extras div#archives ul li {list-style-type: none;}
*/

/* =================================== */
/* content sections » footer */
/* =================================== */

#footer {float: left; width: 922px; text-align: right; border-top: 1px solid #b5b191; margin: 10px 0 10px 0;}
#footer p {margin: 2px 0 0 0; padding: 0; font-size: 1.0em; color: #666;}
#footer p#baselinks {float: left;}

/* =================================== */
/* hiding things */
/* =================================== */

hr {display: none;}

/* =================================== */
/* other niggly stuff */
/* =================================== */

p.backtotop {text-align: right; margin: 0; padding: 0;}
p.backtotop a {font-size: 0.9em;}

/* Death to false metal */