html, body {margin:0;padding:0;}
body {width:100%;text-align: center;font-family: Verdana, Helvetica, Arial, sans-serif;background-color: #fff;color: #333; font-size: 75%;}

#wrapper {width: 950px; margin:0 auto;/*border:1px solid #f00*/background:url(../img/faux.png) top left repeat-y;line-height:1.5em}
#header {text-align:left}
	
	#header h1 {float:left;text-indent:-9999px;margin:0;padding:0}
		#header h1 a {background:#fff url(../img/karin_logo_3.png) no-repeat center;display:block;width:230px;height:150px;}
	
	#header ul {line-height:150px;margin:0;padding:0;white-space:nowrap;font-size:1em;}
	#header li {list-style-type:none;display:inline;line-height:150px}
	#header li a {text-transform:uppercase; color: #888;padding:0;text-decoration:none;letter-spacing:0;font-weight:normal;display:block;float:left;text-align:center}
		#header li a#libri {width: 152px;text-align:left}
		#naturalistica {width: 153px;}
		#varie {width: 198px;}
		#bio {width: 116px;}
		#header li #contatto {width: 101px;text-align:right}
	#header li a:hover, div#header li a.selected {color:#F29400}
	#header li a span {}

#content {clear:left;}
#sidebar {float:left;width:230px;background:#F29400;}
#main {float:left;width:720px;}

a{
	color: #f29400;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}
h1, h2 {
	font-family: Verdana, sans-serif;
	margin: 0;
}
h1 {
	padding: 0;
	font-size:3em;
	color: #333;
	letter-spacing:-1px;
}
h2 {
	padding-top: 10px;
	font-size:2em;
	letter-spacing:-1px;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
}
div#page {
	width: 950px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	border:0;
	position:relative;background:url(../img/faux.png) top left repeat-y;
}
div#container {
	/*padding: 20px;*/
}

div#footer {
	/*clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;*/
	clear:both;height:1px;overflow:hidden;
}

div#copy {width:230px;height:22px;font-size:0.9em;text-align:center;line-height:22px;background:#fff;color:#f29400;position:absolute;bottom:-1px;left:0;padding:0;}
.clear {clear:both}

div#bio, div#kontakt {margin: 100px auto;padding:20px;border:1px solid #f29400}

div#bio {padding-left:0;width:575px;text-align:left;padding-right:10px}
div#bio img {float:left;}
div#bio p {margin-left:170px;margin-bottom:0;margin-top:0}

div#kontakt {width:360px;padding:0}

#foot {clear:both;padding:0;font-size:0.9em;background:#fff;color:#f29400; text-align:left;}
	#foot p {padding: 2px 0;margin:0;width:230px;text-align:center;}
	#foot a {text-decoration:none;color:#f29400}
	#foot a:hover {color:#f29400;text-decoration:underline}