/*
Theme Name: Monkey Surf Theme
Theme URI: http://www.monkeysurf.it/
Description: SEI FIERO?? - il super power theme per gli inscimmiati adriatici!
Version: 2.0
Author: Nicola Franchini
Author URI: http://www.veno.it/
Tags: green, random header, fixed width, two columns, widgets

*/


/** CSS - Monkey Surf Theme
==============================================================================*/

* { /* removes defaults from all elements */
margin: 0;
padding: 0;
list-style-type: none;
}

iframe{
float:left;
margin-right:10px;
}

.fb_iframe_widget{
margin:0 auto;
}
.mercatino img{
display:none;
}


h1, h2, h3, h4{
font-weight:normal;
margin:0;
padding:0;
}

h1{
font-size:2em;
}
h2{
font-size:1.4em;
}
h3{
font-size:1.2em;
}
textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

a{
text-decoration:none;
color:#51b529;
}
a:hover{
color:#f8cc33;
}
img{
border:none;
}
.alignleft{
float:left;
margin-right:10px;
}
.alignright{
float:right;
margin-left:10px;
}
body{
/*	
background:url(images/bg2.jpg) bottom left repeat-x #000000;
background-attachment:fixed;
*/
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}


/* BACKGROUND ADVERTISING */
body, html{
	width:100%;
	height:100%;
	border:0;
	margin:0;


}
body{
	background:url(images/ripcurl.jpg) top center no-repeat #000;

	background-attachment:scroll;
}
#bglink{
  display:block;
/*
  height:100%;
*/
border:none;
  width:100%;
  height:1000px;
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  text-indent:-5000em;
  /* If you want to make only a part of background clickable,
     adjust height/width/left/top here. */
}
.left{
float:left;
}
.leftblock{
width:200px;
float:left;
margin-right:20px;
}
.leftblock-lil{
width:120px;
float:left;
margin-right:10px;
}

.right{
float:right;
}
.clear{
clear:both;
}

#header{
width:960px;
float:left;
}

.spacer{
width:100%;
float:left;
height:1px;
border-top:1px dotted #333333;
margin-top:10px;
margin-bottom:4px;
}
#headbanner{
	float:right;
	margin:10px;
	width:690px;
	height:115px;
	background:#000;
}


/*
#page{
width:980px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
*/
#page{
 text-align:left;
  position:relative;
  z-index:10;
  /*
  margin-top:120px;
  */
  margin-left:auto;
  margin-right:auto;
  width:980px;
}
#center{
width:960px;
float:left;
background:#000000;
padding:10px;
/*
margin-top:110px;
*/
}

#content{
width:720px;
float:left;
}

.bbcrumb {
	font-size: 0.9em;
	float:left;
	width:100%;
}

#content img {
width: expression(document.body.clientWidth < 502? "500px" : document.body.clientWidth > 600? "600px" : "auto");
}

.pagetitle{
font-size:2em;
margin-bottom:10px;
margin-left:10px;
}

.item{
background:url(images/box.jpg) top left repeat-x #000000;
width:700px;
float:left;
padding:10px;
line-height:1.8em;
}

.item a{
color:#555555;
}

.item a:hover{
color:#fff;
}

.item img{
margin-right:10px;
margin-bottom:4px;
}

.item p{
margin-bottom:10px;
}

.item .spacer{
margin-bottom:10px;
}

.item h2{
font-size:1.8em;
}

.home-post{
float:left;
margin-left:10px;
width:340px;
}

.home-thumb{
width:350px;
height:225px;
float:left;
background:#000000;
}

.no-thumb{
width:350px;
height:225px;
float:left;
background:url(images/no-pic.jpg) top left no-repeat #000;
}

.navigation{
width:710px;
float:left;
margin:10px 0;
}
.item .postmetadata{
margin:0;
padding:0;
}

#sidebar{
background:url(images/box.jpg) top left repeat-x #000000;
width:210px;
float:right;
padding:10px;
margin-left:10px;
}
#sidebar h2{
text-transform:uppercase;
}

#sidebar .spacer{
margin-top:4px;
}

.galleria{
margin-left:3px;
margin-bottom:3px;
}

.widget{
width:190px;
padding:10px;
float:left;
background:#1a2018;
margin-top:10px;
}

#facebox{
width:190px;
float:left;
background:#d1d1d1;
}

#searchform-box{
float:left;
padding:0 10px 10px 10px;
width:190px;
}

#searchform #s{
width:120px;
margin-left:10px;
}

#searchsubmit, .unmezzo .invia{
width:50px;
height:20px;
background:#51b529;
color:#FFFFFF;
border:none;
float:left;
}

#menu{
width:952px;
float:left;
background:url(images/menu-bg.jpg) top left repeat-x #000000;
margin-top:4px;
margin-bottom:10px;
text-align:center;
text-transform:uppercase;
font-size:14px;
color:#aaaaaa;
padding:4px;
}

#menu li{
display:inline;
background:url(images/slash2.gif) top left no-repeat;
padding-left:16px;
padding-right:0;
margin:0;
}

#menu li.primo{
background:none;
padding-left:0;
}

#menu li a:hover{
background:#51b529;
color:#fff;
}

#video{
background:#1a2018;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
width:450px;
height:370px;
float:left;
padding:10px;
margin-top:10px;
}

#comunicati{
background:#1a2018;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
width:210px;
height:370px;
float:left;
padding:10px;
margin-top:10px;
margin-left:10px;
}

.unterzo, .unterzo-primo, .unterzo-surfcorner, .unterzo-rss{
background:#1a2018;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
width:210px;
height:250px;
float:left;
padding:10px;
margin-top:10px;
line-height:1.4em;
overflow:hidden;

}

.unterzo-surfcorner{
background:url(images/icon_surfcorner.gif) #1a2018 top right no-repeat;
}


.unterzo-rss, .unterzo-primo{
background:url(images/icon_rss.gif) #1a2018 top right no-repeat;
}

.intero{
background:#1a2018;
width:680px;
height:250px;
float:left;
padding:10px;
margin:10px 0;
color:#ffffff;
}

.unmezzo{
width:335px;
float:left;
margin-right:10px;
}
.unmezzo input, .unmezzo-secondo textarea{
width:335px;
background:#222222;
border:none;
color:#cccccc;
}

.unmezzo input{
height:20px;
}

#captchatext{
width:90px;
margin-right:10px;
height:24px;
}

.unmezzo .invia{
margin-top:22px;
}
.unmezzo-secondo{
width:345;
float:left;
}

.unmezzo .left{
margin-top:20px;
}

#blocknews, #blocknews2{
width:210px;
float:left;
}

#blocknews ul li, #blocknews2 ul li{
float:left;
display:block;
width:210px;
margin-bottom:6px;
/*
height:50px;
*/
}
.unterzo, .unterzo-rss{
margin-left:10px;
}

#commentform input{
margin:2px 0;
background:#222222;
border:none;
color:#fff;
}

#commentform #submit{
color:#000;
background:#51b529;
border:none;
margin-top:10px;
padding:4px;
text-transform:uppercase;
}

#respond{
background:#111610;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
width:690px;
padding:10px;
float:left;
}

#comments{
margin-top:30px;
float:left;
}

#comment{
width:680px;
height:50px;
background:#000;
border:none;
margin:10px 0;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
padding:5px;
}

#commentform label.error{
color:#f8cc33;
font-size: 12px;
margin-left: 10px;
background:url('images/cancel.png') no-repeat left;
width:209px;
margin-top:4px;
padding-left:20px;
height:16px;
padding-top:3px;
padding-bottom:3px;
}

.commentlist{
margin-bottom:10px;
float:left;
width:100%;
}

.commentlist li{
padding:10px;
border-bottom:1px dotted #333333;
}

.prevnext{
background:#111610;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
width:670px;
padding:10px;
float:left;
margin:10px 0;
}

.indietro{
background: url(images/prev.gif) top left no-repeat #111610;
float:left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);
padding-left:20px;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
}

.avanti, .nextblack{
float:right;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
}
.avanti{
background: url(images/next.gif) top right no-repeat #111610;
}
.nextblack{
background: url(images/next.gif) top right no-repeat #0a0e0a;
margin-top:20px;
}

.ngg-widget{
float:left;
width:190px;
}

#footer{
float:left;
width:960px;
padding:10px;
background:#000000;
font-size:.9em;
}

/* METEO */
.meteo, .meteo-right{
width:225px;
float:left;
}
.meteo{
margin-right:10px;
}
.meteo li, .meteo-right li{
display:inline;
}
.lamma{
width:225px;
height:174px;
background:url(images/lamma.jpg) top left no-repeat;
float:left;
}

.dhmz{
width:225px;
height:174px;
background:url(images/dhmz.jpg) top left no-repeat;
float:left;
}

.triton{
width:225px;
height:174px;
background:url(images/triton.jpg) top left no-repeat;
float:left;
}

.meteo-home{
width:210px;
height:163px;
background:url(images/meteo.gif) top left no-repeat;
float:left;
}

.wpcf7 p{
margin:0;
}

.fbconnect_head_share{
	margin-bottom: 10px;
	clear:both;
	width:100%;
}

/* HEAD SLIDER */

#slideshow {
    position:relative;
    height:270px;
	float:left;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

.fb-wrap{
float:left;
background:#fff;
width:190px;
}

/* VIDEOGALLERY */

#thumbs{
	width: 700px;
	height:75px;
	overflow: auto; 
	background:#000; 
	margin:0 auto;
	position:relative;
	float:left;
	clear:both;
}
#thumbs ul{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	position:relative;
}
#thumbs ul li{
	display: block;
	float: left;
	background:#CCCCCC;
	width:100px;
	position:relative;
	border-right:1px solid #000;
}
#thumbs ul a{
	display: block; 
	text-decoration: none;
}
.thumb { 
	border: 0; 
	float: left; 
	width: 100px; 
	height: 75px; 
	background:#333333;
	margin-right: 10px; 
}

#embed { 
	background-color: #E7E7DE;
	width:700px; 
	height:400px; 
	float:left; 
}
.descrizione{
	position:absolute;
	top:0;
	left:0;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.7);
	width:90px;
	height:65px;
	padding:5px;
	font-size:11px;
	color:#66CC00;
	line-height:12px;
}