/* FFMOBILE SKIN */

body {font: 12px/150% Tahoma, Geneva, Sans-serif; color: #444; background-image: url(http://66.media.tumblr.com/f96c1a6f0764a181bdfd1ce592c39e26/tumblr_n6uf102F6o1qlzkspo1_r1_400.jpg); padding: 6px}
a {color: #7BA05B; text-decoration: none} a:hover {color: #708090}
.last-post a *, .web * {color: #708090 !important}

.footer {font-weight: bold; color: #7BA05B}
.footer a {font-weight: bold; color: #708090}

/* SIDEBAR */
.sidebar {background-color: #F5F5F5; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; padding: 5px}
.sidebar a {color: #555}
.sidebar li {line-height: normal; color: #555}
.side_title {background-color: #CFDABA; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; font-weight: bold; color: #708090; border: 3px solid #BDD1A9; padding: 4px}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #EEE}
#ff_links, .search {border-top: 0}

/* menu utente */
.menu > li {color: #444}
.menu .nickname {font-family: georgia; text-transform: lowercase; font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #7BA05B; text-shadow: 2px 1px 0 #D8BFD8}
.sidebar em {font-weight: bold; color: #7BA05B; background-color: #D8BFD8}

/* login */
.login input {color: #555; font-family: tahoma, geneva, sans-serif; border: 1px solid #D8BFD8}
.login input[type=submit] {background: #F5F5F5; color: #444; font-weight: bold} .login input[type=submit]:hover {background: #EEE}

/* cerca */
.search {background-color: #FEFEFE}
.search input {color: #444; padding: 0 5px}

/* NAV TITLE */
#nav-title span {color: #708090; font-family: georgia; text-shadow: 1px 1px 0 #D8BFD8; text-transform: uppercase; font-size: 18px; letter-spacing: -1px; font-weight: bold}

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

/* SEZIONI */
.list-group {background: #FEFEFE; box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
.list-group > *, .stats_bottom li, .u_info dl {background-color: #F5F5F5; padding: 8px}
.list-group > *:nth-child(even), .stats_bottom .stats_list li:nth-child(odd) {background-color: #EEE}
.stats .user_online {background: #FEFEFE}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-size: 18px; border: 4px solid #BDD1A9; color: #D8BFD8; font-family: georgia; letter-spacing: -1px; font-weight: bold; text-transform: lowercase; text-shadow: 1px 1px 0 #708090; padding: 5px; background: #CFDABA}
.web a {font-size: 15px; text-shadow: 1px 1px 0 #CADABA; font-weight: bold}
.forum .web a {font-size: 15px; text-shadow: 1px 1px 0 #CADABA}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #555 !important}
.last-post {color: #708090}
.board .last-post a, .board .last-post a * {font-size: 13px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: #708090}
span.timeago {color: #555 !important}
.topic .timeago {color: #666}
.no-time {font-style:italic; color: #666}
.popupago {text-align: center; background-color: #FEFEFE; color: #708090; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {font-size: 11px; line-height: 11px; font-family: tahoma, geneva, sans-serif; border-bottom: 1px dashed #CADABA; color: #555}

/* .on, .annuncio, .importante */
.on {font-family: tahoma, geneva, sans-serif; border-left: 4px solid #7BA05B}
.annuncio {font-family: tahoma, geneva, sans-serif; background-color: #F5F5F5; border-left: 4px solid #7BA05B}
.importante {font-family: tahoma, geneva, sans-serif; background-color: #F5F5F5; border-left: 4px solid #708090}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #F5F5F5 !important; font-family: tahoma, geneva, sans-serif; border-bottom-color: #EEE !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {font-family: tahoma, geneva, sans-serif; color: #555 !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #FEFEFE; color: #444; font-weight: bold; font-family: tahoma, geneva, sans-serif; font-size: 14px}
#mp-option label {font-family: tahoma, geneva, sans-serif; border-right: 1px solid #D8BFD8}

/* DISCUSSIONI, ARTICOLI */
.post {background-color: #F5F5F5; border: 4px solid #EEE}
.details a, .cancelled {font-family: tahoma, geneva, sans-serif; font-size: 14px; font-weight: bold; color: #444}
.cancelled {padding-left: 5px; font-weight: normal; font-family: tahoma, geneva, sans-serif; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-family: tahoma, geneva, sans-serif; font-size: 13px}
.color {color: #444; font-family: tahoma, geneva, sans-serif; text-align: justify}
.color a {font-weight: bold; font-family: tahoma, geneva, sans-serif; text-decoration: underline}
.edit {font-size: 10px; font-family: tahoma, geneva, sans-serif; font-style: italic; color: #444}
.topic .option, .article .option {font-family: tahoma, geneva, sans-serif; background-color: #F5F5F5; border-top: 1px solid #D8BFD8}
.topic .like {font-family: tahoma, geneva, sans-serif; color: #555}

/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-family: tahoma, geneva, sans-serif; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}

/* alert, info, success */
.alert {background-color: #D8BFD8; font-family: tahoma, geneva, sans-serif; color: #444; border-color: #708090}
.info {background-color: #D8BFD8; font-family: tahoma, geneva, sans-serif; color: #444; border-color: #708090}
.success {background-color: #D8BFD8; font-family: tahoma, geneva, sans-serif; color: #444; border-color: #708090}
.alert a, .info a, .success a {color: #708090; font-family: tahoma, geneva, sans-serif; text-decoration: none; font-weight: bold} .alert a {color: #444} .success a {color: #555}

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

/* popup moderazione post */
.topic .pop ul {background-color: #EEE; font-family: tahoma, geneva, sans-serif; border: 2px solid #708090; 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:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #444}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #7BA05B}
.offline {background-color: #708090}
.anonimo {background-color: #708090}

/* SONDAGGIO */
.poll-bar {background-color: #EEE; border-radius: 2px; -moz-border-radius: 2px; color: #7BA05B}
.poll-bar div {background-color: #FEFEFE; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #DDD}
.poll-max .poll-bar div {background-color: #EEE}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 2px solid #EEE; background-color: #FEFEFE !important}
.pages li a {color: #444; font-size: 17px; box-shadow: 1px 0 0 #EEE, inset 1px 0 0 #EEE; -moz-box-shadow: 1px 0 0 #EEE, inset 1px 0 0 #EEE; -webkit-box-shadow: 1px 0 0 #EEE, inset 1px 0 0 #EEE}
.pages li > a:first-child {box-shadow: -1px 0 0 #CADABA; -moz-box-shadow: -1px 0 0 #CADABA; -webkit-box-shadow: -1px 0 0 #CADABA}
.pages li a:hover {background-color: #F5F5F5}
.pages .prev, .pages .next {background: rgba(0, 0, 0, .05)}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote, .code_top, .code {margin: 10pt 0 0; background-color: #EEE; border-bottom: 2px solid #CADABA}
.quote_top, .code_top {font-size: 8px; background-color: #EEE; border-radius: 3px; -moz-border-radius: 3px; padding: 2px; letter-spacing: 1px; font-family: tahoma, geneva, sans-serif; line-height: 8px; color: #222; padding-left: 7px}
.code {font-family: tahoma, geneva, 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-family: tahoma, geneva, sans-serif; font-size: 9pt; line-height: 120%; color: #444}
.quote {text-align: justify}

/* PROFILO */
header.profile {padding: 15px 0; color: #555}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #D8BFD8}
.u_nick {font-size: 20px; text-shadow: 2px 1px 0 #CCC; font-family: 'Abril Fatface', cursive; color: #444}
.u_group {font-family: tahoma, geneva, sans-serif; font-size: 15px}
.u_stats > table td {border-left: 1px solid #D8BFD8}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #D8BFD8}
.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 #D8BFD8; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #EEE; color: #D8BFD8; font-size: 10px; line-height: 15px; font-family: tahoma, geneva, sans-serif; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}

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

/* COLORI GRUPPI */
.male {color: #708090} .female {color: #7BA05B}

.amministratore {color: #7BA05B; font-weight: bold}
.box_amministratore .details {background-color: #EEE}
.box_amministratore .details > a {color: #7BA05B}

.moderatore {color: #708090; font-weight: bold}
.box_moderatore .details {background-color: #EEE}
.box_moderatore .details > a {color: #708090}

.gruppo1 {color: #7BA05B; font-weight: bold}
.box_gruppo1 .details {background-color: #EEE}
.box_gruppo1 .details > a {color: #7BA05B}

.gruppo2 {color: #708090; font-weight: bold}
.box_gruppo2 .details {background-color: #EEE}
.box_gruppo2 .details > a {color: #50B7BB}

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

.gruppo4 {color: #888; font-weight: bold}
.box_gruppo3 .details {background-color: #E8C14E}
.box_gruppo3 .details > a {color: #888}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #EEE; color: #708090; border: 2px solid #DDD; 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: #EEE; color: #708090; border: 2px solid #D8BFD8; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #EEE; border: 2px solid #D8BFD8; color: #708090}
.textinput {margin: 10px 0; font-family: tahoma, geneva, sans-serif; font-size: 18px}

/* bagliore */
.textinput:focus {outline: none; border-color: rgba(82, 168, 236, .75); box-shadow: 0 0 2px #D8BFD8; -moz-box-shadow: 0 0 2px #D8BFD8; -webkit-box-shadow: 0 0 2px #D8BFD8}

#mod_options {color: #444; border: 2px solid #EEE; padding: 3px}
#send-button {background: #FEFEFE; font-size: 15px; font-family: tahoma, geneva, sans-serif; border: 2px solid #EEE; color: #708090; font-weight: bold}

.buttons a {padding: 7px 0; background-color: #FEFEFE; color: #708090; font-weight: bold; border: 2px solid #EEE; font-family: tahoma, geneva, sans-serif; font-size: 14px}
.buttons a:hover {background-color: #CADABA; font-family: tahoma, geneva, sans-serif; color: #444}

a.new-topic {background-color: #EEE; color: #555}
a.new-topic:hover {background-color: #D8BFD8}
a.reply {background-color: #EEE; color: #555}
a.reply:hover {background-color: #D8BFD8}
a.delete {background-color: #EEE; color: #555}
a.delete:hover {background-color: #D8BFD8}

.only-back a {font-family: tahoma, geneva, sans-serif; border: 2px solid #D8BFD8}

/* menu */
.menumob1 a {float:left; background: #FEFEFE; width: 60px; height: 15px; padding: 2px; text-align: center; vertical-align: middle; margin: 4px 3px 0 3px; color: #555; font-family: tahoma, geneva, sans-serif; font-size: 10px; text-transform:uppercase; letter-spacing: 3px; line-height: 20px; text-transform: uppercase; font-weight: bold}
.menumob1 a:hover {background-color: #D8BFD8; font-family: tahoma, geneva, sans-serif; color: #555}

/* font */
font-family: 'Abril Fatface', cursive;
font-family: 'Bungee Inline', cursive;