/* @override http://192.168.1.72:8888/forumdeigiovani.com/wp-content/themes/ForumGiovani/style.css */

/*  
Theme Name: Forum dei giovani
Description: Forum dei giovani
Version: 1.0
Author: ResetStudio
Author URI: http://resetstudio.it/
*/

/* Resetter */

* {
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none;
    position : relative;
}

/* Inizio Tipografia e colori */

body, a, input, textarea, label {
    font-family: Georgia, Arial, Helvetica, lucida-sans, Tahoma;
    font-size: 62.5%;
    /* Resets 1em to 10px */
    font-size: 14px;
    color : rgb(96,93,92);
    line-height: 130%;
}
img, fieldset, input, textarea {
    border : 0px;
}
a *{
    cursor : pointer !important;
}
h1,h2,h3,h4,h5{
    display : block;
    font-weight : normal;
}

/* Stile Titoli */

.title{
    font-size : 18px;
    color : rgb(177,30,94);
}

/* Inizio struttura */

body{
    background: url(images/body-bg.jpg) no-repeat left top;
}
#main-container{
    background: url(images/dotted.gif) repeat-x left bottom;
    margin-bottom : 40px;
    padding-bottom  :1px;
}
#container{
    margin : 0 auto;
    width : 960px;
    background: url(images/dotted-v.gif) repeat-y 240px top;
    position : relative;
}
#secondary-content{
    float : left;
    width : 240px;
}
#primary-content{
    float : right;
    width : 720px;
}
#top{
    background: url(images/top-bg.jpg) no-repeat right top;
    width : 960px;
    height : 145px;
    margin : 0 auto;
    _position : relative;
    _z-index : 100;
}

/* Logo */

.logo, .logo a{
    height : 112px;
    width : 203px;
    float : left;
    margin-top : 45px;
}

#top a.logo-inda {
	float: right;
	margin: 0;
	margin-top: 12px;
	margin-right: 10px;
	width: 167px;
}
.logo a{
    background: url(images/logo.png) no-repeat left top;
    margin : 0px !important;
    cursor : pointer !important;
}

/* Navigation */

#navigation{
    height : 75px;
    width : 720px;
    float : right;
    background: url(images/dotted.gif) repeat-x -1px bottom;
}
#navigation ul{
    width : 475px;
    float : left;
    padding-top : 45px;
    margin-left : 20px;
}
#navigation ul li{
    float : left;
    width : auto;
}
#navigation ul li a{
    float : left;
    padding-right : 35px; /* was 45 */
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    text-decoration : none;
    font-size : 12px !important;
    font-weight : bold;
    color : rgb(118,148,165);
}
#navigation ul li a.active, #navigation ul li a.active:hover{
    color : rgb(177,30,94);
}
#navigation ul li a:hover{
    color : rgb(81,116,134);
}

/* Menù a tendina */

#subnav ul.children{
    float : left;
    width : 240px !important;
    height : auto !important;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding : 0px !important;
    padding-top : 30px;
    position : absolute !important;
    left : 0px;
    top : 15px;
    z-index : 100;
    padding-bottom : 5px !important;
    margin-left : 0px !important;
    display : none;
    _padding-top : 0px;
    _background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddffffff,endColorstr=#ddffffff);
       zoom: 1;
     

}
#subnav li:hover ul.children, #subnav li.hover ul.children{
    display : block;
}
#subnav ul.children li{
    float : left !important;
    margin : 0px !important;
    width : 240px !important;
    margin-right : 0px;
    position : relative !important;
    color : rgb(118,148,165);
    background : none !important;
}
#subnav ul.children li a{
    float : left;
    padding : 5px 5px 2px 32px;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    background: url(images/drop-down-b.gif) no-repeat 15px 10px !important;
    text-decoration : none;
    font-size : 12px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    width : 190px;
}
#subnav ul.children li a:hover{
    color : #B11E5E !important;
}


/* Sub-navigation */

#subnav{
    height : 70px;
    width : 720px;
    float : right;
}
#subnav ul{
    width : 490px;
    padding-top : 15px;
    float: left;
}
#subnav ul li{
    float : left;
    width : auto;
    margin-left : 20px;
    position : relative;
}
#subnav ul li a{
    float : left;
    padding-right : 15px;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    text-decoration : none;
    font-size : 12px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    background: url(images/drop-down.jpg) no-repeat right 6px;
}
#subnav ul li a.active, a.rss:hover{
    color : rgb(177,30,94);
}
#subnav ul li a:hover {
    color : rgb(81,116,134);
}

/* Feed RSS */

a.rss{
    float : right;
    font-family : Georgia, Arial, Helvetica;
    background: url(images/rss.jpg) no-repeat right top;
    height : 20px;
    font-size : 14px;
    padding-right : 28px;
    text-decoration : none;

}

/* Pannello Ricerca */

.search{
    width : 220px;
    float : right;
    margin-top : 5px;
    padding-top : 6px;
    height : 27px;
    background: url(images/box-bg.jpg) repeat left top;
}
.search-result .search{
    float : left;
    width : 340px;
    background: #fff;;
    margin : 10px 0px 20px 20px;
}
.search input{
    background: none;
    font-family: Georgia, Arial, Helvetica, lucida-sans !important;
    font-size : 14px;
    width : 140px;
    float : left;
    margin-left : 10px;
    height : 15px;
    color : rgb(118,148,165);
    margin-top  :1px;
}
.search-result .search input{
    height : 20px;
    width : 250px;
}
.search input.submit{
    text-transform : uppercase;
    background: rgb(179,192,209);
    color : #fff;
    padding-bottom : 0px;
    height : 21px;
    width : 55px;
    margin : 0px;
    font-family: Arial, Helvetica, lucida-sans !important;
    float : right;
    margin-right : 6px;
    font-size : 11px;
    font-weight : bold;
    cursor : pointer;
}
.search input.submit:hover{
    background: rgb(149,167,188);
}

/* Header e post in rilievo */

#header{
    height : 279px;
    width : 720px;
    background: url(images/box-bg.jpg);
    position : relative;
    float : left;
}
.header-corner{
    height : 30px;
    width : 30px;
    position : absolute;
}
.header-corner.top{
    background : url(images/corner.gif) no-repeat left top;
    left : 0px;
    top : 0px;
}
.header-corner.bottom{
    background : url(images/corner-b.gif) no-repeat left top;
    right : 0px;
    bottom : 0px;
}

/* Post Header */

#header .post{
    background: none !important;
    padding : 0px !important;
    width : 720px;
}
#header .post .thumb{
    height : 240px;
    width : 240px;
    float : left;
    position : relative;
    margin-top : 0px;
}
#header .post .post-details{
    float : right;
    width : 480px;
    overflow : hidden;
    height : 240px;
    margin-right : 0px;
}
#header .post .post-head{
    height : auto;
    width : 460px;
    float : right;
    margin-bottom : 0px;
    padding : 0px;
}
.post-date{
    width : 40px;
    background: url(images/dotted-v.gif) repeat-y right 1px;
    height : 47px;
    float : left;
    padding-top : 40px;
}
.post-date span{
    display : block;
    text-align : right;
    padding-right : 20px;
}
.post-date span.day{
    font-family: Georgia, Arial, Helvetica, lucida-sans !important;
    font-size : 24px;
    color : rgb(179,192,209);
    height : 21px;
}
.post-date span.month, .post-date span.year{
    font-family: Arial, Helvetica, lucida-sans !important;
    font-size : 24px;
    text-transform : uppercase;
    color : rgb(92,126,144);
    font-size : 11px;
    height : 15px;
    font-weight : bold;
}
.post-date span.year{
    color : rgb(179,192,209);
    margin-top : -2px;
}
#header .post-title{
    width : 400px;
    padding-top : 41px;
    margin-bottom : 0px;
}
#header .post-title h2 a.title{
    font-size : 24px;
}
#header .post-info{
    padding-left : 1px;
}
#header .post-info a{
    float : left;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    text-decoration : none;
    font-size : 11px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    padding-top : 3px;
}
#header .post-info a:hover{
    color : rgb(81,116,134);
}
#header .post-info a.author{
    font-family: Georgia, Arial, Helvetica, lucida-sans !important;
    color : rgb(235,137,50);
    margin-left : 15px;
    text-transform : none !important;
    font-weight : normal;
    font-size : 14px !important;
    padding-top : 0px;
}
#header .post-info a.author:hover{
    color : rgb(203,100,52);
}
#header .post .entry{
    width : 440px;
    padding : 0px 20px;
}

/* Link post header */

.post-links{
    width : 720px;
    height : 39px;
}
.post-links a{
    float : left;
    width : 200px;
    height : 30px;
    color : #fff;
    text-decoration : none;
    padding : 9px 20px 0px 20px;
    background: url(images/header-postlink.jpg) no-repeat left top;
}
.post-links a span{
    float : left;
    font-size : 12px !important;
}
.post-links a.more span{
    padding-right : 10px;
    background: url(images/arrow-w.gif) no-repeat right 8px;
}
.post-links a.comments span{
    padding-left : 25px;
}
.post-links a.caption{
    background-position : left top;
    position : relative;
    _padding : 9px 10px 0px 10px;
    _width : 220px;
}
.post-links a.caption span.caption-complete{
    display : block;
    background: rgb(125, 20, 80);
    background: rgba(125, 20, 80, 0.5);
    position : absolute;
    bottom : 39px;
    left : 0;
    padding : 10px;
    display : none;
    /* IE6 */
    _width : 100%;
    _bottom : 37px;
    _background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd7D1645,endColorstr=#dd7D1645);
       zoom: 1;
}
.post-links a:hover span.caption-complete{
    display : block;
}
.post-links a.caption:hover{
    background-position : left -39px;
}
.post-links a.more{
    background-position : -240px top;
}
.post-links a.more:hover{
    background-position : -240px -39px;
}
.post-links a.comments{
    background-position : -480px top;
}
.post-links a.comments:hover{
    background-position : -480px -39px;
}

/* Lista categorie header top */

.categories{
    clear : both;
    margin-top : 45px;
}
.categories ul{
    width : 240px;
    float : left;
    background : url(images/dotted.gif) repeat-x -2px top;
    padding-top : 1px;
}
.categories ul ul.children{
    background : url(images/dotted.gif) repeat-x -2px bottom;
    padding-top : 5px !important;
    padding-bottom : 5px;
    display : none;
}
.categories ul .open ul.children{
    display : block;
}
.categories ul li{
    background : url(images/dotted.gif) repeat-x -2px bottom;
    padding-bottom : 1px;
    height : auto;
    clear : both;
}
.categories ul.children li{
    background : none !important;
    padding-bottom : 0px !important;
    height : auto;
    clear: none;
}
.categories ul li a{
    display : block;
    padding : 13px 20px 10px 20px;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    text-decoration : none;
    font-size : 12px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    width : 200px;
}
.categories ul ul.children li a{
    display : block;
    padding : 5px 20px 5px 40px;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    background: url(images/drop-down-b.jpg) no-repeat 20px 10px;
    text-decoration : none;
    font-size : 12px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    width : 180px;
}
.categories ul ul.children li a:hover{
    color : #B11E5E;
}
.categories strong{
    color : #B11E5E;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    display : block;
    margin-bottom : 13px;
    font-size : 12px;
    padding-left : 20px;
}
.categories ul li a span{
    display : block;
    padding-right : 10px;
    background: url(images/drop-down.jpg) no-repeat right 6px;
}
.categories ul li a:hover, .categories ul li.open a{
    background: url(images/box-bg.jpg) repeat left top;
}

/* Content */

.content{
    width : 720px;
}
.content.home{
    background: url(images/dotted-v.gif) repeat-y 480px top;
}

/* Post */

.posts{
    float : left;
    width : 720px;
}
#secondary-content .posts{
    width : 240px;
}
.content.home .posts{
    width : 480px;
    float : left;
}

/* ************************************************************************** */

.post{
    width : 720px;
    padding : 0px 0px 20px 0px;
    background : url(images/dotted.gif) repeat-x -2px bottom;
}
.home .post{
    padding : 15px 20px 20px 20px;
    width : 440px;
}
.page .post .thumb a{
    position : relative;
    display : block;
}
.page .post .thumb a span{
    height : 140px;
    width : 140px;
    text-indent : -15000px;
    float : left;
    position : absolute;
    left : 0px;
    top : 0px;
    background: url(images/pos-hov.gif) no-repeat left -140px;
}
.page .post .thumb a:hover span{
    background: url(images/pos-hov.gif) no-repeat left top;
}
#secondary-content .post{
    width : 200px;
    padding : 15px 20px 20px 20px;
}
.post.last{
    background: none !important;
}

/* ************************************************************************** */

.home .post .thumb{
    float : left;
    width : 100px;
    height : 100px;
    margin-top : 3px;
}
#secondary-content .post .thumb{
    width : 200px;
    height : 100px;
    margin-bottom : 10px;
    float : left;
}
.page .post .thumb{
    height : 140px;
    width : 140px;
    margin-right : 15px;
    float : left;
}
.page .post .wp-caption, .page .post img{
    float  :left;
    margin-right : 15px;
}
.page .post .wp-caption img{
    float  :none;
    margin-right : 0;
}
.page .post.first .thumb{
    margin-left : 0px;
}

/* ************************************************************************** */

.post-title{
    width : 440px;
    height : auto;
    float : right;
    margin-bottom : 10px;
}
.post-title h2 a.title, #post-list .index .post-title h2 a.title{
    text-decoration : none;
    color : rgb(177,30,94);
    font-size : 18px;
}
.page .post-title h2 a.title{
    font-size : 24px;
}
.post-title h2 a.title:hover, .featured-post .post-title h2 a.title{
    color : rgb(122,26,69);
}
#secondary-content .post .post-title{
    width : 200px;
}
.post .post-head{
    height : auto;
    width : 680px;
    margin-bottom : 10px;
    padding : 0px 20px;
}

/* ************************************************************************** */

.post .post-details{
    width : 320px;
    margin-right : 0px;
    float : right;
}
.page .post .post-details{
    width : 700px;
    padding-left : 20px;
}
.page .post.singlepage .post-date{
    display : none;
}
.posts.single .post .entry p{
    margin-bottom : 10px;
}
.posts.single .post .entry a{
    color : #B11E5E;
    text-decoration:none;
}
.posts.single .post .entry a:hover{
    color : #7A1A45;
}

.page .post .post-date{
    padding-top  :20px;
}
.page .post .post-title{
    width : 620px;
    margin-bottom : 0px;
    padding-top : 20px;
    height : auto !important;
}
.singlepage .post-title{
    float : left;
}
.post.singlepage .post-details{
    float : none;
}
.posts.single .post-title h1 {
    font-size : 24px !important;
    color : #b11e5e;
    font-weight : normal;
    padding-top : 10px;
    padding-bottom : 3px;
}
.post .post-details .entry{
    padding-bottom : 12px;
}
.post.index .post-details .entry{
    padding-bottom : 32px;
}
#secondary-content .post .entry{
    padding-bottom : 15px;
}
.page .post .post-title .category, .page .post .post-title .author{
    float : left;
}
.page .post .post-title .author{
    margin-left : 15px;
}

/* ************************************************************************** */

.post a.commlink{
    background: url(images/comment-bg.jpg) no-repeat left top;
    font-family: Georgia, Arial, Helvetica, lucida-sans !important;
    font-size : 12px;
    text-decoration : none;
    float : left;
    margin-left : 25px;
    margin-right : 0px;
    padding : 0px 0px 4px 25px;
    margin-top : 2px;
}
#secondary-content .post .commlink{
    float : right !important;
    margin-left : 0px;
}
.featured-post .post a.commlink{
    float : right;
    margin-left : 0px;
}
.post a.commlink:hover{
    background: url(images/comment-bg.jpg) no-repeat left -20px;
}

/* Pagina post singoli */

.page .posts .post.first, .search-result{
    background: url(images/box-bg.jpg) repeat left top;
    width : 720px;
    margin : 0px;
    padding : 0px;
    padding-bottom : 0px;
}
.post.first{
    background: url(images/dotted-v.gif) repeat-x left top;
}
.post.first .post-title {
    width : 680px;
    background: url(images/dotted.gif) repeat-x left top;
    height : auto;
    margin-bottom : 10px;
    padding : 15px 20px 0px 20px;
}
.post.first .post-title .title{
    font-size : 24px;
    color : rgb(118,148,165);
}
.post.first .post-title strong{
    color : #B11E5E;
    display : block;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 12px;
    margin-bottom : 5px;
    text-transform : uppercase;
}
.post.first .post-title a.title:hover{
    color : rgb(108,135,150) !important;
}
.post.first .post-details{
    width : 680px;
    clear : both;
    float : none;
    padding : 0px 20px 20px ;
    background: url(images/dotted.gif) repeat-x left bottom;
}

/* Post Single */

.posts.single{
    background: url(images/dotted.gif) repeat-x left top;
    padding-top  :1px;
}
.posts.single .post{
    padding-bottom  :0px;
}
.posts.single .breadcrumb{
    background: url(images/box-bg.jpg) repeat left top;
}
.posts.single .breadcrumb ul{
    background: url(images/dotted.gif) repeat-x left bottom;
}
.posts.single .thumb{
    width : auto !important;
    height : auto !important;
}
.posts.single .entry{
    padding-bottom : 10px;
}
.related-articles .title, .comments .title, .write-comments .title{
    background: url(images/box-bg.jpg) repeat left top;
    padding : 15px 0px 5px 20px;
    height : 30px;
    font-size : 18px;
    color : rgb(118,148,165);
}
.comments .title {
    background: none !important;
    padding : 15px 0px 10px 20px;
}
.write-comments .title{
    background: #fff !important;
    padding : 15px 0px 5px 20px;
}
.logged{
    padding : 20px;
    color : #7694A5;
}
.logged a{
    color : #B11E5E;
    text-decoration:none;
}
.logged a:hover{
    color : #7A1A45;
}
/* Articoli correlati */

.articles{
    background: url(images/dotted.gif) repeat-x left top;
}
.related-articles ul{
    width : 720px;
    position : relative;
}
.related-articles ul li{
    padding : 20px 20px;
    height : 1%;
    background: url(images/dotted.gif) repeat-x left bottom;
}
.related-articles ul li span{
    color : #666;
    margin-bottom : 0px;
    font-size: 11px;
}
.related-articles ul li a{
    color : #B11E5E;
    display : block;
    font-size : 16px;
    text-decoration : none;
    text-transform : none;
}
.related-articles ul li a:hover{
    text-decoration : underline;
}
.related-articles ul li img{
    float : left;
}
.related-articles .details{
    float : right;
    width : 600px;
}
.related-articles .details p{
    padding : 2px 0px;
}

/* Attachment */

.attachment{
    float : left;
    width : auto;
}
.attachment ul{
    height : 1%;
    float : left;
    position : relative;
    padding-top : 10px;
}
.attachment ul li{
    width : auto;
    margin-bottom  :10px;
}
.attachment ul li a{
    background: url(images/download.jpg) no-repeat left top;
    padding : 10px 0px 15px 55px;
    text-decoration : none;
    display : block;
}
.attachment ul li a:hover{
    color : #B11E5E;
}

/* Tag post singolo */

.tags{
    background: url(images/dotted.gif) repeat-x left top;
    width : 680px;
    padding : 10px 20px 0px 20px;
    margin-top : 20px;
    clear : both;
}
.tags strong{
    color : #7694A5;
    float  : left;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 12px !important;
    font-weight : bold;
    text-transform : uppercase;
    width : 80px;
}
.tags ul{
    float : left;
    position : relative;
    width : 480px;
    height : 1%;
}
.tags ul li {
    width : auto;
}
.tags ul li a{
    text-decoration : none;
}
.tags ul li a:hover{
    text-decoration : underline;
}
.tags .commlink{
    background : url(images/comment-bg.jpg) no-repeat left top;
    float : right;
    font-family : Georgia,Arial,Helvetica,lucida-sans !important;
    font-size : 12px;
    margin-left : 0px;
    margin-top : 2px;
    padding : 0 0 4px 25px;
    width : 90px;
    height : 15px;
}

/* Commenti Post Singolo */

.comments{
    background: url(images/box-bg.jpg) repeat left top;
}
.comment{
    margin-bottom : 20px;
    height : 1%;
}
.comment.last{
    margin-bottom : 0px;
}
.comment-children .comment{
    margin-bottom : 0px;
    background: url(images/dotted.gif) repeat-x left bottom;
    padding-bottom : 1px;
}
.single-comments{
    padding : 0px 20px 20px 20px;
    height : 1%;
    position : relative;
    background: url(images/dotted.gif) repeat-x left bottom;
}
.comment-info{
    width : 560px;
    padding : 20px 20px 0px 20px;
    float : right;
    margin-bottom : 5px;
}
.comment-children{
    background: url(images/dotted.gif) repeat-x left top;
    padding-top : 1px;
}
.comment-children .comment-info{
    padding-top : 0px;
}
.comment-children .comment-info{
    width : 460px;
}
.comment-info span{
    font-size : 11px;
    float : right;
    padding-top : 2px;
    color : #7694A5;
}
.comment-info a.author{
    padding : 0px 10px 0px 0px;
    float : left;
    text-decoration : none;
    font-style : italic;
}
.comment-info a.author:hover{
    text-decoration : underline;
}
.avatar{
    float : left;
    width : 60px;
}
.avatar img{
    float : left;
}
.comment-children .avatar img{
    border : 1px solid rgb(222,222,221);
}
.comment .details{
    float : right;
    margin : 0px;
    width : 600px;
    background: #fff;
}
.comment-children .details{
    float : right;
    margin : 0px;
    padding : 0px;
    width : 480px;
    background: none;
}
.comment-children .comment{
    padding : 20px;
    background: url(images/dotted.gif) repeat-x left bottom;
}
.comment-children .comment.odd{
    background: rgb(249,250,251) url(images/dotted.gif) repeat-x left bottom;
}
.comment .text{
    width : 600px;
    float : left;
}
.comment .text p{
    padding : 0px 20px;
    padding-bottom : 20px;
    background: url(images/dotted.gif) repeat-x left bottom;
}
.comment-children .comment .text p{
    padding : 0px;
    background: none;
}
.approvation-pending{
    padding : 10px;
    padding-left : 20px;
    color : #FFDDBF;
}
.comment-children .approvation-pending{
    width : 580px;
    margin-left  :-20px;
    margin-top : 10px;
    padding-bottom  :0px;
    background: url(images/dotted.gif) repeat-x left top;
}
.comment-children .text{
    background: url(images/comment-small.jpg) repeat-y 2px top;
    width : 480px !important;
}
.comment-children .text{
    width : 390px;
}
.end-comment{
    height : 4px;
    float : right;
    background: url(images/comment-bottom.jpg) no-repeat left top;
    width : 532px;
}
.comment-children .end-comment{
    background: url(images/comment-bottomsmall.jpg) no-repeat left top;
    width : 405px;
}
.reply{
    width : 80px;
    text-align : right;
    float : right;
}
.reply a{
    cursor : pointer;
    float : right;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 11px;
    font-weight : bold;
    height : 18px;
    padding : 5px 10px 0px 5px;
    text-transform : uppercase;
    background: url(images/box-bg.jpg) repeat left top;
    color : #7694A5;
    text-decoration : none;
}

/* Write Comments */

.write-comments{
    background : url(images/box-bg.jpg) repeat left top;
    padding-bottom : 20px;
    position : relative;
}
.write-comments form{
    background : url(images/dotted.gif) repeat-x left top;
    padding : 20px;
}
.write-comments form div{
    margin-bottom : 10px;
}
.write-comments form input{
    width : 380px;
    padding : 5px 5px;
    height : 20px;
    float : left;
    margin-right : 10px;
    background: #fff;
}
.write-comments form textarea{
    width : 670px;
    padding : 5px;
    height : 200px;
    float : left;
    overflow : auto;
    margin-bottom : 10px;
}
.comment .write-comments form textarea{
    width : 630px;
}
.write-comments form label{
    float : left;
    padding-top : 4px;
    width : 105px;
    color : #7694A5;
}
.write-comments form input.submit{
    background : url(images/submit-comment.gif) no-repeat left top;
    color : #FFFFFF;
    cursor : pointer !important;
    float : right;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 11px;
    font-weight : bold;
    width : 120px;
    height : 20px;
    text-transform : uppercase;
    padding : 3px 0px 4px 0px;
    margin : 0px;
}

/* Risultati di ricerca */

.search-key{
    width : 680px;
    padding : 0px 20px;
    background: url(images/dotted.gif) repeat-x left top;
    padding-top : 25px;
}
.search-key h2{
    color : rgb(118,148,165);
    font-size : 24px;
    margin-bottom : 10px;
}
.search-key h2 span{
    color : rgb(177,30,94);
}
.search-result p{
    padding : 5px 0px;
}

/* Featured */

.featured-post{
    width : 720px;
    background : url(images/dotted.gif) repeat-x -2px bottom;
    padding-bottom : 1px;
    clear : both;
    position : relative;
}
#post-list .post{
    position : relative;
}
.featured-links{
    position : absolute;
    bottom : 20px;
    width : 200px;
}
#post-list .featured-links{
    left : 175px;
    bottom : 18px;
}
.featured-post .post{
    width : 200px;
    padding : 15px 20px 20px 20px;
    float : left;
    background : none !important;
}
.featured-post .post-title h2{
    margin-bottom : 7px;
}
.featured-post .post-title{
    float : none !important;
    width : 200px;
    margin-bottom : 0px;
}
.featured-post .post-title h2 a.title{
    text-decoration : none;
    color : rgb(177,30,94);
    line-height : 110%;
}
h2 a.title:hover{
    color : #7A1A45 !important;
}
.posts-container{
    background : #fff url(images/featured-bg.gif) repeat-y left top !important;
}
.featured-post .post.even{
    /*background : url(images/dotted-v.gif) repeat-y left -1px !important;*/
}

/* Link generici categoria-autore */

a.category{
    display : block;
    text-transform : uppercase;
    font-family: Arial, Helvetica, lucida-sans !important;
    text-decoration : none;
    font-size : 11px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    padding-top : 3px;
    margin-bottom : 10px;
}
a.category:hover{
    color : rgb(81,116,134) !important;
}
a.author{
    font-family: Georgia, Arial, Helvetica, lucida-sans !important;
    color : rgb(235,137,50);
    margin-left : 0px;
    text-transform : none !important;
    font-weight : normal;
    font-size : 14px !important;
    padding-top : 0px;
    text-decoration : none;
}
a.author:hover{
    color : rgb(203,100,52);
}
.featured-post .entry{
    width : 200px;
    padding : 5px 0px 15px 0px;
}

/* Tab menu */

.the-most-read-comment .tab ul{
    margin-top : 15px;
}
.tab{
    height : 50px;
    position : relative;
}
.tab ul{
    position : relative;
    height : 40px;
    background: url(images/dotted.gif) repeat-x left 30px;
    float : left;
}
.the-most-read-comment .tab ul{
    width : 240px;
}
.the-most-read-comment .tab ul li{
    float : left;
}
.the-most-read-comment .tab ul li a{
    padding-left : 20px;
    float : left;
    color : #605D5C;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 12px;
    text-transform : uppercase;
    font-size : 11px !important;
    font-weight : bold;
    text-decoration : none;
}
.the-most-read-comment .tab ul li a:hover, .the-most-read-comment .tab ul li a.active{
    color : #B11E5E;
}
.the-most-read-comment .tab ul li a span{
    float : left;
    padding-bottom : 26px;
}
.the-most-read-comment .tab ul li a.active span{
    background: url(images/tab-bg.jpg) no-repeat center bottom;
}

/* Precedeente - Successivo */

.page-nav{
    height : 30px;
    width : 720px;
    position : absolute;
    right : 0px;
    bottom : -40px;
}
.page-nav a.button{
    color : #7694A5;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 11px;
    font-weight : bold;
    height : 19px;
    padding : 0px;
    text-decoration : none;
    text-transform : uppercase;
    text-align  :center;
    width : auto;
    margin  :0px;
}
.page-nav a.button.prev{
    background : url(images/prev-next.gif) no-repeat right top;
    float : left;
    margin-left : 20px;
    padding-right : 5px;
}
.page-nav a.button span{
    width : 145px;
    padding-top : 3px;
    display : block;
    height : 16px;
}
.page-nav a.button.prev span{
    padding-left : 10px;
    background : url(images/prev-next.gif) no-repeat left top;
}
.page-nav a.button:hover{
    color : #fff;
}
.page-nav a.button.prev:hover{
    background : url(images/prev-next.gif) no-repeat right -19px;
}
.page-nav a.button.prev:hover span{
    background : url(images/prev-next.gif) no-repeat 0px -19px;
}
.page-nav a.button.next{
    background : url(images/next-prev.gif) no-repeat left top !important;
    float : right;
    margin-right : 20px;
    padding-left : 5px;
}
.page-nav a.button.next span{
    padding-right : 10px;
    background : url(images/next-prev.gif) no-repeat right top;
}
.page-nav a.button.next:hover{
    background : url(images/next-prev.gif) no-repeat left -19px !important;
}
.page-nav a.button.next:hover span{
    background : url(images/next-prev.gif) no-repeat right -19px;
}

/* Lista post secondary content. Più commentati e più letti */

.the-most-read-comment ul.post-list{
    clear : both;
    background: none;
    margin: 0px;
    padding : 0px;
    float : left;
    height : 1%;
    width : 240px;
    padding-top : 1px;
    display : none;
}
.the-most-read-comment .active ul.post-list{
    display : block;
}
.the-most-read-comment ul.post-list li{
    background : url(images/dotted.gif) repeat-x -2px bottom;
    padding-bottom : 1px;
    height : auto;
    clear : both;
}
.the-most-read-comment ul.post-list li a{
    display : block;
    padding : 10px 20px 5px 20px;
    text-transform : uppercase;
    text-decoration : none;
    font-size : 12px !important;
    font-weight : bold;
    color : rgb(118,148,165);
    width : 200px;
}
.the-most-read-comment ul.post-list li a span.author{
    float : left;
    width : 150px;
    color : #EB8932;
    font-family : Georgia,Arial,Helvetica,lucida-sans !important;
    font-size : 14px !important;
    font-weight : normal;
    text-transform : none;
}
.the-most-read-comment ul.post-list strong{
    margin-bottom : 5px;
    font-size : 14px;
    color : #B11E5E;
    text-decoration : none;
    text-transform: none;
    display : block;
    padding-left : 0;
    font-weight : normal;
}
.the-most-read-comment ul.post-list small{
    float : right;
    height : 20px;
    color : rgb(118,148,165);
    padding-left : 23px;

    background: url(images/comment-bga.gif) no-repeat left top;
    font-size : 14px;
    font-weight : normal !important;

}
.the-most-read-comment ul.post-list a:hover {
    background: url(images/box-bg.jpg) repeat left top;
}

/* Sidebar */

.sidebar{
    float : left;
    width : 240px;
}

/* Più commentati */

.most-commented{
    width : 240px;
    height : 1%;
    position : relative;
}
.most-commented ul{
    float : left;
    position : relative;
    height : 1%;
    padding-left : 1px;
    background: url(images/dotted.gif) repeat-x left bottom;
    padding-bottom : 10px;
}
.most-commented ul li{
    background: url(images/li-bgmostc.jpg) no-repeat 20px bottom;
    width : 239px;
    margin-bottom : 10px;
    padding-bottom : 12px;
    position : relative;
}
.most-commented ul li div{
    background: url(images/box-bg.jpg) repeat left top;
    padding : 15px 20px;
}
.most-commented strong{
    color : #B11E5E;
    display : block;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 11px;
    margin-bottom : 10px;
    margin-top : 10px;
    padding-left : 20px;
    text-transform : uppercase;
}
.most-commented ul li .date{
    color : rgb(118,148,165);
    font-size : 12px;
}
.most-commented ul li a.text{
    text-decoration : none;
    display : block;
    padding : 0px 0px 5px 0px;
}
.most-commented ul li .author{
    color : #EB8932;
    font-size : 12px !important;
    display : block;
}
.most-commented ul li a.post-title{
    float : none !important;
    margin : 0px;
    padding : 0px;
    color : #B11E5E;
    font-size : 12px;
    text-decoration:none;
    text-transform:none;
}
.most-commented ul li a.post-title:hover {
    color : #7A1A45 !important;
}

/* RSS Sidebar */

.side-rss{
    background: url(images/dotted.gif) repeat-x left bottom;
    padding : 20px 20px 15px 20px;
    width : 200px;
}
.side-rss a{
    display : block;
    height : 50px;
    width : 130px;
    background: url(images/rss-big.jpg) no-repeat left top;
    padding-left : 70px;
    text-decoration : none;
    font-size : 18px;
    color : rgb(92,126,144);
    line-height : 110%;
}
.side-rss a:hover{
    color : #B11E5E;
}

/* Newsletter */

.newsletter{
    padding : 20px 20px 15px 20px;
    width : 200px;
}
.newsletter strong{
    display : block;
    height : 50px;
    width : 130px;
    background: url(images/newsletter-bg.jpg) no-repeat left top;
    padding-left : 70px;
    font-size : 18px;
    color : rgb(92,126,144);
    line-height : 110%;
    margin-bottom : 10px;
    font-weight : normal;
}

/* Form newsletter */

.form-newsletter{
    width : 220px;
    margin-top : 0px;
    padding-top : 6px;
    height : 27px;
    background: url(images/box-bg.jpg) repeat left top;
    margin-bottom : 5px;
}
.form-newsletter input{
    background: none;
    font-family: Georgia, Arial, Helvetica, lucida-sans !important;
    font-size : 14px;
    width : 140px;
    float : left;
    margin-left : 10px;
    height : 15px;
    color : rgb(118,148,165);
    margin-top  :1px;
}
.form-newsletter input.submit{
    text-transform : uppercase;
    background: rgb(179,192,209);
    color : #fff;
    padding-bottom : 3px;
    height : 21px;
    width : 55px;
    margin : 0px;
    font-family: Arial, Helvetica, lucida-sans !important;
    float : right;
    margin-right : 6px;
    font-size : 11px;
    font-weight : bold;
    cursor : pointer;
}
.form-newsletter input.submit:hover{
    background: rgb(149,167,188);
}

/* Footer */

#footer-container{
    background: url(images/box-bg.jpg) repeat left top;
}
#footer{
    background: url(images/dotted.gif) repeat-x left top;
    padding-top : 1px;
}
#footer .standard-container{
    margin : 0 auto;
    width : 960px;
    background: url(images/primary-content-bg.gif) repeat-y 241px top
}
#footer .title{
    margin-bottom : 10px;
}
.section-container{
    float : left;
    padding-top : 15px;
    width : 440px;
    padding : 15px 20px;
}
.section-container.reserved-area{
    width : 241px;
    padding  : 15px 0px;
}
.section-container.inda{
    width : 220px;
    padding  : 15px 0px;
    background: none !important;
    float : right;
}
.section-container .button{
    margin-top : 15px;
}

/* Area Riservata*/

.reserved-area form div{
    background: url(images/reserved.gif) no-repeat left top;
    height : 71px;
    width : 221px;
}
.reserved-area form input{
    padding : 5px 10px 0px 35px;
    background: none;
    color : rgb(118,148,165);
    font-size : 14px;
    width : 175px;
}
.reserved-area form input.submit{
    padding : 0px;
    height : 20px;
    padding : 3px 0px 4px 15px;
    color : #fff;
    width : 76px;
    text-decoration : none;
    background: url(images/button.gif) no-repeat left top;
    text-transform : uppercase;
    font-size : 11px;
    font-weight : bold;
    float : right;
    font-family: Arial, Helvetica, lucida-sans !important;
    cursor : pointer !important;
    margin : 15px 20px 0px 0px;
    text-align : left !important;
}
.reserved-area form input.submit:hover{
    background: url(images/button.gif) no-repeat left -19px;
}
.reserved-area .title{
    margin-bottom : 15px !important;
    padding-left : 20px;
}
.reserved-area form input.username{
    margin-bottom : 20px;
}

/* Copyright */

#copyright{
    background: url(images/copyright-bg.jpg) repeat-x left top;
    height : 40px;
}
#copyright div{
    margin : 0 auto;
    width : 960px;
}
#copyright div strong{
    background: rgb(240,243,246);
    font-weight : normal;
    font-size : 12px !important;
    padding : 0px 10px;
    margin-top : 11px;
    float : right;
}
#copyright div strong.inda{
    float : left;
}
#copyright div strong a{
    text-decoration : none;
    color : #B11E5E;
    font-size : 12px;
}
#copyright div strong a:hover{
    text-decoration : underline;
}

/* INDA footer */

a.logo-inda{
    background: url(images/logo-inda-2.png) no-repeat left top;
    display : block;
    height : 53px;
    width : 167px;
    margin-bottom : 10px;
}
/*a.logo-inda:hover{
    background: url(images/logo-inda.gif) no-repeat left top;
}*/

/* Regole Uso Generale */

a.button{
    height : 17px;
    color : #fff;
    padding-left : 7px;
    padding-top : 2px;
    width : 68px;
    text-decoration : none;
    background: url(images/button.gif) no-repeat left top;
    text-transform : uppercase;
    font-size : 11px;
    font-weight : bold;
    float : left;
    font-family: Arial, Helvetica, lucida-sans !important;
}
a.button.big{
    background: url(images/button-big.gif) no-repeat left top;
    width : 82px;
    padding-left : 7px;
}
a.button:hover{
    background: url(images/button.gif) no-repeat left -19px;
}
a.button.big:hover{
    background: url(images/button-big.gif) no-repeat left -19px;
}

/* Briciole di pane */

.breadcrumb{
    background: url(images/dotted.gif) repeat-x left top;
    height : 30px;
    width : 720px;
    padding-top : 10px;
}
.breadcrumb ul{
    height : 30px;
    width : 700px;
    padding-left : 20px;
}
.breadcrumb ul li{
    float : left;
    height : 30px;
    width : auto;
}
.breadcrumb span,.breadcrumb a{
    float : left;
    color : rgb(118,148,165);
}
.breadcrumb span,.breadcrumb a{
    background: url(images/drop-down-b.jpg) no-repeat left 9px;
    padding-left : 10px;
    margin-left : 10px;
    text-decoration : none;
}
.breadcrumb a.homelink{
    background : none;
    padding-left : 0;
    margin : 0;
}
.breadcrumb a:hover{
    color : #B11E5E;
}

/* Paginazione */

.pagin {
    width : 960px;
    margin : 0 auto;
    height : 20px;
    float : left;
    position  :absolute;
    left : 0px;
    bottom : -32px;
}
.pagin.read-all{
    text-align : center;
}
.pagin.read-all a, .link-to-post a{
    color : #5C7E90;
    text-decoration : none;
    font-style : italic;
}
.pagin span.current{
    float : left;
    font-size : 12px;
    padding : 0 6px 0px;
    background : rgb(179,192,209);
    color : #fff;
}
.pagin.read-all a:hover, .link-to-post a:hover{
    color : #B11E5E;
}
.pagin ul {
    width : 450px;
    margin-right : 250px;
    float : right;
    height : 20px;
}
.pagin ul li {
    display : inline;
    float : left;
    margin-right : 5px;
}
.pagin ul li a {
    float : left;
    padding : 1px 6px 2px 5px;
    text-decoration : none;
    background: rgb(240,243,246);
    color : rgb(118,148,165);
    font-size : 12px;
}
.pagin ul li.last{
    display : none;
}
.pagin ul li.foward{
    float : right;
}
.pagin ul li.foward a{
    padding : 0px;
    background : url(images/next-prev-s.jpg) no-repeat left top;
    float : right;
    font-family : Arial,Helvetica,lucida-sans !important;
    font-size : 11px;
    font-weight : bold;
    height : 17px;
    padding-left : 7px;
    padding-top : 2px;
    text-decoration : none;
    text-transform : uppercase;
    width : 79px;
}
.pagin ul li.foward a:hover{
    background : url(images/next-prev-s.jpg) no-repeat left -19px;
    color : #fff;
}
.pagin ul li a.active, .pagin ul li a:hover {
    background : rgb(179,192,209);
    color : #fff;
    text-decoration : none;
}

/* Regole uso generale */

.clearer {
    clear : both;
    height : 0px;
    float : none !important;
}
.standard-container{
    background: url(images/dotted.gif) repeat-x left bottom;
}
.search-result .standard-container, .first .standard-container{
    background: url(images/dotted-v.gif) repeat-y left top;
}

/* Light Box */

.fader{
    width : 100%;
    height : 100%;
    background : #000;
    position : absolute;
    top: 0;
    left: 0;
    opacity : 0.2;
    z-index : 120;
}
.wdbox {
    background : #fff;
    left : 0;
    position : absolute;
    top : 0;
    padding : 15px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    /*was zindex 80*/
    z-index : 150;
}
.wdbox .wdbox_content{
    width : 480px;
}
.wdbox .wdbox_interaction {
    position : relative;
    clear : both;
    text-align : right;
}
.wdbox-caption {
    padding : 15px;
    text-align : left;
}
a.closeLink{
    margin : 0px;
    padding : 0px;
    cursor : pointer !important;
    text-decoration : none;
}
a.closeLink span{
    font-size : 18px;
    vertical-align : top;
}
a.closeLink:hover{
    color : #78231F;
}
.wdbox .wdbox_content_body{
    text-align : center;
}
.message{
    background : #FFFFE0;
    border : 1px solid #E6DB55;
    border-width : 1px 1px;
    padding : 10px;
    margin-top : 20px;
    margin-left : 20px;
    color : #7694A5;
    text-align : center;
    font-size : 12px;
    display : none;
    
}
.message-close{
    color : #EB8932;
    text-decoration : none;
    cursor : pointer;
    font-size : 12px;
}
.message-close span{
    text-decoration : none !important;
}
.message-close:hover{
    color : #EB6232;
}
.link-to-post{
    text-align : left;
    padding : 15px;
    padding-top : 0;
}
.editorial-quote{
    color:#5C7E90;
    display:block;
    font-size:18px;
    line-height:110%;
    padding-left:70px;
    text-decoration:none;
    padding : 20px;
    clear : both;
    background : transparent url(images/dotted.gif) repeat-x scroll -2px bottom;
}
.editorial-quote:hover{
    color : #B11E5E;
}
.editorial-quote span{
    font-size : 12px;
    display : block;
    padding-top : 10px;
    text-align : right;
}