/* FFMOBILE DEFAULT SKIN */

body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #564043; background-color: #EED1B9}
a {color: #D9434F; text-decoration: none} a:hover {color: #FFFFFF}
.last-post a *, .web * {color: #A5C0B3 !important; font-weight: bold}

.footer {color: #564043}
.footer a {font-weight: bold; color: #FFFFFF}

/* SIDEBAR */
.sidebar {background-color: #AFC7BB}
.sidebar a {color: #FFFFFF}
.sidebar li {line-height: normal; color: #FFFFFF}
.side_title {background-color: #AFC7BB; color: #FFFFFF; border-bottom: 1px solid #564043; font-weight: bold}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #564043}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #AEC6BB}
.menu .nickname {font-weight: bold; font-size: 18px; color: #FFFFFF}
.sidebar em {font-weight: bold; color: #FFF; background-color: #C4D9CF}
/* login */
.login input {color: #FFFFFF; background: #AFC7BB; border: 1px solid #FFFFFF}
.login input[type=submit] {background: #AFC7BB; color: #FFFFFF; font-weight: bold} .login input[type=submit]:hover {background: #AFC7BB}
/* cerca */
.search {background-color: #AFC7BB}
.search input {color: #FFFFFF}

/* NAV */
.menuwrap_bg {background-color: #AEC6BB}
.menuwrap em {background-color: #FFFFFF}
/* nome forum */
#nav-title span {color: #FFFFFF; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.header {background: #AFC7BB;
background: -moz-linear-gradient(top, #AFC7BB 1%, #A1BDAF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #AFC7BB), color-stop(100%, #A1BDAF));
background: -webkit-linear-gradient(top, #AFC7BB 1%, #A1BDAF 100%);
background: -o-linear-gradient(top, #AFC7BB 1%, #A1BDAF 100%);
background: -ms-linear-gradient(top, #AFC7BB 1%, #A1BDAF 100%);
background: linear-gradient(to bottom, #AFC7BB 1%, #A1BDAF 100%);
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#AFC7BB', endColorstr='#A1BDAF', GradientType=0)}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* SEZIONI */
.list-group > * {background-color: #FCE5D1; border-bottom: 2px solid #FFFFFF; padding: 8px}
.title {text-align: center; font-weight: bold; font-size: 14px; border-bottom: 2px solid #564043; color: #D9434F; padding: 8px; background: #FEBEAC; text-shadow: 1px 1px 0 #FFFFFF}
.web a:hover {font-size: 19px; font-weight: bold; color: #96B5A6!important; text-shadow: 1px 1px 0 #FFFFFF; font-style: italic}
.web a {font-size: 19px; font-weight: bold; color: #D9434F!important; text-shadow: 1px 1px 0 #FFFFFF; font-style: italic}
.forum .web a {font-size: 17px; color: #D9434F; text-shadow: 1px 1px 0 #FFFFFF}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #564043!important}
.last-post {color: #564043}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal; color: #9EBAAD}
.forum .last-post {margin-top: 7px}

.topics, .replies, .views {font-size: 12px; color: #564043}
span.timeago {color: #564043 !important} .topic .timeago {color: #564043}
.no-time {font-style:italic; color: #564043}
.popupago {text-align: center; background-color: #AFC7BB; color: #FFFFFF; border-radius: 5px; -moz-border-radius: 5px}

/*RISPOSTA RAPIDA*/
.fast.send {background-color: #FDE9D8!important; border: 2px solid #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; font-size: 12px; color: #4E383D; box-shadow:inset 0 0 20px #F0D3BA!important; -moz-box-shadow:inset 0 0 20px #F0D3BA!important; -webkit-box-shadow:inset 0 0 20px #F0D3BA!important}
.fast.send .mback {}
.fast.send .title {font-family: "segoe ui"; text-align: center; font-size: 15px; font-weight: bold; text-transform: uppercase!important; color: #FFFFFF!important; font-style: normal; text-shadow: none}
.fast.send a {font-size: 13px; color: #FFFFFF}
.fast.send a:hover {font-size: 13px; color: #D9434F}

/* sottosezioni */
.sub-link {font-size: 13px; color: #D9434F}

/*STATISTICHE*/
.stats .title, .stats_list, .stats_bottom li, .stats .list-group > *, .stats_top li, .u_info dl {background-color: #AFC7BB; border-bottom: 2px solid #FFFFFF; padding: 8px; color: #564043}
.stats_list > li {padding: 3px 10px; font-weight: bold; border-bottom: 2px solid #FFFFFF}
.groups_list {background-color: #AFC7BB; padding: 10px 5px}
.user_online a:before, .groups_list a:before {background-color: #AFC7BB; color: #564043}
.stats_list {text-align: left}

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #09C}
.annuncio {background-color: #F7F3E1; border-top: 1px solid #FFF; border-bottom-color: #E2D9AE}
.importante {background-color: #EAF0FA; border-top: 1px solid #FFF; border-bottom-color: #C5D0E0}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #479CFC !important; border-bottom-color: #2684F0 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFFFFF !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #FFFFFF; color: #007299; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #FFFFFF}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #FFFFFF}
.cancelled {padding-left: 5px; font-weight: normal; color: #FFFFFF}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {color: #564043; text-align: justify}
.color a {color: #D9434F!important; font-weight: bold!important; text-decoration: none!important}
.edit {font-size: 10px; font-style: italic; color: #564043}
.topic .option, .article .option {background-color: #AFC7BB; border-top: 1px solid #FFFFFF}
.topic .like {color: #564043}
.topic .u_title {font-size: 13px; color: #FFFFFF!important; font-weight: bold; font-style: italic; background-color: #AFC7BB!important}
/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}
/* alert, info, success */
.alert, .info {border-radius: 5px; -moz-border-radius: 5px}
.alert {padding: 1em; background: #ECC !important; color: #C00 !important}
.info {padding: 0.5em; background-color: #F5F5E4; color: #000}
.success {background-color: #DFF0D8; color: #468847; border-color: #D6E9C6}
.alert a, .info a, .success a {color: #3A87AD; text-decoration: none; font-weight: bold} .alert a {color: #B94A48} .success a {color: #468847}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #EEE; border: 1px solid #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: #CCC} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #333}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}

/* SONDAGGIO */
.poll-bar {background-color: #FEBEAC; border-radius: 2px; -moz-border-radius: 2px; color: #FFFFFF}
.poll-bar div {background-color: #D9434F; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #FFFFFF}
.poll-max .poll-bar div {background-color: #4E383D}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #FFFFFF; background-color: #FCE5D1 !important; border: 1px solid #FFFFFF}
.pages li a {color: #564043; font-size: 17px}
.pages li > a:first-child {}
.pages li a:hover {background-color: #FEBEAC}

/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote, .code {padding: 5px; font-size: 9pt; font-weight: normal; color: #5D766A; background: #B0C6BB; border-radius: 5px; -moz-border-radius: 5px}

/* 2° livello */
.quote .quote, .quote .code, .spoiler .quote, .code .code {color: #5D766A; background: #CDDCD5}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #5D766A; background: #B0C6BB}

/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {color: #5D766A; background: #CDDCD5}


.quote_top, .code_top {font-size: 11px; color: #5D766A; margin: 1em}

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #B0C6BB; content:'>'; position: relative; top: 16px; margin-right: 5px; font-size: 17px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #B0C6BB; content:'<!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #B0C6BB; content:'>'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content: none}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #5D766A}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #B0C6BB}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #5D766A}

/* PROFILO */
header.profile {padding: 15px 0; color: #FFF}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.u_nick {font-size: 25px; font-weight: bold; color: #D9434F}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px solid #D9434F}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #FFFFFF}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 0}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 1px solid #FFFFFF; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #222; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}



/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}
/* GRUPPI */
.amministratore {color: #4E383D; font-weight: bold}
.moderatore {color: #D9434F; font-weight: bold}
.daconvalidare {color: #6E6E6E; font-style: italic}
.utente {color: #51668F; font-weight: normal}
.box_utente .details {background: transparent}

.gruppo1 {color: #4E383D; font-weight: bold}
.box_gruppo1 .details {background: #62494F; color: #FFFFFF}

.gruppo2 {color: #D9434F; font-weight: bold}
.box_gruppo2 .details {background: #CE6D75}

.gruppo3 {color: #983E9C; font-weight: bold}
.gruppo4 {color: #3E469C; font-weight: bold}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #AFC6BB; color: #FFFFFF !important; font-weight: bold; border: 1px solid #FFFFFF; text-shadow: 1px 1px 0 #564043!important; border-radius: 5px; -moz-border-radius: 5px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #AFC6BB; color: #FFFFFF !important; border: 1px solid #FFFFFF; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, .forminput:hover, #send-button:hover {background: #D8E6DF; border-color: #FFFFFF; color: #FFFFFF !important; text-shadow: 1px 1px 0 #564043 !important}
.textinput {margin: 10px 0; font-size: 16px; color: #FFFFFF !important}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(82, 168, 236, .75); box-shadow: 0 0 2px rgba(82, 168, 236, .5); -moz-box-shadow: 0 0 2px rgba(82, 168, 236, .5); -webkit-box-shadow: 0 0 2px rgba(82, 168, 236, .5)}

#mod_options {color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px}
#send-button {background: #EEE; font-size: 15px; color: #FFFFFF; font-weight: bold}

.buttons a {padding: 7px 0; background-color: #AEC6BB; color: #FFFFFF; font-weight: bold; text-shadow: 1px 1px 0 #564043; font-size: 14px}
.buttons a:hover {background-color: #C3D4CC; text-shadow: 1px 1px 0#564043; color: #FFF}

a.new-topic {background-color: #FCE1CB; color: #FFFFFF; border: 1px solid #FFFFFF; text-shadow: 1px 1px 0 #564043!important}
a.new-topic:hover {background-color: #FFECDD}
a.reply {background-color: #FCE1CB; color: #FFF; border: 1px solid #FFFFFF; text-shadow: 1px 1px 0 #564043!important}
a.reply:hover {background-color: #FFECDD}
a.delete {background-color: #AFC7BB; color: #FFF; border: 1px solid #FFFFFF; text-shadow: 1px 1px 0 #564043!important}
a.delete:hover {background-color: #FFECDD}

.only-back a {border: 1px solid #BBB}