/*=============================================================
// SKIN DI BASE - Dark Version
//============================================================= */

div.konoha testata, div.konoha paragrafo, div.konoha catenaccio, div.konoha sommario, div.konoha opzioni:before, div.konoha opzioni a, div.konoha sommario a, div.konoha personaggio paragrafo a {color: #53984A!important}
div.kiri testata, div.kiri paragrafo, div.kiri catenaccio, div.kiri sommario, div.kiri opzioni:before, div.kiri opzioni a, div.kiri sommario a, div.kiri personaggio paragrafo a {color: #0093CC!important}
div.oto testata, div.oto paragrafo, div.oto catenaccio, div.oto sommario, div.oto opzioni:before, div.oto opzioni a, div.oto sommario a, div.oto personaggio paragrafo a {color: #A17AD2!important}
div.suna testata, div.suna paragrafo, div.suna catenaccio, div.suna sommario, div.suna opzioni:before, div.suna opzioni a, div.suna sommario a, div.suna personaggio paragrafo a {color: #C37740!important}
div.nukenin testata, div.nukenin paragrafo, div.nukenin catenaccio, div.nukenin sommario, div.nukenin opzioni:before, div.nukenin opzioni a, div.nukenin sommario a, div.nukenin personaggio paragrafo a {color: #B8B8B8!important}

lista a {text-decoration:none!important; font-variant: normal!important; text-shadow: none !important; color: #FFF!important}
lista a span {display:block}

.stemma {text-decoration: none!important;
 border: 1px solid;
 display: inline-block;
 padding: 3px;
 font-weight: normal!important;
 width: 100px;
 border-radius: 0 0 15px 15px;
 -moz-border-radius: 0 0 20px 20px;
 font-size: 10px;
 margin: 5px;
 line-height: 1.5}
.stemma:before {content: attr(title) ' ';
 font-weight: bold;
 display: block;
 text-align: center;
 background-color: black;
 padding: 3px;
 width: 100px;
 margin: auto;
 font-size: 11px;
 margin-left: -3px;
 margin-top: -3px}
a.stemma.semplice {color: #FFF;
 background-color: #FFF}
a.stemma.semplice > span {color: #000}
a.stemma.onore {color: #999;
 background-color: #999;
 border-color: #000}
a.stemma.onore > span {color: #000}
a.stemma.lode {color: darkgoldenrod;
 background-color: #000}
a.stemma.lode > span {color: darkgoldenrod}
a.stemma.elite {color: #FFF;
 background-color: #000}
a.stemma.elite > span {color: #FFF}



testata, h1, .color h2 {font-size: 13px;
 font-variant:small-caps}
 paragrafo, h1 {letter-spacing: 5px;
font-weight: bold;
margin:auto;
text-align: center;
font-size: 13px;
display:block}
contenuto {display:inline-block;
text-align:justify;
padding-left: 20px;
line-height: 110%}
catenaccio {color: #DB7B4B;
font-size: 11px;
line-height: 110%}
testata, sommario, contenuto, catenaccio {padding-left: 20px}
citazione {font-size: 10px;
line-height: 125%;
display: inline-block;
padding: 10px 40px;
font-style: italic}

elemento testata, elemento sommario, elemento contenuto, elemento catenaccio, .elenco testata, .elenco sommario, .elenco contenuto, .elenco catenaccio, .otgdr testata, .otgdr sommario, .otgdr contenuto, .otgdr catenaccio, .colonne testata, .colonne sommario, .colonne contenuto, .colonne catenaccio {padding-left: 0!important}

paragrafo testata, h1, .color h2 {padding: 0}
paragrafo citazione {padding: 0; letter-spacing: 0}
contenuto {line-height: 130%}

.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: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #888; background-color: #1F1F1F}
a {color: #E1340C;
 text-decoration: none}
 a:hover {color: #E1340C}
.male {color: #146AAE} .female {color: #CC6688}

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

/* SIDEBAR */
.sidebar {background-color: #1A1A1A}
.sidebar a {color: #E1340C} .sidebar span a {color: #BA9F34}
.sidebar li {line-height: normal; color: #777}
.side_title {background-color: #333; color: #FFF; border: 0; border-bottom: 1px solid #1A1A1A}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #BA9F34}
.sidebar em {font-weight: bold; color: #FFF; background-color: #BA9F34}
.submenu > li, .login > li, #ff_links, .search {border-top: 1px solid #222; border-bottom: 1px solid #111}
#ff_links, .search {border-top: 0}
/* 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: #111}
.search input {color: #999}

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

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

/* SEZIONI */
.list-group > *, .stats_bottom li, .u_info dl {background-color: #151719; border-top: 1px solid #222; border-bottom: 1px solid #111; padding: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-weight: normal; font-size: 14px; color: #FFF; padding: 8px; background: #333333; background: -moz-linear-gradient(top, #333333 1%, #2A2A2A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #333333), color-stop(100%, #2A2A2A)); background: -webkit-linear-gradient(top, #333333 1%, #2A2A2A 100%); background: -o-linear-gradient(top, #333333 1%, #2A2A2A 100%); background: -ms-linear-gradient(top, #333333 1%, #2A2A2A 100%); background: linear-gradient(to bottom, #A2403C 1%, #6F2623 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#A2403C', endColorstr='#6F2623', GradientType=0)}

.web a {font-size: 19px;
 font-weight: bold;
 color: #E3E9C5}
.forum .web a {font-size: 17px}
.desc {color: #B6B6B6}
.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: 12px}
span.timeago {color: #777 !important} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #FFF; color: #444; border-radius: 5px; -moz-border-radius: 5px}

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

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #8B3230}
.annuncio {background-color: #252D33; border-top: 1px solid #2B3944; border-bottom-color: #171E23}
.importante {background-color: #2F2F2F; border-top: 1px solid #333; border-bottom-color: #1F1F1F}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #BA9F34 !important; border-bottom-color: #BA9F34 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #131313; color: #BA9F34; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #000} #mp-delete {border-left: 1px solid #1F1F1F}

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #333}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #BA9F34}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #999; font-size: 13px}
.color {color: #999; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}

.post .avatar {border-color: #1A1A1A; box-shadow: 0 0 0 1px #444; -moz-box-shadow: 0 0 0 1px #444; -webkit-box-shadow: 0 0 0 1px #444}

.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {background-color: #111; border-top: 1px solid #333}
.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: #5E0000; color: #FFC4C4; border-color: #820000}
.info {background-color: #244D63; color: #C0D5E0; border-color: #2D5F7A}
.success {background-color: #165B00; color: #C6E2BC; border-color: #32771B}
.alert a, .info a, .success a {color: #FFF; text-decoration: none; font-weight: bold} .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: #111; border: 1px solid #333; 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: #333} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #FFF}

/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {border-color: #1A1A1A}
.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 {border: 1px solid #111; background-color: #333 !important}
.pages li a {color: #CCC; font-size: 17px; box-shadow: 1px 0 0 #111, inset 1px 0 0 #111; -moz-box-shadow: 1px 0 0 #111, inset 1px 0 0 #111; -webkit-box-shadow: 1px 0 0 #111, inset 1px 0 0 #111}
.pages li > a:first-child {box-shadow: -1px 0 0 #111; -moz-box-shadow: -1px 0 0 #111; -webkit-box-shadow: -1px 0 0 #111}
.pages li a:hover {background-color: #2A2A2A}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote, .code_top, .code {margin: 10pt 0 0; border-left: 3px solid #FFF}
.quote_top, .code_top {font-size: 11px; color: #FFF; padding-left: 7px}
.code {font-family: 'Courier New', Sans-serif}
.quote_top a {padding: 0 10px; background: transparent url('https://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: 9pt; line-height: 120%; color: #656565; text-align: justify}

/* 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}
.u_status {border-color: #FFF}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px solid #222; border-right: 1px solid #111} .u_stats > table td:last-child {border-right: 0}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #333}
.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 #8A8A8A; 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}

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

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #222; color: #FFF; border: 1px solid #121212; 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: #F0F0F0; color: #222; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background-color: #1D4462; border-color: #1D4462}
.textinput {margin: 10px 0; font-size: 18px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(186, 159, 82, .75); box-shadow: 0 0 2px rgba(186, 159, 82, .5); -moz-box-shadow: 0 0 2px rgba(186, 159, 82, .5); -webkit-box-shadow: 0 0 2px rgba(186, 159, 82, .5)}

#mod_options {color: #777; padding: 3px}
#send-button {background: #1D4462; border-color: #1D4462; font-size: 15px; color: #FFF; font-weight: bold}

.buttons a {padding: 7px 0; background-color: #454545; color: #FFF; font-weight: bold; font-size: 14px; border: 1px solid #191919}
.buttons a:hover {background-color: #1D4462}

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



a[data-spoiler] > * {display: block;
border: 1px solid black;
margin: 1em auto;
width: 85%;
font-size: 10px;
padding: 4px;
background: #FFF;
color: #000}
a[data-spoiler] {font-weight: bold;
 border-bottom: 1px dashed;
 color: inherit;
 cursor: pointer}

 .missione .imm_missione {display: block;
 margin: 1em auto;
 border-bottom: 1px solid #9C2308}
table.missione {width: 65%;
 margin: 2em auto;
 border: 1px solid #0E1011;
 max-width: 650px}
.missione th {background: #9C2308;
 font-size: 12pt;
 text-transform: uppercase}
.missione td {padding: 1em;
 font-size: 12pt}
.missione .relazioni {font-size: 9pt}


.img_parlato {width: 75px;
 margin: 0.5em 0.5em 0.5em 0;
 border-radius: 75px; -moz-border-radius: 75px;
 display: block;
 float: left;
 box-shadow: -3px -3px 0 0; -moz-box-shadow: -3px -3px 0 0; -webkit-box-shadow: -3px -3px 0 0}
hr.cleared {visibility: hidden;
 clear:both;
 margin: 0}