/*
Theme Name: Bibilioteca delle Nuvole
Theme URI: http://www.bibliotecadellenuvole.it
Description: Biblioteca comunale di fumetti e illustrazioni
Author: Alberto Lanzillotti
Author URI: http://alanzillotti.netsons.org
/*-------------------------*/

* { margin: 0; padding: 0; }
body { 
	margin: 0px auto;
	padding: 0; 
	background: #f4f4f4 url(images/bkg.jpg) top repeat-x; 
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
strong {	color: #444;}
img {
	display: block;
	padding:1px;
	border: 1px solid #999;
	margin:5px;
	}
hr {display: none;}
blockquote  {
	clear: both;
	padding: 1em 1em 1em 2.5em;
	margin: 1em 0 1em 0; 
	line-height: 1.4em;
	background: url(images/right_quotes.png) left top no-repeat;
	}
a {color: #999;}
a:hover {color: #ff8301;}
p {MARGIN: 5px 0px;}

ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	/* Headings */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }
	h1 { font-size: 26px; }
	h2 { font:16px ;letter-spacing:-1px; margin-left:40px;}
	h3 { font: 14px ;letter-spacing:-1px; color: #ccc;  }
	h4, h5, h6 { font-size: 11px; font-weight:bold; color:#999;}
	legend {padding-left:7px;	padding-right:7px;	font-style:italic;	font-size:16px;		color:#333333;}
	fieldset {margin-bottom:15px;	padding:14px; padding-left:25px; border:1px solid #c0beb3;}
	
/*-------------------------------- layout --------------------*/

#page { 
	MARGIN: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	WIDTH: 740px;
	padding: 0;
	font-size: 12px;
	}
/*---- Banner ----*/

.centrale {	
	MARGIN: 0px auto 0 auto;
	WIDTH: 740px; 
	background: url(images/banner.jpg) no-repeat left top; 
	height:280px;
	text-indent: -1000000px;
	}
.centrale h1 a{
	display: block;
	height:270px;
	margin:0;
	padding: 0}
/*---- Hader -----*/
#header { 
	margin: 0px auto;
	padding: 0px 10px 0 10px;
	height: 33px; 
	width: 700px;
	clear: both;
	background: #cccccc url(images/bkg_menu.jpg) repeat-x top
	}
/*---- Menu pagine -----*/
.menu { 
	font-size: 11px;
	float: left;

	}
.menu ul {
	padding: 0px; 
	margin: 0px; 
	border: 0; 
	list-style: none; 
	}
.menu li {
	float:left;
	margin-right:5px;
	font-variant:small-caps;
	background: url(images/bkg_menu_a.jpg) no-repeat right 1px;
	}
.menu li a {
	display:block;
	padding:4px 5px 8px 5px ; 
	font-weight: normal; 
	margin: 0px 10px; 
	color:#fff;
	text-decoration: none;
	}
.menu li a:hover {
	background:  url(images/bkg_menu_ahover.gif) no-repeat center;
	}

	/*--------------Search Form-------------*/
.search {
FLOAT: right;}
.search input.form-text {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	width: 150px;
	}

/*------------- contenuto -----------------*/
#contenuto {
	clear:both;
	padding: 0;
	width: 720px;
	margin: 0 auto;
	background: #fff url(images/bkg_cont.jpg) repeat-y bottom;
	}
/*---- sidebar ----*/
#sidebar { 
	float:left;
	width: 220px;
	padding: 0; 
	COLOR: #666;
	font-size: 12px;
	}
#sidebar ul li {
	list-style:none;
	margin: 20px 0 0 0 ;
	padding:0 10px;
}
#sidebar ul li ul li{
	margin:0 ;
	padding:0;
}
#sidebar  a {
	display:block;
	width: 160px;
	font-size: 13px;
	padding: 4px 5px 4px 5px; 
	display: block;
	text-decoration:none;
	background: url(images/dotted.gif) repeat-x 50% bottom; 
	}

#sidebar h2 {
	font-family:  "Trebuchet MS", Tahoma, Arial;
	letter-spacing:1px;
	width: 188px;
	height: 24px;
	padding: 4px 0 5px 0px;
	margin: 5px auto 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 2px;
	text-align: center;
	background: url(images/sideheader.gif) no-repeat left;
	}
.sidebartitle a.rsswidget {
	 display: block!important; float:left}
.widget_rss ul {
	 float:left}
 #archives select {
	margin: 10px auto 10px 5px;	
	width: 160px; 
	}
/*Calendar*/
#sidebar  #wp-calendar a {width: auto}
#wp-calendar caption{
 width: 95%;
 color: #000000;
 font-size: 14px;
 letter-spacing: 4px;
 padding: 5px;
 list-style: none;
 margin:0;
 text-align:center;}
#wp-calendar {padding:10px 0 10px 0;}
#wp-calendar td{color: #000000; padding: 2px;text-align: center; }
#wp-calendar tbody td {border: 1px solid #eee}
#wp-calendar td.pad:hover{color: #000000;text-decoration: none;border: none; }
#wp-calendar #today{background: #eee;  }
#wp-calendar th{font-style: normal;text-transform: capitalize; color:#000000; font-weight:bold; text-align:center;}

/*--- WRAPPER ----*/


#wrapper {
	float: left;
	width:500px;
	}
.clear {
	clear: both;
	margin: 20px;
	font-size:11px;
	}
.navigation {
	clear: both;
	PADDING: 20px 0 0 0px;
	FONT-SIZE: 11px; 
	MARGIN: 0 20px; 
	height: 40px;
	COLOR: #ff8301; 
	}
.navigation A {COLOR: #666; TEXT-DECORATION: none;}


/*---- Footer -----*/

#footer {
	clear:both;
	margin: 0 auto;
	background: #666666 url(images/bkg_footer.jpg) repeat-x top; 
	color: #FFF;
	font-size: 11px;
	color: #666;
	padding-bottom: 10px;
	height:300px;
	}
#footer a, #footer a:visited {
	color: #ffffff;
}
#footer a:hover {
	text-decoration:none
}
#footer h2 {
	font: bold 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #444;
	border-bottom: 1px solid #d0d0d0;
	line-height: 1.5em;
	text-align: left;
	text-indent: 15px;
	margin: 10px auto 20px auto;
}
#footercontent {
	width:720px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background: #8b898e url(images/bkg_contfooter.jpg) repeat-x}
.footer-recent{
	width: 220px;
	float: left;
	margin-left: 10px;
}

.footer-recent ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-recent ul li {
	background: url(images/vmenuarrow.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}

/*---------------*/

.welcome h1 span {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 32px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff8301; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -3px;}
.welcome h1 a {FONT-WEIGHT: bold; FONT-SIZE: 32px; COLOR: #7f7f7f; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -3px; TEXT-DECORATION: none;}
.welcome p {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 0px 0px; PADDING-TOP: 0px;}
.welcome a {COLOR: #ff8301; TEXT-DECORATION: none;}
.welcome a:hover {TEXT-DECORATION: none;}

span.tagcloud a {text-decoration:none;line-height:150%; /* or whatever it is (: */text-align:justify;}
.mission { MARGIN-BOTTOM: 12px; TEXT-ALIGN: justify;}
.cont {CLEAR: both;}
/*--- content ----*/
#content P {
	padding:4px 0px;
	MARGIN: 0px; 
	}
#content H1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 18px; 
	BACKGROUND: url(images/dotted.gif) repeat-x 50% bottom; 
	PADDING-BOTTOM: 12px; 
	MARGIN: 12px 0px; COLOR: #ff8301; 
	LINE-HEIGHT: 1em; 
	PADDING-TOP: 0px; 
	LETTER-SPACING: 0px; 
	TEXT-DECORATION: none;
	}
#content H1 A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; BACKGROUND: url(images/dotted.gif) repeat-x 50% bottom; PADDING-BOTTOM: 12px; MARGIN: 12px 0px; COLOR: #ff8301; LINE-HEIGHT: 1em; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none}
#content H1 A:hover {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 18px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LETTER-SPACING: 0px; 
	TEXT-DECORATION: none
	}
#content H2 {
	padding: 2px 0px 2px 8px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px; 
	margin: 8px 0px; 
	}
/*--- categories ----*/
.it-categories ul {width: 450px;list-style-type: none;margin: 0px;padding: 0px;color: #ff8301;}
.it-categories ul li {display: block;margin: 0px !important;padding: 2px 2px 2px 15px !important;float: left;width: 128px; text-decoration: none;}
.it-categories ul li:hover {background: #666 !important; text-decoration: none;}
.it-latest a, .it-popular a, .it-categories ul li a {color: #ff8301; text-decoration: none;}
.it-categories ul li a:hover {text-decoration: none;}
.copy { MARGIN: 0 20px; COLOR: #404040;}
.copy A {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; COLOR: #292929; PADDING-TOP: 0px; BACKGROUND-COLOR: #404040; TEXT-DECORATION: none;}
.bottom {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 12px; MARGIN: 0 20px; COLOR: #ccc; PADDING-TOP: 0px; BORDER-BOTTOM: #404040 2px solid; TEXT-ALIGN: right;}
/*-------------The Post-------------*/
.post {
	clear:both;
	font-size: 12px;
	padding: 10px;
	MARGIN-BOTTOM: 12px;
	}
.post ul {
	margin: 0 auto;
	width: 350px;
	list-style:url(images/vmenuarrow.gif);
}

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/calendar.jpg) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 14px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-head
{	
	padding-bottom: 5px;
	margin-bottom: 5px;

}
.post-head .title
{
	margin-top: -5px;
	padding-bottom: 5px;
	margin-left: 50px;
	border-bottom: 1px solid #CCC;
}
.post-head div.title, .post-head div.title a
{
	font-size: 18px;
	color: #484647;
	line-height: 1.3em;
	text-decoration: none;
}
.post-head div.title a:hover
{
	color: #ff8301;
}
.post-head .posted
{
	font-size: 11px;
	margin-left: 8px;
	float: left;
}
.post-head span.comments
{
	float: right;
	font-size: 11px;
}
.post-head span.comments a
{
	background: url(images/editpost.gif) left no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
	display: block;
	text-decoration: none;
}


.post-entry
{
	text-align: justify;
}
.post-bot
{	
	border-top: 1px solid #ccc;
	padding: 5px 5px 0 5px;
	margin-top: 5px;
}
.post-bot span.posted
{
	margin-top: 5px;
	float: left;
	font-size: 11px;
	line-height: 1.3em;
	text-decoration: none;
}



.alignleft {float: left;}
.alignright {float: right;}

.graybox{ background: #404040; }
ol#commentlist li {margin:0; list-style-type:none;}
ol#commentlist p {line-height:1.2em;  margin-bottom:5px;}
ol#commentlist .commentbox {padding:6px; margin-bottom:12px; background:#161a1d; }

.gravatar {float:right;padding: 3px;border: 1px solid #000;background: #fff; }
.recent_grav{background-color: #fff;margin: -5px 8px 3px 12px;padding: 3px;border: 1px;border-style: solid;border-color: #404040;}


/*-------------Share this------------------*/
.akst_link {background: url(images/shthis.png) no-repeat 1px 0;padding: 1px 0 3px 22px;}
/*-------------Other------------------*/

div.pagination {
	font-size: 11px;
	color: #fff;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color:#3e3e3e;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	background-color:#ff6600;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		font-weight: bold;
		background-color: #313131;
		color: #fff;
	}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		background-color:#3e3e3e;
		color: #868686;
	}