@charset "utf-8";

/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
fieldset, input, textarea{vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
html { font-size:100%; }

/* MAIN STRUCTURE STYLES  */
body { min-width:960px; font: 14px/20px Helvetica, "Helvetica Neue", Arial, sans-serif; background:#fff url(/images/structure/bck.jpg) no-repeat fixed center 40px; }


html, body { height: auto; height: 100%; min-height: 100%; max-height: 100%; }

/* HEADINGS  */
h1, h2, h3, h4, h5, h6 { text-align:left; font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size:30px;line-height:30px; color:#00; }
h2,h2 a,h2 a:link,h2 a:visited { font-size:15px; line-height:20px; letter-spacing: 0; font-variant: normal; color:#fff; text-transform: uppercase; }
h3 { font-size:13px; margin-bottom:7px; line-height:13px; font-variant: normal; text-transform: uppercase; letter-spacing: 0; color:#000; }
h4 { font-size:13px; margin-bottom:25px; line-height:16px; font-variant: normal; text-transform: uppercase; font-weight:bold; color:#000; }
h5 { font-size:12px; margin-bottom:10px; line-height:13px; text-transform: uppercase; }
h6 { font-size:10px; margin-bottom:10px; line-height:10px; }

p { color:#5F5F5F; font-size: 15px; line-height: 20px; margin-bottom:10px; margin-top:10px; }

/* TYPOGRAPHY  */
a { text-decoration:none; color:#000; outline:none;}
a:link { text-decoration:none; color:#000; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; color:#00CC00; }
a:active { text-decoration:none; }
strong { font-weight:bold; }

em { font-style:italic; font-weight:inherit; }

.amp { /* Give those ampersands a right sexy look */ font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style:italic; font-weight:normal; line-height:inherit; }
abbr { border-bottom:1px dotted #666; border-color:inherit; cursor:help; }

img { font-size:10px;/*border:solid 1px #E6E6E6; padding:10px; background-color:#fff; */ }
img:hover { /*background-color:#333;*/ }

/* LIST STYLES */
hr{display:none;}

/* This needs to be first because FF3 is now supporting this */
.cleared { display: inline-block; }
.cleared:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cleared { height: 1%; }
.cleared { display: block; }
/* End hide from IE-mac */

.noborder { border:none; }
.align-left { float:left; }
.align-right { float:right; }


/* -------------- STRUCTURE -------------- */
.wrap{ position:relative; width:960px; margin: 0px auto; }
#column-440{ width:440px; position:relative; }
#column-640{ width:640px; position:relative; }
#column-320{ width:320px; position:relative; }
#column-520{ width:520px; position:relative; }
#column-440 div.bck-right,#column-520 div.bck-right{ min-height:650px;}
.col-220{width:220px;}
.col-270{width:270px;}
.col-180{width:180px;}
.col-160{width:160px;}
.col-240{width:240px;}
.col-340{width:340px;}
.col-260{width:260px;}


/* -------------- MISC-------------- */

.label-big {  display:block;position:relative; margin-left:-10px; padding-bottom:10px; background: url(/images/structure/piega-left.gif) no-repeat left bottom;min-height:40px;}
.label-big .label-sub{position:relative;  background: #282828; padding:10px;position:relative;display: -moz-inline-block;display: inline-block; /*IE FIX*/zoom: 1;*display: inline;}
.label-small { display:block;position:relative; margin-left:-10px; padding-bottom:10px; background: url(/images/structure/piega-left.gif) no-repeat left bottom;}
.label-small .label-sub{position:relative;  background: #282828; padding:5px;position:relative;font-size:9px;line-height:10px;text-transform:uppercase;display: -moz-inline-block; display: inline-block; /*IE FIX*/zoom:1;*display: inline;}
span.label-sub span{color:#FFF}
.bck-220{ background: url(/images/structure/separator-dot-vert.gif) repeat-y 220px top; }
.bck-520{ background: url(/images/structure/separator-dot-vert.gif) repeat-y 520px top; }

.bck-30{ background: url(/images/structure/separator-dot-vert.gif) repeat-y 29px top; }
.bck-380{ background: url(/images/structure/separator-dot-vert.gif) repeat-y 340px top; }
.bck-right{ background: url(/images/structure/separator-dot-vert.gif) repeat-y right top; }
.bck-left{ background: url(/images/structure/separator-dot-vert.gif) repeat-y left top; }
.bck-white{background-color:#FFF !important;}
.month{color:#00CC00;}
.side{margin-top:40px;}
.min-head{margin-left:20px;margin-top:20px;}
.right-trigger{ position:absolute; right:20px; top:0; font: 11px/30px Arial, Helvetica, sans-serif; }
#column-440 div.bottom{position:absolute;bottom:0;width:420px;}
#column-520 div.bottom{position:absolute;bottom:0;width:500px;}
.hide{display:none;}
.grey{ color: #999; }
.the-excerpt p:first-letter{text-transform:uppercase;}

/* -------------- HOMEPAGE -------------- */
#homepage #column-520{ margin-top:-10px; border-top: 1px solid #dedede;  }
#homepage strong.categoria a{ color: #CCC; font: 11px Arial, Helvetica, sans-serif; }
#emotion-home {position:relative;border-bottom: 1px solid #dedede;height:300px;}
#emotion-home ul {position:absolute;right:-10px;z-index:10;top:20px}
#emotion-home ul li { padding-bottom:10px; background: url(/images/structure/piega-right.gif) no-repeat right bottom; }
#emotion-home ul li a {display:block;line-height:30px;text-transform:uppercase;font-size:11px;background:#282828;color:#FFF;width:30px;text-align:center;}

#emotion-home ul li.ui-tabs-selected a{ background:#00CC00; }
#emotion-home div.ui-tabs-hide{display:none;}
#emotion-home div.label-big{bottom:20px;position:absolute;}
#emotion-home div.emotion-panel {position:relative;height:300px;}
#emotion-home div.emotion-panel a {display:block;margin:0;padding:0;}
#emotion-home div.emotion-panel strong.categoria a {display:inline;}
#emotion-home div.emotion-panel strong.comment-count a{position:absolute;display:block; background: url(/images/icone/bubble-grey.gif) no-repeat left center;padding-left:15px;top:5px;right:10px;font-size:11px;font-weight:normal;color:#666;}
#emotion-home div.emotion-panel strong.comment-count  a span{display:none;}
#homepage div.min-box{position:relative;}
#homepage div.min-box div.entry { margin-top:20px;position:relative;border-bottom:solid 1px #dedede; min-height:99px;padding-left:160px;padding-bottom:20px;}

#homepage div.min-box div.entry span.label-small{top:60px;position:absolute;left:0;}
#homepage div.min-box div.entry span.label-sub a{color:#CCC;}
#homepage div.min-box div.entry img {position:absolute;left:0px;top:0;}
#homepage div.min-box div.entry p {font-size:11.5px;padding-right:20px;}
#homepage div.min-box div.entry ul {position:absolute;bottom:20px;}
#homepage div.min-box div.entry ul li {float:left;font-size:11px;line-height:11px;padding-right:10px;}
#homepage div.min-box div.entry strong.comment-count a{position:absolute;display:block; background: url(/images/icone/bubble.gif) no-repeat left center;padding-left:15px;bottom:15px;right:30px;font-size:11px;font-weight:normal;color:#666;}
#homepage div.min-box div.entry strong.comment-count  a span{display:none;}
#homepage div.min-box div.entry li.icon-tags{display:none;}
#homepage div.col-340{margin-left:1px;width:339px;}
#homepage div.min-box  p.right-trigger {margin-bottom:0;top:0px;}
#homepage div.min-box  h3.min-head,#homepage div#tag-cloud  h3.min-head{margin:0px;padding-top:20px;padding-left:20px;}
#homepage div#tag-cloud {border-top:none;border-bottom:solid 1px #dedede;padding-bottom:10px;padding-right:60px;}

/* -------------- PRE HEADER -------------- */
#pre-header{background:#282828;height:40px;}
#pre-header ul{padding-top:10px;padding-bottom:5px;}

#pre-header ul li{ float:left; background: url(/images/structure/separator.gif) repeat-y right top; padding-left:10px; padding-right:10px; color:#B2B2B2;}
#pre-header ul li.last{background:none;}
#pre-header ul li a{display:block;line-height:20px;color:#B2B2B2;text-transform:uppercase;font-size:10px;}
#pre-header ul li a strong{color:#fff;}
#pre-header ul li a#rss-icon{ color:#FF9933; background: url(/images/icone/rss-icon.gif) no-repeat right center; padding-right:16px;}
#pre-header ul li a#icon-search{ background: url(/images/icone/search.gif) no-repeat left center;padding-left:14px;}


/* -------------- LOGO  -------------- */
#logo{position:absolute;top:-40px;right:50%;margin-right:-480px;padding:0;height:140px;z-index:10;}
#logo a{ position:relative;z-index:10;display:block; width:180px; height:140px; background: url(/images/logo-surfinitaly.png) no-repeat left bottom;}
#logo a span{display:none;}

/* -------------- NAVIGATION  -------------- */
#navbar {height:100px;position:relative;}
#navbar ul{ background: url(/images/structure/separator-dot-oriz.gif) repeat-x left bottom; height:60px;margin-right:200px; } 
#navbar li { float:left; margin-top:10px; background: url(/images/structure/separator.gif) repeat-y right top; }
#navbar li a{  display:block; margin-left:20px; margin-right:20px; text-transform:uppercase; letter-spacing: 0; min-width:80px; text-align:center; font: bold 13px/40px Georgia, "Times New Roman", Times, serif; }
#navbar li.current a{text-decoration:none; color:#00CC00;}
#navbar li.first a{margin-left:0px;}
#navbar li.last{background:none;}

/* --------------SEARCH -------------- */
#searchmenu{position:absolute;top:10px;left:0px;z-index:10;}

#searchmenu div.searchmenuwrapper{ position:relative; background: url(/images/structure/share-tabs-black.gif) no-repeat left top; z-index:15; padding-top: 50px; margin-top:-50px;height:1%;z-index:10;}
#searchmenu div.searchmenuwrapper div { position:relative; padding-top:5px; background:#fff; border-left: 1px solid #dedede;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;padding:10px; }

#searchmenu input#s { background:url(/images/structure/form-bck.gif) repeat-x left top; width:150px; padding:5px; margin:5px 0px; border-top: 1px solid #BFBFBF; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; border-left: 1px solid #BFBFBF; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
#searchmenu input#searchsubmit {margin-left:10px; width:70px; background:url(/images/structure/button-small.png) no-repeat center center; text-align:center; font-size:12px; color:#333; line-height:20px; border:none;height:40px;cursor:pointer;}




/* --------------TWITTER -------------- */
#twitter p {font-size:11px;padding:10px;}
.follow-on-twitter{margin-top:40px;font-size:11px;}
#twitter ul{padding-top:20px;}
#twitter li{ position:relative; background:url(/images/structure/box-list-bck.png) no-repeat 1px -130px; padding:10px; font-size:11px; line-height:15px; margin-bottom:5px;padding-right:10px; }


/* -------------- LISTS  -------------- */
.article-list{padding-top:20px;padding-bottom:15px;}
.article-list li { position:relative; background:url(/images/structure/box-list-bck.png) no-repeat 1px -130px; padding:10px; padding-top:35px; *padding-top:40px; font-size:11px; line-height:15px; margin-bottom:5px; min-width:180px; }
.article-list li.imagethumb {padding-left:90px;}
.article-list li.imagethumb img.thumb {position:absolute;left:0;top:0;}
.article-list li.over {cursor:pointer;background-position: 1px 0px;}

.article-list li .label-small {position:absolute;top:10px;left:0;color:#CCC;}
.article-list li .post-det {position:absolute;top:15px;left:55px;line-height:15px;}
.article-list li.imagethumb .post-det {left:90px;}
.article-list li br{display:none;}
.article-list li a,.article-list li a:link, .article-list li a:visited { font:11px/15px Arial, Helvetica, sans-serif !important; color: #525252; margin:5px 0 0; display:block; }
.article-list li .post-title a:hover {color:#00CC00; text-decoration:underline;}

.thumb-list{padding-top:20px;padding-bottom:15px;}
.thumb-list li { position:relative;font-size:11px; line-height:15px; margin-bottom:5px;min-height:60px; }
.thumb-list li img.spot-image {margin-right:10px;float:left; }
.thumb-list li span.label-small {position:absolute;top:10px;left:0;}
.thumb-list li span.label-sub{color:#CCC;}
.thumb-list li span.spot-rating{display:block;margin-bottom:5px;}
.thumb-list li .post-det {display:block;line-height:15px;color:#999;}
.thumb-list li a.spot-title{font-weight:bold;font-size:11px;}
.thumb-list li .post-title {position:relative; top:0px; left:5px;}
.thumb-list li .post-title a:link, .thumb-list li .post-title a:visited { padding-right:0px; margin:10px 0 0; padding-left:4px; font:11px/15px Arial, Helvetica, sans-serif !important; }
.thumb-list li .post-title a:hover {color:#00CC00; text-decoration:underline;}

.entries-list{padding-top:20px;padding-bottom:10px;}
.entries-list div.entry { position:relative;margin-bottom:20px;border-bottom:solid 1px #dedede; min-height:119px;padding-left:160px;padding-bottom:30px;}
.entries-list div.entry.over { cursor:pointer; }
.entries-list div.entry p {font-size:12px;padding-right:15%;}
.entries-list div.entry h3 {min-height:25px;}
.entries-list div.entry img {position:absolute;top:0;left:1px;}
.entries-list div.entry .label-small {position:absolute;top:10px;left:0;font-size:11px;color:#CCC;}
.entries-list div.entry ul {position:absolute;bottom:20px;}
.entries-list div.entry ul li {float:left;font-size:11px;line-height:11px;padding-right:10px;}
.entries-list div.entry strong.comment-count a{position:absolute;display:block; background: url(/images/icone/bubble.gif) no-repeat left center;padding-left:15px;bottom:15px;right:30px;font-size:11px;font-weight:normal;color:#666;}
.entries-list div.entry strong.comment-count  a span{display:none;}

.entries-list-right{padding-top:20px;padding-bottom:10px;}
.entries-list-right div.entry { position:relative;margin-bottom:20px;border-bottom:solid 1px #dedede; min-height:119px;padding-right:160px;padding-left:25px;padding-bottom:30px;}
.entries-list-right div.entry p {font-size:12px;}
.entries-list-right div.entry img {position:absolute;right:1px;top:0;}
.entries-list-right div.entry h3 {min-height:25px;}

.entries-list-right div.entry ul {position:absolute;bottom:20px;}
.entries-list-right div.entry ul li {float:left;font-size:11px;line-height:11px;padding-right:10px;}
.entries-list-right div.entry strong.comment-count a{position:absolute;display:block; background: url(/images/icone/bubble.gif) no-repeat left center;padding-left:15px;bottom:15px;right:160px;font-size:11px;font-weight:normal;color:#666;}
.entries-list-right div.entry strong.comment-count  a span{display:none;}

.entries-list-right div.entry span.label-small{ position:absolute; right:-9px;  background: url(/images/structure/piega-right.gif) no-repeat right bottom;}
.entries-list-right div.entry span.label-sub{text-align:right;color:#CCC;}

.archive-list {padding-top:20px;padding-bottom:10px;padding-left:30px;height:1%;}
.archive-list li  { display:block;position:relative; margin-left:-10px; min-height:35px;background: url(/images/structure/piega-left.gif) no-repeat left 26px;text-align:right;margin-bottom:10px;}
.archive-list li a{ position:absolute; display:block;background: #282828; display: block; padding:5px; color: #CCC; font: 12px/15px Arial, Helvetica, sans-serif;top:0;left:0; }
.archive-list ul li  { display:block;position:relative; margin-left:15px; min-height:35px;background: none;text-align:right;margin-bottom:10px;margin-top:10px;}
.archive-list ul li a{ position:absolute; display:block;background:transparent; display: block; padding:5px; color: #333; font: 11px/15px Arial, Helvetica, sans-serif;left:0;top:0; }


.links-list{padding-top:20px;padding-bottom:10px;height:1%;}
.links-list h3{padding-left:20px;padding-bottom:20px;}
.links-list ul{margin:0;padding:0;}
.links-list ul.xoxo li  { display:block;position:relative; margin-left:-10px; min-height:35px;background: url(/images/structure/piega-left.gif) no-repeat left bottom;text-align:right;margin-bottom:10px;}
.links-list ul.xoxo li a{ position:absolute; display:block;background: #282828; display: block; padding:5px; color: #CCC; font: 12px/15px Arial, Helvetica, sans-serif;top:0;left:0; }




/* -------------- TEXT CONTENT -------------- */
.text-content h3,.text-content h1,.text-content h2,.text-content h4,.text-content h5{padding-top:20px;padding-left:20px;}
.text-content p,.text-content ul,.text-content ol{padding-left:20px;}
.text-content p{margin-right:30%;}
.text-content ol,.text-content ul{margin-right:20%; margin-left:20px;}
.text-content li{  list-style: square; }

.text-content ul.article-list li{  list-style: none; }
.text-content{padding-bottom:40px;}
.text-content img{max-width:480px;margin-top:10px;margin-bottom:10px;}
.text-content span img, .text-content div.ngg-galleryoverview img{margin:0;}
.text-content object{width:480px;max-width:480px;min-width:480px;margin-top:10px;margin-bottom:10px;}

/* -------------- TOOLS -------------- */
.tools {padding-left:10px;padding-top:10px;padding-bottom:10px;position:relative;}
.tools li{ float:left; background: url(/images/structure/separator.gif) repeat-y right top; margin-left:10px; padding-right:10px; font: normal 11px/30px Arial, Helvetica, sans-serif; color: #666; }
.tools li.last{ background-image:none; }

/* -------------- ARCHIVES -------------- */
#archives #column-520{margin-top:-10px;padding-bottom:9px;}
#archive #column-520{margin-top:-10px;padding-bottom:9px;}
#archives-video #column-520{margin-top:-10px;padding-bottom:9px;}

#tag-cloud {border-top: 1px solid #dedede;}
#tag-cloud p{padding-left:20px;line-height:22px;}
#the-tags a,#tag-cloud a{ background: #EBEBEB; text-transform: uppercase; padding:2px; padding-left:4px; padding-right:4px; display:inline-block;margin-bottom:3px;line-height:16px;}

body.home #the-tags a,body.home #tag-cloud a{ background:none;}


/* -------------- VIDEO PAGE-------------- */
#video-single #column-640{ margin-top:-10px; border-top: 1px solid #dedede;  }

#video-single p.single-date{ position:absolute; top:-35px; right:20px; margin:0; padding:0;  font: 11px Arial, Helvetica, sans-serif; }
#video-single div.label-sub{width:390px;overflow:hidden;}

#video-single div.text-content{min-height:120px;}

/* -------------- ARTICLE-------------- */
#article-single #column-520{ margin-top:-10px; border-top: 1px solid #dedede;  }
#article-single strong.categoria a{color: #CCC; font: 11px Arial, Helvetica, sans-serif;padding-left:0;background:none; }
#article-single p.single-date{ position:absolute; top:-35px; right:20px; margin:0; padding:0; font: 11px Arial, Helvetica, sans-serif; }
#article-single div.label-sub{width:390px;overflow:hidden;}
#article-single div.text-content{margin-top:60px;}
#the-tags{ padding:20px; font: 11.5px Arial, Helvetica, sans-serif;line-height:22px; }

/* -------------- PAGE-------------- */
#page-single #column-520{ margin-top:-10px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }

/* -------------- ABOUT US------------- */
#page-single-about #column-520{ margin-top:-10px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#page-single-about div.text-content{ background: url(/images/monsters/monster_4.gif) no-repeat right bottom; padding-bottom: 100px; }


/* -------------- CONTACTS------------- */
#page-contacts #column-520{ margin-top:-10px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#contactform-container{padding:20px;}
#contactform-container input, #contactform-container textarea, #contactform-container select{ background:url(/images/structure/form-bck.gif) repeat-x left top; width:95%; padding:5px; margin:5px 0px; border-top: 1px solid #BFBFBF; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; border-left: 1px solid #BFBFBF; font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
#contactform-container input.submit { width:200px; background:url(/images/structure/button-big.png) no-repeat center center; text-align:center; font-size:12px; color:#333; line-height:20px; border:none;height:40px;cursor:pointer;}

/* -------------- COMMENTS -------------- */
.comment-list-container {  border-bottom: 1px solid #dedede;border-top: 1px solid #dedede; margin-top:20px;position:relative;margin-left:1px;}
.comment-list-container form#commentform{padding:20px;}
.comment-list-container form#commentform p{font-size: 12px; line-height: 20px; }
.comment-list-container form#commentform p small{color:#999; }
.comment-list-container input, .comment-list-container textarea { background:url(/images/structure/form-bck.gif) repeat-x left top; width:95%; padding:5px; margin:5px 0px; border-top: 1px solid #BFBFBF; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; border-left: 1px solid #BFBFBF; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
.comment-list-container input.submit { width:220px; background:url(/images/structure/button-big.png) no-repeat center center; text-align:center; font-size:12px; color:#333; line-height:20px; border:none;height:40px;cursor:pointer;}
.comment-list-container #respond{position:relative;}
.comment-list-container div#respond p.right-trigger{margin-top:0px;display:block; font: normal 10px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; background: url(/images/icone/back-to-top.gif) no-repeat right center; padding-right: 15px;}
.comment-list {padding-top:20px;}
.comment-list li{ position:relative; padding-left:80px; border-bottom: 1px solid #dedede; padding-bottom:10px;margin-top:20px;min-height:80px;}
.pinglist li{ position:relative; padding-left:20px; border-bottom: 1px solid #dedede; padding-bottom:10px;margin-top:20px;font-size:11px;padding-right:20px;}
.pinglist li p{ font-size:11px;}

.comment-list li span.label-small{position:absolute;top:50px;left:0;}
.comment-list li span.label-sub{color: #CCC; line-height: 20px;padding-bottom:0;padding-top:0; }
.comment-list li span.label-sub a{ color: #CCC;  }
.comment-list li div.comment-text p{ padding-right:15%; font: 12px/16px Arial, Helvetica, sans-serif; }
.comment-list li  img.avatar{position:absolute;top:0;left:0;}
.comment-list div.comment-meta { font: 11px/11px Arial, Helvetica, sans-serif;margin-bottom:9px;}

/* -------------- NGG -------------- */
.ngg-galleryoverview{ border-top: 1px solid #dedede; padding:10px;padding-top:20px;padding-bottom:20px;margin-top:20px;}
.ngg-galleryoverview h3{padding-bottom:20px;}
.ngg-gallery-thumbnail{display: -moz-inline-block;display:inline-block;/*IE FIX*/zoom:1;*display: inline;}
.ngg-gallery-thumbnail-box{padding:10px;display: -moz-inline-block;display:inline-block;/*IE FIX*/zoom:1;*display: inline;}

/* -------------- ARTICLE SHARE-------------- */
#share-social-tab { position:relative;padding-left:10px;padding-right:10px;height:1%;} 
#share-social-tab div.microwrapper{ position:relative; background: url(/images/structure/share-tabs.gif) no-repeat left top; z-index:15; padding-top: 50px; margin-top:-50px;height:1%;}
#share-social-tab ul{ position:relative; padding-top:5px; background:#FFF; border-left: 1px solid #dedede;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;padding-top:5px;padding-bottom:5px; }
#share-social-tab li {float:left;margin-right:10px;background: url(/images/structure/separator.gif) repeat-y left top; padding-left:15px;margin-right:0;margin-bottom:5px;min-width:100px;margin-top:5px;}
#share-social-tab li a { display:block; color:#666; padding-left:25px; font: 11px/20px Arial, Helvetica, sans-serif; }
#share-social-tab li.digg a {background:url(/images/icone/digg.gif) left center no-repeat;}
#share-social-tab li.facebook a {background:url(/images/icone/facebook.gif) left center no-repeat;}
#share-social-tab li.linkedin a {background:url(/images/icone/linkdin.gif) left center no-repeat;}
#share-social-tab li.delicious a {background:url(/images/icone/delicious.gif) left center no-repeat;}
#share-social-tab li.twitter a {background:url(/images/icone/twitter.gif) left center no-repeat;}
/*#share-social-tab li.twitter {background:transparent;}*/
#share-social-tab li.myspace a {background:url(/images/icone/myspace.gif) left center no-repeat;}

#fan-social {border-top:solid 1px #dedede;padding:10px;padding-left:20px;padding-right:20px;position:relative;}
#fan-social p.follow-on-twitter {position:absolute;right:20px;top:20px;margin:0;padding:0;}

/* -------------- PAGINATOR -------------- */
.paginator{margin-left:1px;border-top:solid 1px #dedede;border-bottom:solid 1px #dedede;text-align:right;line-height:38px;padding-left:20px;}
.paginator span.pagenavcurrent,.paginator a.pagelink{display: -moz-inline-block;display:inline-block;zoom: 1;*display: inline;border-left:solid 1px  #dedede;border-right:none;padding-left:12px;padding-right:12px;text-align:center;}
.paginator .pagenav{position:absolute;left:20px;}
.paginator span.pagenavcurrent{color:#CCC;}
.paginator div.align-right{padding-right:20px;}

/* -------------- MONSTER SKETCHES -------------- */
.monster-articles { width:245px; height:200px; background:url(/images/monsters/magazine%20archive.gif) no-repeat left top; margin-left:-20px; position:relative; margin-top:-20px; }
.monster-wave01 {position:absolute; width:260px; height:240px; background:url(/images/monsters/monster_wave01.png) left top no-repeat;}
.monster-waxing{ width:143px; height:149px; background:url(/images/monsters/monster_11.gif) no-repeat left top; }
.monster-article{width:169x; height:145px;  background: url(/images/monsters/monster_3.gif) no-repeat right bottom; }
.monster-home{ background: url(/images/monsters/monster_6.gif) no-repeat left bottom; position:relative; height:170px; padding:0; margin-top:-20px; margin-left:-30px; }
.monster-video{ background: url(/images/monsters/monster_video.gif) no-repeat left top; height: 200px; width: 155px; position:absolute; left:-20px; top:480px; z-index:10; }
.monster-spot-locator{ background: url(/images/monsters/monster_10.gif) no-repeat right bottom;  }
.monster-riders{ background: url(/images/monsters/monster_grooving.gif) no-repeat left top; height: 200px; width: 170px; position:absolute; left:-20px; top:480px; z-index:10; }

/* -------------- FOOTER -------------- */
p#back-to-top{ float:right; }
p#back-to-top a{ display:block; font: normal 10px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; background: url(/images/icone/back-to-top.gif) no-repeat right center; padding-right: 15px; }

#footer{margin-top:50px; padding-bottom:5px; position:relative;height:160px;}
#footer #footer-logo {position:absolute; left:0; top:0; z-index:10;}
#footer #footer-logo h1 a { display:block; width:180px; height:200px; background: #282828 url(/images/logo-surfinitaly-bottom.png) no-repeat left top; }
#footer #footer-logo h1 a span {display:none;}
#footer #footer-info {font-size:11px;color:#666; margin-left:205px; color:#999;}
#footer #footer-info span.footer-disclaimers{display:block;}
#footer #footer-info span.rss-icons{ display:block; font: 12px Arial, Helvetica, sans-serif; margin-top: 10px; }
#footer #footer-info a:link, #footer #footer-info a:visited, #footer #footer-info a{color:#00CC00;}
#footer #footer-info a:hover {text-decoration:underline;}
#footer #footer-info a.wordpress:link, #footer #footer-info a.wordpress:visited {color:#333; border-bottom:none;}
#footer #footer-info a.wordpress:hover {color:#000; text-decoration:underline;}
#footer #footer-info a.rss-icon,#footer #footer-info a.rss-icon:visited { color:#FF9933; background:transparent url(/images/icone/rss-icon.gif) no-repeat scroll right center; padding-right:16px; border-bottom:none; }
#footer #footer-info strong {font-weight:normal; color:#000;}
#footer .firma {position:absolute; right:0; bottom:0; font-size:11px;line-height:20px;padding-right:90px;height:20px;}
#footer .firma a,#footer .firma a:link, #footer .firma a:visited { background:url(/images/structure/logo-hangloose.gif) no-repeat left center; width:86px; height:20px;position:absolute;bottom:0;right:0; }
#footer .firma a span {display:none;}
#navbar-bottom { margin-left:200px; background: url(/images/structure/separator-dot-oriz.gif) repeat-x left top; }
#navbar-bottom ul{ background: url(/images/structure/separator-dot-oriz.gif) repeat-x left bottom; height:60px; } 
#navbar-bottom li { float:left; margin-top:10px; background: url(/images/structure/separator.gif) repeat-y right top; }
#navbar-bottom li a{  display:block; margin-left:10px; margin-right:10px; text-transform:uppercase; letter-spacing: 0; min-width:93px; text-align:center; font: bold 12px/40px Georgia, "Times New Roman", Times, serif; }
#navbar-bottom li.current a{text-decoration:none; color:#00CC00;}
#navbar-bottomli.first a{margin-left:0px;}
#navbar-bottom li.last{background:none;}

/* --------------ADV -------------- */
#advertising-2{margin-left:20px;}

/* --------------ICONS -------------- */
.icon-category { background: url(/images/icone/category.gif) no-repeat left center; padding-left: 15px; }
.icon-tags { background: url(/images/icone/tags.gif) no-repeat 0px 3px; padding-left: 15px; }
.icon-comments{background: url(/images/icone/bubble.gif) no-repeat left center; padding-left: 20px;}
.icon-share{ background: url(/images/icone/share.gif) no-repeat left center; padding-left: 15px; }
.icon-views{ background: url(/images/icone/visualizzazione.gif) no-repeat left center; padding-left: 15px; }
.icon-author{ background: url(/images/icone/person.gif) no-repeat left center; padding-left: 15px; }
.icon-date{ background: url(/images/icone/clock.gif) no-repeat left center; padding-left: 15px; }
#content ul.article-list p.message{padding-left:20px;font-size:11px;border:none;background:none;}
.mail-to{ background: url(/images/icone/icon_airmail.gif) no-repeat left center; padding-left: 20px;display:block;font-size:12px;padding-top:10px;padding-bottom:10px;}

/* --------------MESSAGES -------------- */
#content .message { padding: 20px; }



/* --------------INPUTS -------------- */
#content input.error,#content textarea.error,#content select.error{ border: 1px solid #FFDD99; background-color: #FFFFCC; }

/* --------------FANCYBOX -------------- */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancy/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/images/fancy/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('/images/fancy/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('/images/fancy/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('/images/fancy/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancy/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('/images/fancy/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancy/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('/images/fancy/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancy/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('/images/fancy/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancy/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url('/images/fancy/fancy_title_left.png') repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url('/images/fancy/fancy_title_main.png') repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url('/images/fancy/fancy_title_right.png') repeat-x; }
																						
/* --------------SWFUPLOAD -------------- */																			
.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
.red { border: solid 1px #B50000; background-color: #FFEBEB; }
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressContainer{padding:20px;}
.progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; }
.baloon{ width:280px; font: 11px/20px Arial, Helvetica, sans-serif !important; }

/* -------------- ADV -------------- */
#homepage div#advertising-1{margin-top:-20px;margin-bottom:20px;border-bottom:solid 1px #dedede;width:440px;height:auto;overflow:hidden;}
#homepage div#advertising-1 img{margin-left:1px;}


/* -------------- 404 -------------- */

#page-404{ background: url(/images/monsters/monster_404.gif) no-repeat left center; padding-right: 200px; padding-left: 220px; padding-top:40px;}
#page-404 input#search-form-404 { background:#fff url(/images/structure/form-bck.gif) repeat-x left top; width:150px; padding:5px; margin:5px 0px; border-top: 1px solid #BFBFBF; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; border-left: 1px solid #BFBFBF; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
#page-404 input#search-form-404-submit {margin-left:10px; width:70px; background:url(/images/structure/button-small.png) no-repeat center center; text-align:center; font-size:12px; color:#333; line-height:20px; border:none;height:40px;cursor:pointer;}
/*#page-404 #form-404{ position:absolute; right:0; padding-left:20px; width:360px; top:70px; background: url(/images/structure/separator-dot-vert.gif) repeat-y left top;padding-bottom:20px; }*/
#page-404 #form-404{ padding-top:20px; }


/* -------------- SPECIALE L-EKTRICA -------------- */

#ektrica-head{text-align:center;padding-top:20px;margin-bottom:20px;}
#ektrica-loc{border-top:solid 1px #dedede;position:relative;margin-top:-10px;}



#recaptcha_response_field {background-color:#FFF !important}
#recaptcha_area table{width:98%;}