/*  
Theme Name: Blogosphera
Theme URI: www.blogosphera.it
Description: blogosphera network
Version: | 
Author: Tommaso Brentari
Author URI: http://www.etymo.com
*/



/* STRUTTURA */

*
{
padding:0;
margin:0;
}

Body {
color:#573803;
background:#4e4e4e url(images/nebula.jpg) repeat;
font: 13px Trebuchet MS;
}



#form {
background:#fff;
padding:15px;
}



a
{
outline:none;
color:#793803;
text-decoration:underline;
}




#panel {
	background: transparent;
	height: 265px;
	display: none;
}
.slide {
	margin:0px auto;
	padding: 0px;
	width: 195px;
	height: 60px;
	border-top: solid 0px #422410;
	background: transparent url(images/bottone.png) no-repeat center top;
}
.btn-slide {
	background: transparent;
	text-align: center;
	width: 144px;
	height: 56px;
	padding: 0px 0px 0 0;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: transparent;
	text-decoration: none;
}
.active {
	
}


#info {
	background: transparent url(images/info.png) no-repeat bottom right;
	width: 185px;
	height: 259px;

}




/* ---------- @ menu -----------*/


#wrapper {
margin:0px auto;
padding-top:10px;
width: 870px;
background:transparent;
}


#header {
margin:0px auto;
padding:0px;
width: 867px;
height:181px;
background: transparent url(images/header.png) no-repeat;
}


#menu {
width: 600px;
background: transparent;
height:20px;
text-transform: uppercase;
margin:0px 0px 0px 0px;
padding:140px 5px 0px 240px;
font-size:16px;

}

#menu ul {

}

#menu ul li {
display:inline;

}


#menu ul li a {
text-decoration:none;
color:#4e4e4e;
padding: 3px 10px 3px 10px;
margin:0px 0px 0px 0px;


}

#menu ul li a:hover {
background-color:#D7DE6F;
color:#fff;
}




#blocchi {
width: 865px;
background: transparent;
background-position:center;
height:265px;
margin-top:10px;
margin-left:15px;
margin-bottom:20px;
}

#blocchi ul {
margin-top:65px;
margin-left:8px;
float:left;
}

#blocchi ul li{
list-style:none;
font-size:90%;
font-weight:normal;
border-top:0px solid #EDE3E3;
text-decoration:none;
margin-right:3px;
margin-left:0px;
margin-top:8px;
}

#blocchi ul li a{
color: #4e4e4e;
text-decoration:none;
display:block;
padding: 0px 5px 3px 14px;
background: transparent url(images/bull.png) no-repeat top left;
}

#blocchi ul li a:hover{
text-decoration:none;
background-color:#ECF3C0;
display:block;
}


#colonna1 {
background: transparent url(images/trento.png) no-repeat;
position:relative;
float:left;
margin-left:10px;
width:186px;
height:261px;
overflow:hidden;
}


#colonna2 {
background: transparent url(images/mountain.png);
position:relative;
float:left;
margin-left:32px;
width:186px;
height:261px;
overflow:hidden;
}

#colonna3 {
background: transparent url(images/wine.png);
position:relative;
margin-right:10px;
margin-left:28px;
float:left;
width:186px;
height:261px;
overflow:hidden;
}

#colonna4 {
background: transparent url(images/garda.png);
position:relative;
float:right;
margin-right:12px;
width:186px;
height:261px;
overflow:hidden;
}


#colonna5 {
background: transparent url(images/community.png) no-repeat;
position:relative;
float:left;
margin-left:10px;
width:186px;
height:261px;
overflow:hidden;
}


#colonna6 {
background: transparent url(images/autori.png);
position:relative;
float:left;
margin-left:32px;
width:186px;
height:261px;
overflow:hidden;
}

#colonna7 {
background: transparent url(images/miwf.png);
position:relative;
margin-right:10px;
margin-left:28px;
float:left;
width:186px;
height:261px;
overflow:hidden;
}

#colonna8 {
background: transparent url(images/gbspecial.png);
position:relative;
float:right;
margin-right:12px;
width:186px;
height:261px;
overflow:hidden;
}


#top {
background: transparent url(images/top.png) top no-repeat;
width: 834px;
height:24px;
margin-top:10px;
margin-left:37px;
margin-bottom:0px;
}

#bottom {
background: transparent url(images/bottom.png) bottom no-repeat;
width: 834px;
height:24px;
margin-left:38px;
}


#contenuto {
width: 834px;
background: transparent url(images/centro.png) repeat-y;
background-position:center;
height:100%;
min-height:515px;
color:#4e4e4e;
margin-top:0px;
margin-left:38px;
margin-bottom:0px;
}

#contenuto p {
padding:14px 14px 14px 18px;
}



#contenuto h2 a {
padding-top:14px;
margin:0px 24px 0px 18px;
display:block;
border-bottom:2px solid;
}

#contenuto h2 a {
color:#aabf34;
text-decoration:none;
}

#contenuto img {
margin: 0px 15px 0px 15px;
padding:8px;
border:2px solid #aabf34;
}

#contenuto a:hover img  {
border:2px solid #4e4e4e;
}

#contenuto a {
color:#6C7B18;
}



#piede {
width: 100%;
background: transparent url(images/piede.png) no-repeat;
height:111px;
margin:0px 0px 20px 27px;
font-size:12px;
display:blocK;
color: #4e4e4e;
}
 
#piede p {
text-align:left;
padding-top:30px;
padding-left:15px;
}


#piedeint {
width: 100%;
background: transparent url(images/piede.png) no-repeat;
height:111px;
margin:10px 0px 20px 43px;
font-size:15px;
display:blocK;
color: #4e4e4e;

}
 
#piedeint p {
text-align:left;
padding-top:45px;
padding-left:15px;
}

#feed {
width: 90px;
height:90px;
background: transparent;
margin:0px 22px 0px 0px;
display:blocK;
float:right;
}


#boxinfo {
width: 400px;
height:610px;
background: #DBE69A;
margin-right:24px;
margin-top:-2px;
float:right;
border: 2px solid #aabf34;
}

#boxinfo p {
color:#6C7B18;
padding: 8px 0px 8px 20px;
margin-left:-10px;
}

#boxmail {
width: 255px;
height:240px;
background: #DBE69A;
margin-top:10px;
margin-left:20px;
border: 2px solid #aabf34;
border-left: 2px solid #aabf34;
padding: 0px 0px 0px 0px;
}


#boxmail p {
color:#6C7B18;
padding:15px 0px 10px 15px;
margin-left:-10px;
}

#boxmail img {
border:0px;
margin:0px 0px 0px 0px;
float:left;
}

#tv {
width:375px;
background: #DBE69A;
margin-top:10px;
margin-left:25px;
border: 2px solid #aabf34;
padding: 0px 0px 0px 0px;
display:block;
float:left;
}

#tv h2 {
margin:10px 0px 0px 15px;

}