/* screen */
/*----------------------------------------
# 
# Generally Organized by DOM Layout
# 
----------------------------------------*/	
/* container layout */
html,body {
	background:#393922;
	color:#fff;
	height:100%
}

	/* Centeres Content, adds Background */
	#doc {
		background:#f0e6c8 url(/assets/_bg.gif) 0 0 repeat-y;
		position:relative;
		width:840px;
		margin:0 auto;
		height:auto !important; /* real browsers */
		height:100%; /* IE6: treated as min-height*/
		min-height:100%; /* real browsers */
	}
	
		/* Cover alt style (Green Background) */
		#doc.cover {
			background: transparent url(/assets/bgcov.gif) 0 0 repeat-y
		}
		#doc.cover #bd, #doc.cover .copy {
			background: transparent
		}
		#doc.cover #nav {
			background:transparent url(/assets/bgcovnav.png) 0 0 no-repeat
		}
		#doc.cover #ft {
			background:transparent url(/assets/bgcovhr.gif) left 4px no-repeat
		}
		#doc.cover #bd a {
			color:#f0e6c8
		}
		#doc.cover #bd h2, #doc.cover #bd h3, #doc.cover #bd h4, #doc.cover #bd h5 {
			color:#f0e6c8;
			font-weight:normal;
			font-family:Georgia,Garamond,serif
		}
		#doc.cover .shadow1 {
			background-image:url(/assets/covshadow1.gif)
		}
		#doc.cover .shadow2 {
			background-image:url(/assets/covshadow2.gif)
		}
		#doc.cover .shadow3 {
			background-image:url(/assets/covshadow3.gif)
		}
		#doc.cover .box {
			border-color:#bb8
		}
		
	/* Logo, search and Banner */
	#hd,#menu,#bd {
		margin:0 20px
	}
	#hd,#menu {
		background:#888c33 url(/assets/bghd.gif) 0 0 repeat-y
	}
	#hd {
		height:220px
	}
	
		/* hd Content */
		h1,#home-link {
			float:left;
			display:block;
			width:130px;
			height:88px;
			color:#888c33
		}
		a#home-link {
			padding-top:21px
		}
		#home-link img {
			margin-left:28px
		}
		#headerLinks{
			float:right;
			margin:21px 33px 0 0;
			font-size:15px
		}
		#googleSearch{
			float:right;
			clear:right;
			margin:12px 20px 0 0
		}
		#googleSearch input{
			width:210px;
			height:18px;
			padding-left:3px;
			float:left;
			color:#787844;
			background: #cbc694 !important;
			border:1px solid #797e2a;
			font-size:14px;
			font-weight:normal
		}
		#googleSearch img{
			float:left
		}
		#banner {
			width:800px;
			height:132px;
			float:left
		}
		
	/* Navigation with jQuery Menu */
	#menu {
		position:relative;
		height:44px;
		width:800px;
		overflow:visible;
		z-index:99
	}
		/* SuperFish layout */
		.sf-menu,.sf-menu * {
			margin:0;
			padding:0;
			list-style:none
		}
		.sf-menu {
			line-height:43px;
			font-size:17px
		}
		.sf-menu ul {
			position:absolute;
			top:-999em;
			width:200px; /* left offset of submenus need to match (see below) */
			line-height:2em;
			font-family:sans-serif;
			font-size:13px
		}
		.sf-menu ul li {
			width:100%
		}
		.sf-menu li:hover {
			visibility:inherit; /* fixes IE7 'sticky bug' */
			z-index: 100; /* This is the important style directive, without it IE7 chokes */
		}
		.sf-menu li {
			float:left;
			position:relative;
			text-align:center;
			width:200px
		}
		.sf-menu a {
			display:block;
			position:relative;
		}
		.sf-menu li:hover ul,.sf-menu li.sfHover ul {
			left:0;
			top:43px; /* match top ul list item height */
			z-index: 100; /* This is the important style directive, without it IE7 chokes */
		}
		ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
			top:-999em
		}
		ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
			left:200px; /* match ul width */
			top:5px
		}
		ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
			top:-999em
		}
		ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
			left:200px; /* match ul width */
			top:0
		}
		.sf-menu {
			float:left
		}
		/* SuperFish skin */
		.sf-menu a,.sf-menu a:visited { /* visited selector for IE6 */
			color:#f0e6c8
		}
		.sf-menu ul a,.sf-menu ul a:visited {
			color:white;
			font-weight:normal
		}
		.sf-menu ul li {
			background-color:#888c33
		}
		.sf-menu ul li:hover,.sf-menu ul li.sfHover,.sf-menu ul a:focus,.sf-menu ul a:hover,.sf-menu ul a:active {
			background-color:#78782e;
			outline:0;
			z-index: 100; /* This is the important style directive, without it IE7 chokes */
		}
		#m1,#m2,#m3 {
			background:transparent url(/assets/bgmenuli.gif) right 0 no-repeat
		}
		#m1 > ul > li {
			background:#888c33 url(/assets/bghd.gif) 0 0 repeat-y
		}
		#m4 > ul > li {
			background:#888c33 url(/assets/bghd.gif) -600px 0 repeat-y
		}
		
		/* SuperFish shadows */
		.sf-shadow ul {
			background:url('/assets/js/superfish/images/shadow.png') no-repeat bottom right;
			padding: 0 8px 9px 0;
			-moz-border-radius-bottomleft: 17px;
			-webkit-border-bottom-left-radius: 17px
		}
		.sf-shadow ul.sf-shadow-off {
			background:transparent
		}
	
	/* Body Wrap, includes content and Sidebar */
	#bd {
		clear:both;
		padding-left:200px;
		overflow:hidden;
		z-index:25;
		background:transparent url(/assets/bgbd.gif) 0 0 no-repeat
	}
		#main,#nav {
			position:relative;
			float:left;
			margin-bottom:48px;
			z-index:25
		}
		#main {
			width:100%
		}
		#nav {
			width:200px;
			right:200px;
			margin-left:-100%;
			text-align:right;
			min-height:500px;
			padding-top:20px
		}
	
	/* footer */
	#ft {
		width:800px;
		height:42px;
		position:absolute;
		left:20px;
		bottom:0;
		font-family:'Times New Roman', Times, serif;
		font-size:14px;
		background:#888c33 url(/assets/bgfta.gif)
	}
		#social-media {
			width:200px;
			height:26px;
			float:left;
			margin:12px 0 0 0;
			color:white;
			overflow:visible
		}
		#social-media li {
			float:left;
			margin-left:16px
		}
		#social-media li:first-child {
			margin-left:27px
		}
		#address {
			float:left;
			margin-left:1em;
			padding-top:15px;
			color:#f0e6c8
		}
		#impressum {
			float:right;
			text-align:right;
			padding-top:15px;
			padding-right:20px
		}
		
/* Links, typography, etc. */
a {
		color:#933;
		cursor:pointer
	}
#hd a,#menu a, #ft a{
	color:#f0e6c8
}

#nav li,#nav p {
	line-height:20px
}
#nav li a {
	display:block;
	padding:4px 20px
}
#nav a {
	color:#696555
}
#nav li a:hover {
	color:white;
	background:#888c33 url(/assets/bgdk.gif) 0 0 repeat-y
}
a#contact-link {
	display:block;
	margin-top:5px;
	width:800px;
	height:43px;
	background:transparent url(/assets/bgfta.gif) 0 0 no-repeat;
	text-indent:-3200px;
	overflow:hidden
}
a#contact-link:hover {
	background-position:0 -43px
}
a#rss-link {
	position:absolute;
	left:520px;
	top:16px
}
a#share-link {
	position:absolute;
	left:555px;
	top:19px
}

/* main content styling */
#bd,#nav,#main {
	font-family:'Trebuchet MS',sans-serif;
	color:#222
}
#main a {
	font-weight:bold;
	-webkit-transition: color 0.2s linear
}
#main a:hover {
	color:#f33
}
#main blockquote,#main ul,#main ol,#main dl {
	margin:1em
}
#main ol,#main ul,#main dl {
	margin-left:2em
}
#main ol li {
	list-style:decimal outside
}
#main ul li {
	list-style:disc outside
}
#main ul ul li{
	list-style:circle outside
}
#main dl dd {
	margin-left:1em
}
#main h2,#main h3,#main h4,#main h5,#main h6 {
	padding-right:10%;
	color:#393922
}
.copy {
	clear:both;
	margin:25px 42px 3em;
	background:#f0e6c8
}
.copy>h2, .copy>h3 {
	margin-left:-12px
}
h5+h5,h6+h6 {
	margin-top:-12px
}
.copy p {
	margin:1em 0
}
#main .floatright {
	margin-left:42px
}
.shadow {
	margin:0 16px 16px 0
}
.shadow, .shadow1, .shadow2, .shadow3 {
	display:inline-table;
	/* \*/display:block;/**/
}
.shadow1 {
	background:url(/assets/shadow1.gif) right bottom repeat-y
}
.shadow2 {
	background:url(/assets/shadow2.gif) -4px 100% no-repeat
}
.shadow3 {
	background:url(/assets/shadow3.gif) 100% -4px no-repeat;
	padding:0 16px 16px 0
}
.box {
	background:#fff;
	border:1px solid #d1c9a5
}
#main a.box {
	text-align:center;
	padding:0.5em 1em;
	-webkit-transition: color, background-color 0.4s linear
}
#main a.box:hover {
	color:#fff;
	background-color:#922
}
.article {
	clear:both;
	width:100%
}
.teaser {
	width:80%;
	margin-left:auto;
	margin-right:auto
}
p.teaser-link {
	text-align:right;
	margin-bottom:5px
}
.article div.box {
	padding:0 16px 9px
}
.note {
	width:220px;
	float:right
}
.note div.box {
	padding:0 9px 4px
}
.photo {
	margin-top:1em
}
.photo div.box {
	text-align:center;
	padding:0; /* last .box def */
}
.photo .caption {
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	text-align:center;
	margin:0;
	font:90%/128% Georgia,Garamond,serif;
	font-weight:bold;
	font-style:italic
}
.photo .credit {
	padding-right:9px;
	margin-top:-16px; /* = only if outside the box, must override if no box */
}
.photo .box .credit {
	margin-top:0
}
.box > h2, .sponsorship > h2 {
	font-size:120%;
	line-height:1.2em
}
.box > h3, .box > h4, .box > h5, .box > h6 {
	font-size:110%;
	line-height:1.1em
}
.floatright {
	float:right;
	margin-left:1em
}
.floatleft {
	float:left;
	margin-right:1em
}
.haiku {
	border-left:1px solid #8d8b01;
	margin-left:3em;
	padding-left:1em
}
.sponsorship {
	text-align:center;
	width:125px
}
.sponsorship * {
	text-align:center;
	margin-bottom:9px
}
#searchBox {
	padding:20px
}
a#searchLink {
	font-size:85%;
	margin-left:9px
}
.required {
	background-color:#f2ea80
}
#ask-expert {
	width:200px;
	margin-bottom:3em
}
#gifts {
	text-align:center;
	margin-top:1.5em;
	padding-top:1.5em;
	border-top:1px solid #ba8
}
#gifts h6 {
	font-size:1em;
	margin:0 0 4px;
	line-height:1.4em;
	color:#666933
}
#gifts big {
	font-size:120%;
	white-space:nowrap
}
#gifts a {
	margin-left:10px;
	width:180px;
	display:block;
	padding:4px 0;
	color:#60622a
}
#gifts a img {
	margin:0 auto
}
#main dd.gallery-caption {
	margin-left:0;
	margin-right:0;
	text-align:left;
}
#main dl.gallery-item {
	width:auto;
	margin-right:28px
}

/* WP comments */
ol#commentlist{
	margin: 0 !important;
	padding: 0 !important;
}
.comment{
	list-style: none !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 5px 5px 10px;
}
.comment.even{
	background-color: #d1c9a5;
}
img.avatar{
	float:left !important;
	margin-top: 0 !important;
	margin-right: 10px !important;
	border: 1px #83812f solid;
}