/*  
Theme Name: Oktoberfest
Theme URI: http://www.oktoberfestla.com
Description: none
Version: 3.0
Author: prepackagedpudding
Author URI: http://www.paul2.net

*/

body {
background: #FFFFFF url(images/background.jpg) repeat; 
margin: 0 auto; 
padding: 1em 0;
font: 70% verdana, sans-serif;
}

#tex { font-size: 10px; }

.countdownt {font-size: 13px; font-weight: bold; }
.countdown { color: #FF0000; font-size: 20px; font-weight: bold; }
.countdownhm { font-size: 17px; font-weight: bold; }

a {
color: #0033CC;
}

a:hover {
color: #FF0000;
text-decoration: none;
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 1px dashed #eee;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #eee;
font-style: normal;
}

blockquote {
border-left: 5px solid #ccc;
margin: 1em 0;
padding: 10px;
background: #7DA8FF;
width: 470px;
}

code, pre {
color: #f93;
font-family: verdana, sans-serif;
}

.bild-links {
float: left;
margin: 0 15px 3px 0;
}

.bild-rechts {
float: right;
margin: 0 0 3px 15px;
}

.center {
text-align: center;
}

.search-button {
font-size: 1em;
font-weight: bold;
border: 1px solid #300000;
background: #800000;
color: #ffc;
padding: 1px 2px;
}

#container {
margin: 0 auto;
text-align: left;
width: 900px;
border: 4px solid #ffffff;
background: #fff;
color: #333333;
}

#header {
height: 200px;
margin: 0;
padding: 0px;
background: url(images/header.jpg) no-repeat top left;
}

#header h1 {
font: 0px arial, tahoma, serif;
color: #A0A0A0;
padding: 0;
height: 200px;
width: 100%;
text-indent: -9999px;
background: url(images/header.jpg) no-repeat top left;
}

#header h1 a {
font: 0px arial, tahoma, serif;
font-weight: bold;
color: #A0A0A0;
letter-spacing: 2px;
text-decoration: none;
}

#header h1 a:hover {
color: #ffffff;
text-decoration: none;
}


#menu
	{
		height: 40px;
		width: 890px;
		background: url(images/menubg.jpg) repeat-x top left;
		margin: 0 auto;
		padding-top: 0px;
		padding-left: 10px;
		
	}

#menu ul { padding: 0; margin: 0 auto; }

#menu li
	{
		margin: 0 auto; 
		padding: 0 ;
  		display: inline;
  		list-style-type: none;
  	}
	
#menu a:link, #menu a:visited
	{
		float: left;
		background-color: #D5CD5A;
		font-size: 11px;
		line-height: 22px;
		font-weight: bold;
		padding: 2px 20px 2px 20px;
		margin-top: 7px;
		margin-right: 2px;
		border-top: 1px solid #333333;
		border-right: 1px solid #333333;
		border-left: 1px solid #333333;
		text-decoration: none;
		color: #C22626;
	}

#menu a:link.active, #menu a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fefefe;
		color: #000000;
	}

#menu a:hover
	{
		color: #333333;
		background: #eeeeee;
	}

#menubg {
	background: url(/media/themenubg.jpg) no-repeat top right;
	padding: 10px 40px 10px 10px;
}


#content {
width: 440px;
float: right;
font-size: 1.1em;
padding-top: 230px;
}

.home { background: url(images/cbg-welcome.jpg) no-repeat; }
.history { background: url(images/cbg-history.jpg) no-repeat; }
.music { background: url(images/cbg-music.jpg) no-repeat; }
.activities { background: url(images/cbgw-activities.jpg) no-repeat; }
.schedule { background: url(images/cbg-schedule.jpg) no-repeat; }
.chefkarl { background: url(images/cbgw-chefkarl.jpg) no-repeat; }
/* .photos { background: url(images/cbgw-photos.jpg) no-repeat; }
.sponsors { background: url(images/2007sponsors.jpg) no-repeat; }*/
.contact { background: url(images/cbgw-contact.jpg) no-repeat; }


#content p img { padding: 0; max-width: 100%; }

#content img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
#content img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
#content img.centered {display: block; margin-left: auto; margin-right: auto}
#content .caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:80%; color: black; font-family: Helvetica, Arial, Lucida, sans-serif; text-align: right; }

#content .right { float: right }
#content .left { float: left }



#content h2, #contentw h2 {
font: italic 2.1em georgia, serif;
margin: 5px 0;
letter-spacing: 1px;
}

#content h2 a, #contentw h2 {
text-decoration: none;
}

#content h3, #contentw h3 {
padding: 0 0 0 17px;
margin: .5em 0;
font-size: 1.4em;
}

#content h4, #contentw h4 {
font-size: 1.3em;
padding: 0;
margin: 1em 0;
}

#content h5, #contentw h5 {
font-size: 1.1em;
padding: 0;
margin: 1em 0;
}

#content .date, #contentw .date {
font-size: 1em;
text-align: right;
font-weight: bold;
}

#content .meta, #contentw .meta{
font-size: .9em;
}

#content .feedback, #contentw .feedback{
margin: 15px 0 15px 0;
text-align: right;
padding-bottom: 10px;
border-bottom: 1px solid #7DA8FF;
}

#commentlist li, #contentw li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #7DA8FF;
}

#commentform {
margin: 1em 0;
padding: 1em;
border: 1px solid #300000;
background: #002060;
}

#commentform textarea {
background: #eee;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #eee;
border: 1px solid #300000;
width: 180px;
}

#rightside {
	float: right;
	width: 180px;
	margin-left: 30px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

#rightside h3 {
font: bold 1.1em veradana, sans-serif;
margin: .8em 0 .2em 0;
}


#leftside {
float: left;
width: 210px;
margin-right: 10px;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #eee;
}

#leftsidepad {
padding: 0 5px 10px 5px;
}

#leftside h2 {
font: bold 1.2em veradana, sans-serif;
margin: .8em 0 .2em 0;
}

#leftside h3 {
font: bold 1.3em veradana, sans-serif;
margin: .8em 0 .2em 0;
}

#leftside h4 {
font: 1.3em veradana, sans-serif;
margin: .8em 0 .2em 0;
}


#leftside ul {
list-style: none;
margin: .4em 0 1em 0;
padding: 0;
}

#leftside ul li ul {
margin: .2em 0 .4em .5em;
}

#leftside a {
text-decoration: none;
font-weight: bold;
}

#leftside .navi-search {
margin-bottom: 3px;
background: #eee;
font-size: 1em;
width: 150px;
border: 1px solid #300000;
}


#footer {
clear: both;
margin: 1em 15px 0 15px;
padding: 5px;
text-align: center;
font-size: 1em;
color: #eee;
}

#footer a { font-size: 1.2em; color: #eee; }

#photopost {
border: 10px solid #ffffff;
}

green { color: #00CC00; }
red { color: #FF0000; }
#blue { color: #0000CC;}





/* Begin Gallery */

#spg {
	margin: 0 0 0 0;
	text-align: left;
	background: #fff;
}

#spg #prev {
	float:left;
}
#spg #next {
	float:right;
}
#spg #image {
	text-align:center;	
}
#spg .imgwrapper {
	float: left;
	margin: 0 0 0 10px;
	padding: 2px;
	height: 140px;
	width: 130px;
}
#spg .imgwrapper span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}
#spg .imgwrapper img {
	background-color: #fff;
	border: 1px solid #ddd;
	/*-moz-border-radius:5px;*/
	padding: 4px;
}
#spg .imgwrapper a:visited img {
	background-color:#fff;	
}
#spg .imgwrapper a:hover img, .imgwrapper a:focus img {
	background-color: #036;
}
#spg .imgwrapper a:hover, .imgwrapper a:focus {
	color:#000;
}
#spg #single {
	padding:3px;
	border:1px solid #aaa;
	/*-moz-border-radius:5px;*/
	background:#ddd;
}
#spg #desc {
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	text-align:center;
	clear:both;
	margin:5px 40px;
	padding:5px;
}
#spg #credit {
	background:#036;
	border-top:4px solid #333;
	/*-moz-border-radius:0 0 20px 20px;*/
	color:#fff;
	font-size:9px;
	text-align:center;
	margin:10px 0 0;
	padding:3px 0;
	clear:both;
}
#spg #credit a {
	color:#fff;
}
#spg #directories, #breadcrumb {
	border-bottom:1px solid #ddd;
	margin:0;
}
#spg #breadcrumb {
	padding:5px;
	border-bottom:1px solid #ddd;
	background:#eeeeee;
	color:#000000;
	margin-bottom:10px;
}
#spg #breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active {
	color:#000000;
}
#spg #dirdesc {
	padding:4px;
	border-bottom:1px solid #ddd;	
}
#spg #gallery {
	margin:10px 5px 10px 5px;
}
#spg #directories ul {
	/*list-style-image: url('images/bullet-3.gif');*/
	list-style: circle;
	padding-bottom:5px;
}
#spg #directories li {
	margin:2px 0;
}
#spg #directories h2 {
	font:14px georgia, garamond, times, serif;
	font-weight:bold;
	text-indent:15px;
	margin:0;
}
#spg #directories h3 {
	font:12px georgia, garamond, times, serif;
	font-weight:bold;
	text-indent:20px;
	margin:0;
}

/* End Gallery */