/*
Theme Name: Logopro
Theme URI: http://www.logopro.it/blog
Description: Tema per il nuovo sito Logopro.
Version: 2
Author: Ecmedia
Author URI: http://ec-media.it/
Tags: grey, fixed width, two columns, widgets
Text Domain: logopro

	This theme was designed and built by Elisa Cucco,
	whose website you will find at http://ec-media.it/

	The CSS, XHTML and design are protected by copyright.

*/

body {
	margin:0;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#474747;
	background:#474747;
	text-align:center;
}

/* --------------------------------------------- elementi di uso comune --------------------------------------------- */

a {
	text-decoration:none;
	font-weight: bold;
	color:#474747;
}



a img {
	border:none;
}

p {
	margin:0;
	padding:3px 0 10px 0;
}

h1 {
	margin:0;
	padding:10px 0;
	color:#474747;
	font-weight:normal;
	font-size:35px;
	text-align:left;

}

h2 {
	margin:0;
	padding:7px 0;
	color:#96bf0d;
	font-size:25px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
}
h2 a{
	color:#96bf0d;
}

h3 {
	margin:0;
	padding:3px 0;
	color:#ff8315;
	font-size:14px;
}
h3 a{
	color:#ff8315;
}

h4 {
	margin:0;
	padding:10px 0;
	font-size:12px;
}



/* -------------------------------------------------- classi di uso comune ---------------------------------------------- */

.left {
	float:left;
}

.right {
	float:right;
}

.spacer {
	clear:both;
	height:0;
	width:0;
	overflow:hidden;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}

.padding {
	padding:15px;
}

.hi {
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
}

.row {
	padding:10px 0;
}

.big-title {
	color:#ff8315;
	font-size:30px;
	padding-bottom:10px;
}

/* ------------------------------------ struttura di base comune a tutte le pagine ------------------------------------------ */

#top {
	height:121px;
	text-align:center;
	position:relative;
	z-index:50;
	
}



#center {
	
	color:#2B2B2D;
	min-height:500px;
  	height:auto !important;
  	height:500px;
	text-align:center;
	z-index:0;
	position:relative;
	
	padding-top:20px;
}

#top-content, #bottom-content, #center-content {
	margin:0 auto;
	text-align:left;
	width:900px;
	position:relative;	
	
}

#center-content {
	
	-moz-box-shadow: 2px 2px 5px #363636;
	background-color:#ffffff;
	margin:0 auto;
	text-align:left;
	width:885px;
	position:relative;
	padding:20px 20px 60px 20px;
	-webkit-box-shadow: 2px 2px 5px #363636;
	
}



#top-content,#bottom-content {
	width:925px;
}

/* utility menu -- in alto a destra */

#utility-menu {
	float:right;
	margin-top:10px;
	font-size:12px;
	height:14px;
	padding-right:20px;
}

#utility-menu a {
	color:#ffffff;
	font-weight:normal !important;
}

#utility-menu-2 a {
	color:#ffffff;
	font-weight:normal !important;
}

#utility-menu a:hover,#utility-menu a.current  {
	color:#ff8315;
}

/* fine utility menu */

#logo {
	height:51px;
	width:168px;
	margin-top:24px;
	float:left;
}

#secondary-nav-wrapper{
	width:100%;
	height:40px;
	background: url(../images/pattern.png) repeat;
}

/* footer */

#footer1, #footer2, #footer3 {
	width:200px;
	margin:0 15px;
	text-align:left;
	float:left;
	color:#DDDDDD;
	padding-top:10px;
	font-size:10px;
	border-right:1px solid #333333;
	height:120px;
}

#footer1 {
	font-size:11px;
	line-height:15px;
}

#footer4 {
	float:right;
	color:#666666;
	padding-top:10px;
	font-size:10px;
	padding-right:26px;
	
}

/* fine footer */

/*==============	footer	grande	================*/

div#footer{
	height:199px;
	color: #ffffff;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: normal;
	margin-top:20px;
}

div#contFoot{
	width: 920px;
	margin: auto;
	padding:20px 0px 0px 0px;
	background: url(/images/divisore_footer.png) no-repeat 14px 0;
}

div#contFoot div{
	width: 230px;
	height:150px;
	float:left;
	line-height: 2em;
}

div#contFoot h3{
	font-size: 15px;
	display: block;
	margin: 0px 0px 10px 0px;
}

div#contFoot div a{
	display: block; 
	color: white; 
	font-weight:normal;
	font-size:12px;
}

div#contFoot div a:hover{
	color: #96bf0d; 
}

/*===========	Fine footer	==============*/


#info {
	float:right;
	width:235px;
}

#info ul {
	list-style:none;
	margin:0;
	padding:10px 20px;
}

#info li {
	list-style-type:none;
	margin:0;
	padding:2px 0;
}

#content {
	float:left;
	padding:20px 0 120px 0;
}



.narrowcolumn {
	width:600px;
	line-height: 1.4em;
}

.widecolumn {
	width:900px;
	line-height: 1.6em;
}

#content a {
	color:#96bf0d;
	font-weight:bold;
	text-decoration:none;
}

#content a:hover {
	color:#ff8315;
}

/* box newsletter */

.banner-content-chiaro{
	padding: 0 10px;
	width:223px;
	text-align:center;
	background-color:#a7a9ac;
	color:#ffffff;
	font-weight:bold;
}
.banner-chiaro{
	width:243px;
	position:relative;
	float:right;
	left:26px;
	clear:both;
	margin-bottom:20px;
}
.banner-chiaro-top{
	width:243px;
	height:13px;
	background-image: url(/images/banner/top_lightgray.png);
	position:relative;
	top:1px;
}
.banner-chiaro-bottom{
	width:243px;
	height:8px;
	background-image: url(/images/banner/down_lightgray.png);
}

 .banner-content-chiaro h1{
	color:#ffffff;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	padding: 10px 0;
}

.banner-content-chiaro h3{
	color:#ffffff;
	font-size:16px;
	text-align:left;
	padding:0;
	font-weight:bold;
}

.banner-content-chiaro p{
	color:#ffffff;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	margin:0 !important;
	padding:0 !important;
}

/* fine box newsletter */

#searchform {
	width:245px;
}

#searchform label {
	color:#96bf0d;
	font-weight:bold;
	font-size:12px;
	display:none;
}

#searchform #s {
	width:130px;
	background:#FFFFFF;
	border:1px solid #96bf0d;
	padding: 5px;
	height:17px;
	float:left;
	margin:5px 0;
}

#searchform #searchsubmit {
	background:url(/images/pulsanti/cerca.png) no-repeat 0 0;
	background-position:left center;
	border:0;
	cursor:pointer;
	height:0;
	padding-top:39px;
	width:94px;
	float:right;
}

#searchform {
	margin:10px 0;
}

/* blog */
select {
	width: 130px;
	}

.commentmetadata {
	font-size:9px;
}

#commentform {
	background:#f7f7f7;
	padding:20px 20px 35px 20px;
}

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

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 540px;
	padding: 2px;
	border:1px solid #96bf0d;
	}
#commentform #author {
	padding: 2px;
	border:1px solid #96bf0d;
}
#commentform #email {
	padding: 2px;
	border:1px solid #96bf0d;
}
#commentform #url {
	padding: 2px;
	border:1px solid #96bf0d;
}
#commentform #submit {
	background:url("http://www.logopro.it/images/pulsanti/invia.png") no-repeat 0 0;
	border:0;
	cursor:pointer;
	height:0;
	padding-top:39px;
	width:83px;
}
*html #commentform #submit {
	height:39px;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



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

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

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

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

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

#commentform p {
	margin: 5px 0;
	}

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

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

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

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.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;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
.commentlist .even, .commentlist .alt {

	border-left: 1px solid #ddd;
	padding-left:5px;
}
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.post {
	border-bottom:1px solid #646464;
	padding-bottom:15px;
	margin-bottom:15px;
}

/* MENU */

#primary-nav{
	width:925px;
	height:20px;
	
}

#secondary-nav-wrapper{
	width:100%;
	height:40px;
	background: url(/images/pattern.png) repeat;
}



.clear-top{
	width:925px;
	height:1px;
	clear:both;
}

#primary-nav{
	padding: 20px 0;

}

#primary-nav ul{
	padding: 0;
	margin:0;
	width:925px;
	list-style:none;
}

#primary-nav ul li{
	float:left;
	display:inline;
	height:21px;
	padding:0 13px;
	background: url(/images/divisore_menu.png) no-repeat 0 3px;
}

#secondary-nav ul{
	padding: 0;
	margin:0;
	width:925px;
	list-style:none;
}
#secondary-nav ul li{
	float:left;
	display:inline;
	height:20px;
	padding:6px 10px 0 10px;
	background: url(../images/divisore_menu.png) no-repeat 0 7px;
}

#primary-nav ul li a:hover{
	color:#96bf0d;
}

#primary-nav ul li a{
	font-weight:normal;
	font-size:16px;
	color:#ffffff;
}

#primary-nav-first{
	padding: 0 13px 0 0 !important;
	background:none !important;
}

.primary-nav-current{
	color:#96bf0d;
}

#secondary-nav ul li a:hover{
	color:#ffffff;
}

#secondary-nav ul li a{
	font-weight:normal;
	font-size:13px;
}

.secondary-nav-first{
	background-image:none !important;
}

.secondary-nav-current {
	color:#ffffff !important;
}

.button-top-10{
	position:relative;
	top:10px;
}

.clear-banner{
	width:243px;
	height:1px;
	clear:both;
}
.banner-content-giallo{
	padding: 0 10px;
	width:223px;
	text-align:left;
	background-color:#fff200;
	color:#ffffff;
	font-weight:normal;
	font-size:14px;
}
.banner-content-giallo a{
	font-weight:normal;
}
.banner-giallo{
	width:243px;
	position:relative;
	float:right;
	left:26px;
	clear:both;
	margin-bottom:20px;
}
.banner-giallo-top{
	width:243px;
	height:13px;
	background-image: url(/images/banner/top_yellow.png);
	position:relative;
	top:1px;
}
.banner-giallo-bottom{
	width:243px;
	height:8px;
	background-image: url(/images/banner/down_yellow.png);
}

.banner-content-arancio{
	padding: 0 10px;
	width:223px;
	text-align:center;
	background-color:#f7941e;
	color:#ffffff;
	font-weight:bold;
}
.banner-arancio{
	width:243px;
	position:relative;
	float:right;
	left:26px;
	clear:both;
	margin-bottom:20px;
}
.banner-arancio-top{
	width:243px;
	height:13px;
	background-image: url(/images/banner/top_orange.png);
	position:relative;
	top:1px;
}
.banner-arancio-bottom{
	width:243px;
	height:8px;
	background-image: url(/images/banner/down_orange.png);
}

.banner-content-giallo h1, .banner-content-arancio h1, .banner-content-chiaro h1, .banner-content-scuro h1{
	color:#ffffff;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	padding: 10px 0;
}

.banner-content-giallo h3, .banner-content-arancio h3, .banner-content-chiaro h3, .banner-content-scuro h3{
	color:#ffffff;
	font-size:16px;
	text-align:left;
	padding:0;
	font-weight:bold;
}

.banner-content-arancio p, .banner-content-chiaro p, .banner-content-scuro p{
	color:#ffffff;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	margin:0 !important;
	padding:0 !important;
}

.banner-content-giallo h1, .banner-content-giallo h3, .banner-content-giallo p{
	color:#2b2b2d;	
}
.banner-content-giallo p{
	font-size:16px;
	text-align:left;
	padding: 10px 0;
		font-weight:normal;
}

.tutorial-p {
    font-size: 14px !important;
    font-weight: bold !important;
}