/*  

Theme Name: FH Fortune Basic

Theme URI: http://design.helmschrott.de/

Description: Basic Version of clean structured Fortune-Design. <a href="http://design.helmschrott.de/wpthemes/fortune_basic/" target="_blank">Changelog</a>.

Version: 0.11

Author: Frank Helmschrott

Author URI: http://www.helmschrott.de/

	

	This Wordpress Theme is freeware - you may use it on as many Weblogs as you like

	but you may never offer a download of the theme itself. Official Downloads

	only from http://themes.wordpress.net and http://design.helmschrott.de/

	

	You may not remove copyright notices and links within the footer.

	

*/



html, body {

	margin: 0px;

	padding: 0px;

	background: url('images/page_bg.jpg') repeat-x #ececec;

	font-family: tahoma, arial, helvetica, sans-serif;

	font-size: 90%;

}



p {

	line-height: 150%;

}



blockquote {

	background: #f0f0f0;

	padding: 5px 15px 5px 15px;

	border-left: 3px solid #036;

}



blockquote p {

	

}



h1,h2,h3,h4,h5,h6 {

	font-family: Arial, Helvetica, Sans-Serif;

}



h1 {

	margin: 0;

	padding: 0;

}



a:link,

a:active,

a:visited {

	text-decoration: none;

	border-bottom: 1px dotted #036;

	color: #036;

}



a:hover {

	color: #105FAE;

	text-decoration: none;

	border-bottom: 1px solid;

}



#page-container {

	width: 760px;

	padding-left: 10px;

	padding-right: 10px;

	background: #fff;

	margin: 0 auto;

	padding-bottom: 10px;

}



#top-nav {

	margin: 0px;

	padding-bottom: 10px;

	border: 1px solid white;

}



ul#navlist {

	margin-left: -1px;

	padding-left: 0;

	margin-top: 10px;

	margin-bottom: 0;

	white-space: nowrap;

}



#navlist li {

	display: inline;

	list-style-type: none;

	text-transform: uppercase;

	font-family: arial, helvetica, sans-serif;

}



#navlist a {

	padding: 8px 20px;

	border: none;

}



#navlist a:link, #navlist a:visited {

	color: #fff;

	background-color: #036;

	text-decoration: none;

	border: none;

}



#navlist a:hover {

	color: #fff;

	background-color: #105FAE;

	color: #FFF;

	text-decoration: none;

}



#header {

	background: url('images/header_bg.png') repeat-x top left #036;

	margin: 0px;

	padding: 0px;

	height: 110px;

	border: none;

}



#header h1 {

	margin-top: 0;

}



#header h1 a {

	color: #fff;

	text-decoration: none;

	border: none;

}



#header .description {

	color: #fff;

}



#sidebar {

	float: right;

	width: 175px;
	height: 800px;

	background: #ededf0;

	margin-top: 1px;

	padding: 5px;

}



/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} 



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 10px;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	padding: 0;

}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

}



#sidebar ul li h2 {

	font-size: 120%;

}



#sidebar input {

	font-size: 90%;

}



/* End Entry Lists */



/*





#sidebar ul {

	margin: 0;

	padding: 10px;

}



#sidebar ul li {

	list-style-type: none;

	padding: 0;

}





*/



#content {

	padding: 10px;

	margin-right: 250px;

}



.post {

	margin-top: 30px;

}



.post h2 a {

	border: none;

	text-decoration: none;

	color: #036;

}



.post h2 a:hover {

	color: #105FAE;

	border: none;

}



.post h2 .date, .post h3 .date {

	color: #aaa;

	font-size: 14px;

}



.postmetadata {

	padding: 8px;

	background: #f4f4f4;

	font-size: 80%;

	border-bottom: 1px solid #ededed;

}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */



#footer {

	background: #ededf0;

	padding: 5px;

	padding-left: 20px;

	font-size: 80%;

}