/*  
Theme Name: Traumfang
Theme URI: http://traumfangdesign.de
Description: Traumfan Design
Version: 1.0
Author: Jan Kornas
Author URI: http://traumfangdesign.de
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* Utility */
.floatleft {float: left;}
.floatright {	float: right;}
.clear {clear: both;}
.button {border: 1px solid #272727; background: White; padding: 3px 8px;
			 -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727;}
.button:hover {background: #990000; color: White;}

/* Basic page setup */

html, body {
	height: 100%;
}

body {
	font-size: 62.5%; font-family: "Trebuchet MS", sans-serif; color:#FFFFFF;
	background: #807f7d url(images/body_bg.jpg) repeat-x top left;
}
	
/* Structure and stuff */

#page-wrap {
	width: 998px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
/* 	padding-right: 50px; */
}

#push {
	height: 40px; /* .push must be the same height as .footer */
}


#sidebarlogo {
	background: url(images/feather_dark.jpg) no-repeat top left;
	width: 407px;
	height: 429px;
}

h1#mainlogo {
	background: url(images/traumfangdesign_dark.jpg) no-repeat;
	text-indent: -99999px;
	width: 418px;
	height: 429px;
	margin-left: 407px;
	margin-top: -429px;
}

#navtop {
	margin-left: 428px;
	margin-top: -429px;
}

#navtop li {
		display: inline;
	}
		#navtop li a {
			display: block;
			text-indent: 10px;
			float: left;
			font-family: "Trebuchet MS";
			font-size: 12px;
			border-left: 2px solid #FF9000;
			margin: 10px;
			color: #DCDCDC;
			}
			
		#navtop li a:hover {
			border-color: #DCDCDC;
			color: #ff9000;
			}
			
#maincontent {
	width: 380px;
	margin-left: 435px;
	margin-top: 180px;
	font-family: "Trebuchet MS";
	color: White;
	font-size: 12px;
	text-align: justify;
	}
	
#maincontent a {
	color: #ff9000;
}

#maincontent h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	font-variant: small-caps;
}

.list li {
	display:block;
	margin:0;
	padding: 3px 15px 0 16px;
	background:transparent url(images/bullet-arrow.gif) no-repeat scroll 5px 9px;
}

#back a {
	float: left;
	margin-left: 0px;
}

#next a {
	float: right;
	margin-right: 10px;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.gallery li {
	margin-top: 3px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	position: relative;
	width: 126px;
	
}

.gallery a {
	padding-left: 10px;
	border-left: 2px solid;
	border-color: White;
	color: White;
	line-height: 20px;
	
}

.gallery a:hover {
	border-color: #FF9000;
}

.gallery img {
	background: #4c4c4c;
	border: solid 0px #4c4c4c;
	padding: 3px;
}

/* ---------- gallery styles end here ----------------------- */

#footer {
	height: 28px;
	background: #000 url(images/footer_bg.jpg) repeat-x top left;
	padding-top: 12px;
	font-family: "Trebuchet MS";
	text-align: center;
	color: #FF9000;
	font-size: 12px;
	}

#footer a {
	color: #ff9000;
}