/* SKIN MOBILE REVELIO */

body {font: 15px/150% Sans-serif; color: #C3C3C3; background-color: #141414}
a {color: #2E6071; text-decoration: none}
.last-post a * {color: #2E6071 !important; text-transform: lowercase}
.web * {color: #C7B086 !important}

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

/* SIDEBAR */
.sidebar {background-color: #171717}
.sidebar a, #widget span a {color: #2E6071} #widget a {color: #876E58}
.sidebar li {line-height: normal; color: #A4A3A3}
.side_title {background-color: #171717; color: #F0F0F0; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #0C0C0C}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #0C0C0C}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #876E58}
.sidebar em {font-weight: bold; color: #FFF; background-color: #876E58}
/* login */
.login input {color: #444; border: 1px solid #DDD}
.login input[type=submit] {background: #171717; color: #F0F0F0}
/* cerca */
.search {background-color: #171717}
.search input {color: #F0F0F0}

/* NAV */
.menuwrap_bg {background-color: #2E6071}
.menuwrap em {background-color: #2E6071}
/* nome forum */
#nav-title span {color: #FAFAFA; font-size: 12px; text-transform: uppercase; font-weight: normal}

/* HEADER, LOGO */
.header {background: #171717}
.logo {padding-top: 0; background-position: center center; background-repeat: no-repeat; background-size: cover}

/* SEZIONI */
.list-group {padding: 3px}
.list-group > *, .stats_bottom li, .u_info dl {background-color: #171717; padding: 6px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-weight: normal; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #FAFAFA; padding: 3px; background: none; border-bottom: 3px solid #2E6071; border-left: none; border-right: none; background-color: #111111}

.web a {font-size: 17px; font-style: italic; text-transform: uppercase; letter-spacing: 1px} .forum .web a {font-size: 14px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #A4A3A3 !important}
.last-post {color: #888; font-size: smaller; border: 1px solid #1B1B1B; padding: 1px 10px; background: #252424}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}

.topics, .replies, .views {font-size: 11px; color: #F0F0F0; letter-spacing: 1px}
span.timeago {color: #999 !important} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #252424; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

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

/* .on, .annuncio, .importante */
.on {border-left: 6px solid #C7B086}
.annuncio {border-left: 4px solid #C7B086; border-right: 2px solid #C7B086; background-color: #111111}
.importante {border-left: 4px solid #2E6071; border-right: 2px solid #2E6071; background-color: #111111}

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

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

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #262626}
.details a, .cancelled {font-size: 14px; font-weight: bold; color: #2E6071}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #777777); font-size: 11px; text-transform: uppercase}
.color {color: #B4B3B3; text-align: justify}
.color a {text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {background-color: #020202; border-top: 1px solid #1A1A1A}
.topic .like {color: #666}
/* 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: #F2DEDE; color: #B94A48; border-color: #EED3D7}
.info {background-color: #D9EDF7; color: #3A87AD; border-color: #BCE8F1}
.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: #020202; border: 1px solid #171717; 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: #D0E3ED; border-radius: 2px; -moz-border-radius: 2px; color: #171717}
.poll-bar div {background-color: #615F55; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #F0F0F0}
.poll-max .poll-bar div {background-color: #2E6071}

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

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote {margin: 10pt 0 0; border-left: 3px solid #C7B086}
.code_top, .code {margin: 10pt 0 0; border-left: 3px solid #2E6071}
.quote_top {font-size: 11px; color: #C7B086; padding-left: 7px}
.code_top {font-size: 11px; color: #2E6071; padding-left: 7px}
.code {font-family: 'Courier New', Sans-serif}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote, .code {padding: 5px 0 5px 10px; margin-top: 0; font-size: 11pt; line-height: 120%; color: #777777}
.quote {text-align: justify}

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

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #171717}
.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 #020202; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #020202; color: #F0F0F0; 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: #888}
.groups_list {padding: 5px 5px}
.user_online a:before, .groups_list a:before {color: #888}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #171717; color: #F0F0F0; border: 1px solid #020202; border-radius: 3px; -moz-border-radius: 3px}
/* 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: #171717; color: #F0F0F0; border: 1px solid #020202; border-radius: 3px; -moz-border-radius: 3px}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #2E6071; box-shadow: 0 0 2px #2E6071; -moz-box-shadow: 0 0 2px #2E6071; -webkit-box-shadow: 0 0 2px #2E6071}

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

.buttons a {padding: 7px 0; background-color: #171717; color: #F0F0F0; font-weight: bold; font-size: 14px}

a.new-topic {background-color: #2E6071; color: #F0F0F0}
a.reply {background-color: #2E6071; color: #F0F0F0}
a.delete {background-color: #807757; color: #F0F0F0}

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

/* COLORI GRUPPI REVELIO MOBILE */
.box_visitatore .details {border: 0; background: transparent}
.daconvalidare {font-style: italic}
.utente {color: #DF9CF5; font-style: italic}
.male {color: #5CA0D1} .female {color: #CC6688}
.gruppo1 {color: #E6E6D8; font-weight: bold}
.gruppo2 {color: #F7C362; font-weight: bold}
.gruppo3 {color: #8227A0; font-weight: bold}
.gruppo4 {color: #575A55; font-weight: bold}
.gruppo5 {color: #008080; font-weight: bold}
.gruppo6 {color: #164199; font-weight: bold}
.gruppo7 {color: #C22167; font-weight: bold}
.gruppo8 {color: #004D1A; font-weight: bold}
.gruppo9 {color: #E66D15; font-weight: bold}
.gruppo10 {color: #F48C73; font-weight: bold}
.gruppo11 {color: #F5F749; font-weight: bold}
.gruppo13 {color: #BC0B0E; font-weight: bold}
.gruppo12 {color: #C42B59; font-weight: bold}
.gruppo14 {color: #A160FF; font-weight: bold}

/* Bottone tabella in home */
.link2 a {width: 125px; display: inline-block; overflow: hidden; margin: 2px; padding: 4px 3px; font: 8pt calibri; background: #2E6071; color: #B7985D; text-transform: uppercase}

/*snasi*/
.ops {color: #BBB}
.cose {max-width: 420px; border: 1px solid #D9A774; padding: 4px; float: left; margin-left: 4px; margin-top: 4px}
.luogo {width: 240px; height: 170px; border: 4px solid #607A7C; float: left; opacity: 0.9}
.freccia {width: 50px; height: 178px; float:left; background: #607A7C; opacity: 0.9}
.frecciastyle {font: 90px/180px georgia; font-weight: 700; color: #1C333B; float: left; width: 30px; margin-left: -35px}
.cose:hover .freccia {width: 200px; transition: 1s}
.cose:hover .frecciastyle {opacity: 0}
.cose:hover .luogo {width: 92px; transition: 1s}
.cose:hover .review {visibility: visible; opacity: 1; transition: 1s}
.review {width: 187px; height: 161px; text-align: center; margin: 3px; margin-left: 0; background: #1C333B; border: 3px double #284854; padding: 2px; font: 11px georgia; font-variant: small-caps; color: #888; display: inline-block; visibility: hidden; opacity: 0}
.exp {width: 180px; height: 70px; float: left; background: #284854; border: 3px double #D9A774; margin-right: 5px; font: 15px/13px georgia; text-align: center; color: #60747C}
.ricompense {height: 85px; overflow: auto; width: 186px}
.pngbordo {width: 100px; height: 100px; float: left; padding: 3px; border: 1px solid #D9A774; margin: 5px 7px 4px 0}
.png2 {float:right; margin: 0 -7px 5px 4px}
.pngimg {height: 94px; width: 94px; border: 3px solid #60747C; background-size: cover}
.pngstats {width: 84px; height: 84px; padding: 3px; color: #F8F8F8; margin-top: 2px; text-transform: uppercase; text-align: center; font: 10px/12px georgia; opacity: 0; background: #60747C; margin-left: 2px}
.pngbordo:hover .pngstats {opacity: 1; transition: 1s}
.testo {padding: 4px; margin-top: 4px; float: left; font: 12px/13px georgia; text-align: justify}
.tabella2 {width: 528px; background: #284854; border: 2px solid #60747C; overflow: hidden; padding: 2px; margin-top: 5px; opacity: 0.4; font: 10px georgia; text-transform: uppercase}

.fast.send .dice-button {display: inline!important}