/* sic mundus creatus est skin*/
body {font: 12px 'ubuntu', tahoma, arial, sans-serif; color: #747474; background: #191919}
a {text-decoration: none; color: #D8DCDA; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out}
a:hover {color: #BF461B; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out}

.underheader {font-size: 10px; font-weight: bold; background: #191919; color: #888; font-family: 'Ubuntu'}
.underheader a {color: #888 !important; top: -10px; text-shadow:none}
.underheader a:hover, .underheader .current a {color: #FF652F !important; border-bottom: 0 !important}

.footer {margin: 15px auto; font-size: 11px; color: #999}
.footer a {color: #686868}

/* SIDEBAR */
.sidebar {background-color: #111}
.sidebar a {color: #888 !important}
.sidebar span a {color: #888; font-family: 'Ubuntu'; text-transform: uppercase; font-size: 10px}
.sidebar li {line-height: normal; color: #777}
.side_title {padding: 5px; color: #13A76D; background: #232323; font-family: 'Ubuntu'; text-transform: uppercase; font-weight: bold; font-size: 10px; letter-spacing: 1px}
.submenu > li, .login > li, #ff_links, .search {border-top: 1px solid #232323; border-bottom: 1px solid #151515}
.submenu > *:first-child {border-top: none}
.submenu > *:last-child {border-bottom: none}
#ff_links, .search {border-top: 0}
.user_details .avatar {position: relative; margin-top: -35px !important; margin-left: 10px; overflow: hidden; min-width: 30px; height: 30px; border: 3px solid #13A76D; border-radius: 50%; -moz-border-radius: 50%}
.user_details .avatar img {width: 100%}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #FF652F !important}
.sidebar em {font-weight: bold; color: #FFF; background-color: #A56874}
/* login */
.login input {color: #444; border: 1px solid #DDD}
.login input[type=submit] {background: #0085B2; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #006789}
/* cerca */
.search {background-color: #232323}
.search input {color: #888}

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

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

/* SEZIONI */
.board, .topic, .forum, .tagboard, .mp_info, .mp {background: #272727; margin: 5px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important}
.list-group > *, .stats_bottom li, .u_info dl {padding: 10px; border-bottom: 1px solid #111; background: #272727; text-align: left}
.stats_list > li:last-child {border-bottom: 0}
.list-group > *:first-child {border-top: none}
.list-group > *:last-child {border-bottom: none}
.title strong {text-align: right; font: 19px 'grenze gotisch', verdana, arial; color: #FFE401; background: #191919 !important; border: none; width: 100%; display: inline-block}
.title {text-align: right}

.web {font: 20px 'grenze gotisch', verdana, arial; line-height: 20px}
.desc {font-weight: normal; font-family: 'ubuntu'; font-size: 8px}
.list-group > *:nth-child(odd) .web a {color: #FF652F; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.list-group > *:nth-child(even) .web a {color: #13A76D; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}

.big_list > *:hover {background: #232323; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.desc {font-weight: normal}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.forum .web a {font-size: 17px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #555 !important; font-size: 11px}
.last-post {color: #888}
.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: 12px; color: #888}
span.timeago {color: #999 !important} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; padding: 10px 0; background-color: #151515; border: 3px solid #111; color: #888}

.topic .avatar {border: 3px solid #D9C733; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important}

/* sottosezioni */
.sub-link {color: #0D0D0D; font-size: 9px; font-family: 'Ubuntu'; text-transform: uppercase; font-weight: bold}

/* .on, .annuncio, .importante */
.on {font-weight: bold}
.annuncio, .importante {background: #222}
.annuncio .web a, .importante .web a {color: #DFCD37 !important}



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

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

/* DISCUSSIONI, ARTICOLI */
.post {background: #191919}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #446F70}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {font-family: 'Ubuntu', arial; text-align: justify; font-size: 12px; line-height: 14px; padding: 10px; color: #888; max-width: none}
{color: #666; letter-spacing: 1px; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.color img {max-width: none}
.color a:hover {color: #444; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.color del a {color: #2D684F !important}
.color b {color: #AA411B}
.color i:not(.fas) {font-family: 'cambria'}
.color u {color: #AE8E09}
.color del {color: #555}
.color a {color: #13A76D}
.color a:hover {color: #0C5E47}
.color hr, hr {height: 0; border: 0; border-top: 3px solid #232323}
.color mark, #markdiv mark {background: #13A76D; color: #191919}
.edit {font-size: 10px; color: #444}
.topic .option, .article .option {background-color: #121212; color: #555; border-top: 3px solid #232323}
.topic .like {color: #555}
/* 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 {text-align: justify; padding: 10px; background: #191919 !important; border: 2px solid #353535 !important; color: #993838 !important; font-size: 11px}
.alert b, .alert u, .alert del {color: #993838}
.alert i {font-family: 'ubuntu'}
.info {text-align: justify; background: #191919 !important; color: #8C8C8C !important; border: 2px solid #353535 !important; padding: 10px; font-size: 11px}
.alert a .info a {color: #13A76D}
.alert a:hover {border-bottom: 1px solid #C00}
.notification {text-align: center !important}

.success {background-color: #13A76D; color: #111; font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px}

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

/* popup moderazione post */
.topic .pop ul {background-color: #151515; border: 1px solid #222}
.topic .pop li, .pop #t_like {border-color: #222} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #AE8E09}

/* 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: #002C44}
.poll-bar div {background-color: #68BADD; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #003A54}
.poll-max .poll-bar div {background-color: #088CC8}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {background-color: #111 !important}
.pages li a {color: #AA411B; font-size: 17px}
.pages li a:hover {background-color: #151515}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote {padding: 10px; font-size: 11px; font-weight: normal; color: #888; background: #232323; border: 1px solid #161616; border-bottom: 2px solid #AE8E09}
.code {padding: 10px; font-size: 11px; font-family: 'consolas'; font-weight: normal; color: #888; background: #232323; border: 1px solid #161616; border-bottom: 2px solid #0C5E47}
.spoiler > div {padding: 10px; font-size: 11px; font-family: 'ubuntu', Verdana, Tahoma, Arial, Sans-serif; font-weight: normal; color: #888; background: #232323; border: 1px solid #161616; border-bottom: 2px solid #0C5E47}
.spoiler > div.code_top {background: none; border: none}

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

blockquote {background: #111;
padding: 10px;
border: 1px solid #000;
font-size: 10px;
text-align: justify !important;
line-height: 14px;
box-shadow: inset 0 0 0 2px #202020; -moz-box-shadow: inset 0 0 0 2px #202020; -webkit-box-shadow: inset 0 0 0 2px #202020}


/* PROFILO */
header.profile {padding: 15px 0; color: #888}
.profile .avatar {position: relative; border: 3px solid #B9B9B9; border-radius: 50%; -moz-border-radius: 50%}
.post .avatar img {width: 100%}
.u_nick {font-size: 25px; font-weight: bold; color: #FF652F}
.u_group {font-size: 15px}
.u_stats > table td {font-family: 'Ubuntu', Tahoma, Verdana, Arial, Serif; text-transform: uppercase; font-size: 8px padding: 2px 10px; text-decoration: none; font-weight: bold; color: #446F70; border: 2px solid #232323; background: #111; margin: 0 2px}
.u_stats table {border-spacing: 10px}
.u_stats > table td:first-child {border-left: 2px solid #232323}
#u_reg {color: #FFE400 !important}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px}
.profile .title {text-align: center; font-size: 14px; color: #13A76D; letter-spacing: 3px}
.profile {border: 10px solid #151515; background: #191919; box-shadow: 0 0 0 5px #121212; -moz-box-shadow: 0 0 0 5px #121212; -webkit-box-shadow: 0 0 0 5px #121212; margin-top: 20px}
.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: 3px solid #191919; padding: 2px}
.friend_nickname {background: #222; color: #FF652F; font-size: 10px; line-height: 15px; text-align: center}

/* STATISTICHE */
.stats {text-align: center; color: #888}
.groups_list {padding: 10px 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}

/* COLORI GRUPPI */
.male {color: #325E5F} .female {color: #A56874}
.details {background-color: #121212}
.details > a {color: #0C5E47}

/* COLORI UTENTI */
.gruppo1 {color: #8E3311 !important; font-weight: bold}
.gruppo2 {color: #AC5738 !important; font-weight: bold}
.gruppo3 {color: #DB5829 !important; font-weight: bold}
.gruppo4 {color: #19734F !important; font-weight: bold}
.gruppo5 {color: #38C18A !important; font-weight: bold}
.gruppo6 {color: #90ECC7 !important; font-weight: bold}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {padding: 3px 4px; font: .9em verdana, arial, serif; color: #3F7F66; background: #232323; border: 1px solid #111; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.codebuttons:hover {background: #222; color: #D76943; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}

/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background: #232323; color: #555; border: 1px solid #111}

.textinput {background: #151515; color: #888; padding: 10px; font: 13px 'Ubuntu', verdana, arial, serif}

/* 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; border-color: #2E2E2C}
.codebuttons:focus.option {outline: none}

#mod_options {color: #777; border: 1px solid #191919; padding: 3px}

.buttons a {padding: 10px 2px; display: block; margin: 0; padding: 0 15px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-family: 'Reem Kufi', serif; line-height: 30px; color: #A2A2A2; border: 2px solid #232323; background: #111; box-shadow: 0 0 0 2px #111; -moz-box-shadow: 0 0 0 2px #111; -webkit-box-shadow: 0 0 0 2px #111; margin: 0 2px; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.buttons a:hover {color: #0C5E47; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
#buttons2 {background: transparent !important}

a.reply {color: #0C5E47}
a.reply:hover {color: #0C5E47}



/* TAGBOARD e CHAT */
.tagboard-list {font-size: 11px; color: #888; line-height: 150%}
.tagboard-list > *:nth-child(even) {background: #151515; border-bottom: 1px solid #222; padding: 10px}
.tagboard-list > * a {color: #FF652F !important; font-size: 8px; font-weight: bold; font-family: verdana; letter-spacing: 1px; text-transform:uppercase; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.tagboard-list > *:nth-child(even) a {color: #14A76C !important; text-shadow: none; text-decoration: none !important; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.tagboard-list > * a:hover, .tagboard-list > *:nth-child(even) a:hover {color: #FFE400 !important; text-shadow: none; text-decoration: none !important; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}

#mp-option label, #mp-delete {font-size: 10px !important}
.color hr {height: 5px; border: 0; background: #111; margin: 20px 0}

.section-title {color: #777;
font-style: normal !important;
font-family: 'ubuntu';
font-size: 8px !important;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
margin: 5px;
margin-top: -2px}

/* latin */
@font-face {font-family: 'Reem Kufi';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v7/2sDcZGJLip7W2J7v7wQzaGW5.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}

/* latin*/
@font-face {font-family: 'Grenze Gotisch';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/grenzegotisch/v1/Fh4hPjjqNDz1osh_jX9YfjudpBJBNV5y5wf_k1i5Lz9kd4qc.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}

@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Ubuntu Light'), local('Ubuntu-Light'), url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}