/* EARTH MOBILE SKIN by ward @FUCKYEAH */

body {font: 12px/130% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #6E5837; background-color: #EEEEEE}
a {color: #605856; text-decoration: none} a:hover {color: #A2B6C7}
.last-post a *, .web * {color: #605856 !important}

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

/* SIDEBAR */
.sidebar {background-color: #EEEEEE}
.sidebar a {color: #605856}
.sidebar li {line-height: normal; color: #EEEEEE}
.side_title {background-color: #605856; color: #FCE694; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #00FFFF}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #DDD}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #373737}
.menu .nickname {font-weight: bold; font-size: 18px; color: #F6FEAA}
.sidebar em {font-weight: bold; color: #FFF; background-color: #979E5F}
/* login */
.login input {color: #6E5837; border: 1px solid #DDD}
.login input[type=submit] {background: #6E879C; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #97B03A}
/* cerca */
.search {background-color: #FFF}
.search input {color: #6E5837}

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

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

/* SEZIONI */
.list-group > *, .stats_bottom li, .u_info dl {background-color: #D9E1E8; border-bottom: 1px solid #EBE6CB; padding: 5px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #FFFFFE; color: #FFFFFF; padding: 8px; background: #605856}

.web a {font-size: 15px; font-weight: bold; text-transform: uppercase} .forum .web a {font-size: 15px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #777 !important}
.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: #535353}
span.timeago {color: #999 !important} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #E5AE9C; color: #999; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {font-size: 10px; color: #6E5837}

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #8AA1B5}
.annuncio {background-color: #E8DCBE; border-top: 1px solid #FFF; border-bottom-color: #C1B391}
.importante {background-color: #C0E5BC; border-top: 1px solid #FFF; border-bottom-color: #9DC699}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #E5BBB5 !important; border-bottom-color: #C6A39F !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !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 {border: 1px solid #BBB}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #ABD1EA}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {color: #6E5837; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {background-color: #EEE; border-top: 1px solid #CCC}
.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: #F4D0D0; color: #B94A48; border-color: #EED3D7}
.info {background-color: #DDDFE0; color: #3A87AD; border-color: #AFD1D8}
.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: #979E62}
.offline {background-color: #C49969}
.anonimo {background-color: #C8B989}

/* SONDAGGIO */
.poll-bar {background-color: #E8D8BE; border-radius: 2px; -moz-border-radius: 2px; color: #002C44}
.poll-bar div {background-color: #E4F0AF; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #003A54}
.poll-max .poll-bar div {background-color: #A2D89C}

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

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote, .code_top, .code {margin: 10pt 0 0; border-left: 3px solid #C5D46D}
.quote_top, .code_top {font-size: 11px; color: #605856; 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: #6E5837}
.quote {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; color: #F76D92}
.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 #CCC}
.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 #606856; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #606856; color: #FFF; font-size: 9px; text-transform: uppercase; 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: #6E5837}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #6E5837}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* COLORI GRUPPI */
.male {color: #ABD1EA} .female {color: #EAABDA}

.utente {color: #C6AC73}

.amministratore {color: #B0784E; font-weight: bold}
.box_amministratore .details {background-color: #B0784E}
.box_amministratore .details > a {color: #999}

.moderatore {color: #979E61; font-weight: bold}
.box_moderatore .details {background-color: #979E61}
.box_moderatore .details > a {color: #999}

.gruppo1 {color: #B0784E; font-weight: bold}
.box_gruppo1 .details {background-color: #B0784E}
.box_gruppo1 .details > a {color: #999}

.gruppo2 {color: #979E61; font-weight: bold}
.box_gruppo2 .details {background-color: #979E61}
.box_gruppo2 .details > a {color: #999}

.gruppo3 {color: #432422; font-weight: bold}
.box_gruppo3 .details {background-color: #432422}
.box_gruppo3 .details > a {color: #999}

.gruppo4 {color: #696F47; font-weight: bold}
.box_gruppo4 .details {background-color: #696F47}
.box_gruppo4 .details > a {color: #999}

.gruppo5 {color: #C6AC73; font-weight: bold}
.box_gruppo5 .details {background-color: #C6AC73}
.box_gruppo5 .details > a {color: #999}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 3px; background-color: #FAFAFA; color: #6E5837; border: 1px solid #CCC; 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: 3px; background-color: #FAFAFA; color: #6E5837; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #F4F4F4; border-color: #CCC; color: #6E5837}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #4A5A93; box-shadow: 0 0 2px #4A5A93; -moz-box-shadow: 0 0 2px #4A5A93; -webkit-box-shadow: 0 0 2px #4A5A93}

#mod_options {color: #777; border: 1px solid #CCC; padding: 3px}
#send-button {background: #FAFAFA; font-size: 15px; color: #75554D; font-weight: bold}

.buttons a {padding: 5px 0; background-color: #FAFAFA; color: #6E5837; font-weight: bold; font-size: 14px; border: 1px solid #CCC; border-radius: 5px; -moz-border-radius: 5px}
.buttons a:hover {background-color: #F4F4F4; color: #6E5837}

a.new-topic {background-color: #DBBA85; color: #6E5837}
a.new-topic:hover {background-color: #9B9382; color: #FAFAFA}
a.reply {background-color: #D1DD86; color: #6E5837}
a.reply:hover {background-color: #ACB56E; color: #FAFAFA}
a.delete {background-color: #FAFAFA; color: #6E5837}
a.delete:hover {background-color: #F4F4F4}

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

/* SCHEDA PG - Code by Rysaen - Edited by WaRoR */
.schedapg {border: 0 solid #A1A1A1;
padding: 0 20px;
background: #E4DBDC;
width: 490px;
border-radius: 0; -moz-border-radius: 0;
cursor: default}

.schedapg .pgheader .pgpv {text-align: center;
 padding: 10px}

.schedapg .pgheader h1 {text-align: center;
font-family: georgia;
font-size: 23px;
font-style: italic;
color: #5A6059;
padding: 8px 3px;
transition: text-shadow 0.3s ease-in-out}

.schedapg .pgheader .pgpv img {height: 150px;
 width: 150px;
 border-radius: 50% 50%; -moz-border-radius: 50% 50%;
 border: 2px solid #E4DBDC}

.schedapg .pgheader .pgpv span {position: absolute}

.schedapg .pgheader .pgpv span img {position: relative;
 width: 50px; height: 50px;
 top: 107px;
 right: 50px}

.schedapg .info {background-color: #EFEFEF!important;
 margin: 0;
 padding: 5px}

.schedapg .info h2 {border-bottom: 0 dashed transparent;
 margin: 1px;
 padding: 20px;
 text-align: center;
 font-family: arial;
 font-variant: small-caps;
 font-size: 16px;
 font-weight: bold;
 color: #535654;
 text-shadow: none;
 letter-spacing: 5px}

.schedapg .info table {background-color: #E4DBDC;
 width: 100%;
 padding: 5px;
 border-bottom: #535654}

.schedapg .info table tr.infocontainer td {display: flex;
 flex-wrap: wrap;
 align-content: flex-start;
 min-height: 45px;
 overflow: hidden;
 resize: vertical;
 background-color: #BCCCB5;
 border-right: none}

.schedapg .info table tr.infocontainer span img {width: 25px;
 height: 25px;
 margin: 1px;
 border-radius: 50% 50%; -moz-border-radius: 50% 50%;
 opacity: 0.7;
 box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;
 border: 2px solid grey;
 transition: width 0.2s ease-in-out, height 0.2s ease-in-out, opacity 0.2s ease-in-out}

.schedapg .info table tr.infocontainer span:hover img {width: 40px;
 height: 40px;
 position: relative;
 opacity: 1}

.schedapg .info table tr.infocontainer span:hover p {display: inline-block;
 position: absolute;
 background-color: #535654;
 padding: 7px;
 margin: 2px 4px;
 border: 0 dashed rgba(255, 255, 255, 0.7);
 box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;
 z-index: 9}

.schedapg .info table tr.infocontainer span p {display: none}

.schedapg .info table tr td span p {display: none}

.schedapg .info table tr td span:hover p {display: inline-block;
 position: absolute;
 background-color: rgba(0, 0, 0, 0.3);
 padding: 7px;
 margin: 2px 4px;
 border: 0 dashed rgba(255, 255, 255, 0.7);
 box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;
 z-index: 9}

.schedapg .info th {text-align: right;
 vertical-align: middle;
 color: #60725A;
 font-family: georgia;
 font-weight: normal;
 font-style: italic;
 width: 0%;
 text-shadow: none;
 padding-right: 3px;
 font-size: 15px}

.schedapg .info td {background-color: rgba(0, 0, 0, 0.3);
 height: 15px;
 padding: 4px 4px;
 font-size: 14px;
 font-family: arial;
 color: #EFEFEF;
 box-shadow: 0 0 0 black; -moz-box-shadow: 0 0 0 black; -webkit-box-shadow: 0 0 0 black;
 border-right: 0 solid grey}

.schedapg .info table table {border: none;
 background-color: transparent;
 box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}

.schedapg .info .pgtextbox {display: block;
 min-height: 150px;
 height: 150px;
 color: #535654;
 padding: 0 3px;
 box-shadow: inset 0 0 0 black; -moz-box-shadow: inset 0 0 0 black; -webkit-box-shadow: inset 0 0 0 black;
 background-color: none;
 resize: vertical;
 overflow-x: hidden;
 overflow-y: auto;
 font-style: none;
 font-size: 14px;
 letter-spacing: 0;
 font-family: georgia;
 line-height: 15px;
 text-align: justify}

.schedapg .info .pgtextbox:before {content: ' '}

.schedapg .info .pgtextbox:after {content: ' '}

/*LANCIO DADI RISPOSTA RAPIDA*/
.fast.send .dice-button {display: inline!important}