/*
Theme Name: Graf Ludo Dev Theme
Theme URI: http://www.graf-ludo.de/
Description: The theme for Graf Ludo 2009 / Not final!
Version: 1.0 alpha
Author: Thomas Gigold
Author URI: http://www.medienrauschen.com/
Tags: red

	Graf Ludo v1.0 alpha
	 http://www.medienrauschen.com/
*/

body{
	margin:0;
	padding:40px 0;
	
	background-color: #D3E8C3;
	background-image: url(visuals/no_content/bg_1.gif);

	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:13px;
	text-align:center;
}
a:link, a:visited, a:active, a:hover { 
	text-decoration:none;
	font-weight:bold;
	color: #cc0033;
	font-size:13px;
}
a:active, a:hover { 
	text-decoration:underline;
}
h1 {font-size:15px; color: #78A566; margin: 0px; margin-bottom: 10px; font-style: italic;}
h2 {font-size:14px; color: #cc0033; margin: 0px; margin-bottom: 5px; font-style: italic;}
h3 {font-size:13px; color: #78A566; margin: 0px; margin-bottom: 5px; font-style: italic;}

img, a img{
	border:none;
}
hr{
	border:none;
	clear:both;
	background-image: url(visuals/hr.gif);
	background-repeat: repeat-x;
	background-position: center left;
	height:1px;
	padding:10px 0;
	overflow:hidden;
}
table td { vertical-align:top; }
table {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background-image: url(visuals/hr.gif);
	background-repeat: repeat-x;
	background-position: bottom left;

}
.clearfloat{
	clear:both;
	height:1px;
	overflow:hidden;
}
.alignright a, .alignleft a{
	font-size:11px;
	font-weight:normal;
}
.blaettern .alignright{
	float:right;
	width:40%;
}
.blaettern .alignleft{
	float:left;
	width:40%;
}
div#wrapper{
	width:836px;
	padding:0 5px;
	margin:0 auto;
	text-align:left;
}
div#header{
	padding:47px 0 0 0;
	background-image:url(visuals/bg_header-png.png);
	background-repeat:no-repeat;
}
div#headerContent{
	padding:0 30px 35px 20px;
	background-color:#ffffff;
	background-image:url(visuals/hr.gif);
	background-repeat:no-repeat;
	background-position:30px bottom;
}
div#headerContent img{
	margin:0 0 0 80px;
}
div#site{
}
div#page{
	border-top:20px solid #ffffff;
	background:#fff url(visuals/bg_page.gif) repeat-y top left;
        width:100%;
        float:left;
	
}
div#content{
	width:540px;
	float:right;
	padding:13px 70px 25px 0;
	background:#fff url(visuals/green_ruler.gif) no-repeat bottom left;
        margin-left:50px;
}
div#sidebar{
	width:150px;
	padding:13px 0 30px 25px;
        float:left;
}

/*
 post
 -------------------------------------- */
.newstream p{
	margin:0;
	padding:0 0 8px 0;
}
.newstream .alignright{
	text-align:right;
}
.newstream .entry{
	background-image: url(visuals/hr.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.newstream .entrynobg{
	background-image:none;
}
.post{
	padding:0 0 8px 0;
}
.post h2{
	padding:0 0 8px 0;
}
.entry small{
	color:#999999;
}
.entry{
	padding:0 0 8px 0;
	margin:0 0 4px 0;
}
/*
 navigation
 -------------------------------------- */

div#navigation {
        margin-bottom: 50px;
}

div#navigation ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div#navigation ul li{
	padding:0;
	margin:0 0 10px 0;
	text-align:right;
	overflow:hidden;
}
div#navigation ul li.active a,
div#navigation ul li.active a:hover{
	color:#AA002A;
	background-image:url(visuals/bg_nav_red.gif);
}
div#navigation ul li a{
	font-size:15px;
	font-weight:normal;
	background-image:none;
	font-style:italic;
	padding:0 2px 0 33px;
	color:#868686;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 -3px;
	text-transform:uppercase;
}
div#navigation ul li a:hover{
	background-image:url(visuals/bg_nav_grey.gif);
}
div#navigation ul li ul.naviUlSub li{
	padding:0;
	margin:5px 0;
	text-align:right;
	overflow:hidden;
}
div#navigation ul li ul.naviUlSub li a{
	font-size:12px;
	font-weight:normal;
	background-image:none;
	font-style:italic;
	padding:0 15px 0 0;
	color:#868686;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:right -1px;
	text-transform:uppercase;
	background-image:url(visuals/bg_navq_grey.gif);
}
div#navigation ul li ul.naviUlSub li a:hover{
	background-image:url(visuals/bg_navq_red.gif);
	color:#868686;
}
div#navigation ul li ul.naviUlSub li.active a{
	background-image:url(visuals/bg_navq_red.gif);
	color:#AA002A;
}
div#sponsor{
	
}

div#sponsor img{
	margin-bottom: 20px;
	float:right;
}

div#Mediapartner {
        text-align: right;
        font-style: italic;
        color: #868686;
}

div#Mediapartner img {
        float: right;
}

div#footer{
	clear:both;
	height:18px;
	width:836px;
	overflow:hidden;
	background-image:url(visuals/bg_footer-gif.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div#footer, div#footer a:link, div#footer a:visited{
	color: #bbbbbb; 
	font-size: 11px; 
	font-weight: normal;
}
div#footer a span{
	text-decoration:underline;
}
div#footer a:hover, div#footer a:active{
	text-decoration:underline;
}
div#footerContent{
	width:750px;
	padding:0 30px;
	position:absolute;
	margin:-20px 0 0 0;
}
div#footerContent div.alignright{
	float:right;
}
div#footerContent div.alignleft{
	float:left;
	width:140px;
	text-align:right;
}
div#games img{
float:left;
margin:0 10px 0 0;
}
img.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}
img.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}