/* radioimmun.de Stylesheet, by Leon White */

body {
	margin:0; /* Fill screen */
	padding:0;
	font-family: Arial, Helvetica, sans-serif; /* Font display considerations */ 
}
h1 {font-size:1.8em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
.smaller {font-size:smaller;}
.raise {vertical-align:super; font-size:x-small;}

a {text-decoration:none; font-weight:bold; color:#ff9c03;} /* Basic site link behaviour */
a:hover {text-decoration:underline;}

#header {background-image:url(../i/grad.jpg); background-repeat:repeat-x; z-index:2; height:100px;} /* Head image covers entire background, lowest layer */
#flowers {position:absolute; right:0; z-index:5;} /* Flowers hard right, next layer up */
#logo {position:absolute; left:0; z-index:10;} /* Logo hard left, uppermost layer*/

#wbk { /* Text in head image (Opera resizes to width, cool!)*/
	font-size:36px; 
	font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	position:absolute; 
	top:25px; 
	left:219px;
	z-index:30;
}

#headbar { /* Head nav considerations: full width, background left, formatted link text right */
	font-size:0.85em;
	word-spacing:0.5em;
	width:100%; 
	text-align:right;
	background-image:url(../i/hgrad.jpg);
	background-repeat:no-repeat;
}

#headbar a {color:#000000;} /* Link exception: no colour for headbar nav */

#nav { /* Main nav: dynamic resize based on text size, position relative to header chrome */
	width:12em;
	position:absolute;
	left:0;
	top:116px;
}

#nav ul { /* Prevent default list indentation behaviour */
	padding:0px; /* No h-indent */
	margin:0px; /* No v-indent */
	display:block;
}

#nav ul li { /* Set borders for each item */
	list-style:none; 
	border-bottom-style:dashed; 
	border-bottom-width:1px; 
	border-bottom-color:#CCCCCC;
	display:block;
}

#nav ul li a { /* Make entire block clickable */
	display:block;
	padding:1em;
	height:100%;
	line-height:1.5em;
	width:15.38em; /* Value relative to 0.7em font size */
	font-size:0.7em;
	text-decoration:none;
	color:#000000;
}

#nav ul li a:hover {background-color:#b2caeb;} /* Same blue as gradient */

#cur {background-image:url(../i/trans.png);}
#nav ul #cur a:hover {background-image:url(../i/trans.png);}  /* Greater specificity required to overrule normal hover rule */

#rightbar {
	position:absolute;
	right:0;
	top:120px;
	margin:5px;
	padding:5px;
	border-style:dashed;
	border-width:1px;
	width:229px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:left;
}

#rightbar ul {list-style:none; text-align:left; padding:0;}
#rightbar li {margin-bottom:8px;}

#content {margin:22px 16.5em 0 13.9em;}
