/*=============================================================
// FRESH AIR EXPLOSION - http://skinlab.forumfree.it/?t=68780885
//============================================================= */


body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #616161; background-color: #BCE2F9}
a, #widget a {color: #30698D; text-decoration: none} a:hover, .tagboard-list a, .sidebar a, #widget span a {color: #B9650C}
.male {color: #146AAE} .female {color: #CC6688}

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

/* SIDEBAR */
.sidebar {background-color: #FFF}
.sidebar li {line-height: normal; color: #777}
.side_title {background-color: #E1EBF1; color: #30698D; border-bottom: 1px solid #CCDEE5}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #D0E2E6}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #09C}
.sidebar em {font-weight: bold; color: #FFF; background-color: #09C}
/* 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: #E1EBF1}
.search input {color: #30698D}

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

/* HEADER, LOGO */
.header {background: #3292CF;
background: -moz-linear-gradient(top, #3292CF 1%, #AAD6F1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3292CF), color-stop(100%, #AAD6F1));
background: -webkit-linear-gradient(top, #3292CF 1%, #AAD6F1 100%);
background: -o-linear-gradient(top, #3292CF 1%, #AAD6F1 100%);
background: -ms-linear-gradient(top, #3292CF 1%, #AAD6F1 100%);
background: linear-gradient(to bottom, #3292CF 1%, #AAD6F1 100%);
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#3292CF', endColorstr='#AAD6F1', 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 {padding: 8px; border-bottom: 1px solid #DEEAF4; box-shadow: inset 0 1px 0 #FAFDFD, inset 0 2px 0 #F4F9FB, inset 0 3px 0 #E2ECF5; -moz-box-shadow: inset 0 1px 0 #FAFDFD, inset 0 2px 0 #F4F9FB, inset 0 3px 0 #E2ECF5; -webkit-box-shadow: inset 0 1px 0 #FAFDFD, inset 0 2px 0 #F4F9FB, inset 0 3px 0 #E2ECF5; color: #387297;
background-image: -ms-linear-gradient(top, #F3F7FA 0%, #DEE9EF 50%, #F3F7FA 100%);
background-image: -moz-linear-gradient(top, #F3F7FA 0%, #DEE9EF 50%, #F3F7FA 100%);
background-image: -o-linear-gradient(top, #F3F7FA 0%, #DEE9EF 50%, #F3F7FA 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F7FA), color-stop(0.5, #DEE9EF), color-stop(1, #F3F7FA));
background-image: -webkit-linear-gradient(top, #F3F7FA 0%, #DEE9EF 50%, #F3F7FA 100%);
background-image: linear-gradient(top, #F3F7FA 0%, #DEE9EF 50%, #F3F7FA 100%)}
.stats_list > li:last-child {border-bottom: 0}
.title:not(.sepbox) {text-align: center; font-size: 13px; color: #107D99; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); padding: 8px; background: url("//img.forumfree.net/ffm/img/freshairexplosion/mback_left.jpg") no-repeat scroll left bottom, url("//img.forumfree.net/ffm/img/freshairexplosion/mback_right.jpg") no-repeat scroll right bottom, url("//img.forumfree.net/ffm/img/freshairexplosion/mback.jpg") repeat-x scroll center bottom transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.sepbox {background: #BFD7DB}

.web a, .board > li:nth-child(2n) .web a:hover {font-size: 19px; font-weight: bold; color: #4B6EAA}
.web a:hover, .board > li:nth-child(2n) .web a {color: #43720D}
.forum .web a {font-size: 17px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #966322 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9)}
.last-post {color: #849998}
.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; color: #849998; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9)}
span.timeago {color: #849998 !important} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #849998}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

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

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #09C}
.annuncio {background: #F9EDE5;
background: -moz-linear-gradient(top, #F9EDE5 0%, #DDBAA4 50%, #F9EDE5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9EDE5), color-stop(50%, #DDBAA4), color-stop(100%, #F9EDE5));
background: -webkit-linear-gradient(top, #F9EDE5 0%, #DDBAA4 50%, #F9EDE5 100%);
background: -o-linear-gradient(top, #F9EDE5 0%, #DDBAA4 50%, #F9EDE5 100%);
background: -ms-linear-gradient(top, #F9EDE5 0%, #DDBAA4 50%, #F9EDE5 100%);
background: linear-gradient(to bottom, #F9EDE5 0%, #DDBAA4 50%, #F9EDE5 100%);
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#F9EDE5', endColorstr='#F9EDE5', GradientType=0)}
.annuncio * {color: #AA4100 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .4) !important} .annuncio span.timeago {color: #AA4100 !important}
.importante {background: #F7F7D7;
background: -moz-linear-gradient(top, #F7F7D7 0%, #E1E2B5 50%, #F7F7D7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7D7), color-stop(50%, #E1E2B5), color-stop(100%, #F7F7D7));
background: -webkit-linear-gradient(top, #F7F7D7 0%, #E1E2B5 50%, #F7F7D7 100%);
background: -o-linear-gradient(top, #F7F7D7 0%, #E1E2B5 50%, #F7F7D7 100%);
background: -ms-linear-gradient(top, #F7F7D7 0%, #E1E2B5 50%, #F7F7D7 100%);
background: linear-gradient(to bottom, #F7F7D7 0%, #E1E2B5 50%, #F7F7D7 100%);
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#F7F7D7', endColorstr='#F7F7D7', GradientType=0)}
.importante span.timeago {color: #7D8200 !important}

/* SELEZIONE RIGA: Moderazione */
li.selected {background: #479CFC !important; border-bottom-color: #2684F0 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post *, .selected span.timeago {color: #FFF !important; text-shadow: none !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; background: #F3F8FB}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #09C}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #999; font-size: 13px}
.color {color: #0F4B5B; text-align: justify}
.color a {font-weight: bold; text-decoration: underline; color: #A83F18} .color a:hover {color: #107C90}
.edit {font-size: 10px; font-style: italic; color: #AAA}
.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: #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: #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: #555}

/* 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 {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 ##64B13F}
.quote_top, .code_top {font-size: 11px; color: ##64B13F; 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: 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; color: #1E6089}
.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 #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; border-top: 4px solid #FFF; border-bottom: 4px solid #FFF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); background: url("//img.forumfree.net/ffm/img/freshairexplosion/stats_topcenter.jpg") no-repeat scroll center top, url("//img.forumfree.net/ffm/img/freshairexplosion/stats_top.jpg") repeat-x scroll center top, url("//img.forumfree.net/ffm/img/freshairexplosion/stats_bg.jpg") repeat scroll 0% 0% transparent}
.stats > *, .stats .title, .stats_bottom li {background: none; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #375518}
.stats .title, .stats .title a {color: #ECF2F6; text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); line-height: 110%}
.user_online, .groups_list {background-color: rgba(255, 255, 255, .4) !important; border-radius: 3px; -moz-border-radius: 3px; margin: 0 10px 10px}
.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; border-top: 1px dashed rgba(255, 255, 255, .2); border-bottom: 1px dashed rgba(0, 0, 0, .25)}
.stats_list > li:first-child {border-top: 0}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #1E8BA0; color: #FFF; border: 1px solid rgba(0, 0, 0, .15); 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: #1E8BA0; color: #FFF; border: 1px solid rgba(0, 0, 0, .15); border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #0099CC; border-color: #0099CC; color: #FFF}
.textinput {margin: 10px 0; font-size: 18px; color: #30698D; background-color: #E1EBF1; border-top: 1px solid rgba(18, 109, 131, .2); border-bottom: 1px solid #FFF}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(71, 177, 193, 0.4); box-shadow: 0 0 4px #8DCCD3 inset; -moz-box-shadow: 0 0 4px #8DCCD3 inset; -webkit-box-shadow: 0 0 4px #8DCCD3 inset}

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

.buttons a {padding: 7px 0; background-color: #09C; color: #FFF; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #007EA8; color: #FFF}

a.new-topic {background-color: #58ADC9; color: #FFF}
a.new-topic:hover {background-color: #007299}
a.reply {background-color: #7AA942; color: #FFF}
a.reply:hover {background-color: #4C7717}
a.delete {background-color: #C25554; color: #FFF}
a.delete:hover {background-color: #A53635}

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