/* --------------------------- COLOR STUFF */



#content a:focus,
#content a:hover,
#content a:active {
color:#008fc7;
}


#container a:link,
#container a:visited,
a:link, 
a:visited {
color: #00386b;
}

#container a:focus,
#container a:hover,
#container a:active {
	color:#006;
border-bottom: 1px #000 dashed;
padding-left: 3px;
}

#commentlist li div {
background-color: #e2ebf1;
border: 1px solid #9ab4ce; 
}

#commentlist li {
border-top: 2px solid #e2ebf1;
}


/* --------------------------- OTHER STUFF */

* {
margin: 0;
padding: 0;
list-style: none;
}

body {
text-align: center;
font: normal 70%/1.4 verdana, arial, sans-serif;
font-family: Arial, Helvetica, sans-serif;
background: white;
background: url(images/background.jpg) repeat-x;
}

a img {
vertical-align: -1px;
border: none;
}

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

div#header {
position: relative;
background: url(images/testata_giardino.jpg) center top no-repeat;*/
margin: 0px 0 6px 0;
padding: 0px;
padding-top: 15px;
height: 100px;
}

#header h1 {
font: normal 3em/1 "Trebuchet MS", verdana, arial, sans-serif;
padding: 0 16px 0.3em 16px;
background: url(boxbottom.jpg) left bottom no-repeat;
}

h1 a:focus,
h1 a:hover,
h1 a:active {
color: black;
}

#header p {
	font-style: italic;
	position: absolute;
	right: 82px;
	top: 0px;
}
a:link, 
a:visited {
text-decoration: none;
border: none;
}


#headbox {
padding-top:  32px;
border: 1px #CCC solid;
padding-top: 32px;
position: relative;
width: 700px;
}

#headbox .container {
width: 330px;
float: left;
padding: 12px 10px;
margin-bottom: -12px;
background: none;
}

.container {
width: 317px;
float: left;
padding: 12px 16px;
margin-bottom: -12px;
background: none;
}


#headbox .container a:{
width: 201px;
float: left;
padding: 12px 16px;
margin-bottom: -12px;
background: none;
}

#contenitore {
border-left: 1px #CCC solid;
border-right: 1px #CCC solid;
}

.containerlive {
width: 690px; 
height: 270px; 
text-align:center;
}



.container h2 {
color: #dd4d13;
border-bottom: 1px dotted #C00;
font: normal 1.3em/1.5 "Trebuchet MS", verdana, arial, sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 0.5em 0;
font-size: 16px;
}

#headbox #boxbottom {
clear: both;
border: none;
height: 2px;
border-bottom: 1px #CCC solid;
border-left: 1px #CCC solid;
border-right: 1px #CCC solid;
}

#content a:link,
#content a:visited {
text-decoration: none;
}

#content {
	background:url(images/box_centrale_2_giardino.jpg) top center no-repeat;
	margin: 6px 0 6px 5px;
	padding: 40px 0 0 0;
	width: 588px;
	border: 1px solid #DEDEDE; 
}

#palinsesto {
	margin-top: 15px;
padding: 15px 5px 15px 5px;
background: url(fondo_box_palinsesto.jpg) top left no-repeat;
margin-bottom: 15px;
}

#palinsesto p.titolo {
padding-left: 100px;
font-size: 24px; 
color: #FFF;
text-transform: uppercase;
}

#palinsestointerno {
	margin: -5px 0 5px 0;
	height: 120px;
	overflow: auto;
}

#palinsestointerno ul li {
	font-size: 13px;
	padding: 5px 10px;
	
	border-bottom: 1px #039 dashed;
}
#palinsestointerno2 {
	margin: -5px 0 5px 0;
	height: 190px;
	overflow: auto;
}

#palinsestointerno2 ul li {
	font-size: 13px;
	padding: 5px 10px;
	border-bottom: 1px #039 dashed;
}

#content ul, ol {
margin-left: 22px;
}

#content ul li {
list-style: square;
}

#content ol li {
list-style: decimal;
}


blockquote {
margin: 0 0 0.5em 10px;
padding: 0 0 0 10px;
border-left: 1px solid #999;
}




#content h2 {
font: bold 2em/1.1 "Trebuchet MS", verdana, arial, sans-serif;
margin: 0 0 0.3em 0;
font-size: 16px;
}

h2.titolo a:link,
h2.titolo a:visited{
font-size: 22px;
font-weight: normal;
color: #0572af;
margin: 20px 0 20px 0px;
}



#content h3 {
font: bold 1.5em/1.1 "Trebuchet MS", verdana, arial, sans-serif;
margin: 0 0 0.5em 0;
}

#content h4 {
font: bold 1em/1.3 verdana, arial, sans-serif, sans-serif;
}

p {
padding-bottom: .75em;
}



p.author {
border-top: 1px dotted #d9edf9;
clear: both;
width: 569px;
margin-bottom: 1.2em;
padding-top: 0.4em;
}



.audiobox {
float: right;
width: 200px;
margin-right: 3px;
}

#content dd {
padding: 0 0 0 12px;
}
#content dt {
font-weight: bold;
}

#prevnext {
text-align: center;
padding: 5px 0px;
width: 584px;
}

#prevnext p {
margin: 0;
padding: 0;
font-weight: bold;
}

#footer {
background: url(images/fondo_footer.jpg) top repeat;
text-align: center;
padding-bottom: 12px;
padding-top: 60px;
}


/* --------------------------- COMMENTING STUFF */

h2#commentheadline {
margin-top: 20px;
font-size: 16px;
}

#commentlist h4 {
margin: 5px 0 7px 0;
}

ol#commentlist {
list-style: none;
}

ol#commentlist li {
width: 400px;
overflow: hidden;
margin: 0 0 1.5em 0;
list-style: none;
}

#commentlist li div {
float: left;
width: 150px;
padding: 6px;
margin-right: 10px;
}

form {
border-top: 1px dotted black;
padding-top: 1.2em;
margin-top: 1.2em;
width: 577px;
}

div.input {
width: 192px;
float: left;
}

label {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}

div.input input {
width: 182px;
}

div#spamquestion {
padding: 8px 0 0 0px;
margin: 0 0 -14px 0;
float: left;
}

div#spamquestion input {
width: 218px;
}


div#message {
width: 320px; 
float: left;
margin-top: 1.2em;
}

div#message textarea {
width: 310px;
height: 120px;
}

div#file {
float: left;
margin-top: 1.2em;
}

div#file input {
width: 250px;
}

div#buttons {
float: left;
margin-top: 35px;
overflow: hidden;
}

div#buttons input {
width: 160px;
float: left;
}

#nav-main {
	margin-top: 75px;
  height: 10px;
  float: right;
 /* background: transparent url(../images/nav-main.gif) repeat-x;*/
}

/*-Main Nav Buttons-*/
#nav-main ul {
  list-style-type: none;
  width: auto;
  display: block;
  Margin: 0 auto;
}

#nav-main li {
  display: inline;
  width: auto;
  border-right: 1px solid #e7e7e7;
  float: left;
  padding: 2px 0px;
  margin: 4px 2px 0px 2px;
  text-align:center;
  padding-right: 4px;
}


#nav-main li a {
  font-size: 11px;
  color: #FFF;
  font-weight: bold;
}

#nav-main li a:hover {
  font-size: 11px;
  color:#FF9;    
}


#colonna_sx {
	background-color: #ecf5fa; 
	width: 190px;
	padding: 4px;
	margin: 5px 5px 0 0; 
	float: left;
	border: 1px solid #bdddec;
}

#colonna_dx {
	background:#f9f7ea url(images/box_colonna_dx_audioblog_giardino.jpg) top center no-repeat;
	width: 190px;
	padding: 4px;
	margin: 5px 0 0 5px; 
	float: right;
	border: 1px solid #f1ecc6;
}


#colonna_dx p {
	color: #0075b2;
}

#colonna_dx h4 {
	margin: 2px 0px 30px 60px;
	font-size: 18px;
	color: #FFF;
}

#colonna_dx h2 {
	margin: 10px 5px 10px 0;
	font-size: 12px;
	color: #047aba;
	border-bottom: 1px dotted #2294c1;	
}

#colonna_dx h5 {
	margin: 5px 0 5px 0;
	color: #FFF;
	font-size: 16px;
	color: #047aba;
	border-bottom: 1px dotted #2294c1;
}


#colonna_dx ul {
	list-style: none;
	margin-bottom: 15px;
}


#colonna_dx ul li{
	padding-left: 20px;
	background:url(images/bullet_giardino.jpg) top left no-repeat;
}


#colonna_dx ul li a{
	margin-top: 5px;
	padding: 0px 0 2px 5px;
	display: block;
	border-bottom: 1px dotted #dddac7;
}

#colonna_dx ul li a:hover{
	color: #2294c1;
}



#destra {
	width:700px;
}


#aree {
	background:url(images/box_centrale.jpg) top center no-repeat;
	border: 1px solid #DEDEDE; 
	position:relative; 
	width: 588px; 
	overflow:auto;
	padding-top: 40px;
	margin-bottom: 15px;
}

.sotto_aree {
	width: 274px; padding: 5px 10px; float:left
}

.sotto_aree h2 {
	color:#017abf;
	border-bottom: 1px dotted #039 ;
	font: normal  "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0 0 0.5em 0;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#maxi {
	width:800px; 
	padding-left: 200px;
}

.posting {
	background:url(images/ondine_giardino.jpg) top left no-repeat;
	overflow: auto;
	padding: 10px 0 2px 5px;
	color: #03386e;
	border-bottom: 1px dashed #BCBCBC;
	width: 578px;
	margin-left: 2px;
}

.box {
	float: left;
	width: 560px;
	padding-right: 18px;
	padding-bottom: 15px;
	font-size: 12px;
}

#content h2.titolo {
font-size: 22px;
font-weight: normal;
color: #0572af;
margin: 0px 0 20px 40px;
padding-top: 10px;
}
