body {
	

color:#000000;
background: #ffffff url(http://www.drannarusso.de/bg.gif) no-repeat top left;

	background-color:#ffffff;
	font:11px verdana, arial, helvetica, sans-serif;
	}


#container {

margin:7px;
padding:3px;
border:1px solid;
border-color:#000000;

background-color:#ffffff;

}







#header
{
background-color:white;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;
height:260px;
background-image: url(http://www.drannarusso.de/images/header-3.jpg);
background-repeat: no-repeat;


}






h1 {
    font-weight: bold;
    font-size: 150%;
    color: #000000;
    text-align: center;
}

img {
    border-style: none;
}

.images {
    padding: 2px;
    background: transparent;
    border: none;
}

h2 {
font-family: verdana;
	margin-top:0px;
margin-bottom:20px;
	font-size:9px;
padding:3px;
	font-weight:100;
	color:#3A2743;
text-align:left;


}

h2 a {
font-family: verdana;
	margin-top:0px;
margin-left:-6px;
margin-bottom:20px;
	font-size:9px;
padding:3px;
	font-weight:100;
	color:#3A2743;
text-align:left;


}

h2 a:link    { color: #000000; text-decoration: none; }
h2 a:visited { color: #000000; text-decoration: none; }
h2 a:hover   { color: #000000; text-decoration: underline; }
h2 a:active  { color: #ffffff; text-decoration: underline; }

h3 {
	font:16px/19px verdana;
	font-weight:900;
	color:#000000;
text-align:left;
margin-bottom:30px;
background:#ffffff;
border-bottom: 1px dashed;
padding:3px;
	}

h4 {
    font:bold 13px/0px verdana;
    border: 0px;
    color: gray;
    background: transparent;
    padding: 0px;
}


abbr {
    cursor: help;
}

.storyTitle {
    font: bold 14px/16px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
.storyCategory {
    font-weight: 400;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
.storyAuthor {
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

p {
	font:14px/18px arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
color:#000000;
	}

#headerMessage {
    font: 9px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 2px;
}

pre {
    font: 10px/11px fixed;
}



a {
	color:#008500;
	font-size:11px;
	font-family:verdana;
	font-weight:800;
	text-decoration:none;
	}
a:link {color:#008500;}
a:visited {color:#008500;}
a:hover { color: #008500; text-decoration: underline; }


#headerblock {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;
height:100px;
    margin: 0px 210px 0px 190px;


    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    font-size: 16px;
    font-weight: 600;
}

#header a:link, #header a:visited {
    font-size: 120%;
    font-weight: 600;
    color: #000000;
}

.commentHeader {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    margin: 10px 10px 10px 10px;
    border: 0px;
    background: transparent;
    color: #000000;
    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    font-size: 16px;
    font-weight: 600;
}

/* All the content boxes belong to the content class. */
.centreblock, .navigation {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

text-align:left;
	margin:20px 190px 0px 200px;
	padding:20px;

    color: #000000;
    background: transparent;
    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
.centreblock>p {margin: 0px;}
.centreblock>p+p {text-indent: 30px;}
.centreblock p {margin-bottom: .5em; }

.navigation {
      display: block;
      text-align: center;
      margin: 0px 210px 20px 190px;
      height: 1.5em;
}

.alignright { float: right; }

.alignleft { float: left }

.meta ul {
  display: inline;
}

.meta li  {
    display: inline;
    list-style-type: none;
}

.centreblock ul, .leftsideSection ul, .rightsideSection ul {
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
}

.centreblock ul li {
}

/* this fixes an IE bug with aligned or floated images */
.storyContent img {
    position:relative;
}

.storyContent {
    color: #000000;
    background: transparent;
}

.storyCommentContent {
    color: #000000;
    background: transparent;
    width: auto;
    margin: 10px 10px 10px 10px;
    border: 1px solid #000000;
    padding: 10px;
}

blockquote {
    color: #000000;
margin-left:0;
margin-right:5px;
    padding: 0px;
    background: #E9E9E9;

}

q {
    color: #000000;
    background: #aaaaaa;
}

#leftside {

	position:absolute;
	top:300px;
	left:0px;
	width:160px;
	padding:0px;
	line-height:30px;
text-align:left;
background:transparent;
	z-index:2;



/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:160px;}




#leftside a {
	color:#6E474A;
font-variant:small-caps;
	font-size:16px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:900;
	text-decoration:none;
	}
a:link {color:#6E474A;}
a:visited {color:#6E474A;}
a:hover {background-color:#e2e2e2;}

#rightside {
	position:absolute;
	width:160px;
	top:300px;
	right:35px;
background:#transparent;
text-align:right;
	padding:0px;

	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:160px;}

#navBeta a {
	color:#DD7430;
font-variant:small-caps;
	font-size:16px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:900;
	text-decoration:none;
	}
a:link {color:#DD7430;}
a:visited {color:#DD7430;}
a:hover {background-color:#e2e2e2;}}

#chaff {
    text-align: right;
}
#chaff a {
   color: #000000;
   font-size: 2px;
}
#chaff a:link { color: #000000; }
#chaff a:visited { color: #000000; }
#chaff a:hover { background: #fff; }

.storyLinks {
    text-align: left;
}

.centerP {
    text-align: center;
}

#searchform input#s {
    width: 85%;
}

#contentcomments input, #centreblock input, #menu input {
    margin: 1px;
    padding: 1px 1px 4px 1px;
    border: 1px solid #F9F9F9;
    font: 11px/14px verdana, arial, helvetica, sans-serif;
    background: #F9F9F9;
}
#contentcomments textarea, #centreblock textarea, #menu textarea {
    margin: 1px;
    padding: 1px;
    border: 1px solid #F9F9F9;
    background: #F9F9F9;
    font: 11px/14px verdana, arial, helvetica, sans-serif;
}
.commentfield {
    margin-bottom: 4px;
}

table#wp-calendar { 
    background: #F9F9F9; 
    border: 1px solid gray; 
    font: 11px verdana, arial, helvetica, sans-serif; 
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
}

table#wp-calendar td { 
    padding: 0px 3px; 
    color: #000000;
    text-align:center;    
}

table#wp-calendar a:link { color: #039; text-decoration: none;}
table#wp-calendar a:visited { color: #039; text-decoration: none;}
table#wp-calendar a:hover { color: #0000dd; text-decoration: underline;}
table#wp-calendar caption { }
td#prev, td#next { background: white; }
td#today{ color: #ff0000; border: 1px solid #dd0000; }
table#wp-calendar thead tr { color: #000000; background: white; }
table#wp-calendar thead th {  }


.blogrollmain {
    margin-bottom: 4px;
}


.buttonarea {
    background: #000000;
}

span.searchword {
    background-color: yellow;
}

/* This set of rules makes the nested lists from wp_get_links() 
   look like the h4 + div.rightsidesection combination */

div#rightside ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

div#rightside > ul  li { }

div#rightside ul li h2 { 
    font-size: 100%;
    border: 1px solid gray;
    color: #000000;
    background: #F9F9F9;
    padding: 2px;
    margin: 10px 0;
}

div#rightside ul li ul { }
div#rightside ul li ul li { }


ul#Navigation {

    width: 150px;
    margin: 0; padding: 0.8em;
    background-color: transparent;
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */

    padding-left: 0;
    padd\ing-left: 0.8em;
  }
  ul#Navigation li {
    list-style: none;
width: 150px;
margin-left:-30px; 
padding:3px;
text-align:center;  
  }

  ul#Navigation a {
    display:block;
    
    text-decoration: none;;
    border: 1px solid black;
    border-left-color: gray; border-top-color: white;
    color: #ffffff; background-color:#FD9B06;
  }
  * html ul#Navigation a {  /* Breitenangaben nur fuer IE */

    
  }
  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #FED403;
  }    border-left-color: black; border-top-color: black;
    color: white; background-color: #FED403;
  }