/*  
Theme Name: Città Diversa Livorno Theme
Theme URI: http://www..com/
Description: Modifica estetica del tema Qualcosa Di Verde.
Version: 1.1
Author: Pierluigi Distante
Author URI: http://www..com/
*/

/* GLOBALI */

html, body, h1, h2, h3, h4, h5, h6, p, a img{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	width: 100%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
	text-align: center;
	vertical-align: top;
	background: #000 url(images/bg.gif) center center repeat-y;
}

div#topimg{
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: left;
	background: #000 url(images/bgtop.gif) center bottom no-repeat;
}

div#bottomimg{
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
	background: #000 url(images/bgbottom.gif) center top no-repeat;
}

p{
	color:#000; 
}

li{
	color:#000; 
}

.clear{
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img{
	max-width: 550px;
}

a{
	color: #3366cc;
	text-decoration: none;
}

a:hover{
	color: #003399;
	text-decoration: none;
}

#wrapper{
	width: 778px;
	margin: 0 auto;
	text-align: left;
}

#content-container{
	clear: both;
	margin: 0 auto;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	color: #003399;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

h1 a, h2 a, h3 a{
	color: #003399;
}	

h1 a:hover, h2 a:hover, h3 a:hover{
	color: #003399;
	text-decoration: underline;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
	color: #666666;
	margin: .10em 0 .10em 0;
	line-height: 110%;

}

h4 {
	font-size: 120%;
	padding-bottom: 20px;
	color: #e7580d;
}

h5 {
	color: #b2b2b2;
	margin: .5em 0;
	padding-bottom: .15em;
}

h6 {
	font-size: 120%;
	padding-bottom: 20px;
	color: #e7580d;
}

/* COLONNE */

.column{ /* un terzo della pagina: 3 colonne uguali */
	float: left;
	margin: 0;
	padding: 0;
	width: 259px;
}

.large .column{ /* larga */
	width: 578px;
}

.thin .column{ /* stretta */
	width: 200px;
}

.medium .column{ /* media */
	width: 289px;
}

.medium-home .column{ /* media */
	width: 378px;
}

.column-section {
	padding: 0;
	margin: 0 14px 0 0;
}

.thin .column-section {
	padding: 0;
	margin: 0;
}

.medium-home .column-section {
	padding: 0;
	margin: 0 14px;
}

.column-archive {
	padding: 0;
	margin: 0 14px 0 0;
	width: 550px;
}

/* HEADER */

#header{
	overflow: hidden;
	width: 778px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

#blog-title{ /* blog title */
  	overflow:auto;
  	margin: 0 0 0px 0;
	height: 214px;
}
#blog-title img{
	max-width: 776px;
	max-height: 200px;	
}

#util-menu
{	overflow:auto;
}
#util-menu {
	width: 778px;
  	margin: 0 auto;
}
#util-menu ul {
  	overflow:auto;
}
#util-menu ul {
    margin: 5px;
  	padding: 0;
  	list-style : none;
  	float: right;
}
#util-menu ul li {
	position: relative;
	float: left;
	margin: 3px 10px 3px 0px;
	padding: 3px 0px 0px 10px;
	border-left: 1px solid #fff;  
}
#util-menu ul li a {
	color: #fff;
  	text-decoration: none;
}
#util-menu ul li a:hover {
  	text-decoration: underline;
}

#sections-menu
{	overflow:auto;
}
#sections-menu ul {
  	overflow:auto;
}
#sections-menu ul {
  margin: 0;
  padding: 0;
  list-style : none;
}
#sections-menu ul li {
	position: relative;
  	float: left;
  	margin: 0 5px 0 0;
  	padding: 5px;
 	font-size:100%;
  	color: #e5a27f;
  	border-bottom: 2px solid #932020;  
}
#sections-menu ul li.thematics-button {
  margin: 0;
  padding: 3px 10px 2px 10px;
}
#sections-menu ul li a {
	color: #932020;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}
#sections-menu ul li a:hover {
	color: #b5a2a2;
  text-decoration: none;
}
#sections-menu li ul.children{  /* IMPORTANTISSIMO!!! Per non mostrare le categorie figlie sull'header */
    display: none;
}


#thematics-menu ul {
  overflow:auto;
}
#thematics-menu ul {
  margin: 7px 0 0 0;
  padding: 0;
  list-style : none;
}
#thematics-menu ul li {
	position: relative;
  	float: left;
  	margin: 0;
  	padding: 5px 10px;
 	font-size:100%;
  	color: #e5a27f;
  	background: #e1ebf5;
  	border: 1px solid #fff;  
}
#thematics-menu ul li a {
	color: #336699;
	font-size:100%;
	text-decoration: none;
}
#thematics-menu ul li a:hover {
  text-decoration: underline;
}
#thematics-menu li ul.children{  /* IMPORTANTISSIMO!!! Per non mostrare le categorie figlie sull'header */
    display: none;
}

#breadcrumb{ 
	clear: both;
	width: 764px;
	float: left;
 	margin: 0 5px;
	padding: 7px 0 5px 0;
	font-size: 100%;
	color: #ccc;
	border-bottom: 2px solid #eee;
}

#breadcrumb a{
	color: #6C757A;
}

#breadcrumb a:hover{
	color: #999;
	text-decoration: none;
}

#header-search{ /* search form */
    overflow: auto;
	height: 30px;
	margin: 3px 0 0 0;
	padding: 7px 0 3px 0;
	text-align: center;
  	background: #fff url(images/searchbg.gif) center top no-repeat;
}
#searchform,#searchinput,#searchbutton{
	margin: 0;
	padding: 0;
}
#searchform{
	margin: 0 auto;
	width: 380px; 
}
#searchinput input{
  	float: left;
  	width: 296px;
  	height: 20px;
  	margin: 0 7px 0 0;
  	padding: 2px;
  	border: none;
  	color: #808080;
  	font-weight: bold;
  	background: #fff url(images/input.gif) no-repeat;
}
#searchsubmit{
  	float: left;
  	width: 65px;
  	height: 24px;
  	background: #E0691A url(images/submit.gif) no-repeat;
  	border: none;
 	font: bold 12px Lucida Grande, Lucida Sans, Verdana, Sans-Serif;
   	color: #fff;
}

#thematics{ /* thematics menu */
	overflow: auto;
	clear: both;
	width: 778px;
	margin: 0;
	padding: 4px 0;
  	/*background: #fff url(images/menubg.gif) center top no-repeat;*/
}

#thematics ul{
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

#thematics ul li{
	position: relative;
	float: left;
	padding: 2px;
	margin: 0;
}

#thematics-selector{ /* thematics selector */
	margin: 0;
	padding: 1px 0;
	color: #000;
}

#thematicsform{
	width : 180px;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

select#cat{
	width : 180px;
}

/* FOOTER */


#credits{
	width: 100%;
	margin: 0;
  	padding: 23px 0 0 0;
  	overflow: auto;
	text-align: center;
	background: trasparent;
	color: #fff;
}

#footerwrapper{
	width: 100%;
	margin: 0;
  	padding: 5px 0;
  	overflow: auto;
	text-align: center;
	background: #1a333f;
}

#footer{
	width: 778px;
    clear: both;
	margin: 0 auto;
  	padding: 0;
 	text-align: left;
	font-weight: normal;
  	color: #fff;
	background: transparent;
    font-size: 90%;
}

#footer a{
    color: #6C757A;
}

#footer a:hover{
    text-decoration: underline;
}

#footer .box{
	width: 370px;
	text-align: left;
	float: left;
}

/* SIDEBAR 1 on the right */

.sidebar1{
	margin: 0 0 10px 0;
	padding: 0 7px;
}

.home-sidebar .sidebar1{
	margin: 0 0 10px 0;
}

.sidebar1 h2, .sidebar1 h3{
	font-size: 90%;
	color: #e7580d;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
}

.sidebar1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
}

.sidebar1 ul li ul li{
	font-size: 90%;
	position: relative;
	padding: 2px 0 0 0;
	margin: 0 0 1px 0;
}

.sidebar1 ul li ul li a{
	font-size: 100%;
	color: #171717;
}

.sidebar1 ul li ul li a:hover{
	text-decoration: underline;
}
 
/* SIDEBAR 2 on the footer */

.sidebar2{
	width: 778px;
	margin: 20px 0 0 0;
	padding: 7px 0 0 0;
	overflow: auto;
	background: #fff;
	border-top: 2px solid #eee;
}

.sidebar2 h2, .sidebar2 h3{
	font-size: 90%;
	color: #0f66b0;
	padding: 0 0 7px 0;	
	margin: 0;
	text-transform: uppercase;
}

.sidebar2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar2 ul li{
	float: left;
	width: 232px;
	font-size: 100%;
	position: relative;
	padding: 0;
	margin: 0 20px 0 0;
	background: #fff;
}

.sidebar2 ul li ul li{
  	background: #ffeeff;  
	font-size: 100%;
	width: 210px;
	position: relative;
  	padding: 7px;
	margin: 0 0 2px 0;
	color: #6C757A;
 	background: #e1ebf5 url(images/corner.gif) right top no-repeat; 
}

.sidebar2 ul li ul li.meta{
	background: #f4f4f4 url(images/corner.gif) no-repeat right top;
}

.sidebar2 ul li a{
	font-size: 100%;
	color: #336699;
}

.sidebar2 ul li a:hover{
	text-decoration: underline;
}
 

/* PAGED NAVIGATION MENU */ 

.pagenavigationbox {
	display: inline;
	text-align: center;
	padding: 5px 0;
}

.pagenav, .pagenavcurrent {
	font-size: 90%;
	border: 1px solid #ccc;
	margin: 0 3px;
	padding: 5px;
}

.pagelink {
	border: 1px solid #9999FF;
	color: #3399cc !important;
	margin: 0 3px;
	padding: 5px;
}

.pagelink:hover {
	border: 1px solid #ccc;
	background-color: #3399cc;
	color: #fff !important;
}

.menubox a {
	font-size: 90%;
	text-transform: uppercase;
}

.navigation{
	padding: 20px 0 30px 0;
	text-align: center;
}

.navigation a {
	font-size: 90%;
	color: #3399cc;
}

.navigation a:hover {
	text-decoration: underline;
}

/* LISTE */

img.thumbnail-center{
	margin: 3px 7px 3px 0px;
	clear: both;
}

img.thumbnail-left{
	float: left;
	margin: 3px 7px 3px 0px;
}

img.thumbnail-right{
	float: right;
	margin: 3px 0px 3px 7px;
}

.full-story{
	font-size: 90%;
	font-weight: bold;
}

.entry-title-alt h2{
	margin-bottom: 3px;
}

.entry-meta-alt{
	color: #999;
}

.entry-date{
	font-family: Futura, Verdana, Arial, Helvetica, Sans Serif;
	color: #999;
}

.post-arguments{
	font-size: 90%;
	font-family: Futura, Verdana, Arial, Helvetica, Sans Serif;
	color: #999;
	padding: 2px 0;
}

.post-arguments a{
	font-family: Futura, Verdana, Arial, Helvetica, Sans Serif;
	color: #003399;
	text-transform: none;
}

.post-arguments a:hover{
	text-decoration: underline;
}
	
.post-categories a{
	color: #003399;
	text-transform: uppercase;
}

.post-categories a:hover{
	text-decoration: underline;
}

.post-tags{
	color: #6C757A;
	margin: 0;
	padding: 0;
}

.post-tags a{
	font-weight: normal;
	color: #003399;
	text-transform: capitalize;
}

.post-tags a:hover{
	color: #003399;
	text-decoration: underline;
}

.post-alt{
	/*max-width: 275px;*/	
	overflow: hidden;
	padding: 0 0 21px 0 ;
	margin: 0;
}

.post-alt p{
	font-size: 110%;
}

.thin h2 a{
	font-size: 80%;
	color: #932020;
	text-transform: uppercase;
} 

.thin h2 a:hover{
	text-decoration: underline;
} 

.thin .post-alt {
	width: 179px;
	border-bottom: 1px solid #fff;
	margin: 0 0 3px 0;
	padding: 7px;
	background: #f6f6f6 url(images/corner.gif) no-repeat right top;
}

.thin .post-categories a{
	color: #932020;	
}

.thin .post-tags a{
	color: #932020;
}

.thin img.thumbnail-left{
	max-width: 200px;
}

.thin img.thumbnail-right{
	max-width: 200px;
}

/* SINGLE */

.post{
	width: 564px;
	padding: 0;
	margin: 0;
}

.post .entry-content p{
	font-size: 110%;
	margin-bottom: 10px;
}
 
.post .entry-title h1{
	margin-top: 10px;
}
 
.post .entry-content h2{
	margin-bottom: 10px;
}

.entry-content ul {
	margin-left: 0;
	padding-left: 0;
}

.entry-content ul li {
	margin-left: 15px;
	padding-left: 0;
}

.bigimage{
	float: right;
	margin: 0px 5px 5px 5px;
	max-width: 554px;
}

.entry-meta{
	float: left;
	font-size: 100%;
	text-align: left;
	color: #6C757A;
	padding: 10px 10px 0px 0px;
}

.entry-util ul{
	float: right;
	list-style-type: none;
	margin: 0;
}

.entry-util ul li{
	float: left;
	height: 16px;
	padding: 0 7px;
}

.entry-util ul li a{
	font-size: 100%;
	font-weight: bold;
}

.entry-title h1{
	margin: 0 0 20px 0;
}

.entry-excerpt{
	font-weight: bold;
	margin: 0 0 20px 0;
}

/* PAGE */

.pagepost h1, .pagepost h2,.pagepost h3{
	margin: 15px 0 3px 0;
}

.pagepost .entry-title h2{
	margin: 10px 0;
	color: #222;
}

.pagepost{
	max-width: 550px;
}

/* SERIES */

.series_toc{
	margin: 40px 0 20px 0; 
	padding: 14px;
	background: #eeffee;
}

.series_toc h2{
	margin: 0 0 10px 0;
	color: #3366cc;
}

.series_toc ol{
	padding: 0 20px;
}

.series_toc ol li{
	padding: 0 0 3px 0;
}

.series_toc ol li a{
	text-decoration: none;
}

.series_toc ol li a:hover{
	text-decoration: underline;
}

/* COMMENTI */

ol.commentlist{
	list-style-type: none;
	margin: 0;
	padding: 20px 0;
	background: #eeeeff;
}

h3#comments, h3#respond{
	color: #6C757A;
	padding: 28px 0 7px 0;	
	margin: 0;
}

ol.commentlist li{
	display: block;
	clear: both;
	margin: 10px;
	padding:  7px;
	overflow: auto;
	border-top: 1px solid #ddd;
	background: #fff;
}

ol.commentlist li.alt{
	background: #fff;
	border-top: 1px solid #d9d9fc;
}

.commentlist p{
	padding: 5px 0 0 0
}

.commentmetadata{
	color: #3366cc;
	font-size: 90%;
}

.commentauthor{
	color: #3366cc;
	font-size: 13px;
	font-weight:bold;
}

.commentauthor a{
	color: #3366cc;
	font-size: 13px;
	font-weight:bold;
}

.modifycomment{
	text-align: right;
}

.commentnotapproved{
	color: #b2b2b2;
}

.commentutil{
	float: right;
}

#commentform{
	padding: 14px;
	background: #eeeeff;
	float: left;
	margin: 0 0 20px 0;
}

#commentform label{
	margin-top: 10px;
	font-weight: bold;	
}

#commentform input{
	padding: 3px;
	margin: 3px;
}

#commentform textarea{
	width: 520px;
	padding: 3px;
	border: 1px solid #eee;
}

#commentform #submit{
	float: right;
	margin: 10px 0;	
}

/* GRAVATARS */

.avatar {
	float:left;
	padding: 3px;
	margin: 0 7px 0 0;
	border: 1px solid #ccc;
	background: #fff;
}

.postgrav {
	float: left;
	padding: 3px;
	margin-right: 7px;
	margin-left: 7px;
	border: 1px solid #ccc;
	background: #fff;
}

ol.commentlist li.alt .gravatar{
	border: 1px solid #d9d9fc;
}

/* FEEDs */

ul.feeds-list{
	width: 550px;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
}

ul.feeds-list li{
	font-size: 100%;
	padding: 3px 0;
	margin: 0;
}

ul.feeds-list li h3{
	color: #e7580d;
	margin: 10px 0 5px 0;
}

ul.feeds-list li a{
	color: #003399;
	font-size: 100%;
	text-transform: none;
}

ul.feeds-list li a:hover{
	text-decoration: underline;
}

ul.feeds-list li.entry{
	border-top: 1px dotted #ccc;
}

ul.feeds-nav{
	width: 550px;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
}

ul.feeds-nav li{
	border-top: 1px dotted #ccc;
	font-size: 100%;
	padding: 3px 0;
	margin: 0;
}

ul.feeds-nav li img{
	float: right;
}

/* LINKs */

ul.links-list{
	width: 550px;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
}

ul.links-list li{
	font-size: 100%;
	padding: 3px 0;
	margin: 0;
}

ul.links-list li h2{
	color: #003399;
	margin: 0;
	padding: 0;
}

ul.links-list li h3{
	color: #e7580d;
	margin: 10px 0 5px 0;
}

ul.links-list li a{
	color: #003399;
	font-size: 100%;
	text-transform: none;
}

ul.links-list li a:hover{
	text-decoration: underline;
}

ul.links-list li.entry{
	border-top: 1px dotted #ccc;
}

/* NAV */

ul.nav{
	list-style-type: none;
	margin:3px 0 17px 0;
	padding: 0;
}

ul.nav li{
	color: #39b54a;		
	font-weight: bold;	
	font-size: 100%;
	padding: 0;
	margin: 0;
}

ul.nav li a{
	font-weight: normal;
	text-transform: none;
}

ul.nav li a:hover{
	text-decoration: underline;
}

ul.nav li ul.children{
	list-style-image: url(images/arrow-list.png);
	list-style-type: square;
	margin:0 0 0 17px;
	padding: 0;
}

ul.nav li ul.children li ul.children{
	margin:0 0 0 34px;
}

ul.nav li ul.children li ul.children li ul.children{
	margin:0 0 0 51px;
}

ul.nav li ul.children li ul.children li ul.children li ul.children{
	padding: 0 0 0 68px;
}

/* CONTANT FORM: WPCF */

#wpcf_form{
	margin: 30px;
	font-weight: bold;
	font-size: 100%;
}

#wpcf_form .small{
	text-align: center;
	margin-bottom: 20px;
	color: #e7580d;
}

#wpcf_msg{
	width: 300px;
	height: 200px;
}