/*  
Theme Name: BioBlog
Theme URI: http://www.bioblog.it/
Description: Tema per BioBlog
Version: 1.0
Author: Giusva Iannitelli, Andrea Baron e Federico Illesi
Author URI: http://www.bithouseweb.com/
*/

body {
	font-size: 62.5%;
	font-family: Arial, Sans-Serif;
	background-color: #000;
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
}

#page {
	background-color:#fff;
	text-align:left;
	margin:0 auto 20px auto;
	width:972px;
}

/*Bobo*/

#bt,#bl,#br,#bb,#btr,#btl,#bbr,#bbr{width:972px;display:block;}
#bt{background:url(images/t.png) 0 0 repeat-x;}
#bb{background:url(images/b.png) 0 100% repeat-x;}
#bl{background:url(images/l.png) 0 0 repeat-y;}
#br{background:url(images/r.png) 100% 0 repeat-y;}
#btl{background:url(images/tl.png) 0 0 no-repeat;}
#btr{background:url(images/tr.png) 100% 0 no-repeat;}
#bbl{background:url(images/bl.png) 0 100% no-repeat;}
#bbr{background:url(images/br.png) 100% 100% no-repeat;padding-top:30px;overflow:hidden;}

#header,#header #hr,#header #hl{height:96px;width:920px;}
#header #headerimg{height:55px;width:920px;}
#header{padding:0;margin:0 auto;background:url(images/hm.png) 0 0 repeat-x;position:relative;}
#header h1{width:529px;height:27px;display:block;margin:0;padding:0;background:url(images/logo.png) 0 0 no-repeat;position:absolute;left:22px;top:18px;}
#header h1 span,#header .description{display:none;}
#header #hl{background:url(images/hl.png) 0 0 no-repeat;}
#header #hr{background:url(images/hr.png) 100% 0 no-repeat;}
#header #headerimg{background:url(images/hb.jpg) 619px 5px no-repeat;}

#menu{display:block;list-style:none;margin:0 6px;padding:0;width:908px;height:27px;}
#menu li{list-style:none;margin:0;padding:0 1px 0 0;float:left;height:27px;width:11%;background:url(images/sep.png) 100% 0 no-repeat;}
#menu a{overflow:hidden;}
#menu a,#menu a span{height:27px;display:block;width:100%;}
#menu a span{background-position:50% 0;background-repeat:no-repeat;margin-top:4px;height:19px;}
#menu a:hover,#menu a:focus{background:url(images/mhover.png) 0 0 repeat-x;}
#menu a:hover span,#menu a:focus span{background-position:50% -19px;}
#menu span span{display:none;}
#mhome a span{background-image:url(images/mhome.png);}
#mdossier a span{background-image:url(images/mdossier.png);}
#mrss a span{background-image:url(images/mrss.png);}
#mlink a span{background-image:url(images/mlink.png);}
#maddal a span{background-image:url(images/madditives.png);}
#mphoto a span{background-image:url(images/mphoto.png);}
#minfo a span{background-image:url(images/minfo.png);}
#msearch{width:20% !important;height:27px;background:none !important;padding:0 1% !important;overflow:hidden;}
#msearch #s{width:60%;}
#msearch #s.safari{width:100%;height:auto;}
#msearch #s.unused{color:#666;}
#msearch input{border:0;margin:4px 0 0 5px;padding:2px;font-size:10px;}
#msearch #searchsubmit{color:#fff;background-color:#000;}

.post h2{background:url(images/arrow.png) 0 0.1em no-repeat;padding-left:22px;}
.post h2 a{text-decoration:underline;}
.post{border-top:1px solid #ccc;padding-top:5px;}
.first{border-top:0;padding-top:0;}
.advpost{text-align:center;margin-top:10px;}

#sidebar{padding:0 0 10px 0;margin:10px 0 0 505px;width:435px;border-left:1px solid #ddd;}
#sidebar ul li{float:left;width:264px;}
#adsense{width:300px !important;}
#sidebar ul ul li,#sidebar ul ol li{float:none;width:auto;}
#sidebar li.nostruct{clear:right;width:425px;margin-left:10px;}
#sidebar li h2{
	width:264px;
	font-size:1.2em;
	margin-left:5px;
	background:url(images/ccc.png) 0 0.6em repeat-x;
}
#sidebar li h2 span,#sidebar li h2 a{background-color:#fff;padding-right:3px;}
#sidebar li ul,div#cloud{
	margin:0;
	margin-left:10px;
}
#sidebar li li{
	width:auto;
	background:none;
	height:auto;
	margin-left:25px !important;
	margin-right:15px !important;
}
#sidebar li h2 span span,#sidebar li h2 a span{display:none;}
#sidebar #end{clear:both;height:0;width:0;line-height:0;float:none !important;}
#sidebar .textwidget{margin-left:10px;overflow:hidden;}
#sidebar #latspot{margin:15px 5px;padding:5px 0;}
.evimg{float:left;margin:2px 5px 0 0;}

.cloud{color:#ccc;margin-left:10px;}
.cloud a{color:#666;}

#adsense{height:250px;margin:0 0 0 10px !important;display:block;text-align:center;float:left;}
#hon{text-align:center;width:113px !important;margin-left:5px;padding:60px 0 0 5px;clear:right;font-size:.95em;height:190px;border-left:1px solid #ccc;margin-bottom:0 !important;}
#hon img{margin-bottom:1em;}
#text-1{position:relative;display:block;}
#text-1 h2{width:435px !important;position:absolute;left:0;}
.widget_text ul,.widget_text .textwidget{font-size:1.1em;}
#text-1 ul,#text-1 .textwidget{margin-top:0!important;padding-top:1.8em!important;}
#sidebar .double{overflow:hidden;}
#sidebar .double ul li{font-size:.95em;float:left !important;margin-right:0 !important;margin-left:20px;width:100px !important;}
#latbanner{float:right !important;display:block;width:160px !important;margin-top:1.5em;overflow:hidden;padding:0 !important;}
#sidebar #latbanner #latspot h2{font-size:1em !important;font-weight:bold;text-decoration:underline !important;background:none !important;}
#sidebar #latbanner #latspot ul,#sidebar #latbanner #latspot .textwidget{margin-top:0;font-size:1em;}
#bannerbelow{height:250px;width:300;margin-left:626px;}

.postimg{float:left;margin:5px;}
.more,.more:hover,.more a,.more a:hover,.more:focus,.more a:focus{color:#b85b5a;}
.salaop{margin-left:50%;}
.summary{
	display:block;
	border:1px solid #27d;
	background-color:#a0e2fa;
	margin:5px auto;
	padding:5px;
	color:#000;
}
.quote{
	display:block;
	border:1px solid #37b023;
	background-color:#eeeeee;
	margin:5px auto;
	padding:5px;
font-size:1.2em;
line-height:1.1em;
	color:#000000;
}
#gallery.related_post a{font-size:1.2em;}
.related_post{list-style:none;margin:0;padding:0;}
.related_post li{border:1px solid #ccc;position:relative;display:block;list-style:none;padding:2px 2px 2px 36px;margin:5px 0;overflow:hidden;height:32px;}
.related_post li img{position:absolute;left:2px;top:2px;width:30px;height:30px;border:1px solid #ccc;}
.related_post .related-meta{color:#666;font-size:.95em;}

/*Per pagina additivi alimentari*/
.enumbers{color:#000;display:block;text-align:center;}
.enumbers:hover,.enumbers:focus{color:#fff;}

/*Per gallery*/
.post #image{margin-top:1em;}
.post #image .title{font-size:1.2em;margin:1.5em 40px 1em 40px;}
.postad{display:block;margin:5px 0;padding:2px 0 2px 36px;border:1px solid #ccc;}
.gallery{display:block;background-color:#eee;padding:4px 5px 2px 5px;border:1px solid #ccc;margin-top:1em;text-align:left;}
.gallery dl,.gallery dt{margin:0;padding:0;display:inline;width:104px;}
.gallery dd,.gallery p{display:none;}
.gallery img{border:1px solid #ddd;margin:3px;}
.gallery_nav{font-size:1.2em;text-align:left!important;}
.imagecolumn{width:700px;margin:1em 36px 1em auto;}
.gallery_nav a img{border:1px solid black;}
.gallery_nav .alignright{margin:0 0 0 10px;}
.gallery_nav .alignleft{margin:0 10px 0 0;}
.gallery_nav .wover a{display:block;width:100px;height:100px;position:relative;cursor:pointer;}
.gallery_nav .wover a span{width:100px;height:100px;background:url(images/prevnextimg.png) 0 100% no-repeat;position:absolute;top:1px;left:1px;cursor:pointer;}
.gallery_nav .alignright a span{background-position:100% 100%;}
.gallery_nav .wover a:hover span{background-position:100% 0;}
.gallery_nav .alignleft a:hover span{background-position:0 0;}
#img_nav{list-style:none;margin:5em 10px 0 60px;padding:0;float:left;width:129px;overflow:auto;height:500px;}
#img_nav li{width:102px;margin:5px 0;list-style:none;padding:0 !important;float:left;display:block;text-align:center;}
#img_nav a{margin:0 auto;}
#img_nav img{margin:0;}
.googlegallery{clear:both;padding-top:1em;position:relative;left:-14px;}

/* Begin Typography & Colors */

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}


.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	
	}

small {
	font-size: .95em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1,h1 a,h1 a:hover,h1 a:visited,h1 a:focus{
	text-decoration: none;
	color: #000;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite,h2 a:focus,h3 a:focus {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1.16em Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, fixed;
	}

acronym, abbr, span.caps
{
	font-size: .95em;
	letter-spacing: .07em;
	}

a,h2 a:hover,h3 a:hover,h2 a:focus,h3 a:focus{
	color: #90b450;
	text-decoration: none;
	}

a:hover,a:focus{
	color: #68823a;
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */	
.narrowcolumn {
	float: left;
	margin: 0 0 20px 35px;
	width: 460px;
}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
	color: #333;
}

#footer {
	padding-bottom:10px;
	margin: 0 auto;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	/*max-width: 100%;*/
	}

/*	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 */



/* Begin Lists */

/*.entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

.entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul ul {
	content: "\2022 \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: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul li ul li {
	list-style:disc outside;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
}

#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;
	}
/* End Entry Lists */



/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

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

#wp-calendar td.pad:hover,#wp-calendar td.pad:focus{ /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom:1.5em;
}
/* End Various Tags & Classes*/