/*
Theme Name: Black Green Etc
*/


/* =reset
------------------------------------------------*/

body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

body {font-size:62.5%;}


/* =layout
------------------------------------------------*/

body {
	background:#000;
	font-family: Verdana, sans-serif; color:#bbb;}



#all {
	margin:0 auto; position:relative;
	width:940px; padding:20px 5px 160px 5px;}


#main {
	height:1%; /* should be in IE7 stylesheet */
	background: url(images/back-3-colls.png) repeat-y;}

	#main.layout-2-col {
		background: url(images/back-2-colls.png) repeat-y;}


#content {
	float:left; margin-left:240px;
	width:410px; padding:25px;
	background:#fff;
	color:#222;}

	#main.layout-2-col #content {
		width:650px;}


.sidebar {
	float:left;
	width:230px; overflow:hidden;}

	#sidebar1 {
		margin-left:-700px;}

	#main.layout-2-col #sidebar1 {
		margin-left:-940px;}

	#sidebar2 {
		margin-left:10px;}

#nav {
	position:absolute; top:120px; left:5px; /* zero-point:#main */}


/* =header stuff
------------------------------------------------*/

	/* =logo */

#logo {
	margin-bottom:215px;}

	#logo a {
		display:block; width:339px; height:90px; position:relative;
		font-size:200%;}

		#logo a span {
			position:absolute; width:469px; height:120px;
			background:url(images/logo.png) no-repeat;}

#header-image {
	position:absolute; top:195px; z-index:0;
	height:120px; width:940px;
	background:#333 url(images/header-image.jpg) no-repeat;}



.skipper a {display:none; /* @todo position and focus visibility */}


	/* =search */

#search {
	position:absolute; right:5px; top:50px; text-align:right; /* zero-point:#main */}

	#search label,
	#search h3 {
		display:none;}


/* =general
------------------------------------------------*/

.noscreen {
	position:absolute; left:-1000px; top:-1000px;}

input[type=text] {
	padding:1px 3px;}

.cleaner {
	clear:both; height:0;}


/* =navigation
------------------------------------------------*/

#nav {
	font-weight:bold;}

#nav > li {
	float:left; margin-left:0px; position:relative;
	width:180px; height:65px;}

	#nav > li.first {
		margin-left:0;}

	#nav > li > a {
		position:absolute;
		width:140px; height:50px; padding:15px 15px 0 15px; /* 65px total height */ overflow:hidden;
		background:#b1b413;
		color:#222; font-size:140%; text-decoration:none; text-align:left;}

		#nav li a .corner {
			position:absolute; top:0;
			width:15px; height:15px;}

		#nav li a .corner-lt {
			left:0;
			background:url(images/menuitem-l.png) no-repeat;}

		#nav li a .corner-rt {
			right:0;
			background:url(images/menuitem-r.png) right top no-repeat;}


	/* #nav li.current_page_item, */
	/* #nav li.current_page_parent ul, */
	#nav li.current_page_parent > a,
	#nav li.current_page_item a {
		background:#fff;}

		#nav li.current_page_item a .corner-lt,
		#nav li.current_page_parent a .corner-lt {
			background:url(images/menuitem-active-l.png) no-repeat;}

		#nav li.current_page_item a .corner-rt,
		#nav li.current_page_parent a .corner-rt {
			background:url(images/menuitem-active-r.png) right top no-repeat;}

	/* 2.level */

#nav li ul {
	position:absolute; left:-10px; top:65px; z-index:6;
	width:220px; padding:5px 15px;
	border:10px solid #000;
	background:#b1b413;}

	#nav li ul li a {
		display:block; padding:4px 0; /* overwritten padding:0 15px; */
		border-bottom:1px dotted #231f20;
		color:#222; font-size:130%; text-decoration:none; line-height:140%;}

		#nav li ul li a:hover {
			color:#fff;}


	/* 2. level - dynamics */

  	#nav li ul {
		visibility:hidden;}

	#nav li:hover ul,
	#nav li.hover ul {/* should be in IE stylesheet */
		visibility:visible;}

/* =sidebars
------------------------------------------------*/

.sidebar {}

	.sidebar .box {
		margin-bottom:10px;
		padding:15px 15px 10px;
		background:#90a198;
		font-size:130%; color:#231f20;}

		.sidebar .box.last {
			margin-bottom:0;}

		.sidebar a {
			color:#231f20; text-decoration:none;}

			.sidebar a:hover {
				text-decoration:underline;}

		.sidebar h3 {
			margin-bottom:0.5em;
			color:#fff; font-size:15px; font-weight:bold;}

		.sidebar li {
			line-height:150%;}

		.sidebar p {
			margin-bottom:1em; line-height:130%;}

			.sidebar p a {
				/* text-decoration:underline; */}


		.sidebar .more {
			margin-bottom:0; position:relative; top:-0.85em;}

		.sidebar .more a {
			font-weight:bold;}


.sidebar .box#categories {
	background:#b1b413;}

	.sidebar .box#categories li {
		line-height:100%;}

		.sidebar .box#categories li a {
			display:block;
			border-bottom:1px dotted #231f20;
			line-height:180%; font-weight:bold;}

		.sidebar .box#categories li a:hover {
			color:#fff;
			text-decoration:none;}


		.sidebar .box#categories li.current-cat a {
			color:#fff;}

		.sidebar .box#categories li.current-cat a:hover {
			color:#000;}


.sidebar	#links {}

	.sidebar	#links li ul {
		margin-bottom:0.5em;}

	.sidebar	#links li li {
		margin-left:20px}

	.sidebar	#links li h4 {
		padding:5px 0 5px 20px;
		background:url(images/symbol-plus.png) left 3px no-repeat;
		font-weight:bold;}

		.sidebar	#links li h4.open {
			background:url(images/symbol-minus.png) left 3px no-repeat;}


.sidebar #newsletter label {
	display:none;}

.sidebar #newsletter input[type=submit] {
	margin-top:0.3em;}

.sidebar #recent-comments li,
.sidebar #recent-posts li {
	margin-bottom:0.3em;
	line-height:130%;}

	.sidebar #recent-comments li span {
		color:#555;}

	.sidebar #recent-posts li a {
		font-weight:bold;}


/* =content
------------------------------------------------*/

#content {
	position:relative;}

	#content p,
	#content dl,
	#content ul,
	#content ol,
	#content form,
	#content table {
		margin-bottom:1em;
		font-size:130%; line-height:140%;}

		#content li ol,
		#content li ul,
		#content li p,
		#content dl p,
		#content form p,
		#content form li /* etc */ {
			font-size:100%;}

	#content p.bc {
		margin-bottom:1.5em;
		font-size:110%; font-weight:bold;}

		#content p.bc a {
			color:#b1b413;}

		#content p.bc .arrow {
			font-family:"Trebuchet MS", sans-serif;}

	#content p.perex, /* on pages */
	#content .perex p /* on posts */ {
		/*font-weight:bold;  font-size:140%; */}

	#content p.metadata {
		font-size:110%;}

	#content h2 {
		margin:0 0 .5em 0;
		font-size:18px; color:#222; font-weight:bold; line-height: 130%}

	#content h3 {
		margin:1.2em 0 1em 0;
		font-size:14px; color:/* #3d5348 */ #b1b413; font-weight:bold; line-height: 130%}

	#content h4 {
		margin:1.2em 0 .5em 0;
		font-size:100%; /* font-weight:bold */; line-height: 130%}


		#content h3.separated {
			padding-top:1em;
			border-top:2px solid #90a198;}

	#content a {
		color:#3d5348;}

	#content a:visited {
		color: /*#777*/  #3d5348;}

	#content ul {
		padding-left:1.11em;
		list-style:square;}

	#content ol {
		padding-left:1.66em;
		list-style:decimal;}

	#content hr {
		margin:2.5em 0;
		height:2px;
		border:0 !important;
		background:#000;}


	#content .alignright,
	#content .right {
		float:right; margin:1em; margin-right:0;}

	#content .alignleft,
	#content .left {
		float:left; margin:1em; margin-left:0;}


	/* specification */


	#content.multi h3 a {
			color:#222; font-size:105%; text-decoration:none;}

	#content.multi p.more {
		position:relative; top:-0.5em;}


/* =else
------------------------------------------------*/

#commentform textarea {
	height:400px; width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;}



#footer {
	/* position:absolute; bottom:100px; left:245px;*/ /* zero-point: #content */
	/* height:50px; */
	margin:1em 0 0 240px;
	font-size:130%;}

	#footer li {
		display:inline; margin-right:1.5em;}

		#footer li a,
		#footer li a:visited {
			color:#b1b413;}

	/* #footer li.to-top:after {
		content:'•'; color:#b1b413; padding-left:1.5em;} */

#wp-calendar table caption a {
	position:relative; top:-16px;}



/*------------------------------------------------

width = 940 = 230.10.460.10.230
padding = 15 ev. 25 ... content netto w = 410

height = 20 + 120 (logo) + 10 + 65 (menu) + 10 + 240 + 10 + 3cols

#90a198		greyblue
#b1b413		green
#000		blackie black
#040902		more blackie
#231f20		like blackie

------------------------------------------------
*/