﻿/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #252e1f url(common/panorama-hole13.jpg) no-repeat top center;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #f0f3ea;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;

}

h2, h3 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #a4b780;
	/* background: url(common/img3.gif) repeat-x left bottom; */
	text-transform: lowercase;
	letter-spacing: -1px;
	color: #fff;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 17px;
}

p, ol, ul {
	line-height: 160%;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li {
	padding: 2px 0 5px 0;
	/* border-top: solid 1px #403A31;
	background: url(common/img43.gif) repeat-x; */
}

ul li.first {
	background: none;
}

a {
	color: #e1e7d5;
}

a:hover {
	text-decoration: none;
}

strong {
	color: #D9C09A;
}

.indent {
	margin-top: 0;
	margin-left: 130px;
}

.image {
	float: left;
	margin: 0;
}

#wrapper {
}

/* Header */

#header {
	width: 730px;
	height: 135px;
	margin: 0 auto;
}

#header * {
	text-transform: lowercase;
	color: #FFFFFF;
}

#header h1 {
	float: right;
	padding: 0 0 0 60px;
	font-size: 38px;
	color: #252e1f ;
}

#countdown {
	font-family: Arial;
	font-size: 12px;
	color: #252e1f ;
	width: 730px;
	height: 15px;
	float: right;
	padding-right: 30px;
	text-align: right;
}

#header h2 {
	float: left;
	padding: 110px 0 0 6px;
	background: none;
	font-size: 12px;
	font-weight: normal;
}

#header h2 a {
	text-decoration: none;
}

#header ul {
	display: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Themes/Earthling/Common/1x1.png'); 
	background-image:url('/Themes/Earthling/Common/1x1.png'); 
	background-color: #EAEDF3;*/
	float: right;
	margin: 30px 0 0 0;
	padding: 5px;
	list-style: none;
}

#header li {
	display: inline;
}

#header li a {
	color: #311C00;
	display: block;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 6px;
}

#header li.first a {
	border: none;
}

/* Content */

#content {
	width: 730px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 500px;
}

#colTwo {
	float: right;
	width: 184px;
}

#colTwo h3 {
	margin-top: 10px;
}

#colTwo p {
	padding: 10px;
	text-align: left;
/*	background-color: #BCD5DD; */
	border-left: 1px #a4b780 dashed; }

/* Footer */

#footer {
	clear: both;
	width: 730px;
	margin: 20px auto;
	padding: 20px 0;
	background: url(common/img4.gif) repeat-x;
}

#footer div {
	display: none;
}

#footer p {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	text-align: center;
}



#breadcrumb {display: none; height: 10px; padding: 10px 0px; margin-bottom: 20px;}
#breadcrumb a {text-decoration: underline;}
#breadcrumb a:hover {text-decoration: none;}

#calender {	display: none; color: #000; background-color: #B8AA9D; margin: 0px 0px 20px 0px; }
#calender a { color: #353631; }
#calender table {width: 100%;height: 150px; text-align: center;}
#calender table td {width: 14%; font-size: 0.85em; padding: 3px 0px;}
#calender table .controls {font-weight: bold;}
#calender table .controls a {text-decoration: underline;}
#calender table .controls a:hover {text-decoration: none;}
#calender table .title {}
#calender table .days td {}
#calender table .days a {text-decoration: none;}
#calender table .days a:hover {text-decoration: underline;}
#calender table td.empty {}
#calender table td.article {background-color: #E8D6B4;}
#calender table td.article_event {background-color: #eee;}
#calender table td.event {background-color: #999;}
#calender table td.event a, #calender table td.article a, #calender table td.article_event a {color: #402F15; text-decoration: none;}
#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover {color: #FFFFFF; text-decoration: none;}
	
#notification {background-color: #FFFDFB; height: 100%; padding: 15% 10%; text-align: center;}
#notification h1 {margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase;}
#notification a {color: #4F5F34; text-decoration: underline;}
#notification a:hover {color: #4F5F34; text-decoration: none;}

#screenshot {background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; color: #FFFFFF; overflow: visible;}
#screenshot img {background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px;}

.article {padding: 10px; margin: 0 0 20px 0; background: url(common/bg-article.png) repeat-x;}
.article .details {margin: 0; padding: 15px 0 20px 0; list-style: none; }
.article .details li {margin: 0px 5px 10px 0px; display: inline;}
.article p {margin: 15px 0px 0px 0px;}
.article img {padding: 3px; margin: 3px; border: solid 0px #fff; }
.article .introduction {line-height: 20px; margin-bottom: 20px;}
.article .link {text-align: right;}
.article .gallery {}
.article .gallery img {border: 1px solid #EEEEEE; padding: 3px; margin: 3px;}


#comments {margin-bottom: 20px; }
#comments .details { 	border-left: 1px #a4b780 dashed; /* background-color: #BCD5DD; */ margin-bottom: 0px; margin-left: 20px; padding: 10px 10px 5px 10px; }
#comments .details dt {display: none; background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px;}
#comments .details dd {margin: 0;}

.comment { /* background-color: #BCD5DD;*/ border-left: 1px #a4b780 dashed; padding: 5px 10px 10px 10px; margin: 0 0 15px 20px; clear: both; }
.whisper {background-color: #BCD5EE; padding: 5px 5px; clear: both;}

form {margin: 0; padding: 0;}
form #comment {width: 100%; height: 125px;}
form #whisper {margin-left: 0px;}
form #keywords {width: 32%;}
form #date {width: 32%;}
form #category {width: 32%;}

#links IMG { padding: 3px; border: solid 1px #fff; }

#paging {text-align: right;}
#paging a {padding: 0px 5px;}

.event {}
.event h1 {}
.event h2 {}
.event h3 {}
.event .details	{margin: 0;	padding: 0;}
.event .details li {margin-right: 5px; list-style: none; display: inline;}

.clear {clear: both;}

.trans { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Themes/Earthling/Common/1x1.png'); }
.trans[class] { background-image:url('/Themes/Earthling/Common/1x1.png'); }

#login { display: none; }

.links { float: left; margin: 0 10px 10px 0; }
.rechts { float: right; margin: 0 0 10px 10px; }
