/*=============================================================
// RRRAVE MOBILE SKIN
//============================================================= */

.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite.png')}
@media only screen and (min-resolution: 192dpi) {.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@2x.png')}}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@3x.png')}}

body {font: 13px/150% trebuchet ms; color: #999999; background-color: #000}
a {text-decoration: none; color: #AC0E2C; text-transform: uppercase}

a:hover {color: #60C0AE; text-shadow: 0 0 2px #60C0AE; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}

.male {color: #146AAE}
.female {color: #CC6688}

.footer {font-size: 12px; color: #999}
.footer a {color: #FFF}

/* COLORI UTENTI */
.daconvalidare {font-style: italic}
.amministratore {color: #457692; font-weight: bold}
.moderatore {color: #138258; font-weight: bold}
.utente {color: #FCFBD8}

.gruppo1 {color: #B980FF; font-weight: bold}
.gruppo2 {color: #80A9FF; font-weight: bold}
.gruppo3 {color: #C5E54F; font-weight: bold}
.gruppo4 {color: #E6A6D6; font-weight: bold}
.gruppo5 {color: #FCAC6F; font-weight: bold}
.gruppo6 {color: #202020; font-weight: bold}
.gruppo7 {color: #404040; font-weight: bold}
.gruppo8 {color: #EB4E61; font-weight: bold}
.gruppo9 {color: #EB4E61; font-weight: bold}
.gruppo10 {color: #E64255; font-weight: bold}
.gruppo11 {color: #F7B8B3; font-weight: bold}


/* SIDEBAR cioč la barra menu utente */
.sidebar {background-color: #000}
.sidebar a {color: #999999}
.sidebar a:hover {color: #999999; text-shadow: 0 0 4px #999999}
.sidebar li {line-height: normal; color: #000000}
.side_title {background-color: #60C0AE; color: #000000; font-weight: bold; text-transform: uppercase; text-shadow: -1px -1px 1px #AC0E2C}
.submenu > li, .login > li, #ff_links, .search {border-top: 1px solid #000; border-bottom: 1px solid #000}
.submenu li > span {color: #49C793}
#ff_links, .search {border-top: 0}
#widget li > span a {color: #AC0E2C}
#widget li > span a:hover {color: #AC0E2C; text-shadow: 0 0 4px #AC0E2C}

/* menu utente */
.menu > li {color: #999999}
.menu .nickname {font-size: 18px; color: #60C0AE; font-weight: bold; text-transform: uppercase; text-shadow: -1px -1px 1px #AC0E2C}
.sidebar em {font-weight: bold; color: #999999; background-color: #000}

/* login */
.login input[type=submit] {background: #60C0AE; color: #000000; font-weight: bold}
.login input[type=submit]:hover {background: #60C0AE}

/* cerca */
.search {background-color: #60C0AE}
.search input {color: #000000}

/* NAV */
.menuwrap_bg {background-color: #000}
.menuwrap em {background-color: #60C0AE}

/* nome forum */
#nav-title span {color: #999999; font-size: 16px; font-weight: normal}

/* HEADER, LOGO */
.header {background: #000}
.logo {padding-top: 8px; background-position: center; background-repeat: no-repeat; background-size: contain}

/* SEZIONI */
.list-group > *, .stats_bottom li, .u_info dl {padding: 8px; background: #000}
.stats_list > li:last-child {border-bottom: 0}

.title {text-align: right; margin-right: 20px; padding: 4px; font: 18px trebuchet ms; font-weight: bold; color: #60C0AE; text-transform: uppercase; text-shadow: -1px -1px 1px #AC0E2C; background: transparent !important; border-bottom: 3px solid #49C793}

.web {color: #60C0AE; font-size: 18px; font-family: trebuchet ms; line-height: 90% !important; text-shadow: -1px -1px 1px #AC0E2C; text-transform: uppercase}

.web a {color: #AC0E2C; font-size: 18px; font-family: trebuchet ms; line-height: 90% !important; text-shadow: -1px -1px 1px #60C0AE; text-transform: uppercase}

.web a:hover {transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; text-shadow: -1px -1px 1px #AC0E2C; color: #60C0AE; text-transform: uppercase; padding: 20px}
.forum .web a {font-size: 15px}
.forum .web a:hover {font-size: 15px; padding: 20px}
.forum .big_list > *.web a {line-height: 100%; padding: 2px}
.forum .big_list > *:hover .web a {line-height: 100%; padding: 2px}

/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {font-weight: normal; font-size: 12px; line-height: 100% !important; color: #999999}
.board .last-post a, .board .last-post a * {font-size: 12px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}

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

/* .on, .annuncio, .importante */
.forum .annuncio {background: trasparent}
.forum .annuncio:nth-child(even) {background: #1D1D1D; border: 1px dashed #111}
.forum .importante {background: transparent}
.forum .importante:nth-child(even) {background: #1D1D1D; border: 1px dashed #111}
.on {border-left: 5px solid #49C793}

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

/* SELEZIONE RIGA: Moderazione */
li.selected {background: #000 !important}
.selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #999999 !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #000; color: #999999; font-weight: bold; font-style: normal; font-size: 14px; text-shadow: none}
#mp-option label {border-right: 1px solid #000}

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #000}
.details a, .cancelled {font-size: 18px; font-weight: bold; font-style: normal; color: #49C793}
.cancelled {padding-left: 5px; font-weight: normal; color: #999999}
.topic .group {color: #999999; font-size: 13px}
.color {text-align: justify; font-style: normal}
.color a {font-weight: normal}
.edit {font-size: 10px; font-style: italic; color: #999999}
.topic .option, .article .option {background-color: #000; border-top: 3px solid #49C793}
.topic .like {color: #999999}

/* 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 {background-color: #561919; color: #C49A9A; border-color: #410000}
.info {background-color: #49C793; color: #000; border-color: #14925E}
.success {background-color: #255116; color: #FFF; border-color: #314F16}
.info a {color: #FCFBD8; text-decoration: none; font-weight: bold}
.success a {color: #FFFFFF; text-decoration: none; font-weight: bold}
.alert a {color: #C49A9A; text-decoration: none; font-weight: bold}

/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #000; color: #60C0AE; border: 1px solid #49C793; 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: #AC0E2C}
.topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #AC0E2C}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #AC0E2C}
.offline {background-color: #60C0AE}
.anonimo {background-color: #9E9E9E}

/* SONDAGGIO */
.poll-bar {background: #AC0E2C; height: 15px; line-height: 15px; font-size: 12px; color: #000000 !important; border-radius: 3px; -moz-border-radius: 3px}
.poll-bar div {background: #EA4545; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px}
.poll-max .poll-bar {background: #AC0E2C}
.poll-max .poll-bar div {background: #EA4545}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {color: #60C0AE; background-color: #000 !important}
.pages li a {color: #60C0AE; font-size: 17px; box-shadow: 1px 0 0 #AC0E2C, inset 1px 0 0 #AC0E2C; -moz-box-shadow: 1px 0 0 #AC0E2C, inset 1px 0 0 #AC0E2C; -webkit-box-shadow: 1px 0 0 #AC0E2C, inset 1px 0 0 #AC0E2C}
.pages li > a:first-child {box-shadow: -1px 0 0 #AC0E2C; -moz-box-shadow: -1px 0 0 #AC0E2C; -webkit-box-shadow: -1px 0 0 #AC0E2C}
.pages li a:hover {color: #60C0AE; background-color: #AC0E2C}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote, .code {padding: 5px; font: 14px verdana; font-weight: normal; color: #999999; border-bottom: 2px dashed #AC0E2C; background: #383838}

.quote_top:before, .spoiler .code_top:before {color: #60C0AE; content:'"'; position: relative; top: 14px; margin-right: 5px; font-size: 15px; font-family: trebuchet ms; font-weight: bold; text-shadow: -1px -1px 1px #AC0E2C}

.code_top:before {color: #60C0AE; content:'<!'; position: relative; top: 1px; margin-right: 5px; font-size: 15px; font-family: trebuchet ms; font-weight: bold; text-shadow: -1px -1px 1px #AC0E2C}
.code_top:after {color: #60C0AE; content:'>'; position: relative; top: 1px; margin-left: 6px; font-size: 15px; font-family: trebuchet ms; font-weight: bold; text-shadow: -1px -1px 1px #AC0E2C}

.spoiler .code_top:after {content:''}

.quote_top, .code_top {font-size: 15px; color: #60C0AE; font-family: trebuchet ms; text-transform: uppercase; font-weight: bold; text-shadow: -1px -1px 1px #AC0E2C}

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

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #000000}
.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: none}
.friend_avatar img {border-radius: 90px; -moz-border-radius: 90px}
.friend_nickname {background: #1D1D1D; color: #49C793; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}

/* STATISTICHE */
.stats {text-align: center; color: #999999}
.user_online a, .groups_list a {font-weight: bold}
.groups_list {padding: 10px 5px}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}
.stats .title {font-size: 12px}



/* INPUT e BOTTONI */

.forminput, .textinput {padding: 3px; font: 12px trebuchet ms; color: #000000; background: #60C0AE; border: 2px solid transparent}

textarea.textinput {padding: 4px; line-height: 100%; font: 14px verdana; background: #1D1D1D; border: 2px solid #AC0E2C; color: #999999; letter-spacing: 0 !important}

/* bagliore azzurro */
.forminput[type=text], .forminput[type=password], .textinput {transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease}
.textinput:focus, .forminput[type=text]:focus, .forminput[type=password]:focus {outline: none; box-shadow: 0 0 8px #C0C0C0; -moz-box-shadow: 0 0 8px #C0C0C0; -webkit-box-shadow: 0 0 8px #C0C0C0}

/* bbcode */
.codebuttons {padding: 3px; font: 12px trebuchet ms; color: #000000; background: #60C0AE; border: 2px solid transparent; text-transform: uppercase; font-weight: bold}
.codebuttons:hover {background: #AC0E2C; color: #000000; border: 2px solid transparent; text-transform: uppercase; font-weight: bold}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #999999; background: #1D1D1D; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none}
.sunbar .forminput:hover {background: #1D1D1D; color: #999999}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {color: #000000; background: #60C0AE; border: 0}
.navsub .forminput:hover, .navsub .forminput:focus {color: #000000; background: #AC0E2C}

/* form di ordinamento in fondo alle sezioni */
.title .forminput, .title input.forminput {padding: 2px; color: #000000; background: #60C0AE; border: 0}
.title .forminput:hover, .title input.forminput:hover {background: #AC0E2C; color: #000000}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {color: #000000; background: #60C0AE; font-size: 15px; font-family: trebuchet ms; text-transform: uppercase; font-weight: bold}
.darkbar .forminput:hover, .fast.send .forminput:hover {font-family: trebuchet ms; font-size: 15px; background: #AC0E2C; color: #000000; text-transform: uppercase; font-weight: bold}

.darkbar .forminput {padding: 5px; font-size: 15px; font-family: trebuchet ms; text-transform: uppercase; font-weight: bold}

/* bottone preview */
.darkbar button.forminput:hover {font-family: trebuchet ms; font-size: 15px; background: #AC0E2C; color: #000000; text-transform: uppercase; font-weight: bold}


/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px; color: #AC0E2C; font-family: trebuchet ms; font-size: 12px; text-transform: uppercase; font-weight: bold; text-shadow: -1px -1px 1px #60C0AE}
.buttons a:hover {border: 0; margin-left: 12px; background: #60C0AE; color: #000000; font-family: trebuchet ms; font-size: 12px; text-transform: uppercase; font-weight: bold; text-shadow: -1px -1px 1px #AC0E2C}
.buttons a:first-child {margin: 0}


/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: normal; font-size: 12px; font-family: verdana; text-transform: uppercase}
.post .mini_buttons a {line-height: 1em; font-size: 14px; font-family: verdana; text-transform: uppercase}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}


/* SPINNER SCURO */
#spinner {background: rgba(0, 0, 0, .7); color: #3B5766}
#pathspinner {stroke: #3B5766}