<div class="logoalto"><div style="background: none repeat-x; height: 320px"><script type="text/javascript"><!--
var ran=new Array();

ran[0]='<a href="#link forum"><img src="#link logo"></a>';
ran[1]='<a href="#link forum"><img src="#link logo"></a>';

var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]);
//--></script></div></div>

<!-- credits -->
<div style="padding: 8px; font-size: 9pt; border: 2px solid #A8C9B8; background: #f4f4f4; width: 800px">Diana's Kingdom by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a> & <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">pandabea»</a> thanks to <a href="http://www.colourlovers.com">Colour Lovers</a> » <a href="http://www.iconarchive.com">Icon archive</a> » <a href="http://fuckyeah.blogfree.net/">Fuck Yeah!</a> » <a href="https://www.etsy.com/">Etsy</a> » grafica ottimizzata per <a href="https://www.mozilla.org/it/firefox/new/">mozilla firefox</a></div>

<br> <br>

/*SKIN BY RICCIO E PANDA. NON RIMUOVETE I CREDITI!*/

body {font-size: 9pt; font-family: 'Trebuchet MS'; color: #3D4D45; background-color: #D1DFDD}
a {text-decoration: none; color: #96BDAA; text-shadow: 1px 1px 0 #FFF}
a:hover {color: #A8C9B8}

.nav {font: italic 17px calibri, arial; font-weight: bold; letter-spacing: .05em}

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


/* SELEZIONE */
*::selection {background: #E3E5DC; color: #66756D; text-shadow: 1px 1px 0 #FFF}
*::-moz-selection {background: #E3E5DC; color: #66756D; text-shadow: 1px 1px 0 #FFF}
*::-moz-selection {background: #E3E5DC; color: #66756D; text-shadow: 1px 1px 0 #FFF}

/*barra scrollbar chrome*/
*::-webkit-scrollbar {width: 8px; border: 3px solid #FFF; background-color: #EBE7DF}
*::-webkit-scrollbar-thumb {height: auto; background-color: #EBE7DF; top: 7px; bottom: 7px; border-radius: 80px}

/*punteggi*/
div.rep_pos, dl.rep_pos dd {font-weight: bold; color: #96BDAA; text-shadow: 1px 1px 0 #FFF}
div.rep_neg, dl.rep_neg dd {font-weight: bold; color: #1F0A1B; text-shadow: 1px 1px 0 #FFF}
.points_pos {color: #96BDAA; text-shadow: 1px 1px 0 #FFF}
.points_neg {color: #1F0A1B; text-shadow: 1px 1px 0 #FFF}

/* cyrillic */
@font-face {font-family: 'Marck Script';
font-style: normal;
font-weight: 400;
src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* latin-ext */
@font-face {font-family: 'Marck Script';
font-style: normal;
font-weight: 400;
src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
unicode-range: u+0100-024f, u+1e00-1eff, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Marck Script';
font-style: normal;
font-weight: 400;
src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}

/* latin-ext */
@font-face {font-family: 'Slabo 27px';
font-style: normal;
font-weight: 400;
src: local('Slabo 27px'), local('Slabo27px-Regular'), url(https://fonts.gstatic.com/s/slabo27px/v3/LfR9_S_HMdQ73mwIHBRxoSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: u+0100-024f, u+1e00-1eff, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Slabo 27px';
font-style: normal;
font-weight: 400;
src: local('Slabo 27px'), local('Slabo27px-Regular'), url(https://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}



/* LOGO senza cornice */
.logo {margin: 0 0 30px 0} .logo a:hover {border: 0}

/*LOGO ALTO*/
.logoalto {margin-top: -30px; border-bottom: 3px solid #A8C9B8; background-image: url('http://i.imgur.com/kZZpm4D.png'); height: 320px; background-repeat: no-repeat; background-position: center}

/* LOGO con cornice */
.header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .4)}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* MENU principale */
.menuwrap {height: 10px !important; font-family: "Trebuchet MS"}

.menuwrap li {line-height: 2em}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 11px}
.menuwrap a:hover {border: 0}
.menuwrap .icon a {padding: 0 6px}

#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/*menuwrap laterale*/

.menuwrap .left li.menu:nth-child(1) {position: absolute; margin-top: 255px; margin-left: 58px; background-image: url(http://i.imgur.com/qDK5DbD.png); background-position: center; background-repeat: no-repeat; width: 141px; height: 133px !important; text-align: center; line-height: 23px}
.menuwrap .left li.menu:nth-child(2) {position: absolute; margin-top: 292px; background: #96BDAA; border-bottom: 3px solid #E9C782; border-top: 3px solid #E9C782; margin-left: 202px; width: 106px; text-align: center; height: 18px !important; line-height: 17px}
.menuwrap .left li.menu:nth-child(3) {position: absolute; margin-top: 292px; background: #96BDAA; border-bottom: 3px solid #E9C782; border-top: 3px solid #E9C782; margin-left: 312px; width: 106px; text-align: center; height: 18px !important; line-height: 17px}
.menuwrap .left li.menu:nth-child(4) {position: absolute; margin-top: 292px; background: #96BDAA; border-bottom: 3px solid #E9C782; border-top: 3px solid #E9C782; margin-left: 422px; width: 106px; text-align: center; height: 18px !important; line-height: 17px}
.menuwrap .left li.menu:nth-child(5) {position: absolute; margin-top: 292px; background: #96BDAA; border-bottom: 3px solid #E9C782; border-top: 3px solid #E9C782; margin-left: 532px; width: 106px; text-align: center; height: 18px !important; line-height: 17px}
.menuwrap .left li.menu:nth-child(2):hover, .menuwrap .left li.menu:nth-child(3):hover, .menuwrap .left li.menu:nth-child(4):hover, .menuwrap .left li.menu:nth-child(5):hover, .menuwrap .left li.menu:nth-child(6):hover {background: #EBE7DF; border-bottom: 3px solid #D5E0B8; border-top: 3px solid #D5E0B8}
.menuwrap .left li.menu:nth-child(6) {position: absolute; margin-top: 292px; background: #96BDAA; border-bottom: 3px solid #E9C782; border-top: 3px solid #E9C782; margin-left: 642px; width: 106px; text-align: center; height: 18px !important; line-height: 17px}


.left .menu ul {text-align: center; margin-top: 2px; padding: 1px}

.menuwrap .avatar {height: 75px; width: 75px; position: absolute;
margin-left: -9%; overflow: visible}
.menuwrap .avatar img {height: 75px; width: 75px; border-radius: 100px;
border: 2px solid #75A38D}


.menuwrap .left {padding: 12px; padding-top: 0; margin-left: 25px}
#forum .menuwrap .left, #topic .menuwrap .left, #blog .menuwrap .left, #profile .menuwrap .left {padding: 0; margin-left: 25px; height: 12px !important; margin-left: 25px !important}

.thumbs a * {border-radius: 0 !important}


.menuwrap .right li:hover > ul {-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipinx; animation-name: flipinx; -webkit-animation-duration: 0.5s; animation-duration: 0.5s}

.menuwrap .right {background: #96BDAA; border-bottom: 3px solid #E9C782;
border-top: 3px solid #E9C782; margin-top: 288px; position: absolute; margin-left: 87%}


/* esci e news */
.menuwrap b {color: #E9C782}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 1px 5px; color: #FFF; text-shadow: none; background: #FCAD4C; border-radius: 0}

.menuwrap .nick {margin-top: 128px; margin-left: -2px; color: #75A38D;
text-shadow: 1px 1px 0 #FFF; font-size: 22px; font-family: 'Marck Script';
font-weight: bold}
.menuwrap .nick:hover {color: #FCAD4C}
.menuwrap form {padding: 0 11px 0 5px}
.menuwrap span a {background: transparent !important}

/* MENU contestuale(dropdown) */
.menu > a {text-shadow: none !important; color: #FFF !important}
.menu > a:hover, .menu:hover > a {color: #96BDAA !important; text-shadow: 1px 1px 0 #FFF !important}

.menu ul {width: 12em; border-top: 0}

.right .menu ul {margin-left: -1em}
.right .icon ul {margin-left: -1em !important}

.menu li {background: #96BDAA; border: 2px solid #E9C782; padding: 3px 4px; line-height: 1.4em; margin-bottom: 4px; text-shadow: none}
.menu li:first-child {padding-top: 3px}


.menu li strong {text-align: center; background: #F5F4F0; border: 1px solid #BDBDB3; padding: 3px 8px; color: #E9C782; text-shadow: 1px 1px 0 #FFF}
.menu li a {text-align: center; padding: 1px !important; font-size: 12px; background: #EBE7DF; border: 2px solid #D5E0B8; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; -ms-transition: all 0.8s linear; transition: all 0.8s linear}
.menu li a:hover, .menu li:hover > a {border: 2px solid #D5E0B8; background-image: url("http://colourlovers.com.s3.amazonaws.com/images/patterns/5431/5431539.png"); background-position: bottom; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; -ms-transition: all 0.8s linear; transition: all 0.8s linear}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}



/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
.menuwrap label:hover {color: #FFF}

.menuwrap input {font: 11px verdana, arial, sans-serif; color: #96BDAA; background: #E3E5DC; border: 1px solid #96BDAA}
.menuwrap input:hover {cursor: pointer; background: #FFF}
.menuwrap input:focus {cursor: default; #96BDAA; background: #E3E5DC; outline: none}

.menuwrap input[type=submit] {padding: 2px; color: #FFF; background: #FCAD4C; border: 0 !important}
.menuwrap input[type=submit]:hover {color: #; background: #F3DB92}



/* CERCA */
.menuwrap .search input {padding-right: 18px; background: url('http://i.imgur.com/Zp1T2mx.png') no-repeat center, #E3E5DC; width: 0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; border: 0 !important}
.menuwrap .search input:hover {color: #96BDAA; background-color: #FFF; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear}
.menuwrap .search input:focus {color: #96BDAA; background-color: #FFF; background-position: center right !important; color: #961137; border-right: 3px solid #F4F1F1 !important; width: 100px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 50px; background: #FFF}
.container, .tabs.top, .tabs.bottom {max-width: 840px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Serif; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; color: #FFF; background: #96BDAA; border-bottom: 2px solid #E9C782; border-top: 2px solid #E9C782; text-shadow: none !important}
.tabs a:hover {background-image: linear-gradient(to right, transparent 0%, #F3DB92 0%, transparent 100%); border-bottom: 0}
.tabs .current a {color: #FFF; background: #EEDFC8; border-bottom: 0; border-top: 2px solid #E9C782; text-shadow: 1px 1px 0 #7D9488 !important}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {color: #FFF; background: #96BDAA; border-bottom: 2px solid #E9C782; border-top: 2px solid #E9C782; text-shadow: none !important}
.tabs.left.no_rotate a:hover {background-image: linear-gradient(to right, transparent 0%, #F3DB92 0%, transparent 100%); border-bottom: 2px solid #E9C782; border-top: 2px solid #E9C782}
.tabs.right.no_rotate a {color: #FFF; background: #96BDAA; border-bottom: 2px solid #E9C782; border-top: 2px solid #E9C782; text-shadow: none !important}
.tabs.right.no_rotate a:hover {background-image: linear-gradient(to right, transparent 0%, #F3DB92 0%, transparent 100%)}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {color: #FFF; background: #96BDAA; border-bottom: 2px solid #E9C782; border-top: 2px solid #E9C782; text-shadow: none !important}
.tabs.bottom a:hover {background-image: linear-gradient(to right, transparent 0%, #F3DB92 0%, transparent 100%); border-top: 0; margin: 1px}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 31px}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {padding: 0 105px}
.tabs.left.rotate {left: -25px}
.tabs.right.rotate {margin-left: 0 !important}

/* variante per tabs laterali non ruotati */
/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 0}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro
#tab_r1 a {background: #8CBA41; border-color: #ECF2E3; color: #FFF}
#tab_r1 a:hover {background: #9CCA51}

#tab_r2 a {background: #5D89B2; border-color: #E4ECF3; color: #FFF}
#tab_r2 a:hover {background: #6D99C2}

#tab_r3 a {background: #EB8022; border-color: #F3EBE4; color: #FFF}
#tab_r3 a:hover {background: #FB9032}

.tabs.left a {background: #F2F2F2}
.tabs.left a:hover {background: #FBFBFB} */


/* HOMEPAGE */
.board .skin_tbl {margin: 0; margin-bottom: 10px}
.skin_tbl {background: transparent}

.mback {background-color: #}
.mback_left, .mback_right {width: 0%}

/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
.topic .mback_left, .topic .mback_right {display: none}

.skin_tbl {background:
url(http://i.imgur.com/1hO7OLb.png) no-repeat top left,
url(http://i.imgur.com/1CIAJDH.png) no-repeat top right,
url(http://i.imgur.com/39qZ6xW.png) no-repeat bottom left,
url(http://i.imgur.com/wn3miSN.png) no-repeat bottom right,
url(http://i.imgur.com/ZkEbikK.png) repeat-x bottom,
url(http://i.imgur.com/8qHl6da.png) repeat-x top,
url(http://i.imgur.com/dtyv81p.png) repeat-y left,
url(http://i.imgur.com/EoC25Tr.png) repeat-y right, #F4F4F4; padding: 3px 4px 25px 4px; width: auto}

.minus, .plus {display:none}

.mtitle {text-align: center; font-family: 'Marck Script'; font-size: 25px; font-weight: normal; color: #75A38D; text-shadow: 1px 1px 0 #FFF; background: transparent !important}
.title, .darkbar {background-image: linear-gradient(to right, #F4F4F4 0%, #DAE6DF 50%, #F4F4F4 100%) !important; font-weight: bold; font-size: 10px; color: #96BDAA; text-shadow: 1px 1px 0 #FFF}

#topic .title.top {background-image: linear-gradient(to right, #FFF 0%, #DAE6DF 50%, #FFF 100%) !important; padding: 3px !important; position: relative; width: 638px; margin-left: 178px; margin-bottom: -64px}
#topic .title.bottom {background-image: linear-gradient(to right, #FFF 0%, #DAE6DF 50%, #FFF 100%) !important; padding: 3px !important; position: relative; width: 808px; margin-left: 8px; margin-top: -80px; margin-bottom: -27px}

/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {background: #F4F4F4}
.list > *:nth-child(even) {background: #F4F4F4}
table.mainbg tr:nth-child(even) {background: #}

.big_list > * {background: #F4F4F4; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear}


.board .off .aa, .board .off img {opacity: .8}
.board .off img {-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; perspective(400px) rotatey(0deg)}
.board .off img:hover, .board .on img:hover {-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; transform: perspective(400px) rotatey(360deg)}

.board .off:hover .aa, .board .off:hover img {opacity: 1}

.board .yy .topics {line-height: 1em; text-align: center; border-bottom: 3px solid #D5E0B8; border-top: 3px solid #D5E0B8; position: absolute; width: 55px; height: 25px; font-size: 0.9em; background: #EBE7DF; border-radius: 0; margin-top: -20px; padding: 6px; text-shadow: 1px 1px 0 #FFF}
.board .yy .replies {line-height: 1em; text-align: center; border-bottom: 3px solid #D5E0B8; border-top: 3px solid #D5E0B8; position: absolute; width: 55px; height: 25px; font-size: 0.9em; margin-left: 85px; background: #EBE7DF; border-radius: 0; margin-top: -20px; padding: 6px; text-shadow: 1px 1px 0 #FFF}
.board .yy em {line-height: 0.8em; font-size: 1.5em}


/* fix per Opera */
.board .off .aa {min-height: 48px}

.board .on {background}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.forum .annuncio {background-image: linear-gradient(to right, #F4F4F4 0%, #F1E4BB 50%, #F4F4F4 100%) !important}
.forum .importante {background-image: linear-gradient(to right, #F4F4F4 0%, #D5E0B8 50%, #F4F4F4 100%) !important}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #1B0C1D !important; background-image: linear-gradient(to bottom, #DAE6DF 10%, #F4F4F4 50%, #F4F4F4 100%) !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #}
.big_list .focus {background-image: linear-gradient(to right, #F4F4F4 0%, #DAE6DF 50%, #F4F4F4 100%) !important; text-shadow: 1px 1px 0 #FFF !important; color: #96BDAA}


.web {font-size: 20px; font-family: 'Slabo 27px'; text-shadow: 1px 1px 0 #FFF}
.web:hover {padding-left: 15px; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.web:hover::before {content:'»'; padding-right: 8px; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.desc {font-size: 9pt; font-weight: normal; text-align: justify; line-height: 1.0em}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: center}
.cp .tabs .current a {color: #FFF; background: #EEDFC8; border-bottom: 0; border-top: 2px solid #E9C782; text-shadow: 1px 1px 0 #7D9488 !important}
#msg .cp .tabs {margin-bottom: -13px}
#user .info {background: transparent !important}

/* edit avatar */
.tabs2 div:hover {background: #DAE6DF}
.tabs2 .current div {background: #FFF !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0; background: transparent !important}
#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}
#msg .main_list {background: #F4F4F4; margin: 10px; margin-bottom: 80px; background:
url(http://i.imgur.com/1hO7OLb.png) no-repeat top left,
url(http://i.imgur.com/1CIAJDH.png) no-repeat top right,
url(http://i.imgur.com/39qZ6xW.png) no-repeat bottom left,
url(http://i.imgur.com/wn3miSN.png) no-repeat bottom right,
url(http://i.imgur.com/ZkEbikK.png) repeat-x bottom,
url(http://i.imgur.com/8qHl6da.png) repeat-x top,
url(http://i.imgur.com/dtyv81p.png) repeat-y left,
url(http://i.imgur.com/EoC25Tr.png) repeat-y right, #F4F4F4; padding: 3px 4px 25px 4px; width: auto}

/* INBOX: lista messaggi privati */
#msg .cp .web {font: 14px verdana}
#msg .cp .post {background: #F5F5F5}
#msg .skin_tbl {background: transparent !important}
#msg .post:first-child {margin-bottom: 0 !important}
#msg .focus {background-image: linear-gradient(to right, #F4F4F4 0%, #DAE6DF 50%, #F4F4F4 100%) !important; text-shadow: 1px 1px 0 #FFF !important; color: #96BDAA}
#msg .post .details {height: 450px !important}


/* RISPOSTA */
#loading .top, .summary .list .top {border-bottom: 1px solid #FFF}
#loading .bottom, .summary .list .bottom {border-top: 1px solid #EBE7DF}
#loading .top {margin-left: 8px}
#loading .color {margin-top: 0 !important}

.fast.send .sunbar {font-weight: bold; font-size: 11px; color: #888; text-shadow: none; background: #ECECEC !important}

.sunbar {text-align: center; background-image: linear-gradient(to right, #F4F4F4 0%, #DAE6DF 50%, #F4F4F4 100%) !important; color: #96BDAA; text-shadow: 1px 1px 0 #FFF}
.sunbar.top {border-radius: 0; background: transparent !important}
.sunbar.bottom {border-radius: 0; background: transparent !important; margin-bottom: -18px}
.sunbar a {color:}
.sunbar a:hover {border}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top:}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 11px}
.summary .quote, .summary .code {font-size: 10px}
.summary .color {margin-top: 0 !important}

/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #E1E9CC; height: 15px; line-height: 15px; font-size: 10px; color: #4F7663 !important; text-shadow: 1px 1px 0 #FFF}
.bar div {background-image: url('http://i.imgur.com/WN9fjLo.png')}
.max .bar {background: #E1E9CC}
.max .bar div {background-image: url('http://i.imgur.com/WN9fjLo.png')}
.poll .sunbar.top {margin-left: 7px}

/* DISCUSSIONI */
.topic .mtitle {font-weight: bold} .topic .mdesc {font-weight: normal}

.topic .skin_tbl {background: none !important; background:transparent !important}

.post {background: #F4F4F4; margin: 10px; margin-bottom: 80px; background:
url(http://i.imgur.com/1hO7OLb.png) no-repeat top left,
url(http://i.imgur.com/1CIAJDH.png) no-repeat top right,
url(http://i.imgur.com/39qZ6xW.png) no-repeat bottom left,
url(http://i.imgur.com/wn3miSN.png) no-repeat bottom right,
url(http://i.imgur.com/ZkEbikK.png) repeat-x bottom,
url(http://i.imgur.com/8qHl6da.png) repeat-x top,
url(http://i.imgur.com/dtyv81p.png) repeat-y left,
url(http://i.imgur.com/EoC25Tr.png) repeat-y right, #F4F4F4; padding: 3px 4px 25px 4px; width: auto}
.post:first-child {border: 0; margin-top: 64px}


.post .center .left {padding: 0 10px; background: url('http://i.imgur.com/nKjGQZA.png') no-repeat bottom right}
.post .center .right {padding: 10px 0}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}

.color {margin-top: 34px !important; text-shadow: 1px 1px 0 #FFF; line-height: 1.2em; padding-right: 12px; text-align:justify}


.color a {font-weight:bold}
.color a:hover {color:}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, .25)}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {background-image: url('http://i.imgur.com/FGDJyxA.png'); height: 5px !important; margin-top: 10px !important; width: 98px !important}

.post .nick {position: absolute; white-space: normal; word-wrap: break-word; text-align: left; margin-left: 174px; margin-top: 20px; width: 700px; font-weight: bold; font-size: 23px; font-family: georgia; text-transform: lowercase}

.post .nick::after {content: " ha detto, "; color: #E9C782; text-shadow: 1px 1px 1px #FFF}

.mnbut {padding: 0 2px 1px 2px; border-radius: 2px; background: rgba(235, 235, 211, 0.7) !important; font-size: 7pt;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.mnbut:hover {background: rgba(235, 235, 211, 0.5) !important}

.mini_buttons {margin-right: 10px}

/* avatar e altri dettagli */
.post .details {position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 8pt; margin-top: -95px}
.post .details p {background:
url(http://i.imgur.com/ALF3hpH.png) no-repeat top left,
url(http://i.imgur.com/bjitXG4.png) no-repeat top right,
url(http://i.imgur.com/cobifEF.png) no-repeat bottom left,
url(http://i.imgur.com/uGhn7l6.png) no-repeat bottom right,
url(http://i.imgur.com/QyaSAkn.png) repeat-x bottom,
url(http://i.imgur.com/C8IADxs.png) repeat-x top,
url(http://i.imgur.com/Z5tMbug.png) repeat-y left,
url(http://i.imgur.com/48HOtPk.png) repeat-y right, #FFF; padding: 20px; width: auto}
.avatar:hover {border: 0}
.post .avatar {margin-top: 2px; margin: 6px; overflow: hidden; background-image: url(http://i.imgur.com/qDK5DbD.png); background-position: center; background-repeat: no-repeat; width: 141px; height: 133px}
.post .avatar img {margin-left: -40px; border-radius: 100%; height: 75px; width: 75px; border: 2px solid #D5E0B8; position: absolute; -webkit-transition: 0.8s linear; -moz-transition: 0.8s linear;
-ms-transition: 0.8s linear;
-o-transition: 0.8s linear;
transition: 0.8s linear}

.u_reputation, .u_location, .u_posts, .u_joined, .u_group dt {display: none}
.u_group {font-weight: normal !important; font-family:'Marck Script'; font-size: 22px; color: #BBC997; text-shadow: 1px 1px 0 #FFF}


/* online, offline, anonimo */
.u_status {position:relative; bottom: 22px; padding: 0 4px; line-height: 15px; font-size: 10px !important; font-weight: bold; margin-left: 8px; margin-right: 8px; margin-bottom: 175px}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 0; height: 0; border-radius: 3px 0 0 0}



/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote, .code {background:
url(http://i.imgur.com/ALF3hpH.png) no-repeat top left,
url(http://i.imgur.com/bjitXG4.png) no-repeat top right,
url(http://i.imgur.com/cobifEF.png) no-repeat bottom left,
url(http://i.imgur.com/uGhn7l6.png) no-repeat bottom right,
url(http://i.imgur.com/QyaSAkn.png) repeat-x bottom,
url(http://i.imgur.com/C8IADxs.png) repeat-x top,
url(http://i.imgur.com/Z5tMbug.png) repeat-y left,
url(http://i.imgur.com/48HOtPk.png) repeat-y right, #FFF; width: auto; padding: 20px; font-weight: normal; text-align: justify}

/* 2° livello */
.quote .quote, .quote .code, .spoiler .quote, .code .code {background:
url(http://i.imgur.com/HVbuUsp.png) no-repeat top left,
url(http://i.imgur.com/ewqRI3l.png) no-repeat top right,
url(http://i.imgur.com/sQt00rG.png) no-repeat bottom left,
url(http://i.imgur.com/5gBJL6m.png) no-repeat bottom right,
url(http://i.imgur.com/VgYk4Kc.png) repeat-x bottom,
url(http://i.imgur.com/hhLjWKs.png) repeat-x top,
url(http://i.imgur.com/Nrf8qEZ.png) repeat-y left,
url(http://i.imgur.com/j8NBOlO.png) repeat-y right, #FFF; width: auto; padding: 20px; font-weight: normal; text-align: justify}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {background:
url(http://i.imgur.com/HVbuUsp.png) no-repeat top left,
url(http://i.imgur.com/ewqRI3l.png) no-repeat top right,
url(http://i.imgur.com/sQt00rG.png) no-repeat bottom left,
url(http://i.imgur.com/5gBJL6m.png) no-repeat bottom right,
url(http://i.imgur.com/VgYk4Kc.png) repeat-x bottom,
url(http://i.imgur.com/hhLjWKs.png) repeat-x top,
url(http://i.imgur.com/Nrf8qEZ.png) repeat-y left,
url(http://i.imgur.com/j8NBOlO.png) repeat-y right, #FFF; width: auto; padding: 20px; font-weight: normal; text-align: justify}

/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {background:
url(http://i.imgur.com/HVbuUsp.png) no-repeat top left,
url(http://i.imgur.com/ewqRI3l.png) no-repeat top right,
url(http://i.imgur.com/sQt00rG.png) no-repeat bottom left,
url(http://i.imgur.com/5gBJL6m.png) no-repeat bottom right,
url(http://i.imgur.com/VgYk4Kc.png) repeat-x bottom,
url(http://i.imgur.com/hhLjWKs.png) repeat-x top,
url(http://i.imgur.com/Nrf8qEZ.png) repeat-y left,
url(http://i.imgur.com/j8NBOlO.png) repeat-y right, #FFF; width: auto; padding: 20px; font-weight: normal; text-align: justify}


.quote_top, .code_top {font-size: 12px; font-family:georgia; text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 1px #6D917F; color: #FFF !important; background-image: linear-gradient(to right, #F4F4F4 0%, #A6C8B7 50%, #F4F4F4 100%); margin: 1em; text-align:center; padding: 3px}

.quote .quote_top, .quote .code_top {font-size: 12px; font-family:georgia; text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 1px #6D917F; color: #FFF !important; background-image: linear-gradient(to right, #FFF 0%, #A6C8B7 50%, #FFF 100%); margin: 1em; text-align:center; padding: 3px}


.code_top a {color: #FFF !important; text-shadow: none !important}
.code_top a:hover {color: #F4F4F4 !important}

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #FFF; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #FFF; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #FFF; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content:''}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #FFF}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #FFF}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #FFF}



/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}
/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 11px}

.blog .article {padding: 20px; background:
url(http://i.imgur.com/Pvrx5Ld.png) no-repeat top left, url(http://i.imgur.com/K8X5Gd9.png) no-repeat top right, url(http://i.imgur.com/5RiBwOI.png) no-repeat bottom left, url(http://i.imgur.com/7tFU7DJ.png) no-repeat bottom right, url(http://i.imgur.com/juBbPgO.png) repeat-x bottom,
url(http://i.imgur.com/zFubz43.png) repeat-x top,
url(http://i.imgur.com/AQNw15M.png) repeat-y left,
url(http://i.imgur.com/v57OrXl.png) repeat-y right, #F4F4F4}
.blog .article:first-child {border-top: 0}

.btitle {margin-bottom: 10px; line-height: 1.8em}
.btitle a {font-family: 'Slabo 27px'; font-size: 27px; text-shadow: 1px 1px 0 #FFF}
.btitle a:hover {border}
.bdesc {margin-top: 5px; font: 16px georgia, verdana, arial; color: #666}
.on .btitle {font-weight: bold}

.article .title2 {font-size: 10px}
.article .title2 a {font-weight: bold}

/* è necessario scrivere a:link e a:visited in questo caso, altrimenti i link avrebbero il colore di .title2 a */
.tags, .tags a:link, .tags a:visited {font-size: 10px; font-weight: normal}
.color .tags {font-size: 11px}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 89px; background-image: linear-gradient(to right, #F4F4F4 10%, #D5E0B8 60%, #F4F4F4 100%)}

.article .top .avatar {position: absolute; top: -2px; left: 5px; background-image: url(http://i.imgur.com/a1lotVo.png); background-position: center; background-repeat: no-repeat; width: 80px; height: 70px}

.article .top .avatar img {width: 40px; min-height: 40px; border-radius: 100% !important; margin-top: -8px; border: 2px solid #D5E0B8; position: absolute; margin-left: 14px}


/* punti, commenti e visite */
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold}

.article .color {margin: 5px 0 20px; line-height: 1.2em; padding-right: 0; text-align: justify}
.article .color .edit {color: #BBB}

.comments .post {padding: 6px; background:
url(http://i.imgur.com/Pvrx5Ld.png) no-repeat top left, url(http://i.imgur.com/K8X5Gd9.png) no-repeat top right, url(http://i.imgur.com/5RiBwOI.png) no-repeat bottom left, url(http://i.imgur.com/7tFU7DJ.png) no-repeat bottom right, url(http://i.imgur.com/juBbPgO.png) repeat-x bottom,
url(http://i.imgur.com/zFubz43.png) repeat-x top,
url(http://i.imgur.com/AQNw15M.png) repeat-y left,
url(http://i.imgur.com/v57OrXl.png) repeat-y right, #F4F4F4}
.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {word-wrap: break-word; overflow: hidden; font-weight: bold; text-transform: lowercase; width: 500px; text-align: left; margin-left: 120px; font-size: 23px; font-family: georgia}
.comments .avatar {background-image: url(http://i.imgur.com/a1lotVo.png); width: 80px; height: 70px; background-position: center; background-repeat: no-repeat; margin-left: 18px; margin-top: 34px}
.comments .avatar * {max-width:}
.comments .avatar img {width: 40px; height: 40px; margin-left: -22px; margin-top: -2px}

.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px; margin-left: 1px}

.comments .center .left {padding: 0 10px; background: url('http://i.imgur.com/Qhp4fXa.png') no-repeat bottom right}

.comments .sunbar.top {font-size: 0 !important}

/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 18px; background:
url(http://i.imgur.com/Pvrx5Ld.png) no-repeat top left, url(http://i.imgur.com/K8X5Gd9.png) no-repeat top right, url(http://i.imgur.com/5RiBwOI.png) no-repeat bottom left, url(http://i.imgur.com/7tFU7DJ.png) no-repeat bottom right, url(http://i.imgur.com/juBbPgO.png) repeat-x bottom,
url(http://i.imgur.com/zFubz43.png) repeat-x top,
url(http://i.imgur.com/AQNw15M.png) repeat-y left,
url(http://i.imgur.com/v57OrXl.png) repeat-y right, #F4F4F4}
.stitle {text-align: center; font-size: 18px; font-weight: normal; color: #75A38D; font-family: 'Slabo 27px'; text-shadow: 1px 1px 0 #FFF; background: transparent !important}


.sidebox li {padding: 2px 0}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(odd) a {color: #E9C782}
.side_list > *:nth-child(odd) a:hover {color: #FCAD4C}
.side_topics:nth-child(odd) a, .side_comments:nth-child(odd) a {color: #96BDAA}
.side_topics:nth-child(odd) a:hover, .side_comments:nth-child(odd) a:hover {color: #A8C9B8}

/* widget calendario */
.side_calendar {padding: 18px; background:
url(http://i.imgur.com/Pvrx5Ld.png) no-repeat top left, url(http://i.imgur.com/K8X5Gd9.png) no-repeat top right, url(http://i.imgur.com/5RiBwOI.png) no-repeat bottom left, url(http://i.imgur.com/7tFU7DJ.png) no-repeat bottom right, url(http://i.imgur.com/juBbPgO.png) repeat-x bottom,
url(http://i.imgur.com/zFubz43.png) repeat-x top,
url(http://i.imgur.com/AQNw15M.png) repeat-y left,
url(http://i.imgur.com/v57OrXl.png) repeat-y right, #F4F4F4}
.side_calendar .stitle {padding-bottom: 5px}
.side_calendar tr {text-align: center; background: #DAE6DF}
.side_calendar td {font-size: 9px; background: #DAE6DF}
.side_calendar td:nth-child(even) {background: #FFF}
.side_calendar .current {font-weight: bold; color: #FFF; background: #E9C782 !important}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll .stitle {padding-bottom: 5px}

/* widget tagboard */
.side_tag .stitle {padding-bottom: 5px; border-bottom: 1px solid #FFF}

/*widget friends*/
.side_friends {padding: 10px !important}

/*widget profile*/
.side_profile .avatar {background-image: url(http://i.imgur.com/sn6fvPZ.png); background-position: center; background-repeat: no-repeat; width: 130px; height: 110px}

.side_profile .avatar img {border-radius: 100%; height: 70px; width: 70px; margin-top: -4px; border: 2px solid #D5E0B8}

.side_profile .stitle {margin-top: -7px; margin-bottom: 9px}

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 12px; padding: 0}
.tag .textinput, .side_tag .textinput {font-size: 12px; padding: 1px}
.tag a, .side_tag a {color:}
.tag .list > * {border-top: 1px solid #EBE7DF; border-bottom: 1px solid #FFF}


/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
#board .stats {margin-top: 20px; background:
url(http://i.imgur.com/1hO7OLb.png) no-repeat top left,
url(http://i.imgur.com/1CIAJDH.png) no-repeat top right,
url(http://i.imgur.com/39qZ6xW.png) no-repeat bottom left,
url(http://i.imgur.com/wn3miSN.png) no-repeat bottom right,
url(http://i.imgur.com/ZkEbikK.png) repeat-x bottom,
url(http://i.imgur.com/8qHl6da.png) repeat-x top,
url(http://i.imgur.com/dtyv81p.png) repeat-y left,
url(http://i.imgur.com/EoC25Tr.png) repeat-y right, #F4F4F4; padding: 3px 4px 25px 4px; width: auto}
#board .stats .skin_tbl.top {border: 0; background: transparent}
#board .stats .skin_tbl.bottom {background: transparent}
#board .stats .mback {border: 0; border-radius: 0}
#board .stats .top .mback {border-radius: 0}
#board .stats .list > * {border: none !important}

/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color:; font-weight: bold} .users li:first-child:before {content:''}
.users a:hover, .groups a:hover {color: #A8C9B8 !important}


/* COLORI UTENTI */
.box_visitatore .details {border: 0; background: transparent}

.daconvalidare {font-style: italic}

.male {color: #96BDAA}
.female {color: #FCAD4C}

.amministratore {color: #96BDAA; font-weight: bold}
.moderatore {color: #E9C782; font-weight: bold}

.gruppo1 {color: #96BDAA; font-weight: bold}
.gruppo2 {color: #B3C18E; font-weight: bold}
.gruppo3 {color: #E9C782; font-weight: bold}
.gruppo4 {color: #FCAD4C; font-weight: bold}

/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #FBFBFB}
#redirect .info {border: 1px solid #FFF}

.navsub .info {font-size: .8em}
.alert, .info {border-radius: 0}
.alert {padding: 1em; background: #E9C782 !important; color: #1B0C1D !important; border: 2px solid #FCAD4C; text-shadow: 1px 1px 0 #EFEFEF}

.info {background:
url(http://i.imgur.com/ntmbcir.png) no-repeat top left,
url(http://i.imgur.com/k55rQbe.png) no-repeat top right,
url(http://i.imgur.com/Orh3yVT.png) no-repeat bottom left,
url(http://i.imgur.com/W8t8oEM.png) no-repeat bottom right,
url(http://i.imgur.com/EhAgTyZ.png) repeat-x bottom,
url(http://i.imgur.com/rTbcYT4.png) repeat-x top,
url(http://i.imgur.com/720aAMt.png) repeat-y left,
url(http://i.imgur.com/IKthXFN.png) repeat-y right, #FFF; width: auto; padding: 20px; font-weight: normal; text-align: justify}
.alert a, .info a {color:}
.alert a:hover {border-bottom:}


/* PROFILO */
.profile .tabs {text-align: center; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; background-color: #F4F4F4; border-radius: 3px}
.profile .nick {line-height: 1em; margin: 5%; color: #75A38D;
text-shadow: 1px 1px 0 #FFF; font-size: 22px; font-family: 'Marck Script'; font-weight: bold}
.profile dl {font-size: 11px}
.profile .u_status {margin-bottom: 0 !important; margin-top: 15px !important; margin-right: 73px !important; margin-left: 0 !important}

/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {background:
url(http://i.imgur.com/1hO7OLb.png) no-repeat top left, url(http://i.imgur.com/1CIAJDH.png) no-repeat top right, url(http://i.imgur.com/39qZ6xW.png) no-repeat bottom left, url(http://i.imgur.com/wn3miSN.png) no-repeat bottom right, url(http://i.imgur.com/ZkEbikK.png) repeat-x bottom,
url(http://i.imgur.com/8qHl6da.png) repeat-x top,
url(http://i.imgur.com/dtyv81p.png) repeat-y left,
url(http://i.imgur.com/EoC25Tr.png) repeat-y right, #F4F4F4}
.profile .left {position: relative}

.profile .avatar {background-image: url(http://i.imgur.com/sn6fvPZ.png);
background-position: center; background-repeat: no-repeat; width: 145px;
height: 110px}
.profile .avatar img {border-radius: 100%; height: 70px; width: 70px; margin-top: -4px; border: 2px solid #D5E0B8}

/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}
/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; background: #EBE7DF; border: 1px solid #D5E0B8}
.pages2 a:hover {opacity: .9}

/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}

.pages li a, .pages .current {padding: 2px 5px; font-size: 1.1em; background: #EBE7DF; border: 1px solid #D5E0B8}
.pages li a:hover {color: #75A38D; background: #DFE9E3; border: 1px solid #A6C8B7}
.pages .current {font-size: 1.2em; color: #75A38D; background: #DFE9E3; border: 1px solid #A6C8B7}

.pages .jump a, .pages .lastpost a {font-size: .9em; background: #EBE7DF; border: 1px solid #D5E0B8}
.pages .jump a:hover, .pages .lastpost a:hover {color: #75A38D; background: #DFE9E3; border: 1px solid #A6C8B7}

.pages .first a, .pages .last a {background: #EBE7DF; border: 1px solid #D5E0B8}
.pages .first a:hover, .pages .last a:hover {color: #75A38D; background: #DFE9E3; border: 1px solid #A6C8B7}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font-size: .9em; font-family: 'Trebuchet MS'; color: #3D4D45; background: #FFF; border: 1px solid #96BDAA}

textarea.textinput {border: 1px solid #A8C9B8; padding: 4px; line-height: 1em; font-size: 9pt; font-family: 'Trebuchet MS'; color: #3D4D45}

/* 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: rgba(168, 201, 184, .75); box-shadow: 0 0 8px rgba(168, 201, 184, .5)}

/* bbcode */
.codebuttons {padding: 2px}
.codebuttons:hover {background: #DAE6DF; border: 1px solid #A8C9B8}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {background: #EBE7DF; border: 1px solid #A8C9B8}
.sunbar .forminput:hover {background: #F4F4F4}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {background: #EBE7DF; border: 1px solid #A8C9B8; padding: 1px !important}
.navsub .forminput:hover, .navsub .forminput:focus {background: #F4F4F4}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; background: #EBE7DF; border: 1px solid #A8C9B8}
.title .forminput:hover {background:}
.title input.forminput {padding: 2px; color: #FFF; background: #FCAD4C; border: none !important}
.title input.forminput:hover {background: #F3DB92}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {color: #FFF; background: #FCAD4C; border: none !important; padding: 1px}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #F3DB92}

.darkbar .forminput {padding: 5px; font-size: 10px}

.darkbar input.forminput, .fast.send input.forminput {background: #
d5e0b8}

/* bottone preview */
.darkbar button.forminput {color: #96BDAA; background: #EEE; background: linear-gradient(#FFF,#DAE6DF); box-shadow: 0 1px 1px #C2C2C2}
.darkbar button.forminput:hover {color: #888; background: #FFF}



/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font-size: 18px; color: #000; text-shadow: -1px -1px 1px #AAA; background: #A6A6A6; border: 1px solid #666; border-bottom-color: #444; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.buttons span:hover {background: #B4B4B4}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}

/* Rircerca post */
#search.posts .post {margin: 10px; border: none}

A_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-yellow-icon.png" width="15" height="15" alt="">
FEMALE_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-icon.png" width="15" height="15" alt="">
MALE_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-icon.png" width="15" height="15" alt="">
F_NAV:<img src="http://i.imgur.com/ZcENIYR.png" alt="F_NAV">
F_NAV_SEP:<img src="http://i.imgur.com/Dl00Emo.png" alt="F_NAV_SEP">
C_ON:<img src="http://i.imgur.com/LTWXzGE.png" alt="C_ON">
C_OFF:<img src="http://i.imgur.com/xZODUqc.png" alt="C_OFF">
C_ON_RES:<img src="http://i.imgur.com/pHExFXH.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://i.imgur.com/7yKf2UE.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://i.imgur.com/LTWXzGE.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://i.imgur.com/q3WUVMm.png" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/uUacE3B.png" alt="F_STATS">
A_POST:<img src="http://i.imgur.com/2oukez9.png" alt="A_POST">
A_REPLY:<img src="http://i.imgur.com/dwxcm38.png" alt="A_REPLY">
A_POLLONLY_B:<img src="http://i.imgur.com/elX7fsa.png" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="http://i.imgur.com/UCW31SI.png" alt="A_LOCKED_B">
M_REPLY:<span class="mnbut">rispondi</span>
M_DELETE:<span class="mnbut">elimina</span>
M_ADDMEM:<span class="mnbut">friends &#9829;</span>
M_UNREAD:<img src="http://i.imgur.com/BUGA3In.png" alt="M_UNREAD">
M_READ:<img src="http://i.imgur.com/wl6jv0K.png" alt="M_READ">
B_PIN:<img src="http://i.imgur.com/hsSGfDN.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/rOuSckS.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://i.imgur.com/irgkvSA.png" alt="B_NEW">
B_NORM:<img src="http://i.imgur.com/Ug85Ggv.png" alt="B_NORM">
B_HOT:<img src="http://i.imgur.com/2axszun.png" alt="B_HOT">
B_HOT_NN:<img src="http://i.imgur.com/D2Vq9Sb.png" alt="B_HOT_NN">
B_POLL:<img src="http://i.imgur.com/BYWvBBY.png" alt="B_POLL">
B_POLL_NN:<img src="http://i.imgur.com/wYDh4Hq.pngg" alt="B_POLL_NN">
B_MOVED:<img src="http://i.imgur.com/PLJIgeS.png" alt="B_MOVED">
B_LOCKED:<img src="http://i.imgur.com/Iebk6sO.png" alt="B_LOCKED">
NEW_POST:<img src="http://i.imgur.com/dEre2YX.png" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-plus-icon.png" alt="+1" title="+1">
THUMBS_DOWN:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-minus-icon.png" alt="-1" title="-1">
P_DELETE:<span class="mnbut">elimina</span>
P_EDIT:<span class="mnbut">modifica</span>
P_QUOTE:<span class="mnbut">citazione</span>
P_MSG:<span class="mnbut">MP</span>
P_EMAIL:<span class="mnbut">email</span>
P_CONTACTS:<span class="mnbut">contatti</span>
P_WEBSITE:<span class="mnbut">web</span>
EMOTICONS:http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-icon.png
EMOTICONS2:http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-yellow-icon.png
LOADING:http://i.imgur.com/0lr5m9D.gif
PREVIEW:https://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://i.imgur.com/nn4Zvc9.png
HELP:http://i.imgur.com/lvezPVg.png
COLOR:https://img.forumfree.net/index_file/color.png
HTML:http://i.imgur.com/2bLE39r.png
ATTACHMENT:https://img.forumfree.net/index_file/attachment.png
ONLINE:<img src="http://i.imgur.com/BzhToS4.png" >
OFFLINE:<img src="http://i.imgur.com/aQ9Wcyi.png" >
ANONIMO:<img src="http://i.imgur.com/BzhToS4.png" >
P_UP:<img src="http://i.imgur.com/WQnJ4FH.png" width="16" height="16" alt="Top">
F_UP:<img src="http://i.imgur.com/7Lfsxg3.png" width="24" height="24" alt="Top">
C_UP:<img src="https://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://i.imgur.com/qcE2udt.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://i.imgur.com/pOMxgFu.png" width="50" height="50" alt="Bot">

http://i.imgur.com/4TbDamX.png

Utenti: http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-icon.png
Aiuto: http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-red-icon.png
Top: http://i.imgur.com/WQnJ4FH.png

//

<script type="text/javascript"><!--
var ran=new Array();

ran[0]='<a href="#link forum"><img src="#link logo" class="header"></a>';
ran[1]='<a href="#link forum"><img src="#link logo" class="header"></a>';

var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]);
//--></script>

<!--credits NON ELIMINARE-->
<div style="padding: 8px; font-size: 9pt; font-weight: normal; text-align: center; text-shadow: 1px 1px 0 #FFF; border: 1px solid #8FA280; color: #4C5842 !important; background:
url(http://i.imgur.com/ssCMnfb.png) no-repeat top left,
url(http://i.imgur.com/2NlmzGM.png) no-repeat top right,
url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left,
url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right,
url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom,
url(http://i.imgur.com/m2diRnE.png) repeat-x top,
url(http://i.imgur.com/4hdvtCM.png) repeat-y left,
url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6; width: 334px"> Drops of Springs by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a> & <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">primordiale</a>, thanks to <a href="http://www.iconarchive.com">Icon archive</a> &#10045; <a href="http://fuckyeah.blogfree.net/">Fuck Yeah!</a> &#10045; <a href="http://www.colourlovers.com">Colour Lovers</a> &#10045; <a href="http://ianlunn.github.io/Hover/"> Hover.css</a></div>
<br>

/*SKIN BY RICCIO E PANDA - NON RIMUOVERE I CREDITI*/
body {font-family: "Telex"; font-size: 11px; color: #57564A; text-shadow: 1px 1px 0 #FFF; background-color: #705065}
a {text-decoration: none !important; color: #705065; font-weight:bold; text-shadow: 1px 1px 0 #FFF; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear}
a:hover {color: #9FB3B2; text-shadow: 1px 1px 0 #FFF; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear}

.nav {font-size: 13px; font-style: italic; font-family: "Telex"; font-weight: bold; letter-spacing: .05em}

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

/*thumbs*/
.thumbs a {border-radius: 0 !important}
.thumbs a *, .menuwrap .avatar * {border-radius: 0 !important}

/* SELEZIONE */
*::selection {background: #D4D3C1; color: #F5F4F0; text-shadow: 1px 1px 2px #888972}
*::-moz-selection {background: #D4D3C1; color: #F5F4F0; text-shadow: 1px 1px 2px #888972}
*::-moz-selection {background: #D4D3C1; color: #F5F4F0; text-shadow: 1px 1px 2px #888972}

/*barra scrollbar chrome*/
*::-webkit-scrollbar {width: 8px; box-shadow: 0 0 2px #839675 inset; background-color: #F8F7EF}
*::-webkit-scrollbar-thumb {height: auto; background-color: #B4C1AA; border-radius: 0; top: 7px; bottom: 7px}

/*punteggi*/
div.rep_pos, dl.rep_pos dd {font-weight: bold; color: #839675; text-shadow: 1px 1px 0 #FFF}
div.rep_neg, dl.rep_neg dd {font-weight: bold; color: #5B3930; text-shadow: 1px 1px 0 #FFF}
.points_pos {color: #839675; text-shadow: 1px 1px 0 #FFF}
.points_neg {color: #5B3930; text-shadow: 1px 1px 0 #FFF}

/* LOGO senza cornice */
.logo {margin: 0 0 30px 0} .logo a:hover {border: 0}


/* LOGO con cornice */
.header {padding: 4px; margin-bottom: 30px; border: 4px solid #B4C1AA}
.header:hover {opacity: 0.8}
.header, .header a {border-radius: 0}
.header {background: none !important}
.header {width: 798px}

/* altezza contenitore del logo ed effetto glass */
.header a {border: none !important; display: table; font-size: 0 !important}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* latin-ext */
@font-face {font-family: 'Courgette';
font-style: normal;
font-weight: 400;
src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/Gkr63O-aJXf4Mv4t7cBUchJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: u+0100-024f, u+1e00-1eff, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Courgette';
font-style: normal;
font-weight: 400;
src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/BHG8ZtTfO0yYnp02--QxqltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}

@font-face {font-family: 'Telex';
font-style: normal;
font-weight: 400;
src: local('Telex-Regular'), url(https://fonts.gstatic.com/s/telex/v4/3Afern-3-ML_iIqkvoMOzA.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}


/* MENU principale */
.menuwrap {width: 878px; font-family: font-family: "Telex"; background: #DEE7D6; border-left: 2px solid #B4C1AA; border-right: 2px solid #B4C1AA}

.menuwrap li {line-height: 2.6em; color: #; text-shadow: -1px -1px 0 #}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 9pt; color: #705065}
.menuwrap a:hover {color: #9FB3B2; text-shadow: 1px 1px 0 #FFF; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear; border: 0}
.menuwrap .icon a {padding: 0 6px}

#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/* esci e news */
.menuwrap b {color: #4D1137}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 5px; color: #FFF !important; text-shadow: none; background: #705065; border-radius: 0; border: 1px solid #4D1137; font-family: "Telex" !important; font-size: 6pt !important}

.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {font-family: "Telex"}

.menu ul {font-family: "Telex"; width: 18em; border: 1px solid #8FA280;
color: #4C5842 !important; border-bottom: 2px solid #8FA280;
background: url(http://i.imgur.com/ssCMnfb.png) no-repeat top left, url(http://i.imgur.com/2NlmzGM.png) no-repeat top right, url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left, url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right, url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom, url(http://i.imgur.com/m2diRnE.png) repeat-x top, url(http://i.imgur.com/4hdvtCM.png) repeat-y left, url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6}

.right .menu ul {margin-left: -2em}

.menu li {font-family: "Telex"; padding: 3px 4px; line-height: 1.4em; text-shadow: none; border-top: 1px solid #8FA280; border-bottom: 1px solid #F8F7EF}
.menu li:first-child {padding-top: 4px}
.menu li strong {padding: 3px 8px; color: #4D1137}
.menu li a {padding: 3px 8px !important; font-size: 12px}
.menu li a:hover, .menu li:hover > a {background: #B2C0A8; border-radius: 0; text-shadow: none !important; color: #F8F7EF !important}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border: 1px solid #8FA280;
color: #4C5842 !important; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
.menuwrap label:hover {color: #FFF}

.menuwrap input {padding: 3px; font: 11px telex; color: #4C5842; background: #B4C1AA; border: 1px solid #ABB9A0; box-shadow: none}
.menuwrap input:hover {cursor: pointer}
.menuwrap input:focus {cursor: default; outline: none}

.menuwrap input[type=submit] {padding: 2px; color: #4C5842;
background: #B4C1AA; border: 1px solid #8FA280}
.menuwrap input[type=submit]:hover {color: #F8F7EF; background: #8CA17C}


/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #4C5842 !important; background: #B4C1AA url('http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/magnifier-medium-left-icon.png') no-repeat 96% -12%; border: 1px solid #8FA280}
.menuwrap .search input:hover {color: #4C5842 !important; border: 1px solid #8FA280; background-color: #EFEEE0}
.menuwrap .search input:focus {border: 1px solid #8FA280; color: #4C5842 !important; background-color: #B4C1AA; background-position: 96.5% 110%}



/* LARGHEZZA BOARD */
.container {margin: 0 auto; padding: 30px; background: #DEE7D6; border-left: 2px solid #B4C1AA; border-right: 2px solid #B4C1AA}
.container, .tabs.top, .tabs.bottom {max-width: 818px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family: 'Trebuchet MS'; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; border-bottom: 0; border-radius: 0; border: 1px solid #B2C0A8; background: #D0DBC6 !important}
.tabs a:hover, .tabs .current a {border-bottom: 0; background: #DAE2D3 !important}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {border-right: none !important; margin-right: 1px}
.tabs.right.no_rotate a {border-left: none !important; margin-left: 1px}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {border-top: 0}
.tabs.bottom a:hover {border-top: 0}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: center; position: relative; top: 0; background: #DEE7D6; padding-left: 59px; border-left: 2px solid #B4C1AA; border-right: 2px solid #B4C1AA; padding-right: 1px; padding-top: 10px; padding-top: 10px; margin-bottom: -29px; z-index: 1}

/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; top: 0}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 25px; padding: 0 105px}
.tabs.rotate a:hover {border-bottom: 0 !important}
.tabs.left.rotate {left: -25px; margin-right: -4px}
.tabs.right.rotate {margin-left: -4px}

/* variante per tabs laterali non ruotati */
/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro*/
#tab_r1 a, #tab_r3 a, #tab_r5 a, #tab_r7 a, #tab_r9 a, #tab_r11 a, #tab_b1 a, #tab_b3 a, #tab_b5 a, #tab_b7 a, #tab_b9 a, #tab_b11 a, #tab_l1 a, #tab_l3 a, #tab_l5 a, #tab_l7 a, #tab_l9 a, #tab_l11 a, #tab_t1 a, #tab_t3 a, #tab_t5 a, #tab_t7 a, #tab_t9 a, #tab_t11 a {background: #B4C1AA !important; color: #705065 !important; text-shadow: 1px 1px 0 #FFF !important; border: none !important}
#tab_r1 a:hover, #tab_r3 a:hover, #tab_r5 a:hover, #tab_r7 a:hover, #tab_r9 a:hover, #tab_r11 a:hover, #tab_b1 a:hover, #tab_b3 a:hover, #tab_b5 a:hover, #tab_b7 a:hover, #tab_b9 a:hover, #tab_b11 a:hover, #tab_l1 a:hover, #tab_l3 a:hover, #tab_l5 a:hover, #tab_l7 a:hover, #tab_l9 a:hover, #tab_l11 a:hover, #tab_t1 a:hover, #tab_t3 a:hover, #tab_t5 a:hover, #tab_t7 a:hover, #tab_t9 a:hover, #tab_t11 a:hover {background: #DEE7D6 !important; color: #9FB3B2 !important; border: none !important}

#tab_r2 a, #tab_r4 a, #tab_r6 a, #tab_r8 a, #tab_r10 a, #tab_r12 a, #tab_t2 a, #tab_t4 a, #tab_t6 a, #tab_t8 a, #tab_t10 a, #tab_t12 a, #tab_b2 a, #tab_b4 a, #tab_b6 a, #tab_b8 a, #tab_b10 a, #tab_b12 a, #tab_l2 a, #tab_l4 a, #tab_l6 a, #tab_l8 a, #tab_l10 a, #tab_l12 a {background: #705065 !important; text-shadow: none !important; color: #F8F7EF !important; border: none !important}
#tab_r2 a:hover, tab_r4 a:hover, #tab_r6 a:hover, #tab_r8 a:hover, #tab_r10 a:hover, #tab_r12 a:hover, #tab_t2 a:hover, #tab_t4 a:hover, #tab_t6 a:hover, #tab_t8 a:hover, #tab_t10 a:hover, #tab_t12 a:hover, #tab_b2 a:hover, #tab_b4 a:hover, #tab_b6 a:hover, #tab_b8 a:hover, #tab_b10 a:hover, #tab_b12 a:hover, #tab_l2 a:hover, #tab_l4 a:hover, #tab_l6 a:hover, #tab_l8 a:hover, #tab_l10 a:hover, #tab_l12 a:hover {background: #4D1137 !important; color: #FFF !important; border: none !important}


/* HOMEPAGE */
.board .skin_tbl {margin: 0; margin-bottom: 10px}
.skin_tbl {background:}

.mback {background-color: #EFEEE0}
.mback_left, .mback_right {width: 0%}

/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
.topic .mback_left, .topic .mback_right {display: none}

.skin_tbl {background:
url(http://i.imgur.com/Zd82CNZ.png) no-repeat top left,
url(http://i.imgur.com/dAkjweM.png) no-repeat top right,
url(http://i.imgur.com/FXCoVgy.png) no-repeat bottom left,
url(http://i.imgur.com/17SuX4y.png) no-repeat bottom right,
url(http://i.imgur.com/KeudPph.png) repeat-x bottom,
url(http://i.imgur.com/CEnkLFo.png) repeat-x top,
url(http://i.imgur.com/JCZ9hls.png) repeat-y left,
url(http://i.imgur.com/QIahGPa.png) repeat-y right, #EFEEE0; padding: 13px 2px; padding-bottom: 2px; font-size: 11px; width: auto}

.mtitle {text-align: center; font-family: 'Courgette'; font-size: 18px; color: #705065; text-shadow: 1px 1px 0 #FFF; background: transparent !important}
.title, .darkbar {background: #E8E7D8 !important; font-weight: bold; font-size: 10px}

.minus, .plus {display:none}



/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr {background: #EFEEE0}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #E8E7D8}

.big_list > * {background: #EFEEE0}
.big_list > *:nth-child(even) {background: #E8E7D8}

.big_list > *:hover {background: #F5F4EA}
.big_list > *:nth-child(even):hover {background: #F5F4EA}

.board .off .aa, .board .off img {opacity: .8}
.board .off:hover .aa, .board .off:hover img {opacity: 1}

.board .yy .topics {line-height: 1em; text-align: center; border-bottom: 3px solid #BAC6B0; position: absolute; width: 55px; height: 25px; font-size: 0.9em; background: #E4E2C9; border-radius: 0; margin-top: -20px; padding: 6px}
.board .yy .replies {line-height: 1em; text-align: center; border-bottom: 3px solid #BAC6B0; position: absolute; width: 55px; height: 25px; font-size: 0.9em; margin-left: 85px; background: #E4E2C9; border-radius: 0; margin-top: -20px; padding: 6px}
.board .yy em {line-height: 0.8em; font-size: 1.5em}

/* fix per Opera */
.board .off .aa {min-height: 24px}

.board .on {background: #F5F4EA}
.board .on:hover {background: #F5F4EA}
.board .on:nth-child(even):hover {background: #F5F4EA}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.forum .annuncio {background: #C8D4BE}
.forum .annuncio:nth-child(even) {background: #C8D4BE}
.forum .importante {background: #DEE7D6}
.forum .importante:nth-child(even) {background: #DEE7D6}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {background: #F5F4EA !important}
.focus:nth-child(even) {background: #F0EFE8 !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {background: #F5F4EA !important}

.topic .focus {background: #F5F4EA !important}
.topic .focus:nth-child(even) {background: #F0EFE8 !important}

.web {font-size: 19px; font-family: 'georgia'; letter-spacing: -1px; font-weight: bold}
.desc {font-weight: normal}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: ##705065; font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left; margin-left: 5px}
.cp .tabs .current a {font-weight: bold; color: #F8F7EF !important; text-shadow: none !important; background: #705065 !important; border-bottom: 0}

/* edit avatar */
.tabs2 div:hover {background: #DEE7D6}
.tabs2 .current div {background: #705065 !important; text-shadow: none !important; color: #F8F7EF !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

/* INBOX: lista messaggi privati */
#msg .cp .web {font: 16px georgia}
#msg .cp .post {background: #F8F7EF}

/*box msg*/
#msg .details {padding-bottom: 30px}

/* RISPOSTA */
#loading .top, .summary .list .top {margin-top: 6px; color: #57564A; border-bottom: 1px solid #B4C1AA}
#loading .bottom, .summary .list .bottom {border-top: 1px solid #F8F7EF}

.fast.send .sunbar {font-weight: bold; font-size: 11px; color: #57564A;
text-shadow: none; background: #E8E7D8 !important}

.sunbar {text-align: center; font-size: 9pt; color: #57564A;
text-shadow: 1px 1px 0 #FFF; font-weight: bold; background: #E8E7D8 !important}
.sunbar.top {border-radius: 0}
.sunbar.bottom {border-radius: 0}
.sunbar a {color: #705065; text-shadow: 1px 1px 0 #FFF}
.sunbar a:hover {color: #9FB3B2; text-shadow: 1px 1px 0 #FFF}

.summary .skin_tbl {border: 0}
.summary .list > * {background-image: url("http://i.imgur.com/GRTlpNg.png"); background-repeat: repeat-x; background-position: center top}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 11px}
.summary .quote, .summary .code {font-size: 10px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #F8F7EF; border: 1px solid #B4C1AA; height: 15px; line-height: 15px; font-size: 10px; color: #57564A !important; border-radius: 3px}
.bar div {background: url("http://i.imgur.com/0rBc2bI.png"); border-radius: 3px}
.max .bar {background: #F8F7EF}
.max .bar div {background: url("http://i.imgur.com/0rBc2bI.png")}


/* DISCUSSIONI */
.topic .mtitle {font-weight: normal} .topic .mdesc {font-weight: normal}

.post {background-color: #EFEEE0 !important; background: transparent url("http://i.imgur.com/GRTlpNg.png") repeat-x scroll center top}
.post:first-child {border: 0}
.post:nth-child(even) {background-color: #E8E7D8 !important; background: transparent url("http://i.imgur.com/GRTlpNg.png") repeat-x scroll center top}

.post .center .left {padding: 0 10px}
.post .center .right {padding: 10px 0}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}

.color {line-height: 1.2em; font-size: 12px; text-align: justify; padding-right: 8px; padding-left: 2px; font-family: "Telex"}
.color a {text-decoration: none !important; color: #705065; font-weight:bold; text-shadow: 1px 1px 0 #FFF; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear}
.color a:hover {color: #9FB3B2; text-shadow: 1px 1px 0 #FFF; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: #D4D3C1; text-shadow: 0 0 1px #FFF}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #B2C0A8}

.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-size: 18px; font-family: 'Courgette'}
.post .nick a {font-weight: normal}

.mnbut {font-family: "Telex" !important; padding: 0 2px 1px 2px; border-radius: 2px; background: rgba(223, 221, 211, 0.7) !important; font-size: 7pt;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.mnbut:hover {background: rgba(223, 221, 211, 0.5) !important}

/* avatar e altri dettagli */
.post .details {background:
url(http://i.imgur.com/2ETXykb.png) no-repeat top left,
url(http://i.imgur.com/4R5hGWU.png) no-repeat top right,
url(http://i.imgur.com/nZVIZVt.png) no-repeat bottom left,
url(http://i.imgur.com/8Ffx7Q7.png) no-repeat bottom right,
url(http://i.imgur.com/vAXxx6e.png) repeat-x bottom,
url(http://i.imgur.com/eRojVKL.png) repeat-x top,
url(http://i.imgur.com/0QrnrQF.png) repeat-y left,
url(http://i.imgur.com/A39JWDi.png) repeat-y right, #F5F4EA; padding: 16px 0 4px 0; width: 140px}

.avatar:hover {border: 0}
.post .avatar {display: inline-block; box-shadow: 0 0 2px 20px #9FB3B2 inset; margin-top: 10px; margin-bottom: 16px; overflow: hidden; border: 4px solid #BAC6B0; padding: 4px}
.post .avatar img {width: 100px; height: 100px; border: 3px solid #E4E2C9}
.post .avatar:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear;
-ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear}
.post .avatar img:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear;
-ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear}

.details p {margin: -3px 1px 2px 1px; padding: 4px 2px 6px 2px; background: rgba(178, 192, 168, 0.3)}
.details p:first-line {font-weight: bold; text-shadow: 0 1px 2px #FFF}
.box_visitatore .details p {border-radius: 5px}

/* Buzz */
@-webkit-keyframes hvr-buzz {50% {-webkit-transform: translatex(3px) rotate(2deg);
transform: translatex(3px) rotate(2deg)}

100% {-webkit-transform: translatex(-3px) rotate(-2deg);
transform: translatex(-3px) rotate(-2deg)}}

@keyframes hvr-buzz {50% {-webkit-transform: translatex(3px) rotate(2deg);
transform: translatex(3px) rotate(2deg)}

100% {-webkit-transform: translatex(-3px) rotate(-2deg);
transform: translatex(-3px) rotate(-2deg)}}

.hvr-buzz {display: inline-block;
vertical-align: middle;
-webkit-transform: translatez(0);
transform: translatez(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite}


/* online, offline, anonimo */
.u_status {position: relative; width: 50px; bottom: 10px; left: -5px; padding: 0 4px; line-height: 15px; font-size: 10px !important; font-weight: bold}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 5px; height: 4px; border-radius: 3px 0 0 0}


.box_online .u_status, .box_offline .u_status, .box_anonimo .u_status {color: #705065; border: 1px solid #B4C1AA; background: #DEE7D6}
.box_anonimo .u_status dt, .box_online .u_status dt, .box_offline .u_status dt {background: #B4C1AA}

.profile .u_status {margin-left: 17%; color: #705065; border: 1px solid #B4C1AA; background: #DEE7D6; width: 125px}
.profile .u_status dt {width: 0}

/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote, .code {padding: 8px; font-size: 9pt; font-weight: normal; text-align: justify; text-shadow: 1px 1px 0 #FFF; border: 1px solid #8FA280; color: #4C5842 !important; background:
url(http://i.imgur.com/ssCMnfb.png) no-repeat top left,
url(http://i.imgur.com/2NlmzGM.png) no-repeat top right,
url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left,
url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right,
url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom,
url(http://i.imgur.com/m2diRnE.png) repeat-x top,
url(http://i.imgur.com/4hdvtCM.png) repeat-y left,
url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6; font-size: 11px; width: auto}

/* 2° livello */
.quote .quote, .quote .code, .spoiler .quote, .code .code {text-align: justify; color: #4C5842 !important; text-shadow: 1px 1px 0 #FFF; border: 1px solid #8FA280; background:
url(http://i.imgur.com/ssCMnfb.png) no-repeat top left,
url(http://i.imgur.com/2NlmzGM.png) no-repeat top right,
url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left,
url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right,
url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom,
url(http://i.imgur.com/m2diRnE.png) repeat-x top,
url(http://i.imgur.com/4hdvtCM.png) repeat-y left,
url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6; font-size: 11px; width: auto}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {text-align: justify; text-shadow: 1px 1px 0 #FFF; color: #4C5842 !important; border: 1px solid #8FA280; background:
url(http://i.imgur.com/ssCMnfb.png) no-repeat top left,
url(http://i.imgur.com/2NlmzGM.png) no-repeat top right,
url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left,
url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right,
url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom,
url(http://i.imgur.com/m2diRnE.png) repeat-x top,
url(http://i.imgur.com/4hdvtCM.png) repeat-y left,
url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6; font-size: 11px; width: auto)}

/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {text-align: justify; text-shadow: 1px 1px 0 #FFF; color: #4C5842 !important; border: 1px solid #8FA280; background:
url(http://i.imgur.com/ssCMnfb.png) no-repeat top left,
url(http://i.imgur.com/2NlmzGM.png) no-repeat top right,
url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left,
url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right,
url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom,
url(http://i.imgur.com/m2diRnE.png) repeat-x top,
url(http://i.imgur.com/4hdvtCM.png) repeat-y left,
url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6; font-size: 11px; width: auto}


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

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #636F5B; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #636F5B; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #636F5B; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content:''}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #636F5B}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #636F5B}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #636F5B}



/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}


/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 11px; margin-top: 16px; background:
url(http://i.imgur.com/Zd82CNZ.png) no-repeat top left, url(http://i.imgur.com/dAkjweM.png) no-repeat top right, url(http://i.imgur.com/FXCoVgy.png) no-repeat bottom left, url(http://i.imgur.com/17SuX4y.png) no-repeat bottom right, url(http://i.imgur.com/KeudPph.png) repeat-x bottom,
url(http://i.imgur.com/CEnkLFo.png) repeat-x top,
url(http://i.imgur.com/JCZ9hls.png) repeat-y left,
url(http://i.imgur.com/QIahGPa.png) repeat-y right, #EFEEE0;
padding: 13px 3px}

.blog .article {background:
url(http://i.imgur.com/Zd82CNZ.png) no-repeat top left, url(http://i.imgur.com/dAkjweM.png) no-repeat top right, url(http://i.imgur.com/FXCoVgy.png) no-repeat bottom left, url(http://i.imgur.com/17SuX4y.png) no-repeat bottom right, url(http://i.imgur.com/KeudPph.png) repeat-x bottom,
url(http://i.imgur.com/CEnkLFo.png) repeat-x top,
url(http://i.imgur.com/JCZ9hls.png) repeat-y left,
url(http://i.imgur.com/QIahGPa.png) repeat-y right, #EFEEE0;
padding: 13px 3px; font-size: 11px;
padding: 20px 0; margin-bottom: 36px}
.blog .article:first-child {margin-top: 2px; padding-top: 18px; border-top: 0}

.btitle {margin-bottom: 10px; line-height: 1.8em}
.btitle a {font-size: 24px; font-family: 'Courgette'; font-style: italic; font-weight: normal}
.bdesc {margin-top: 5px; font-size: 13px; font-family: "Telex"}
.on .btitle {font-weight: bold}

.article .title2 {font-weight: bold; font-size: 11px; color: #705065}
.article .title2 a {font-weight: bold}

/* è necessario scrivere a:link e a:visited in questo caso, altrimenti i link avrebbero il colore di .title2 a */
.tags, .tags a:link, .tags a:visited {font-size: 10px; font-weight: normal}
.color .tags {font-size: 11px}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 66px}

.article .top .avatar {box-shadow: 0 0 0 2px #9FB3B2 inset; border: 2px solid #BAC6B0; padding: 1px; border-radius: 0; position: absolute; top: -2px; left: 5px}

.article .top .avatar:hover {-webkit-animation: hvr-buzz 0.2s linear; -moz-animation: hvr-buzz 0.2s linear; -ms-animation: hvr-buzz 0.2s linear; animation: hvr-buzz 0.2s linear}

.article .top .avatar img {border-radius: 0; opacity: 1; width: 40px; height: 40px}
.article .top .avatar img:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear; -ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear; width: 40px; height: 40px}


/* punti, commenti e visite */
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold; font-size: 17px}

.article .color {margin: 5px 0 20px; line-height: 1.2em; font-size: 9pt; text-align: justify; padding-right: 8px; padding-left: 2px; font-family: "Telex"}
.article .color .edit {color: #D4D3C1; text-shadow: 0 0 1px #FFF}

.comments .post {padding: 5px 0; background-color: #EFEEE0 !important; background: transparent url("http://i.imgur.com/GRTlpNg.png") repeat-x scroll center top}
.comments .post:nth-child(even) {background-color: #E8E7D8 !important; background: transparent url("http://i.imgur.com/GRTlpNg.png") repeat-x scroll center top}
.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {font-size: 13px; word-wrap: break-word; overflow: hidden; width: 110px}
.comments .avatar {margin: 4px 4px 13px 4px}
.comments .avatar * {width: 58px !important; height: 58px !important}
.comments .details {padding-bottom: 1px; width: 92px}
.comments .u_status {bottom: 8px}

.comments .focus {background: #F5F4EA !important}
.comments .focus:nth-child(even) {background: #F0EFE8 !important}

/* BLOG WIDGET */
.sidebox {margin: 0 0 -10px 0 !important; padding: 10px; border-radius: 0}
.stitle {padding: 0 0 0 0; font-family: 'Courgette'; text-align: center; font-size: 18px; text-shadow: 1px 1px 0 #FFF; font-weight: normal; color: #705065; background: transparent !important}
.stitle a {color: #705065; text-shadow: 1px 1px 0 #FFF; font-weight: normal}
.stitle a:hover {color: #9FB3B2; text-shadow: 1px 1px 0 #FFF}

.sidebox li {padding: 2px 0}

.side_profile a {font-weight: normal; font-family: "Courgette"; font-size: 22px}
.side_profile .mnbut {font-family: "Telex" !important; padding: 0 2px 1px 2px; border-radius: 2px; background: rgba(223, 221, 211, 0.7) !important; font-size: 7pt; box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.side_profile .mnbut:hover {background: rgba(223, 221, 211, 0.5) !important}

.sidebox .avatar {display: inline-block; box-shadow: 0 0 2px 20px #9FB3B2 inset; margin-top: 10px; margin-bottom: 16px; overflow: hidden; border: 4px solid #BAC6B0; padding: 4px}
.sidebox .avatar img {width: 100px; height: 100px; border: 3px solid #E4E2C9}
.sidebox .avatar:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear;
-ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear}
.sidebox .avatar img:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear;
-ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(even) {background: #}
.side_list > *:nth-child(odd) a {background:}

/* widget calendario */
.side_calendar {padding: 5px; background: transparent}
.side_calendar .stitle {padding-bottom: 5px}
.side_calendar tr {text-align: center; background: #B4C1AA; color: #F8F7EF !important; text-shadow: none !important}
.side_calendar td {font-size: 9px; background: #DEE7D6; color: #57564A; text-shadow: 1px 1px 0 #FFF}
.side_calendar td:nth-child(even) {background: #E8E7D8; color: #57564A; text-shadow: 1px 1px 0 #FFF}
.side_calendar .current {font-weight: bold; color: #F8F7EF; background: #705065 !important; text-shadow: none !important}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll {padding: 5px 1px 12px 1px}
.side_poll .stitle {padding-bottom: 5px; line-height: 1.0em}

/* widget tagboard */
.side_tag {padding: 5px 0 1px 1px}
.side_tag .stitle {padding-bottom: 5px; border-bottom: 1px dashed #BBB}


/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 12px; border-bottom: 1px solid rgba(125, 126, 102, 0.2)}
.tag .textinput, .side_tag .textinput {height: 30px !important; font-size: 11px; padding: 1px}
.tag a, .side_tag a {color:; font-weight:bold}
.tag li, .side_tag li {font-size: 12px !important; padding: 1px !important}

/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
#board .stats {background:
url(http://i.imgur.com/Zd82CNZ.png) no-repeat top left,
url(http://i.imgur.com/dAkjweM.png) no-repeat top right,
url(http://i.imgur.com/FXCoVgy.png) no-repeat bottom left,
url(http://i.imgur.com/17SuX4y.png) no-repeat bottom right,
url(http://i.imgur.com/KeudPph.png) repeat-x bottom,
url(http://i.imgur.com/CEnkLFo.png) repeat-x top,
url(http://i.imgur.com/JCZ9hls.png) repeat-y left,
url(http://i.imgur.com/QIahGPa.png) repeat-y right, #EFEEE0; padding: 13px 2px; padding-bottom: 2px; font-size: 11px; width: auto}
#board .stats .skin_tbl.top {border: 0; background: transparent}
#board .stats .skin_tbl.bottom {background: transparent}
#board .stats .mback {background: #EFEEE0; border: 0; border-radius: 0}
#board .stats .top .mback {border-radius: 0}
#board .stats .mtitle {margin-top: -12px}

/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content:''}
.users a:hover, .groups a:hover {border-bottom:}


/* COLORI UTENTI */
.daconvalidare {font-style: italic}
.utente {font-weight: normal}
.male {color: #9FB3B2} .female {color: #705065}

.amministratore {color: #4D1137; text-shadow: 1px 1px 0 #FFF; font-weight: bold}

.moderatore {color: #705065; text-shadow: 1px 1px 0 #FFF; font-weight: bold}

.gruppo1 {color: #4D1137; text-shadow: 1px 1px 0 #FFF; font-weight: bold}
.gruppo2 {color: #705065; text-shadow: 1px 1px 0 #FFF; font-weight: bold}
.gruppo3 {color: #848490; text-shadow: 1px 1px 0 #FFF; font-weight: bold}
.gruppo4 {color: #829474; text-shadow: 1px 1px 0 #FFF; font-weight: bold}
.gruppo5 {color: #98B385; text-shadow: 1px 1px 0 #FFF; font-weight: bold}


/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #FBFBFB}
#redirect .info {border: 1px solid #8FA280;
background: url(http://i.imgur.com/ssCMnfb.png) no-repeat top left, url(http://i.imgur.com/2NlmzGM.png) no-repeat top right, url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left, url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right, url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom, url(http://i.imgur.com/m2diRnE.png) repeat-x top, url(http://i.imgur.com/4hdvtCM.png) repeat-y left, url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6}

.navsub .info {font-size: .8em}
.alert, .info {border-radius: 0}
.alert {color: #4C5842 !important; text-align: justify; text-shadow: 1px 1px 0 #FFF !important; border: 1px solid #B2C0A8; background: #DEE7D6 !important; padding: 1em}
.alert a {text-shadow: none !important}
.info {padding: .5em; color: #4C5842 !important; text-align: justify; text-shadow: 1px 1px 0 #FFF !important; border: 1px solid #8FA280;
background: url(http://i.imgur.com/ssCMnfb.png) no-repeat top left, url(http://i.imgur.com/2NlmzGM.png) no-repeat top right, url(http://i.imgur.com/3kdOlZC.png) no-repeat bottom left, url(http://i.imgur.com/JngQUd5.png) no-repeat bottom right, url(http://i.imgur.com/37Mv8Ou.png) repeat-x bottom, url(http://i.imgur.com/m2diRnE.png) repeat-x top, url(http://i.imgur.com/4hdvtCM.png) repeat-y left, url(http://i.imgur.com/DKkUewB.png) repeat-y right, #DEE7D6}
.alert a, .info a {}
.alert a:hover {}


/* PROFILO */
.profile .tabs {margin-right: 5px; text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; background-color: transparent; border-radius: 0}
.profile .nick {line-height: 1em; margin: 5%; font-weight: normal;
font-size: 18px; font-family: "Courgette"; color: #705065; text-shadow: 1px 1px 0 #FFF}
.profile dl {font-size: 11px}


/*avatar profilo*/
.profile .avatar {display: inline-block; box-shadow: 0 0 2px 20px #9FB3B2 inset; margin-top: 10px; margin-bottom: 16px; border: 4px solid #BAC6B0; padding: 4px}
.profile .avatar img {width: 100px; height: 100px; border: 3px solid #E4E2C9}
.profile .avatar:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear;
-ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear}
.post .avatar img:hover {-webkit-animation: hvr-buzz 0.2s linear;
-moz-animation: hvr-buzz 0.2s linear;
-ms-animation: hvr-buzz 0.2s linear;
animation: hvr-buzz 0.2s linear}

/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 0}
.profile .left {position: relative}

/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}
/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; border-radius: 2px; background: rgba(223, 221, 211, 0.7) !important;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.pages2 a:hover {opacity: .9}


/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}

.pages li a, .pages .current {padding: 2px 5px; font-size: 1.1em; border-radius: 2px; background: rgba(223, 221, 211, 0.7) !important;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.pages li a:hover {background: rgba(223, 221, 211, 0.5) !important}
.pages .current {font-size: 1.2em; color: #4D1137; background: rgba(223, 221, 211, 0.7) !important;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}

.pages .jump a, .pages .lastpost a {font-size: .9em; border-radius: 2px; background: rgba(223, 221, 211, 0.7) !important;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.pages .jump a:hover, .pages .lastpost a:hover {background: rgba(223, 221, 211, 0.5) !important}

.pages .first a, .pages .last a {border-radius: 2px; background: rgba(223, 221, 211, 0.7) !important;
box-shadow: 1px 0 1px #EBEAE6; border: 1px solid rgba(189, 189, 179, .9)}
.pages .first a:hover, .pages .last a:hover {background: rgba(223, 221, 211, 0.5) !important}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font-size: .9em; background: #F8F7EF; border: 1px solid rgba(87, 86, 74, .2); color: #705065}

textarea.textinput {padding: 4px; line-height: 1em; font-family: "Telex"; color: #57564A; font-size: 1.1em}


/* 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: rgba(232, 231, 216, 1); box-shadow: 0 0 5px rgba(1239, 238, 224, .5)}

/* bbcode */
.codebuttons {background: #F8F7EF; color: #705065; padding: 3px; border: 1px solid #D4D2BC}
.codebuttons:hover {color: #4D1137; background: #E8E7D8; border: 1px solid #D4D2BC; -webkit-animation: 0.8s linear;
-moz-animation: 0.8s linear;
-ms-animation: 0.8s linear;
animation: 0.8s linear}


/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #705065; background: #F5F4F0; padding: 0; box-shadow: none}
.sunbar .forminput:hover {background: #F5F4F0}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .9em}
.navsub .forminput {color: #57564A; background: #EFEEE0; box-shadow: none !important}
.navsub .forminput:hover, .navsub .forminput:focus {background: #F5F4F0}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; color: #57564A; background: #EFEEE0}
.title .forminput:hover {background: #F5F4F0}
.title input.forminput {color: #57564A; background: #EFEEE0}
.title input.forminput:hover {background: #F5F4F0}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {background: #F5F4EA; border: 1px solid #D4D2BC; color: #705065}
.darkbar .forminput:hover, .fast.send .forminput:hover {color: #4D1137; background: #EFEEE0; -webkit-animation: 0.8s linear; -moz-animation: 0.8s linear; -ms-animation: 0.8s linear; animation: 0.8s linear}

.darkbar .forminput {padding: 3px; font-size: 8pt; border: 1px solid #D4D2BC; text-shadow: 0 0 1px #FFF !important}

.darkbar input.forminput, .fast.send input.forminput {background: #F5F4EA}

/* bottone preview */
.darkbar button.forminput {color: #705065; border: 1px solid #D4D2BC !important}
.darkbar button.forminput:hover {background: #EFEEE0}


/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font-size: 18px; color: #000; text-shadow: -1px -1px 1px #AAA; background: #A6A6A6; border: 1px solid #666; border-bottom-color: #444; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.buttons span:hover {background: #B4B4B4}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}

/* Rircerca post */
#search.posts .post {margin: 10px; border: none}

A_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/status-offline-icon.png" width="15" height="15" alt="">
FEMALE_STAR:<img src="http://i.imgur.com/c222kO4.png" width="15" height="15" alt="">
MALE_STAR:<img src="http://i.imgur.com/0BfugNX.png" width="15" height="15" alt="">
F_NAV:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/flower-icon.png" alt="F_NAV">
F_NAV_SEP:<img src="http://i.imgur.com/GJn2TLj.png" alt="F_NAV_SEP">
C_ON:<img src="http://i.imgur.com/xWRQLym.png" alt="C_ON">
C_OFF:<img src="http://i.imgur.com/lY6vQD6.png" alt="C_OFF">
C_ON_RES:<img src="http://i.imgur.com/xWRQLym.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://i.imgur.com/lY6vQD6.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://i.imgur.com/xWRQLym.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://i.imgur.com/lY6vQD6.png" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/lY6vQD6.png" alt="F_STATS">
A_POST:<img src="http://i.imgur.com/yu09JNR.png" alt="A_POST">
A_REPLY:<img src="http://i.imgur.com/GPjjP22.png" alt="A_REPLY">
A_POLLONLY_B:<img src="http://i.imgur.com/yfjXaK0.png" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="http://i.imgur.com/2BbRxIl.png" alt="A_LOCKED_B">
M_REPLY:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balloon-pencil-icon-icon.png" alt="M_REPLY"> M_REPLY
M_DELETE:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/cross-icon.png" alt="M_DELETE"> M_DELETE
M_ADDMEM:<img src="http://i.imgur.com/ZgTsHpP.png" width="16" height="16" alt="M_ADDMEM"> M_ADDMEM
M_UNREAD:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/mail-medium-icon.png" alt="M_UNREAD">
M_READ:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/mail-medium-open-icon.png" alt="M_READ">
B_PIN:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-exclamation-icon.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-plant-icon.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-wormhole-icon.png" alt="B_NEW">
B_NORM:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-icon.png" alt="B_NORM">
B_HOT:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-yellow-icon.png" alt="B_HOT">
B_HOT_NN:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-red-icon.png" alt="B_HOT_NN">
B_POLL:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balance-plus-icon.png" alt="B_POLL">
B_POLL_NN:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balance-icon.png" alt="B_POLL_NN">
B_MOVED:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/baggage-cart-box-label-icon.png" alt="B_MOVED">
B_LOCKED:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/lock-icon.png" alt="B_LOCKED">
NEW_POST:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/new-text-icon.png" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-plus-icon.png" alt="+1" title="+1">
THUMBS_DOWN:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-minus-icon.png" alt="-1" title="-1">
P_DELETE:<span class="mnbut">elimina</span>
P_EDIT:<span class="mnbut">modifica</span>
P_QUOTE:<span class="mnbut">citazione</span>
P_MSG:<span class="mnbut">MP</span>
P_EMAIL:<span class="mnbut">email</span>
P_CONTACTS:<span class="mnbut">contatti</span>
P_WEBSITE:<span class="mnbut">web</span>
EMOTICONS:http://i.imgur.com/1LuBHUu.png
EMOTICONS2:http://i.imgur.com/k7JFL3m.png
LOADING:http://i.imgur.com/7cBK0gH.gif
PREVIEW:https://img.forumfree.net/index_file/preview.png
FULL_EDITOR:https://img.forumfree.net/index_file/full.png
HELP:https://img.forumfree.net/index_file/help.png
COLOR:https://img.forumfree.net/index_file/color.png
HTML:https://img.forumfree.net/index_file/html.png
ATTACHMENT:https://img.forumfree.net/index_file/attachment.png
ONLINE:Online
OFFLINE:Offline
ANONIMO:Anonimo
P_UP:<img src="http://i.imgur.com/5DZUZK2.png" width="16" height="16" alt="Top">
F_UP:<img src="http://i.imgur.com/tlQ3tXc.png" width="24" height="24" alt="Top">
C_UP:<img src="https://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://i.imgur.com/vicTJ4Q.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://i.imgur.com/uf39WRa.png" width="50" height="50" alt="Bot">

http://i.imgur.com/uf39WRa.png

Feed RSS: http://icons.iconarchive.com/icons/areskub/seize/16/Rss-icon.png
Utenti e Aiuto: http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/flower-icon.png
Top: http://i.imgur.com/5DZUZK2.png

//

<!-- credits -->
<div style="background-color:#141414; width: 550px; height: 40px; line-height:16px; font-size:10pt; padding-top:5px; font-family:georgia; outline-style: dashed; outline-width: 1px; border: 1px dashed #273B44; text-align: center;">&#10025; Scottish Stardust by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a> &#10025; un <i>fuckoso</i> grazie al <a href="http://fuckyeah.blogfree.net/">#fuckyeah</a> &#10025; <br>
grazie alla mia <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">Kita»</a> &#10025; <a href="http://evs.blogfree.net/?act=Profile&MID=24527">-spiker</a> &#10025; <a href="http://www.colourlovers.com">Colour Lovers</a> &#10025; <a href="http://www.iconarchive.com">Icon archive</a> &#10025; <a href="http://subtlepatterns.com/">subtle patterns</a></div>

<br>

/*SKIN BY CAELES NON RIUMOVERE I CREDITI!*/

body {font-size: 12px; font-family: arial; color: #6D6E71; background-color: #000}
a {text-decoration: none; color: #4F7381; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
a:hover {color: #4BA2B5; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

.nav, .nav li {font-size: 15px; font-weight: bold; letter-spacing: .05em; font-style: italic}


.footer {margin: 12px auto; font-size: 13px; color: #999}
.footer a {color: #FFF}

/* SCROLLBAR */
*::-webkit-scrollbar {width: 8px; background-color: #273B44; border: 3px solid #4BA2B5}
*::-webkit-scrollbar-thumb {height: auto; background-color: #273B44; border-radius: 50px; top: 7px; bottom: 7px}

/* LOGO senza cornice */
.logo {margin: 0 0 30px 0; opacity: 0.7}
.logo:hover {border: 0; opacity: 1}


/* LOGO con cornice */
.header, .header a {border-radius: 10px}

/* SELEZIONE */
*::selection {background: #345161; color: #7F9DA4}
*::-moz-selection {background: #345161; color: #7F9DA4}
*::-webkit-selection {background: #345161; color: #7F9DA4}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .4)}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* DIMENSIONI FORUM */
.skin_tbl_width, .stats .border, .header_width {width: 100%}


/* MENU principale */
.menuwrap {text-transform: lowercase; font-family: 'georgia'}
.menuwrap.alternative {background: #333}

.menuwrap li {line-height: 2.6em}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 16px; color: #FFF; text-shadow: none !important}
.menuwrap a:hover {color: #4BA2B5 !important; border: 0}
.menuwrap .icon a {padding: 0 6px}
.menuwrap {background: #111419; border-bottom: 2px solid #4BA2B5; padding: 1px}


#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/*Menù DROPDOWN FFMAGAZINE*/
.menuwrap > .left > li:first-child > a > .avatar {border: 2px solid #4BA2B5; background: #10222C; line-height: normal; overflow: hidden; width: 46px; height: 46px; position: absolute; top: 5px; padding: 10px; border-radius: 50px;
z-index: 9;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease}
.menuwrap > .left > li:first-child:hover > a > .avatar {transform: scale(1) rotate(812deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg)}
.menuwrap > .left > li:first-child > ul {z-index: 1; padding-left: 75px}
.menuwrap .nick::before {content: " prendi una stella "; color: #4F7381 !important}
.menuwrap .nick::after {content: " ! "; color: #4F7381 !important}
.menuwrap .nick {margin-left: 4.6em !important}

.left .icon:first-child ul, .left .submenu ul {border-left: none !important}

.menuwrap > .left > li:first-child > a > .avatar img {border: 2px solid #4BA2B5; background: #FFF; padding: 2px; border-radius: 50px}
.menuwrap > .left > li:first-child > a > .avatar img:hover {border-radius:; transform: perspective(400px) rotatex(360deg)}


/* escie news */
.menuwrap b {color: #7F9DA4}

/* numero msg e link REGISTRATI */
.menuwrap em {font-size: 12px; font-family: arial; padding: 3px 5px; border-radius: 5px; color: #FFF; background: #4F7381; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}
.menuwrap em:hover {color: #4F7381; background: #FFF; border-radius: 10px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}

.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #4F7381}

.menu ul {width: 15em; background: #111419; font-size: 13px !important; border-bottom: 1px dashed #273B44; border-top: none; padding-bottom: 2px}

.right .menu ul {margin-left: -2em}

.menu li {padding: 3px 8px; line-height: 1.4em; text-shadow: none; padding-bottom: 0}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #7F9DA4 !important}
.menu li a {font-size: 14px !important}
.menu li a:hover, .menu li:hover > a {color: #4BA2B5 !important; background: #273B44; border-radius: 5px; text-shadow: none !important;
ù-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 13px}
.menuwrap label:hover {color: #FBFBFB}

.menuwrap input {padding: 3px; font-size: 12px; padding-right: 20px; border: 1px solid #345161 !important; border-radius: 3px; color: #345161; background: #10222C}
.menuwrap input:hover {cursor: pointer; border: 1px solid #4BA2B5 !important; color: #4BA2B5; background: #273B44}
.menuwrap input:focus {cursor: default; border: 1px solid #4BA2B5 !important; color: #4BA2B5; background: #273B44; outline: none}

.menuwrap input[type=submit] {padding: 2px; color: #4BA2B5; background: #273B44; opacity: 0.8}
.menuwrap input[type=submit]:hover {padding: 2px; color: #4BA2B5 !important; background: #273B44 !important; opacity: 1}


/* CERCA */
.menuwrap .search input {padding-right: 20px; border: 1px solid #345161 !important; border-radius: 3px; color: #345161; background: #10222C url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%}
.menuwrap .search input:hover {border: 1px solid #4BA2B5 !important; color: #4BA2B5; background: #273B44; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 50px; background: #111419}
.container, .tabs.top, .tabs.bottom {max-width: 735px}
.container {border: 1px dashed #273B44; -webkit- outline style: dashed; -moz-outline-width: 1px}

/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin-bottom: 2px; padding: 2px 10px; text-decoration: none; color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; background: #10222C; font-size: 11px}
.tabs a:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; background: #273B44}


/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {margin-bottom: 2px; padding: 2px 10px; text-decoration: none; color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; background: #10222C; font-size: 11px}
.tabs.left.no_rotate a:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; background: #273B44}
.tabs.right.no_rotate a {margin-bottom: 2px; padding: 2px 10px; text-decoration: none; color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; background: #10222C; font-size: 11px}
.tabs.right.no_rotate a:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; background: #273B44}

/* tabs laterali ruotati*/
.tabs.right.rotate a {padding: 2px 10px; text-decoration: none; color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; background: #10222C; font-size: 11px}
.tabs.right.rotate a:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; background: #273B44}
.tabs.left.rotate a {padding: 2px 10px; text-decoration: none; color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; background: #10222C; font-size: 11px}
.tabs.left.rotate a:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; background: #273B44}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {display: block; padding: 2px 10px; text-decoration: none; color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; background: #10222C; font-size: 11px; margin-top: 5px !important}
.tabs.bottom a:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; background: #273B44; margin-top: 5px !important}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 32px}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 23px; padding: 0 105px}



/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro */
#tab_r1 a, #tab_r3 a, #tab_r5 a, #tab_r7 a, #tab_r9 a, #tab_r11 a, #tab_r13 a, #tab_r15 a {color:; background:; border: 2px solid #}
#tab_r1 a:hover, #tab_r3 a:hover, #tab_r5 a:hover, #tab_r7 a:hover, #tab_r9 a:hover, #tab_r11 a:hover, #tab_r13 a:hover, #tab_r15 a:hover {color: #; background: #; border: 2px solid #}

/* HOMEPAGE */
.board .skin_tbl {margin: 0 auto 1.5em; width: 100%; border-bottom:}

.skin_tbl {background:
url(http://i.imgur.com/lumIkfZ.png) no-repeat top left,
url(http://i.imgur.com/lumIkfZ.png) no-repeat top right,
url(http://i.imgur.com/ha5XL8j.png) no-repeat bottom left,
url(http://i.imgur.com/ha5XL8j.png) no-repeat bottom right,
url(http://i.imgur.com/91KLGPs.png) repeat-x bottom,
url(http://i.imgur.com/lumIkfZ.png) repeat-x top,
url(http://i.imgur.com/Xdz0Iwv.png) repeat-y left,
url(http://i.imgur.com/Xdz0Iwv.png) repeat-y right,
url(http://i.imgur.com/Xdz0Iwv.png) repeat center;
padding: 11px 12px 16px 14px}

.mback {background: transparent}
.mback_left, .mback_right {width: 0%}
.minus, .plus {display: none}
.mtitle {text-align: center; font-size: 13px; font-weight: bold; color: #FFF; background: transparent !important; font-family: georgia; font-style:italic; text-shadow: 1px 0 5px #345161}
.topic .mtitle {text-align: center; font-size: 13px; font-weight: normal !important; color: #FFF; background: transparent !important; font-family: georgia; text-shadow: 1px 0 5px #345161; font-style: normal !important}
.title, .darkbar {background: #111419; font-weight: normal; font-size: 11px; color: #7F9DA4}
.title a, .darkbar a {color: #7F9DA4}
.title a:hover, .darkbar a:hover {color: #4BA2B5}

/*.skin_tbl {border-radius: 20px; background: #FCFCFC; font-size: 14px}
.mainbg {background: #FFF !important; border-bottom: 2px solid #B5D7D7}

.mback {background: transparent !important; height: 26px !important}
.mback_left {width: 272px; background-image: url(http://i.imgur.com/PCaB3yb.png); background-position: right bottom; background-repeat: no-repeat}
.mback_center {background-image: url(http://i.imgur.com/XPLlhDc.png); background-position: bottom; background-repeat: repeat-x}
.mback_right {width: 68px; background-image: url(http://i.imgur.com/r2Ef5eX.png); background-position: bottom; background-repeat: no-repeat} */

/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {background: #111419}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #111419}

.big_list > * {background: #111419; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-top: 1px dashed #404040}
/*.big_list > *:hover {background: #070016; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease} */

.board .big_list .yy {text-align: center; background:; font-size: 10px}
.board .big_list .where {font-weight: normal}
.board .when, .forum .when {font-size: 1em; font-weight: bold; color: #7F9DA4}

.board .off .aa, .board .off img {opacity: .8}
.board .off:hover .aa, .board .off:hover img {opacity: 1}

.board .yy .topics {font-size: 1em; font-weight: bold; color: #7F9DA4; background: #273B44; border-radius: 5px; font-size: 9pt;
font-family: arial; padding: 8px;
text-transform: uppercase}
.board .yy .replies {font-size: 1em; font-weight: bold; color: #7F9DA4; background: #273B44; border-radius: 5px; margin-top: 2px; margin-bottom: -25px; font-size: 9pt;
font-family: arial; padding: 8px;
text-transform: uppercase}

/* fix per Opera */
.board .off .aa {min-height:; margin-top: 20px}

.board .on {border: #}
.board .on:hover {background: #}
.board .on:nth-child(even):hover {background: #}

/* CODE ULTIME DISCUSSIONI IN ORIZZONTALE by Terrs @ http://fuckyeah.blogfree.net */
.board .zz div {display: inline-block}
.board .zz {width: 90%; text-align: center; margin-bottom: 2px}
.board .zz span {margin: 0 5px}
.board .bb {width: 70%}
.board .zz .where {position: absolute; display: inline-block; max-width: 340px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis}
.board .zz .who {margin-left: 350px; font-family: georgia; font-style: italic; margin-right: 27px; font-size: 14px; max-width: 75px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; margin-bottom: -5px}
.title.top .zz {display: none !important}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.annuncio {background: #4BA2B5}
.importante {background: #7EC1D0}
.annuncio:hover {background: #4BA2B5}
.annuncio a:hover {text-shadow: none !important; color: #7EC1D0 !important}
.importante:hover {background: #7EC1D0}
.importante a:hover {text-shadow: none !important; color: #4BA2B5 !important}

/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus a {color: #FFF; text-shadow: 1px 1px 3px #FFF}
.focus:nth-child(even) {background: #}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: # !important}
.focus .color {background: #345161 !important; color: #7F9DA4 !important}

.web {font-size: 19px; font-family: georgia; font-weight: bold}
.web a:hover {font-style: bold; padding: 12px; direction:rtl; unicode-bidi:bidi-override; text-shadow: 5px 0 0 #273B44}
.desc {font-weight: normal; line-height: 0.98em; font-size: 12px !important}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
.cp .tabs .current a {font-weight: bold; background: #273B44; color: #FFF !important; border: 2px solid #4BA2B5; border-radius: 10px 10px 0 0; transform: none !important; margin-bottom: 0}

/* edit avatar */
.tabs2 div {font-size: 12px !important}
.tabs2 div:hover {background: #D7EBF0; color: # !important}
.tabs2 .current div {background: #4BA2B5 !important; color: #FFFFFF !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0; border-left: none !important}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

li.mainbg {border-left: none !important; border-right: none !important}

/* INBOX: lista messaggi privati */
#msg .cp .web {font-size: 16px}
#msg .cp .post {background: #F5F5F5}
#msg .cp .zz {display: unset !important}

/*modifiche*/
#msg .post .details {position: absolute; width:; margin-left: px; text-align: left; padding-left: px; left: 10px; font-size: 8px; color: #; margin-top: 45px}
#msg .post .avatar img {width: 40px; height: 40px; position: absolute; margin-left: -160px;
margin-top: -195px; padding: 2px;
border: 2px solid #4BA2B5; border-radius: 34px 34px 0 34px}

/*modifiche by spiker e rivisitate by bea*/
#msg .post .details dl {display: block; margin-top: -15px; padding: 0 10px; font-size: 8pt; margin-left: 10px; line-height: 10%}
#msg .u_rank {margin-left: -30px; top: -60px; padding: 4px 10px 4px 10px; font-size: 8pt; text-transform:uppercase}
#msg .u_title {display: none}
#msg .u_location {font-size: 0}
#msg .u_group {display: none !important}

/* RISPOSTA */
#loading .top, .summary .list .top {color: #; border-bottom: 0 solid #}
#loading .bottom, .summary .list .bottom {border-top: 0 solid #}

.fast.send .sunbar {font-weight: normal; font-size: 13px; text-shadow: none; background: #}
.fast.send .sunbar.mainbg {background:}
.darkbar .forminput, .fast.send .forminput {background:}
.fast.send .mainbg {background: #111419}


.sunbar {text-align: center; font-size: 10px; font-weight: normal; background: #09171F; color: #7F9DA4; padding: 1px}
.sunbar.top {background: #09171F; color: #7F9DA4; padding: 1px}
.sunbar.bottom a {border-radius: 0 0 0 0}
.sunbar.bottom a:hover {color: #}
.sunbar a {color: #7F9DA4}
.sunbar a:hover {color: #273B44}

.summary .skin_tbl {border: 0}
.summary .nick {color: #4F7381}
.summary .when {color: #4F7381}
.summary .color {margin-top: 3px; margin-bottom: 3px; text-align: justify}
.summary .list > * {border-bottom: 1px dashed #404040}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 12px}
.summary .quote, .summary .code {font-size: 11px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #; height: 15px; line-height: 15px; font-size: 10px; border-radius: 5px; border: 1px solid #345161; color: #FFF; padding: 1px}
.bar div {background: #4BA2B5; color: #FFF}
.max .bar {background: #09171F; color: #FFF}
.max .bar div {background: #4BA2B5; color: #FFF}


.points_pos, dl.rep_pos dd {color: #4BA2B5}
.points_neg, dl.rep_neg dd {color: #273B44}

/*modifiche*/
#topic .post .details {position: absolute; width: 420px; margin-left: 28px; text-align: left; padding-left: 65px; left: -0px; font-size: 8px; color: #; margin-top: -4px}
#topic .post .nick::after {content: " says, "}
#topic .post .nick {position: absolute; left: -5px; margin-top: 100px; width: 700px; text-align: right; font-weight: bold; font-size: 23px; font-family: georgia; text-transform: lowercase}
#topic .post .avatar img {width: 40px; height: 40px; position: absolute; margin-left: -78px; margin-top: -36px; padding: 2px;
border: 2px solid #4BA2B5; border-radius: 34px 34px 0 34px}
#topic .post .color {line-height: 1.0em; text-align: justify; font-size: 10pt; padding: 10px; margin-top: 108px; font-family: georgia; color: #6D6E71; background: #000;
border: 1px solid #273B44;
border-radius: 5px;
padding-right: 8px;
padding-left: 8px; box-shadow: 0 0 3px 1px #345161 inset}
#topic .post .color a {font-weight: bold; font-style: italic}
#topic .edit {font-size: 8pt; color: #333}
#topic .bottomborder {border-bottom: 1px dashed #1F3036}

/*modifiche by spiker e rivisitate by bea*/
#topic .details dl {display: block; margin-top: -25px; padding: 0 10px; font-size: 8pt; margin-left: 100px; line-height: 110%}
#topic .details p {margin-left: 10px; margin-top: -35px}

#topic .center .left, #topic .title2.top .left, #topic #title2.bottom .left {position: absolute}
#topic .box_online .u_status {margin-left: -10px; margin-top: 18px; max-height: 12px; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}
#topic .box_offline .u_status {margin-left: -10px; margin-top: 18px; max-height: 12px; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}
#topic .box_anonimo .u_status {margin-left: -10px; margin-top: 18px; max-height: 12px; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}

#topic .u_rank {margin-left: -30px; top: -60px; padding: 4px 10px 4px 10px; font-size: 8pt; text-transform:uppercase}
#topic .u_title {margin-left: -20px; margin-top: 30px; font-size: 8pt; display:block; overflow: hidden; max-width: 83px; text-align:left; max-height: 30px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis}
#topic .u_location {font-size: 0}
.topic .u_location .dt {visibility: visible !important; font-size: 12px !important}

/* avatar e dettagli */
.post .details {position: relative; font-size: 12px; color: #; border:}

.avatar:hover {border:}

.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba()}
.details p:first-line {font-weight: bold}
.detalis p {height: 1px !important}
.details p:hover {height: auto !important}
.box_visitatore .details p {border-radius: 5px}

.post .avatar {width: 40px; height: 40px; position: absolute; margin-top: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.post .avatar img {margin: -8px}

.menu .nick {margin-left: 60px}
.post .avatar {margin-top: 6px; margin-bottom: 3px; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.post .avatar:hover {margin-top: 6px; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.post .avatar img {width: 40px; height: 40px; padding: 2px; border:; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease}
.post .avatar:hover img {-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;
-moz-transform: scale(1) rotate(812deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
-webkit-transform: scale(1) rotate(812deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
-o-transform: scale(1) rotate(812deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
-ms-transform: scale(1) rotate(812deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
transform: scale(1) rotate(812deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg)}

.sidebox .avatar img {width: 80px; height: 80px; border: 2px solid #4BA2B5; border-radius: 50px 50px 0 50px; padding: 2px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-top: 12px; margin-bottom: 12px}

.sidebox .avatar:hover img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1) rotate(1080deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
-webkit-transform: scale(1) rotate(1080deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
-o-transform: scale(1) rotate(1080deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
-ms-transform: scale(1) rotate(1080deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg);
transform: scale(1) rotate(1080deg) translatex(0px) translatey(0px) skewx(0deg) skewy(0deg)}


/* online, offline, anonimo */
.u_status {position:absolute; bottom:; padding: 0 4px; line-height: 15px; font-size: 8pt; font-weight: bold; margin-left: 8px; margin-right: 8px}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 0; height: 0; border-radius: 3px 0 0 0}

.box_online .u_status {border: 1px solid #4BA2B5; background: #FFF; color: #4BA2B5; opacity: 0.7; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.box_online .u_status:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.box_online .u_status dt {background: #}

.box_offline .u_status {border: 1px solid #4BA2B5; background: #FFF; color: #4BA2B5; opacity: 0.7; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.box_offline .u_status:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.box_offline .u_status dt {background: #}

.box_anonimo .u_status {border: 1px solid #4BA2B5; background: #FFF; color: #4BA2B5; opacity: 0.7; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.box_anonimo .u_status:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.box_anonimo .u_status dt {background: #}

/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.code {padding: 5px; font-weight: normal; outline-style: dashed;
outline-width: 1px; background: #111419; border: 1px dashed #273B44; text-align: justify; font-family: 'georgia'; outline-color: #2F3A3F}
.quote {padding: 5px; font-weight: normal; outline-style: dashed;
outline-width: 1px; background: #111419; border: 1px dashed #273B44; text-align: justify; font-family: 'georgia'; outline-color: #2F3A3F}
.spoiler .code {padding: 5px; font-weight: normal; outline-style: dashed; outline-width: 1px; background: #111419; border: 1px dashed #273B44; text-align: justify; font-family: 'georgia'; outline-color: #2F3A3F}

/* 2° livello */
.quote .code, spoiler .quote, .code .code {background: #111419}
.spoiler .code .code {background: #111419}
.quote .quote {background: #111419}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {background: #111419}

/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code {background: #111419}
.quote .quote .quote .code {background: #111419}
.quote .quote .quote .quote {background: #111419}
.quote .quote .quote .quote .quote {background: #111419}

.quote_top, .code_top {font-size: 15px; color: #FFFFFF; margin: 1em; font-family: georgia; text-transform: lowercase}

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #FFFFFF; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'georgia'; font-weight: bold}
.code_top:before {color: #FFFFFF; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-weight: bold; font-family: 'georgia'}
.code_top:after {color: #FFFFFF; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: 'georgia'; font-weight: bold}
.spoiler .code_top:after {content: none}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #FFFFFF}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #FFFFFF}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #FFFFFF}


/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}

/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px}
.sidebar {width: 170px; margin-top: 8px}

.blog .article {background: #111419}
.blog .mainbg {border: none !important}
.blog .article:first-child {padding-top: 0}

.btitle {margin-bottom: 5px; line-height: 1.8em; font-family: georgia; font-weight: bold}
.btitle a {font-size: 26px; color: #}
.btitle a:hover {color: #;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.bdesc {margin-top: 5px; font-size: 22px; background; color: #}
.on .btitle {font-weight: bold}

.article .title2 {color: #}
.article .title2 a {font-weight: normal}

.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: normal}

/* AVATAR ARTICOLI */

.article .title2.top {position: relative; padding-left: 56px; font-size: 12px}
.article .top .avatar {position: absolute; top: -2px; left: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

.article .top .avatar:hover {opacity: 0.5;
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease}

.article .top .avatar img {background: #4BA2B5; overflow: none !important; padding: 2px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 1}

.article .top .avatar img:hover {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 0.7}

/* DATA ARTICOLI(decommentare per avere il formato calendario) */
/*
.article .top .avatar {display: none}
.article .title2.top {position: relative; padding-left: 54px}
.article .top .avatar {position: absolute; top: -2px; left: 54px}
.article .top .when {position: absolute; top: 0; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; background: url('http://img.forumfree.net/style_images/52/calendar.png') no-repeat center}
.article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
.article .top .when * {width: 100%; position: absolute; left: 0}
.article .top .when .d_day {top: 12px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_month *:first-child {display: block; top: 23px; font-size: 9px; color: #999; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_year {top: -2px; font-size: 8px; color: #FFF} */

/* punti, commenti e visite */
.blog .article {margin: 20px}
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold; font-size: 12px}

.article .color {margin-top: 5px; line-height: 1.0em; text-align: justify; font-size: 10pt; padding: 10px; font-family: georgia; color: #6D6E71; background: #000;
border: 1px solid #273B44; border-radius: 5px; padding-right: 8px;
padding-left: 8px; box-shadow: 0 0 3px 1px #345161 inset; padding-left: 6px;
padding-right: 6px;
padding-top: 10px;
padding-bottom: 10px}
.article .color .edit {font-size: 8pt; color: #333}
.article .comments .color {margin-top: 5px; line-height: 1.0em; text-align: justify; font-size: 10pt; padding: 10px; font-family: georgia; color: #6D6E71; background: #000;
border: 1px solid #273B44; border-radius: 5px; padding-right: 8px;
padding-left: 8px; box-shadow: 0 0 3px 1px #345161 inset; padding-left: 6px;
padding-right: 6px;
padding-top: 10px;
padding-bottom: 10px}

/*.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .post {padding: 5px 0; background: #}
.comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 70px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}
.comments .nick {font-size: 18px; word-wrap: break-word; overflow: hidden; width: 110px} */

.comments .post .center .color {margin-top: 5px; line-height: 1.0em; text-align: justify; font-size: 10pt; padding: 10px; font-family: georgia; color: #6D6E71; background: #000;
border: 1px solid #273B44; border-radius: 5px; padding-right: 8px;
padding-left: 8px; box-shadow: 0 0 3px 1px #345161 inset; padding-left: 6px;
padding-right: 6px;
padding-top: 10px;
padding-bottom: 10px}

/*modifiche*/
.comments .details {position: absolute; width: 300px; margin-left: 28px; text-align: left; padding-left: 65px; left: -0px; font-size: 8px; color: #; margin-top: -4px}
.comments .post .nick::after {content: " says, "}
.comments .post .nick {position: absolute !important; left: 88px !important; margin-top: 52px !important; width: 580px !important; text-align: left !important; font-weight: bold !important; font-size: 28px !important; font-family: georgia; text-transform: lowercase}
.comments .post .avatar img {width: 50px; height: 50px; position: absolute; margin-left: -78px; margin-top: -33px; padding: 2px;
border: 2px solid #4BA2B5; border-radius: 34px 34px 0 34px}
.comments .center .right .color {line-height: 1.0em; text-align: justify; font-size: 10pt; padding: 10px; margin-top: 108px; font-family: georgia; color: #6D6E71; background: #000;
border: 1px solid #273B44; border-radius: 5px; padding-right: 8px;
padding-left: 8px; box-shadow: 0 0 3px 1px #345161 inset}
.comments .post .color a {font-weight: bold; font-style: italic}
.comments .edit {font-size: 8pt; color: #333}
.comments .bottomborder {border-bottom: 1px dashed #1F3036}

/*modifiche by spiker e rivisitate by bea*/
.comments .details dl {display: block; margin-top: -25px; padding: 0 10px; font-size: 8pt; margin-left: 100px; line-height: 110%}
.comments .details p {margin-left: 10px; margin-top: -35px}

.comments .center .left, #comments .title2.top .left, #comments .title2.bottom .left {position: absolute}
.comments .box_online .u_status {margin-left: -1px !important; top: 98px !important; padding: 0 8px 0; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}
.comments .box_offline .u_status {margin-left: -1px !important; top: 98px !important; padding: 0 8px 0; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}
.comments .box_anonimo .u_status {margin-left: -1px !important; top: 98px !important; padding: 0 8px 0; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}

.comments .u_rank {margin-left: -30px; top: -60px; padding: 4px 10px 4px 10px; font-size: 8pt; text-transform:uppercase}
.comments .u_title {margin-left: -20px; margin-top: 30px; font-size: 8pt; display:block; overflow: hidden; max-width: 110px; text-align:left; max-height: 50px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis}
.comments .u_location {font-size: 0}

/*blog senza widget*/
.post .center .color {margin-top: 5px; line-height: 1.0em; text-align: justify; font-size: 10pt; padding: 10px; font-family: georgia; color: #6D6E71; background: #000; margin-top: 105px;
border: 1px solid #273B44; border-radius: 5px; padding-right: 8px;
padding-left: 8px; box-shadow: 0 0 3px 1px #345161 inset; padding-left: 6px;
padding-right: 6px;
padding-top: 10px;
padding-bottom: 10px}

.post .center .details {position: absolute; width: 420px; margin-left: 28px; text-align: left; padding-left: 65px; left: -0px; font-size: 8px; color: #; margin-top: -4px}
.post .nick::after {content: " says, "}
.post .nick {position: absolute; left: -5px; margin-top: 100px; width: 700px; text-align: right; font-weight: bold; font-size: 23px; font-family: georgia; text-transform: lowercase}
.post .center .avatar img {width: 40px; height: 40px; position: absolute; margin-left: -78px; margin-top: -36px; padding: 2px;
border: 2px solid #4BA2B5; border-radius: 34px 34px 0 34px}

.post .center .color a {font-weight: bold; font-style: italic}
.post .center .edit {font-size: 8pt; color: #333}
.post .center .bottomborder {border-bottom: 1px dashed #1F3036}

/*modifiche by spiker e rivisitate by bea*/
.post .details dl {display: block; margin-top: -25px; padding: 0 10px; font-size: 8pt; margin-left: 100px; line-height: 110%}
.post .details p {margin-left: 10px; margin-top: -35px}

.post .left, .post .title2.top .left, .post #title2.bottom .left {position: absolute}

.center .left .details .u_status {margin-left: -10px; top: 11px; padding: 0 8px 0; font-size: 8pt; text-transform:uppercase; max-width: 80px !important; text-align:center}

.post .center .u_rank {margin-left: -30px; top: -60px; padding: 4px 10px 4px 10px; font-size: 8pt; text-transform:uppercase}
.post .center .u_title {margin-left: -20px; margin-top: 30px; font-size: 8pt; display:block; overflow: hidden; max-width: 110px; text-align:left; max-height: 50px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis}
.post .center .u_location {font-size: 0}


/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: #111419; border: 2px solid #4BA2B5; border-radius: 5px}
.stitle {text-align: center; font-size: 18px; font-weight: bold; text-transform: lowercase; color: #4BA2B5;
background: transparent !important; font-family: "georgia"}
.stitle a {font-size: 23px !important}

.side_tags .stitle {font-size: 29px !important}
.side_comments .stitle {font-size: 16px !important}
.side_online .stitle {font-size: 27px !important}
.side_stats .stitle {font-size: 19px !important}
.side_friends .stitle {font-size: 32px !important}

.sidebox li {padding: 2px 0}
.sidebox .mainbg {border-left:none; border-right:none; background: none !important; border-bottom: none !important}

/* widget calendario */
.side_calendar {padding: 5px}
.side_calendar .stitle {padding-bottom: 5px; font-size: 28px}
.side_calendar tr {text-align: center; color: #FFF !important; background: #4BA2B5; font-size: 14px}
.side_calendar td {font-size: 10px; background: #A8DBE6; color:
#616161}
.side_calendar td:nth-child(even) {background: #4BA2B5 !important; color: #FFF !important}
.side_calendar .current {font-weight: bold; background: #273B44; color: #FFF !important}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll {padding: 5px 1px 1px 1px}
.side_poll .stitle a {padding-bottom: 5px; font-size: 12px !important}
.side_poll > .sidebar .reserved {padding: 1px 2%}

/* widget tagboard */
.side_tag {padding: 5px 0 1px 1px}
.side_tag .stitle {padding-bottom: 5px; border-bottom:}

/*Widget amministratore*/
.side_profile {background: #111419; border: 2px solid #4BA2B5; font-size: 12px}
.side_profile p {margin: 0 0 2px 0; padding: 4px 0 6px 0}
.side_profile p:first-line {font-weight: bold}
.side_profile img {opacity: 1}
.side_profile img:hover {opacity: 0.5}

.side_topics {color: # !important}

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px; width: 760px}
.tag .list, .side_tag .list {font-size: 9pt; padding: 0; border-bottom: 1px dashed #404040; background: #111419}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px; height: 18px !important; background: #09171F;
border: 1px solid #345161 !important}
.tag a, .side_tag a {color: #}
.tag .ww {background: #111419}
.tag li, .side_tag li {text-align: left; padding: 2px; font-size: 9pt}
.tag a {font-weight: bold; font-style: italic; font-family: georgia}

/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
.stats .skin_tbl {background: transparent}
#board .stats {margin-top: 20px; background: transparent}
#board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background-image: none; border: 0; border-radius: 0; display: none}
#board .stats .top .mback {border-radius: 5px 5px 0 0; display: none}

#board .stats .skin_tbl.top {width: 48%; float: left; border-left: none}
#board .stats .skin_tbl.bottom {width: 50%; margin-left: 50%; border-bottom: none}
#board .stats .skin_tbl.top .mainbg {overflow: auto; height: 105px}
#board .stats .skin_tbl.bottom .mainbg {overflow: auto; height: 105px}
#board .stats .mback {background: #FFF !important}

#board .mback_left, .mback_right {width: 0%}

#board .mtitle {text-align: center; font-size: 13px; font-weight: bold; color: #FFF; background: transparent !important; font-family: georgia; font-style:italic; text-shadow: 1px 0 5px #345161}

/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content: none}
.users a:hover {border-bottom: #}
.groups a:hover, a span.utente:hover, a span.da convalidare:hover {border-bottom: 1px dashed #}
.groups a:hover {text-shadow: none !important}
.groups dd:after {content: "]"}
.groups dd:before {content: "["}

/* COLORI UTENTI GRUPPI*/
.box_visitatore .details {border: 0; background: transparent}

.daconvalidare {font-style: italic}

.amministratore {color: #273B44; font-weight: bold}

.moderatore {color: #345161; font-weight: bold}

.utente {color: #C2E0E7; font-weight: bold}

.gruppo1 {color: #273B44; font-weight: bold}

.gruppo2 {color: #345161; font-weight: bold}

.gruppo3 {color: #4F7381; font-weight: bold}

.gruppo4 {color: #4BA2B5; font-weight: bold}

.gruppo5 {color: a0dbe8; font-weight: bold}


/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px; background: #; border: 1px solid #; border-radius: 5px}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #273B44; border: 2px solid #4BA2B4; border-radius: 5px; font-family: 'georgia' !important}
.popup {z-index: 9; display: none; width: 300px; border: solid 10 px rgb(); border-radius: 0}
#redirect .info {color: #D7EBF0; background: #273B44; border: 2px solid #4BA2B4; border-radius: 5px; font-family: georgia !important}

.navsub .info {background: #273B44; border: 2px solid #4BA2B4; border-radius: 5px; color: #D7EBF0; font-family: georgia !important}
.alert, .info {border-radius: 0; font-family: georgia !important}
.alert {padding: 1em; background: #273B44; color: #D7EBF0; border: 2px solid #4BA2B4; border-radius: 5px}
.info {color: #D7EBF0; padding: 0.5em; background: #273B44; border: 2px solid #4BA2B4; border-radius: 5px; font-family: georgia !important}
.alert a, .info a {font-weight: bold !important}


/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px; margin-right: 16px}
.profile h2 {margin-top: 1.5%; padding: 10px}
.profile .nick {line-height: 1em; margin: 5%; font-size: 34px; text-shadow: none; color: #4BA2B5; text-transform: lowercase; font-family: georgia}
.profile dl {font-size: 12px}
.profile .avatar img:hover {border-radius: 0 !important}
.profile .avatar img {border: 3px solid #4BA2B5; padding: 2px; margin-bottom: 5px}

/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {background: #111419}
.profile .left {position: relative}
.signature {width: 90%; overflow: auto; opacity: 0.7; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.signature:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 8px}
.pages2:before, .pages2:after {content: none}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}

/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; text-shadow: none !important; background: #4F7381; color: #273B44; border: #273B44 1px solid; border-radius: 3px}
.pages2 a:hover {opacity: .7; background: #273B44; color: #4BA2B5 !important; border: 1px solid #4BA2B5}

/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content: none}

.pages li a {padding: 2px 5px; font-size: 0.9em; color: #345161 !important; background: #10222C; border: 1px solid #345161 !important; border-radius: 3px}
.pages li a:hover {background: #273B44; color: #4BA2B5 !important; border: 1px solid #4BA2B5}
.pages .current {padding: 2px 5px; background: #273B44; color: #4BA2B5; border: 2px solid #4BA2B5; font-weight: normal; font-size: 11px !important; border-radius: 5px}

.pages .jump a, .pages .lastpost a {font-size: .9em; color: #345161 !important; background: #10222C; border: 1px solid #345161 !important; border-radius: 3px}
.pages .jump a:hover, .pages .lastpost a:hover {background: #273B44; color: #4BA2B5 !important; border: 1px solid #4BA2B5; text-shadow: none !important}

.pages .first a, .pages .last a {color: #345161 !important; background: #10222C; border: 1px solid #345161 !important; border-radius: 3px}
.pages .first a:hover, .pages .last a:hover {background: #273B44; color: #4BA2B5 !important; border: 1px solid #4BA2B5; text-shadow: none !important}


/* INPUT e BOTTONI */
.forminput {padding: 1px; font: 0.92em; color: #616060; background: #09171F; border: 1px solid #345161 !important; -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.textinput {font-size: 8pt; border-radius: 5px; font-weight: normal; color: #345161 !important;
background: #10222C;
border: 1px solid #345161 !important}

textarea.textinput {padding: 3px; line-height: 0.95em; font-family: arial; border: none !important; border-radius: 3px; font-size: 9pt; color: #616060 !important; background: #09171F; border: 1px solid #345161 !important}

/*.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: rgba(9, 88, 46, 0.75); box-shadow: 0 0 8px rgba(162, 213, 186, 0.9)} */

/* bbcode */
.codebuttons {color: #345161 !important; border: 1px solid #345161 !important; border-radius: 3px; padding: 1px; font-size: 7pt; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: #10222C}
.codebuttons:hover {border: 1px solid #4BA2B5; color: #4BA2B5 !important; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: #273B44}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #345161 !important;
background: #10222C;
border: 1px solid #345161 !important;
border-radius: 3px; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s eas}
.sunbar .forminput:hover {background: #273B44;
color: #4BA2B5 !important;
border: 1px solid #4BA2B5; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {font-weight: normal !important; font-size: 8pt; color: #345161 !important;
border: 1px solid #345161 !important; background: #10222C;
border-radius: 3px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}
.navsub .forminput:hover {background: #273B44; font-weight: normal !important; font-size: 8pt; border: 1px solid #4BA2B5;
color: #4BA2B5 !important;
background: #273B44; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}
/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 1px; font-size: 7pt; font-weight: normal !important; color: #4F7381 !important; border-radius: 3px !important; border: none !important; background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0); /* IE6-9 */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}

.title input.forminput {border: none !important; background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0); /* IE6-9 */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}
.title input.forminput:hover {background: rgb(255, 255, 255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(241, 241, 241, 1)), color-stop(51%, rgba(225, 225, 225, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#FFFFFF', endColorstr='#F6F6F6', GradientType=0)}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {border: none!important; text-transform: uppercase;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0)}

.darkbar .forminput:hover, .fast.send .forminput:hover {border: none !important; color: #4BA2B5 !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0)}

.darkbar .forminput, .fast.send .forminput {border-radius: 3px; padding: 5px;
font-size: 7pt; border: none !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0)}

.darkbar input.forminput, .fast.send input.forminput {border-radius: 3px; color: #345161 !important; border: none !important; font-size: 7pt;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0)}

.darkbar input.forminput:hover, .fast.send input.forminput:hover {border: none !important; color: #4BA2B5 !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(255, 255, 255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(241, 241, 241, 1)), color-stop(51%, rgba(225, 225, 225, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#FFFFFF', endColorstr='#F6F6F6', GradientType=0)}

/* bottone preview */
.darkbar button.forminput {color: #345161 !important; border: none !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0)}

.darkbar button.forminput:hover {border: none !important; color: #4BA2B5 !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(255, 255, 255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(241, 241, 241, 1)), color-stop(51%, rgba(225, 225, 225, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#FFFFFF', endColorstr='#F6F6F6', GradientType=0)}

/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px}
.sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {border: none !important; border-radius: 50px; padding: 3px 9px; font-size: 10px;
background: rgb(224, 243, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 243, 250, 1)), color-stop(50%, rgba(216, 240, 252, 1)), color-stop(51%, rgba(184, 226, 246, 1)), color-stop(100%, rgba(182, 223, 253, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224, 243, 250, 1) 0%, rgba(216, 240, 252, 1) 50%, rgba(184, 226, 246, 1) 51%, rgba(182, 223, 253, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#E0F3FA', endColorstr='#B6DFFD', GradientType=0); /* IE6-9 */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}
.buttons span:hover {border: none !important; color: #4BA2B5;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: rgb(255, 255, 255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(241, 241, 241, 1)), color-stop(51%, rgba(225, 225, 225, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); /* W3C */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#FFFFFF', endColorstr='#F6F6F6', GradientType=0)}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold; color: #616161 !important}

A_STAR:<img src="http://i.imgur.com/ri4JBHl.png"width="15" height="15" alt="A_STAR">
FEMALE_STAR:<img src="http://i.imgur.com/ri4JBHl.png"width="15" height="15" alt="FEMALE_STAR">
MALE_STAR:<img src="http://i.imgur.com/ri4JBHl.png"width="15" height="15" alt="MALE_STAR">
F_NAV:&#10025; <alt="F_NAV">
F_NAV_SEP:&#10025; <alt="F_NAV_SEP">
C_ON:<img src="http://i.imgur.com/6rFllcG.png" alt="C_ON">
C_OFF:<img src="http://i.imgur.com/TC1zdXy.png"alt="C_OFF">
C_ON_RES:<img src="http://i.imgur.com/6rFllcG.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://i.imgur.com/TC1zdXy.png"alt="C_OFF_RES">
C_LOCKED:<img src="http://i.imgur.com/TC1zdXy.png"alt="C_LINK">
F_ACTIVE:<img src="http://i.imgur.com/6rFllcG.png" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/6rFllcG.png" alt="F_STATS">
A_POST:<span><alt="A_POST"> A_POST</span>
A_REPLY:<span><alt="A_REPLY"> A_REPLY</span>
A_POLLONLY_B:<span><alt="A_POLLONLY_B"> A_POLLONLY_B</span>
A_LOCKED_B:<span><alt="A_LOCKED_B"> A_LOCKED_B</span>
M_REPLY:<alt="M_REPLY">M_REPLY
M_DELETE:<alt="M_DELETE">M_DELETE
M_ADDMEM:<img src="http://icons.iconarchive.com/icons/areskub/seize/16/Star-full-icon.png" alt="M_ADDMEM">
M_UNREAD:<img src="http://i.imgur.com/6vKt3W2.png" alt=" M_UNREAD">
M_READ:<img src="http://i.imgur.com/ri4JBHl.png" alt=" M_READ">
B_PIN:<img src="http://i.imgur.com/rOxPMq8.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/5OhyZ2L.png"alt="B_ANNUNCIO">
B_NEW:<img src="http://i.imgur.com/6vKt3W2.png"alt="B_NEW">
B_NORM:<img src="http://i.imgur.com/ri4JBHl.png"alt="B_NORM">
B_HOT:<img src="http://i.imgur.com/k1xxWbe.png" alt="B_HOT">
B_HOT_NN:<img src="http://i.imgur.com/SnjUxD7.png"alt="B_HOT_NN">
B_POLL:<img src="http://i.imgur.com/rtHxS6Z.png" alt="B_POLL">
B_POLL_NN:<img src="http://i.imgur.com/nflcQYF.png" alt="B_POLL_NN">
B_MOVED:<img src="http://i.imgur.com/VmiBrhc.png" alt="B_MOVED">
B_LOCKED:<img src="http://i.imgur.com/SOtavQp.png" alt="B_LOCKED">
NEW_POST:<img src="http://www.freeiconsweb.com/Icons/16x16_New_icons/New_icons_51.gif" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:<img src="http://icons.iconarchive.com/icons/areskub/seize/16/Star-full-icon.png" width="16" height="16" alt="Top">
THUMBS_DOWN:<img src="http://icons.iconarchive.com/icons/areskub/seize/16/Star-empty-icon.png" width="16" height="16" alt="THUMBS_DOWN">
P_DELETE:<alt="P_DELETE">P_DELETE
P_EDIT:<alt="P_EDIT">P_EDIT
P_QUOTE:<alt="P_QUOTE">P_QUOTE
P_MSG:<img src="http://icons.iconarchive.com/icons/custom-icon-design/mini-2/16/Email-icon.png" alt="P_MSG"> P_MSG
P_EMAIL:<img src="http://icons.iconarchive.com/icons/custom-icon-design/mini-2/16/Email-icon.png" alt="P_EMAIL"> P_EMAIL
P_CONTACTS:<img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/16/Telephone-icon.png" alt="P_CONTACTS"> P_CONTACTS
P_WEBSITE:<img src="http://icons.iconarchive.com/icons/custom-icon-design/mini-3/16/globe-icon.png" alt="P_WEBSITE"> P_WEBSITE
EMOTICONS:http://i.imgur.com/TC1zdXy.png
EMOTICONS2:http://i.imgur.com/6rFllcG.png
LOADING:http://img.forumfree.net/index_file/load.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://img.forumfree.net/index_file/attachment.png
ONLINE:Online
OFFLINE:Offline
ANONIMO:Anonimo
P_UP:<img src="http://icons.iconarchive.com/icons/custom-icon-design/mini-2/16/Up-icon.png" width="16" height="16" alt="Top">
F_UP:<img src="http://icons.iconarchive.com/icons/custom-icon-design/mini-2/24/Up-icon.png" width="24" height="24" alt="Top">
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://i.imgur.com/gn0Z0kp.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://img.forumfree.net/style_images/avatar_nn2.png" width="50" height="50" alt="Bot">

http://i.imgur.com/GjfgaYO.png

Feed RSS: http://icons.iconarchive.com/icons/areskub/seize/16/Rss-icon.png
Utenti: http://icons.iconarchive.com/icons/areskub/seize/16/Star-full-icon.png
Aiuto: http://icons.iconarchive.com/icons/virtuallnk/web/16/Support-icon.png

//

<!--credits NON ELIMINARE-->
<div style="background-color:#a2d5ba; width: 650px; height: 35px; color:#22794a; line-height:13px; font-size:10pt; padding-top:5px; font-family:tahoma; border: 1px dashed #196A3F">Il vicino sull'albero di Canfora by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a> special thanks to <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">pandabea»</a> &#9827; thanks to <a href="http://www.iconarchive.com">Icon archive</a> &#9827; Separatore di sezioni creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a> per il <a href="http://ffmagazine.forumfree.it">FFMagazine</a> &#9827; <a href="http://ffmagazine.forumfree.it/?t=62011001">Effetto "Avatar Drop Down" Menù Utente</a> creato da <a href="?act=Profile&MID=1297693">A c e</a></div>
<br>

/*SKIN BY CAELES NON RIMUOVERE I CREDITS*/

body {font: 76%/1.6em Tahoma; color: #09582E; background-color: #FFF; background-position: bottom}
a {text-decoration: none; color: #114E36}
a:hover {border-bottom: 0 solid #A9C7AF; color: #FFF; text-shadow: 1px 1px 1px #09582E;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.nav {font: italic 17px calibri, arial; font-weight: bold; letter-spacing: .05em}

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


/* LOGO senza cornice */
.logo {margin: 0 0 30px 0} .logo a:hover {border: 0}


/* LOGO con cornice */
.header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}
.header, .header a {border-radius: 10px}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .4)}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* DIMENSIONI FORUM */
.skin_tbl_width, .skin_tbl, .stats .border, .header_width {width: 100%}

/* MENU principale */
.menuwrap {font-family: tahoma; background: #A2D5BA; border: 1px #22794A}
.menuwrap.alternative {background: #333}

.menuwrap li {line-height: 2.6em}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 14px}
.menuwrap a:hover {color: #FFF; border: 0}
.menuwrap .icon a {padding: 0 6px}

#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/*Menù DROPDOWN FFMAGAZINE*/
.menuwrap > .left > li:first-child > a > .avatar {line-height: normal; overflow: hidden; width: 26px; height: 26px; position: absolute; top: 6px;
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; z-index: 9}
.menuwrap > .left > li:first-child:hover > a > .avatar {top: 103px; width: 100px; height: 100px; border-radius: 100px !important}
.menuwrap > .left > li:first-child > ul {z-index: 1; padding-left: 120px}
.menuwrap .nick {margin-left: 3.6em !important}

/* esci e news */
.menuwrap b {color: #FFF}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 5px; color: #FFF; text-shadow: none; background: #09582E; border-radius: 4px}

.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #FFF; text-shadow: 1px 1px 1px #09582E}

.menu ul {width: 15em; background: #A2D5BA; border-top: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, .5)}

.right .menu ul {margin-left: -2em}

.menu li {padding: 3px 4px; line-height: 1.4em; text-shadow: none}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #09582E !important}
.menu li a {padding: 3px 8px !important; font-size: 12px; color: #114E36 !important}
.menu li a:hover, .menu li:hover > a {color: #FFFFFF !important; background: #114E36; border-radius: 5px}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
.menuwrap label:hover {color: #FFF}

.menuwrap input {padding: 3px; font: 12px tahoma; color: #FFFFFF; background: #09582E; border: 1px solid #22794A; border-radius: 3px; box-shadow: 0 0 0 #09582E}
.menuwrap input:hover {cursor: pointer; background: #A2D5BA}
.menuwrap input:focus {cursor: default; background: #A2D5BA; outline: none; box-shadow: 0 1px 5px #888}

.menuwrap input[type=submit] {padding: 2px; border: 1px solid rgba(0, 0, 0, .5); box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.menuwrap input[type=submit]:hover {color: #FFF; background: #69B28B}


/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #FFFFFF; background: #09582E url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%}
.menuwrap .search input:hover {color: #FFFFFF; background-color: #A2D5BA}
.menuwrap .search input:focus {color: #FFF; background-color: #A2D5BA; background-position: 96.5% 110%}


/* MENU laterale a comparsa */
#ssm .mainbg {background: #3E9466}
#ssm .ww {font: 12px tahoma; font-weight: normal !important; color: #22794A; background: #A2D5BAa}
#ssm .title {padding: 4px; line-height: 1.4em; font: 12px tahoma; font-weight: bold; color: #A2D5BAa; background: #3E9466 !important}
#ssm .aa {padding: 3px 4px; line-height: 1.4em; background: #A2D5BAa; border-top: 1px solid #636363}
#ssm a {display: block; margin: 0; padding: 3px 8px; font: 12px tahoma; color: #09582E !important; text-shadow: none}
#ssm a:hover {border: 0; border-radius: 5px}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 30px; background: #A2D5BA; border: 1px solid #69B28B; border-radius: 5px}
.container, .tabs.top, .tabs.bottom {max-width: 760px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family: tahoma; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #CAE6D6; background: #196A3F; border-radius: 30px 30px 30px 30px; margin-bottom: 3px}
.tabs a:hover, .tabs .current a {color: #FFF; border-bottom: 0}
.tabs a:hover {background: #196A3F; border-radius: 0}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #CAE6D6; background: #196A3F; border-radius: 30px 0 0 0; margin-bottom: 3px}
.tabs.left.no_rotate a:hover {color: #FFF; border-bottom: 0; border-radius: 0}
.tabs.right.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #CAE6D6; background: #196A3F; border-radius: 0 30px 0 0; margin-bottom: 3px}
.tabs.right.no_rotate a:hover {color: #FFF; border-bottom: 0; border-radius: 0}

/* tabs laterali ruotati*/
.tabs.right.rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #CAE6D6; background: #196A3F; border-radius: 30px 30px 0 0; margin-bottom: 3px}
.tabs.right.rotate a:hover {border-bottom: 0; border-radius: 0; color: #FFF}
.tabs.left.rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #CAE6D6; background: #196A3F; border-radius: 30px 30px 0 0; margin-bottom: 3px}
.tabs.left.rotate a:hover {border-bottom: 0; border-radius: 0; color: #FFF}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #CAE6D6; background: #196A3F; border-radius: 30px 30px 30px 30px; margin-top: 3px}
.tabs.bottom a:hover {background: #196A3F; border-radius: 0; color: #FFF}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 31px}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 25px; padding: 0 105px}
.tabs.left.rotate left: {height: -25px}


/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro */
#tab_r1 a {background: #; border-color: #; color: #}
#tab_r1 a:hover {background: #}

#tab_r2 a {background: #; border-color: #; color: #}
#tab_r2 a:hover {background: #}


/* HOMEPAGE */
.board .skin_tbl {margin: 0 auto 1.5em; width: 100%}
.skin_tbl {border-bottom: 0 solid #; background: #D7F2E2; border-radius: 5px; border-top: 0 solid}

.mback {background-image: url(http://i.imgur.com/dgOFOR9.png); border-radius: 5px 5px 0 0}
.mback_left, .mback_right {width: 5%}

/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
.topic .mback_left, .topic .mback_right {display: none}

.mtitle {text-align: left; font: 18px tahoma; font-weight: normal; color: #09582E; text-shadow: -1px -1px 5px #FFF; background: transparent !important}
.title, .darkbar {background: #D7F2E2 !important; font-weight: bold; font-size: 12px}


/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {background: #BDE7CE}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #FFF}

.big_list > * {background: #BDE7CE}
.big_list > *:nth-child(even) {background: #BDE7CE}

.big_list > *:hover {background: #A2D5BA;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease}
.big_list > *:nth-child(even):hover {background: #A2D5BA}

.board .big_list .yy {text-align: center}
.board .big_list .where {font-weight: bold}
.board .when, .forum .when {font-size: 1em}

.board .off .aa, .board .off img {opacity: .8}
.board .off:hover .aa, .board .off:hover img {opacity: 1}

/* fix per Opera */
.board .off .aa {min-height: 48px}

.board .on {border: #}
.board .on:hover {background: #}
.board .on:nth-child(even):hover {background: #}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.annuncio {background: #F0FAF1}
.annuncio:nth-child(even) {background: #D1ECCB}
.importante {background: #F0FAF1}
.importante:nth-child(even) {background: #D1ECCB}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #196A3F !important; background: #D7F2E2 !important}
.focus:nth-child(even) {color: #196A3F !important; background: #D7F2E2 !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #196A3F !important}


.web {font: 17px georgia}
.web a:hover {font: 17px georgia; font-style: bold; background-image:url(http://i.imgur.com/Ka3mj0Y.gif); background-repeat: no-repeat; background-position: right center; padding-right: 28px; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.desc {font-weight: normal; text-align: justify}
.desc b {font-family: arial}
.desc u {font-family: verdana}
.desc i {font-family: times; font-size: 15px}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: #; font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
.cp .tabs .current a {font-size: 13px; font-weight: bold; color: #196A3F; background: #D7F2E2 !important; border: 0; text-shadow: none !important}

/* edit avatar */
.tabs2 div:hover {background: #A2D5BA}
.tabs2 .current div {background: #FFF !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

/* INBOX: lista messaggi privati */
#msg .cp .web {font: 14px verdana}
#msg .cp .post {background: #F5F5F5}


/* RISPOSTA */
#loading .top, .summary .list .top {color: #; border-bottom: 0 solid #}
#loading .bottom, .summary .list .bottom {border-top: 0 solid #}

.fast.send .sunbar {font-weight: bold; font-size: 11px; text-shadow: none; background: #A2D5BA}
.fast.send .sunbar.mainbg {background: #BDE7CE}
.darkbar .forminput, .fast.send .forminput {background: #A2D5BA}
.fast.send .mainbg {background: #BDE7CE}



.sunbar {text-align: center; font-size: 13px; font-weight: bold; background: #D7F2E2}
.sunbar.top {border-radius: 5px 5px 0 0}
.sunbar.bottom {border-radius: 0 0 5px 5px}
.sunbar a {color: #D9F7DF}
.sunbar a:hover {border-bottom-color: #B9D7BF}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top: #}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 11px}
.summary .quote, .summary .code {font-size: 10px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #BAE7B0; height: 15px; line-height: 15px; font-size: 10px; border-radius: 3px; border: #FFF solid 1px}
.bar div {background: #; border-radius: 3px 0 0 3px}
.max .bar {background: #CCF1D3}
.max .bar div {background: #76CD87}


/* DISCUSSIONI */
.topic .mtitle {font-weight: bold; padding-left: 5px} .topic .mdesc {font-weight: normal}

.post {background: #FFF}
.post:first-child {border: 0}
.post:nth-child(even) {background: #BDE7CE}

.post .center .left {padding: 0 10px}
.post .center .right {padding: 5px}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}

.color {line-height: 1.8em}
.color a {color: #3E9466}
.color a:hover {border-bottom: 1px dotted #22794A; color: #FFF}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, 0.25)}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #A9C7AF}

.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 15px; color: #888; color: rgba(0, 0, 0, .45)}

/* avatar e dettagli */
.post .details {position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 12px; background: #BAE7B0; border: 1px solid #CCC; border: 1px solid #69B28B; border-radius: 0}
.avatar:hover {border: 0}
.post .avatar {margin: 6px; overflow: hidden}
.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(149, 223, 184, 0.5)}
.details p:first-line {font-weight: bold; color: #09582E; color: #09582E; text-shadow: 0 1px 2px #FFF}
.box_visitatore .details p {border-radius: 5px}
.post avatar img {margin: 6px; overflow: hidden; border-radius: 100px 0 100px 100px}
.avatar img {border-radius: 100px 0 100px 100px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}}
.avatar:hover img {border-radius: 100px 100px 100px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.post .avatar:hover img {border-radius: 100px 100px 100px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.sidebox .avatar:hover img {border-radius: 100px 100px 100px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* online, offline, anonimo */
.u_status {position: absolute; bottom: 9px; left: -6px; padding: 0 4px; line-height: 19px; font-size: 10px !important; font-weight: bold; border-radius: 0 3px 3px 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .25)}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 5px; height: 4px; border-radius: 3px 0 0 0}

.box_online .u_status {border: 1px solid #6B6; background: #C8E2C9; color: #292}
.box_online .u_status dt {background: #6B6}

.box_offline .u_status {border: 1px solid #000; background: #777; color: #FCFCEB}
.box_offline .u_status dt {background: #333}

.box_anonimo .u_status {border: 1px solid #EEAD0E; background: #FFFFC8; color: #EEAD0E}
.box_anonimo .u_status dt {background: #EEAD0E}

/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote {padding: 5px; font-size: 9pt; font-weight: normal; color: #09582E; background: #A2D5BA; border-radius: 9px 0 9px 0; border: 1px dashed #09582E}
.code {padding: 5px; font-size: 9pt; font-weight: normal; color: #FFF; background: #09582E; border-radius: 0; border: 1px solid #A2D5BA}
.spoiler .code {padding: 5px; font-size: 9pt; font-weight: normal; color: #09582E; background: #CAE6D6; border-radius: 9px 0 9px 0; border: 1px solid #09582E}

/* 2° livello */
.quote .code, spoiler .quote, .code .code {color: #; background: #}
.spoiler .code .code {color: #; background: #D1ECCB}
.quote .quote {color: #; background: #CAE6D6}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #114F36; background: #D1ECCB}


/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code {color: #114F36; background: #FFF}
.quote .quote .quote .code {color: #114F36; background: #D1ECCB}
.quote .quote .quote .quote {color: #114F36; background: #D1ECCB}


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

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #09582E; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #09582E; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #09582E; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content:''}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #FDFDFD}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #FDFDFD}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #FDFDFD}


/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}

/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 11px}

.blog .article {padding: 20px 0; border-top: 0 dashed #; background: #BDE7CE; border-radius: 5px}
.blog .article:first-child {padding-top: 10px; border-top: 0}

.btitle {margin-bottom: 5px; line-height: 1.8em}
.btitle a {font: 24px tahoma; color: #09582E; border-bottom: 0 dotted transparent}
.btitle a:hover {border-bottom: 0 dotted #999; color: #FFF; text-shadow: 1px 1px 1px #09582E;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.bdesc {margin-top: 5px; font-size: 16px}
.bdesc b {font-family: arial}
.bdesc u {font-family: verdana}
.bdesc i {font-family: times; font-size: 17px}
.on .btitle {font-weight: bold}

.article .title2 {color: #}
.article .title2 a {font-weight: bold; color: #}

.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: bold}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 56px}
.article .top .avatar {position: absolute; top: -2px; left: 5px}
.article .top .avatar:hover img {border-radius: 100px 100px 100px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* DATA ARTICOLI(decommentare per avere il formato calendario) */
/*
.article .top .avatar {display: none}
.article .title2.top {position: relative; padding-left: 54px}
.article .top .avatar {position: absolute; top: -2px; left: 54px}
.article .top .when {position: absolute; top: 0; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; background: url('http://img.forumfree.net/style_images/52/calendar.png') no-repeat center}
.article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
.article .top .when * {width: 100%; position: absolute; left: 0}
.article .top .when .d_day {top: 12px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_month *:first-child {display: block; top: 23px; font-size: 9px; color: #999; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_year {top: -2px; font-size: 8px; color: #FFF}
*/


/* punti, commenti e visite */
.blog .article {margin: 20px}
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold; font-size: 17px}

.article .color {margin: 5px 0 10px; text-align: justify; line-height: 1.85em; font-size: 13px; padding-right: 2px;
padding-left: 2px}
.article .color .edit {color: #BBB}

.comments .post {padding: 5px 0; background: #FFF}
.comments .post:nth-child(even) {background: #BDE7CE}
.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {font-size: 13px; word-wrap: break-word; overflow: hidden; width: 110px}
.comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 88px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}


/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: #BDE7CE; border-radius: 0; border: 1px dashed #FFF}
.stitle {padding: 0 0 10px 0; text-align: center; font: 18px georgia, verdana, arial; font-weight: normal; color: #; text-shadow: -1px -1px 0 #EEE; background: transparent !important}
.stitle a {color: #}

.sidebox li {padding: 2px 0}

/*widget friends*/

.side_friends {overflow-y: scroll !important; height: 260px !important}
.side_friends .thumbs a {padding: 1px !important}
.side_friends .thumbs a img {border-radius: 100px !important}
.side_friends .thumbs a:hover img {border-radius: 0 !important}

/* widget calendario */
.side_calendar {padding: 5px; background: #BDE7CE}
.side_calendar .stitle {padding-bottom: 5px}
.side_calendar tr {text-align: center; background: #09582E; color: #FFF !important}
.side_calendar td {font-size: 9px; background: #22794A}
.side_calendar td:nth-child(even) {background: #FFF !important; color: #09582E !important}
.side_calendar .current {font-weight: bold; color: #FFF; background: #114F36 !important}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll {padding: 5px 1px 1px 1px}
.side_poll .stitle {padding-bottom: 5px}

/* widget tagboard */
.side_tag {padding: 5px 0 1px 1px}
.side_tag .stitle {padding-bottom: 5px; border-bottom: 1px dashed #BBB}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color: #22794A}

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 13px; padding: 0; border-bottom: 0 solid #FFF; background: #BDE7CE}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {color: #}
.tag .ww {background-color: #BDE7CE}


/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
#board .stats {margin-top: 20px}
#board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background-image: url(http://i.imgur.com/dgOFOR9.png); border: 0; border-radius: 0}
#board .stats .top .mback {border-radius: 5px 5px 0 0}


/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content:''}
.users a:hover {border-bottom: 1px dashed #09582E}
.groups a:hover, a span.utente:hover, a span.da convalidare:hover {border-bottom: 1px dashed #09582E}
.groups a:hover {text-shadow: none !important}
.groups dd:after {content: ")"}
.groups dd:before {content: "("}

/* COLORI UTENTI GRUPPI*/
.box_visitatore .details {border: 0; background: transparent}

.daconvalidare {font-style: italic}

.amministratore {color: #7CAE73; font-weight: bold}
.box_amministratore .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}

.moderatore {color: #1B680A; font-weight: bold}
.box_moderatore .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}

.gruppo1 {color: #09582E; font-family: tahoma; font-weight: bold}
.box_gruppo1 .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}

.gruppo2 {color: #22794A; font-family: tahoma; font-weight: bold}
.box_gruppo2 .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}

.gruppo3 {color: #3E9466; font-family: tahoma; font-weight: bold}
.box_gruppo3 .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}

.gruppo4 {color: #398F28; font-family: tahoma; font-weight: bold}
.box_gruppo4 .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}

.gruppo5 {color: #5AAE49; font-family: tahoma; font-weight: bold}
.box_gruppo5 .details {background-image: url(http://i.imgur.com/PYIU3PD.png)}


/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #FBFBFB}
#redirect .info {border: 1px solid #FFF}

.navsub .info {font-size:}
.alert, .info {border-radius: 5px}
.alert {padding: 1em; background: #ECC !important; color: #C00 !important}
.info {padding: 0.5em; background-color: #3E9466; color: #FFF}
.alert a, .info a {font-weight: bold !important}
.alert a:hover {color: #FFF}


/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; background-color: #FFF; border-radius: 3px}
.profile .nick {line-height: 1em; margin: 5%; font: 16px tahoma; font-weight: bold; text-shadow: none}
.profile dl {font-size: 11px}


/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 5px 0 5px 5px}
.profile .left {position: relative}
.profile .right a img {border-radius: 100px}
.profile .right a:hover img {border-radius: 0}
.profile .right div img {border-radius: 0}
.signature {width: 90%; overflow: auto}


/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}

/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; color: # !important; text-shadow: none !important; background: #FFF; border: 1px solid #09582E}
.pages2 a:hover {opacity: .9; color: #114F36 !important}

/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}

.pages li a, .pages .current {padding: 2px 5px; font-size: 1.1em; color: #3E9466; background: #FFF; border: 1px solid #3E9466; border-radius: 100px}
.pages li a:hover {background: #FFF; border-color: #3E9466}
.pages .current {font-size: 1.2em; color: #79977F; background: #E8F2E9; border: 1px solid #A9C7AF}

.pages .jump a, .pages .lastpost a {font-size: .9em; color: #FFF; background: #3E9466; border-color: #FFF}
.pages .jump a:hover, .pages .lastpost a:hover {color: #22794A; background: #FFF; border-color: #22794A; text-shadow: none !important}

.pages .first a, .pages .last a {background: #E5F1F5; border-color: #A4DAEE}
.pages .first a:hover, .pages .last a:hover {background: #CEF; border-color: #8CE}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font: .9em tahoma; color: #09582E; background: #FFF; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .2)}
.textinput, .codebuttons, .forminput {background: #D7F2E2; border: 1px dashed #22794A}

textarea.textinput {padding: 4px; line-height: 2em; font: 1em tahoma}

/* bagliore */
.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: rgba(9, 88, 46, 0.75); box-shadow: 0 0 8px rgba(162, 213, 186, 0.9)}

/* bbcode */
.codebuttons {padding: 2px}
.codebuttons:hover {background: #E8F2E9; border: 1px dashed #22794A; border-radius: 3px}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #FFF; background: none repeat scroll 0% 0% #22794A; border: 1px dashed #A2D5BA; padding: 0; box-shadow: none !important}
.sunbar .forminput:hover {background: none repeat scroll 0% 0% #A2D5BA; border: 1px dashed #22794A !important}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {color: #; background: #; border: #}
.navsub .forminput:hover, .navsub .forminput:focus {background: #}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; background: #A2D5BA}
.title .forminput:hover {background: #A2D5BA}
.title input.forminput {font-weight: bold; background: #22794A; color: #FFF}
.title input.forminput:hover {background: #69B28B}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {color: #FFF; background: #A2D5BA}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #A2D5BA; color: #09582E}

.darkbar .forminput, .fast.send .forminput {padding: 5px; font-size: 12px; border: 1px dashed #69B28B !important}

.darkbar input.forminput, .fast.send input.forminput {background: #22794A}

/* bottone preview */
.darkbar button.forminput {color: #FFF; background: #22794A}
.darkbar button.forminput:hover {color: #09582E; background: #A2D5BA}

/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font-size: 18px; color: #000; text-shadow: -1px -1px 1px #AAA; background: #A6A6A6; border: 1px solid #666; border-bottom-color: #444; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.buttons span:hover {background: #B4B4B4}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}

A_STAR:<img src="http://i.imgur.com/Hgnl1YO.png" width="15" height="15" alt="">
FEMALE_STAR:<img src="http://i.imgur.com/Hgnl1YO.png" width="15" height="15" alt="">
MALE_STAR:<img src="http://i.imgur.com/Hgnl1YO.png" width="15" height="15" alt="">
F_NAV:<img src="http://i.imgur.com/ZHaYeFF.png" alt="F_NAV">
F_NAV_SEP:»
C_ON:<img src="http://i.imgur.com/9chfQsz.pngg" alt="C_ON">
C_OFF:<img src="http://i.imgur.com/WmFqb7o.png" alt="C_OFF">
C_ON_RES:<img src="http://i.imgur.com/9chfQsz.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://i.imgur.com/WmFqb7o.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://i.imgur.com/WmFqb7o.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://i.imgur.com/JsGQyEl.png" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/JsGQyEl.png" alt="F_STATS">
A_POST:<img src="http://i.imgur.com/tSdc63z.png" width="115" height="44" alt="A_POST">
A_REPLY:<img src="http://i.imgur.com/ifvfnPG.png" width="115" height="44" alt="A_REPLY">
A_POLLONLY_B:<img src="http://i.imgur.com/OdGyhai.png" width="115" height="44" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="http://i.imgur.com/0Elficm.png" width="115" height="44" alt="A_LOCKED_B">
M_REPLY:<img src="http://i.imgur.com/vYcch5f.png" alt="M_REPLY"> M_REPLY
M_DELETE:<img src="http://i.imgur.com/C7Q23Xi.png" alt="M_DELETE"> M_DELETE
M_ADDMEM:<img src="http://i.imgur.com/Ob7xMMm.png" alt="M_ADDMEM"> M_ADDMEM
M_UNREAD:<img src=http://i.imgur.com/RpqlJR3.png" alt="M_UNREAD">
M_READ:<img src="http://i.imgur.com/gCl4kCv.png" alt="M_READ">
B_PIN:<img src="http://i.imgur.com/UYGHIfs.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/RTUvUEw.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://i.imgur.com/02tI5Cn.png" alt="B_NEW">
B_NORM:<img src="http://i.imgur.com/JsGQyEl.png" alt="B_NORM">
B_HOT:<img src="http://i.imgur.com/2ktTbBl.png" alt="B_HOT">
B_HOT_NN:<img src="http://i.imgur.com/cy8TXNO.png" alt="B_HOT_NN">
B_POLL:<img src="http://i.imgur.com/x1Y1b3V.png"width="16" height="16" alt="B_POLL">
B_POLL_NN:<img src="http://i.imgur.com/4n05BoI.png" width="16" height="16" alt="B_POLL_NN">
B_MOVED:<img src="http://i.imgur.com/UevHTlW.png" width="16" height="16 alt="B_MOVED">
B_LOCKED:<img src="http://i.imgur.com/IhnIVZG.png" width="16" height="16" alt="B_LOCKED">
NEW_POST:<img src="http://i.imgur.com/hW5oURE.png" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:<img src="http://i.imgur.com/3JLSihJ.png" width="16" height="16" alt="Top">
THUMBS_DOWN:<img src="http://i.imgur.com/38tyQf2.png" width="16" height="16" alt="THUMBS_DOWN">
P_DELETE:<img src="http://img.forumfree.net/style_images/52/comment_delete.png" alt="P_DELETE"> P_DELETE
P_EDIT:<img src="http://i.imgur.com/NRBUtfP.png" alt="P_EDIT"> P_EDIT
P_QUOTE:<img src="http://img.forumfree.net/style_images/52/comment.png" alt="P_QUOTE"> P_QUOTE
P_MSG:<img src="http://i.imgur.com/wa2WOQG.png" alt="P_MSG"> P_MSG
P_EMAIL:<img src="http://i.imgur.com/s8kDXXk.png" alt="P_EMAIL"> P_EMAIL
P_CONTACTS:<img src="http://i.imgur.com/vYcch5f.png" alt="P_CONTACTS"> P_CONTACTS
P_WEBSITE:<img src="http://i.imgur.com/y05lR0m.png" alt="P_WEBSITE"> P_WEBSITE
EMOTICONS:http://www.famfamfam.com/lab/icons/silk/icons/emoticon_smile.png
EMOTICONS2:http://i.imgur.com/NniH3k1.png
LOADING:http://3.bp.blogspot.com/-s7478pcysuc/UXA1Qd-pHdI/AAAAAAAAXsU/oTXBP92cm9k/s1600/tumblr_m1l9efTJcw1qb1380.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://img.forumfree.net/index_file/attachment.png
ONLINE:http://i.imgur.com/77BEwPY.png
OFFLINE:http://i.imgur.com/HilfW1o.png
ANONIMO:http://i.imgur.com/8JwDCZA.png
P_UP:<img src="http://i.imgur.com/IKWPp5D.png" width="16" height="16" alt="Top">
F_UP:<img src="http://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top">
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://img.forumfree.net/style_images/avatar_nn.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://img.forumfree.net/style_images/avatar_nn2.png" width="50" height="50" alt="Bot">

http://i.imgur.com/mXZJjWA.png

Utenti: http://i.imgur.com/Hgnl1YO.png
Aiuto: http://i.imgur.com/3hbjH5k.png

//

<!--credits NON ELIMINARE-->
<div style="background-color:#f7f7f7; width: 650px; height: 35px; line-height: 14px; font-size:12pt; padding-top:5px; border: 1px solid #ccbbbb"><a href="http://unmeinoyume.blogfree.net/">Viloftira, Kerze e l'Orologio</a> by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a>, thanks to <a href="http://www.iconarchive.com">Icon archive</a> &#9830; <br><a href="http://ffmagazine.forumfree.it/?t=62011001">Effetto "Avatar Drop Down" Menù Utente</a> creato da <a href="?act=Profile&MID=1297693">A c e</a></div>
<br>

/*SKIN BY CAELES NON RIMUOVERE I CREDITS*/

body {font: 76%/1.6em; color: #6189A9; background-color: #FFF; background-position: bottom; font-family: 'Philosopher'}
a {text-decoration: none; color: #405B71; font-family: 'Philosopher'}
a:hover {border-bottom: 0 solid #A9C7AF; color: #FFF; text-shadow: 1px 1px 1px #8899AA;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.nav, .nav li {font-size: 17px; font-weight: bold; font-family: 'Philosopher'; letter-spacing: .05em; font-style: italic}


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

/* cyrillic */
@font-face {font-family: 'Philosopher';
font-style: normal;
font-weight: 400;
src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLTUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* latin */
@font-face {font-family: 'Philosopher';
font-style: normal;
font-weight: 400;
src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}
/* cyrillic */
@font-face {font-family: 'Philosopher';
font-style: normal;
font-weight: 700;
src: local('Philosopher Bold'), local('Philosopher-Bold'), url(http://fonts.gstatic.com/s/philosopher/v7/napvkewXG9Gqby5vwGHICC_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* latin */
@font-face {font-family: 'Philosopher';
font-style: normal;
font-weight: 700;
src: local('Philosopher Bold'), local('Philosopher-Bold'), url(http://fonts.gstatic.com/s/philosopher/v7/napvkewXG9Gqby5vwGHICIlIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}
/* cyrillic */
@font-face {font-family: 'Philosopher';
font-style: italic;
font-weight: 400;
src: local('Philosopher Italic'), local('Philosopher-Italic'), url(http://fonts.gstatic.com/s/philosopher/v7/_9Hnc_gz9k7Qq6uKaeHKmefhZE2STYI3KzBGzrJG_ik.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* latin */
@font-face {font-family: 'Philosopher';
font-style: italic;
font-weight: 400;
src: local('Philosopher Italic'), local('Philosopher-Italic'), url(http://fonts.gstatic.com/s/philosopher/v7/_9Hnc_gz9k7Qq6uKaeHKmcu2Q0OS-KeTAWjgkS85mDg.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}
/* cyrillic */
@font-face {font-family: 'Philosopher';
font-style: italic;
font-weight: 700;
src: local('Philosopher Bold Italic'), local('Philosopher-BoldItalic'), url(http://fonts.gstatic.com/s/philosopher/v7/PuKlryTcvTj7-qZWfLCFIINNZfQjdGza5CVL5EXb104.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* latin */
@font-face {font-family: 'Philosopher';
font-style: italic;
font-weight: 700;
src: local('Philosopher Bold Italic'), local('Philosopher-BoldItalic'), url(http://fonts.gstatic.com/s/philosopher/v7/PuKlryTcvTj7-qZWfLCFII9ObOXPY1wUIXqKtDjSdsY.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}


/* LOGO senza cornice */
.logo {margin: 0 0 30px 0} .logo a:hover {border: 0}


/* LOGO con cornice */
.header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}
.header, .header a {border-radius: 10px}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .4)}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* DIMENSIONI FORUM */
.skin_tbl_width, .stats .border, .header_width {width: 100%}



/* MENU principale */
.menuwrap {font-size: 11px}
.menuwrap.alternative {background: #333}

.menuwrap li {line-height: 2.6em}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 14px}
.menuwrap a:hover {color: #FFF; border: 0}
.menuwrap .icon a {padding: 0 6px}
.menuwrap .left {background-image: url(http://i.imgur.com/tDjJS0J.png); border-bottom: 2px solid #DECECE; border-radius: 0 0 20px 0}
.menuwrap .right {background-image: url(http://i.imgur.com/tDjJS0J.png); border-bottom: 2px solid #DECECE; border-radius: 0 0 0 20px}

#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/*Menù DROPDOWN FFMAGAZINE*/
.menuwrap > .left > li:first-child > a > .avatar {line-height: normal; overflow: hidden; width: 26px; height: 26px; position: absolute; top: 2px;
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; z-index: 9}
.menuwrap > .left > li:first-child > a > .avatar img {border-radius: 0 10px 0 10px !important}
.menuwrap > .left > li:first-child:hover > a > .avatar {top: 103px; width: 100px; height: 100px; border-radius: 100px !important}
.menuwrap > .left > li:first-child > ul {z-index: 1; padding-left: 120px}
.menuwrap .nick {margin-left: 3.6em !important}

/* esci e news */
.menuwrap b {color: #FFF}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 5px; color: #FFF; text-shadow: none; background: #405B71; border-radius: 2px}

.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #FFF}

.menu ul {width: 15em; background-image: url(http://i.imgur.com/tDjJS0J.png); border-top: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, .5); font-size: 15px !important}

.right .menu ul {margin-left: -2em}

.menu li {padding: 3px 4px; line-height: 1.4em; text-shadow: none}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #405B71 !important}
.menu li a {font-size: 14px !important}
.menu li a:hover, .menu li:hover > a {color: #FFFFFF !important; background: #CCBBBB}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 13px}
.menuwrap label:hover {color: #FFF}

.menuwrap input {padding: 3px; font: 12px tahoma; color: #FFFFFF; background: #405B71; border: 1px solid #FFFFFF; border-radius: 2px; box-shadow: 0 0 0 #}
.menuwrap input:hover {cursor: pointer; background: #99AACC}
.menuwrap input:focus {cursor: default; background: #99AACC; outline: none; box-shadow: 0 1px 5px #}

.menuwrap input[type=submit] {padding: 2px; border: 1px solid rgba(0, 0, 0, .5); box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.menuwrap input[type=submit]:hover {color: #FFF; background: #99AACC}


/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #FFFFFF; background: #405B71 url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%}
.menuwrap .search input:hover {color: #FFFFFF; background-color: #99AACC}
.menuwrap .search input:focus {color: #FFF; background-color: #99AACC; background-position: 96.5% 110%}

/* MENU laterale a comparsa */
#ssm .mainbg {background: #405B71}
#ssm .ww {font-size: 12px; font-weight: normal !important; color: #FFF; background: #A2D5BAa}
#ssm .title {padding: 8px; font-size: 12px; font-weight: bold; color: #405B71; background: #FFF !important}
#ssm .aa {background: #; border-top: 1px solid #636363}
#ssm a {display: block; margin: 0; padding: 8px; font-size: 12px; color: #405B71 !important; text-shadow: none; background: #FFF}
#ssm a:hover {border: 0; border-radius: 0}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 30px; background: #EBEBEB; border: 3px solid #DECECE}
.container, .tabs.top, .tabs.bottom {max-width: 850px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family:; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #405B71; background-image: url(http://i.imgur.com/tDjJS0J.png); border-radius: 0; margin-bottom: 3px; border: 1px solid #CCBBBB}
.tabs a:hover, .tabs .current a {color: #FFF; border-bottom: 0}
.tabs a:hover {background-image: url(http://i.imgur.com/tDjJS0J.png); border-radius: 30px 30px 30px 30px; border: 1px solid #CCBBBB}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #405B71; border-radius: 0; margin-bottom: 3px; background-image: url(http://i.imgur.com/tDjJS0J.png); border: 1px solid #CCBBBB}
.tabs.left.no_rotate a:hover {color: #FFF; border-bottom: 0; border-radius: 30px 0 0 0; border: 1px solid #CCBBBB}
.tabs.right.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #405B71; background-image: url(http://i.imgur.com/tDjJS0J.png); border-radius: 0 30px 0 0; margin-bottom: 3px; border: 1px solid #CCBBBB}
.tabs.right.no_rotate a:hover {color: #FFF; border-bottom: 0; border-radius: 0; border: 1px solid #CCBBBB}

/* tabs laterali ruotati*/
.tabs.right.rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #405B71; border-radius: 0; margin-bottom: 3px; background-image: url(http://i.imgur.com/tDjJS0J.png); border: 1px solid #CCBBBB}
.tabs.right.rotate a:hover {border-bottom: 0; border-radius: 30px 30px 0 0; color: #FFF; border: 1px solid #CCBBBB}
.tabs.left.rotate a {margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #405B71; border-radius: 0; margin-bottom: 3px; background-image: url(http://i.imgur.com/tDjJS0J.png); border: 1px solid #CCBBB}
.tabs.left.rotate a:hover {border-bottom: 0; border-radius: 30px 30px 0 0; color: #FFF; border: 1px solid #CCBBBB}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #405B71; background-image: url(http://i.imgur.com/tDjJS0J.png); border-radius: 0; margin-top: 3px; border: 1px solid #CCBBBB}
.tabs.bottom a:hover {background-image: url(http://i.imgur.com/tDjJS0J.png); border-radius: 30px 30px 30px 30px; color: #FFF; border: 1px solid #CCBBBB}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 31px}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 25px; padding: 0 105px}
.tabs.left.rotate left: {height: -25px}


/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro */
#tab_r1 a {background: #; border-color: #; color: #}
#tab_r1 a:hover {background: #}

#tab_r2 a {background: #; border-color: #; color: #}
#tab_r2 a:hover {background: #}


/* HOMEPAGE */
.board .skin_tbl {margin: 0 auto 1.5em; width: 100%}
.skin_tbl {border-bottom: 0 solid #; background: #F7F7F7; border-radius: 0; border-top: 0 solid}

.mback_center {background-image: url(http://i.imgur.com/tDjJS0J.png); background-position: center bottom; background-repeat: repeat-x}
.mback_right {background-image: url(http://i.imgur.com/tDjJS0J.png); width: 140px; background-repeat: no-repeat; background-position: left bottom}
.mback_left {background-image: url(http://i.imgur.com/tDjJS0J.png); width: 140px; background-repeat: no-repeat; background-position: right bottom}


/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
.topic .mback_left, .topic .mback_right {display: none}

.mtitle {text-align: center; font: 18px tahoma; font-family: 'Philosopher'; font-weight: normal; color: #405B71; text-shadow: -2px -2px 5px #FFF; background: transparent !important}
.title, .darkbar {background: #DECECE !important; font-weight: bold; font-size: 15px; color: #F7F7F7}


/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr {background: #}
.list > *, profile.skin_tbl {background: #}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #FFF}
.list li {background: #FFF}
.list li:nth-child(even) {background: #EBE1DB}

.big_list > * {background: #F7F7F7}
.big_list > *:nth-child(even) {background: #EBE1DB}

.board .big_list .yy {text-align: center}
.board .big_list .where {font-weight: bold}
.board .when, .forum .when {font-size: 1em}

.board .off .aa, .board .off img {opacity: .8}
.board .off:hover .aa, .board .off:hover img {opacity: 1}

/* fix per Opera */
.board .off .aa {min-height: 48px}

.board .on {border: #}
.board .on:hover {background: #}
.board .on:nth-child(even):hover {background: #}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.annuncio {background: #F0E6E6}
.annuncio:nth-child(even) {background: #E2D9D9}
.importante {background: #C5D5E5}
.importante:nth-child(even) {background: #C8D0DD}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #F7F7F7 !important; background: #B7C8D8 !important}
.focus:nth-child(even) {color: #F7F7F7 !important; background: #B7C8D8 !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #405B71 !important}


.web {font: 17px; font-family: 'Philosopher'}
.web a:hover {font: 17px; font-family: 'Philosopher'; font-style: bold; background-image:url(http://i.imgur.com/hqqDpXD.png); background-repeat: no-repeat; background-position: right center; padding-right: 28px; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.desc {font-weight: normal; font-family: 'Philosopher'; line-height: 0.98em; font-size: 15px !important}
.desc b {font-family: georgia}
.desc u {font-family: verdana}
.desc i {font-family: times; font-size: 15px}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: #; font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
.cp .tabs .current a {font-weight: bold; color: #FFF; border: 0; text-shadow: 1px 1px 1px #8899AA !important}

/* edit avatar */
.tabs2 div:hover {background: #A2D5BA}
.tabs2 .current div {background: #FFF !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

/* INBOX: lista messaggi privati */
#msg .cp .web {font-size: 16px}
#msg .cp .post {background: #F5F5F5}


/* RISPOSTA */
#loading .top, .summary .list .top {color: #; border-bottom: 0 solid #}
#loading .bottom, .summary .list .bottom {border-top: 0 solid #}

.fast.send .sunbar {font-weight: bold; font-size: 13px; text-shadow: none; background: #}
.fast.send .sunbar.mainbg {background:}
.darkbar .forminput, .fast.send .forminput {background-image: url('http://i.imgur.com/tDjJS0J.png')}
.fast.send .mainbg {background: #EBE1DB}



.sunbar {text-align: center; font-size: 15px; font-weight: bold; background: #DECECE}
.sunbar.top {background-image: url('http://i.imgur.com/tDjJS0J.png')}
.sunbar.bottom {border-radius: 0 0 5px 5px}
.sunbar a {color: #}
.sunbar a:hover {border-bottom-color: #}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top:}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 12px}
.summary .quote, .summary .code {font-size: 11px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #C8D0DD; height: 15px; line-height: 15px; font-size: 10px; border-radius: 0; border: #FFF solid 1px}
.bar div {background: #; border-radius: 0}
.max .bar {background: #DDDDDD}
.max .bar div {background: #ABBEDE}


/* DISCUSSIONI */
.topic .mtitle {font-weight: bold; padding-left: 5px} .topic .mdesc {font-weight: normal}

.post {background: #F7F7F7}
.post:first-child {border: 0}
.post:nth-child(even) {background: #EBE1DB}

.post .center .left {padding: 0 10px}
.post .center .right {padding: 5px}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}

.color {line-height: em; text-align: justify; padding-right: 2px;
padding-left: 2px}
.color a {color: #}
.color a:hover {color: #FFF}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, 0.25)}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #A9C7AF}

.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-size: 18px; color: #405B71}

/* avatar e dettagli */
.post .details {position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 12px; border: 1px solid #CCBBBB; border-radius: 0; color: #405B71}
.avatar:hover {border: 0}
.post .avatar {margin: 6px; overflow: hidden}
.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(204, 187, 187, 0.3)}
.details p:first-line {font-weight: bold; color: #405B71; text-shadow: 0 1px 2px #FFF}
.box_visitatore .details p {border-radius: 5px}
.post avatar img {margin: 6px; overflow: hidden; border-radius: 0 10px 0 10px}
.avatar img {border-radius: 0 40px 0 40px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}}
.avatar:hover img {border-radius: 40px 0 40px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.post .avatar:hover img {border-radius: 40px 0 40px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.sidebox .avatar img {border-radius: 0 40px 0 40px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.sidebox .avatar:hover img {border-radius: 40px 0 40px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* online, offline, anonimo */
.u_status {position: absolute; bottom: 9px; left: -6px; padding: 0 4px; line-height: 19px; font-size: 10px !important; font-weight: bold; border-radius: 0 3px 3px 3px}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 5px; height: 4px; border-radius: 3px 0 0 0}

.box_online .u_status {border: 1px solid #CCBBBB; background: #FFF; color: #CCBBBB}
.box_online .u_status dt {background: #CCBBBB}

.box_offline .u_status {border: 1px solid #B4C2CF; background: #FFF; color: #B4C2CF}
.box_offline .u_status dt {background: #B4C2CF}

.box_anonimo .u_status {border: 1px solid #405B71; background: #FFF; color: #405B71}
.box_anonimo .u_status dt {background: #405B71}


/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote {padding: 5px; font-size: 11pt; font-weight: normal; color: #6189A9; background: #DDDDDD; border-radius: 9px 0 9px 0; border: 1px dashed #405B71}
.code {padding: 5px; font-size: 11pt; font-weight: normal; color: #FFF; background: #405B71; border-radius: 0; border: 1px solid #DDDDDD}
.spoiler .code {padding: 5px; font-size: 11pt; font-weight: normal; color: #FFF; background: #CCBBBB; border-radius: 9px 0 9px 0; border: 1px solid #405B71}

/* 2° livello */
.quote .code, spoiler .quote, .code .code {color: #; background: #}
.spoiler .code .code {color: #405B71; background: #DDDDDD}
.quote .quote {color: #FFF; background: #CCBBBB}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #FFF; background: #99AACC}


/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code {color: #405B71; background: #FFF}
.quote .quote .quote .code {color: #405B71; background: #DDDDDD}
.quote .quote .quote .quote {color: #405B71; background: #DDDDDD}


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

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #05B71; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #05B71; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #05B71; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content:''}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #FDFDFD}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #FDFDFD}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #FDFDFD}


/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}

/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 13px}

.blog .article {padding: 20px 0; border-top: 1px solid #CCBBBB; background: #F7F7F7; border: 1px solid #CCBBBB}
.blog .article:first-child {padding-top: 10px}

.btitle {margin-bottom: 5px; line-height: 1.8em}
.btitle a {font-size: 30px; font-family: 'Philosopher'; color: #405B71; border-bottom: 0 dotted transparent}
.btitle a:hover {color: #8899BB; text-shadow: 1px 1px 1px #FFF;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.bdesc {margin-top: 5px; font-size: 16px}
.bdesc b {font-family: georgia}
.bdesc u {font-family: verdana}
.bdesc i {font-family: times; font-size: 19px}
.on .btitle {font-weight: bold}

.article .title2 {color: #}
.article .title2 a {font-weight: bold; color: #}

.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: bold}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 56px}
.article .top .avatar {position: absolute; top: -2px; left: 5px; border-radius: 0 20px 0 20px !important}
.article .top .avatar:hover img {border-radius: 20px 0 20px 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* DATA ARTICOLI(decommentare per avere il formato calendario) */
/*
.article .top .avatar {display: none}
.article .title2.top {position: relative; padding-left: 54px}
.article .top .avatar {position: absolute; top: -2px; left: 54px}
.article .top .when {position: absolute; top: 0; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; background: url('http://img.forumfree.net/style_images/52/calendar.png') no-repeat center}
.article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
.article .top .when * {width: 100%; position: absolute; left: 0}
.article .top .when .d_day {top: 12px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_month *:first-child {display: block; top: 23px; font-size: 9px; color: #999; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_year {top: -2px; font-size: 8px; color: #FFF}
*/


/* punti, commenti e visite */
.blog .article {margin: 20px}
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold; font-size: 17px}

.article .color {margin: 5px 0 10px; text-align: justify; line-height: 1.45em; font-size: 15px; padding-right: 2px;
padding-left: 2px}
.article .color .edit {color: #BBB}

.article .color b {font-family: georgia}
.article .color u {font-family: verdana}
.article .color i {font-family: times; font-size: 17px}

.comments .post {padding: 5px 0; background: #F7F7F7}
.comments .post:nth-child(even) {background: #EBE1DB}
.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {font-size: 18px; word-wrap: break-word; overflow: hidden; width: 110px}
.comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 88px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}


/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background-image: url(http://i.imgur.com/tDjJS0J.png); border: 1px solid #CCBBBB; border-radius: 10px 0}
.stitle {padding: 0 0 0 0; text-align: center; font-size: 21px; font-weight: normal; color: #405B71; text-shadow: -1px -1px 0 #EEE; background: transparent !important}
.stitle a {color: #}

.sidebox li {padding: 2px 0}

/*widget friends*/

.side_friends {overflow-y: scroll !important; height: 260px !important}
.side_friends .thumbs a {padding: 1px !important}
.side_friends .thumbs a img {border-radius: 100px !important}
.side_friends .thumbs a:hover img {border-radius: 0 !important}

/* widget calendario */
.side_calendar {padding: 5px; background-image: url(http://i.imgur.com/tDjJS0J.png); border: 1px solid #CCBBBB; border-radius: 10px 0}
.side_calendar .stitle {padding-bottom: 5px; font-size: 21px; color: #405B71; text-shadow: -1px -1px 0 #EEE}
.side_calendar tr {text-align: center; background: #405B71; color: #FFF !important; font-size: 14px}
.side_calendar td {font-size: 10px; background: #8899AA}
.side_calendar td:nth-child(even) {background: #FFF !important; color: #405B71 !important}
.side_calendar .current {font-weight: bold; color: #FFF; background: #405B71 !important}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll {padding: 5px 1px 1px 1px}
.side_poll .stitle {padding-bottom: 5px}
.side_poll > .sidebar .reserved {padding: 1px 2%; border-radius: 10px 0 !important}

/* widget tagboard */
.side_tag {padding: 5px 0 1px 1px}
.side_tag .stitle {padding-bottom: 5px; border-bottom: 1px dashed #BBB}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color: #}

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 13px; padding: 0; border-bottom: 0 solid #FFF; background: #F7F7F7}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {color: #}
.tag .ww {background-color: #EBE1DB; border-bottom: 2px solid #DECECE; border-top: 1px solid #DECECE}
.tag li, .side_tag li {text-align: left; padding: 2px; font-size: 14px}


/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
#board .stats {margin-top: 20px}
#board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background-image: none; border: 0; border-radius: 0}
#board .stats .top .mback {border-radius: 5px 5px 0 0}


/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content:''}
.users a:hover {border-bottom: #}
.groups a:hover, a span.utente:hover, a span.da convalidare:hover {border-bottom: 1px dashed #}
.groups a:hover {text-shadow: none !important}
.groups dd:after {content: "]"}
.groups dd:before {content: "["}

/* COLORI UTENTI GRUPPI*/
.box_visitatore .details {border: 0; background: transparent}

.daconvalidare {font-style: italic}

.amministratore {color: #405B71; font-weight: bold}
.box_amministratore .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.moderatore {color: #6189A9; font-weight: bold}
.box_moderatore .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.utente {color: #CCBBBB; font-weight: bold}
.box_utente .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.gruppo1 {color: #405B71; font-weight: bold}
.box_gruppo1 .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.gruppo2 {color: #6189A9; font-weight: bold}
.box_gruppo2 .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.gruppo3 {color: #99AACC; font-weight: bold}
.box_gruppo3 .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.gruppo4 {color: #8899AA; font-weight: bold}
.box_gruppo4 .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}

.gruppo5 {color: #CCBBBB; font-weight: bold}
.box_gruppo5 .details {background-image: url(http://i.imgur.com/tDjJS0J.png)}


/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #FBFBFB}
.popup {z-index: 9; display: none; width: 300px; border: solid 10 px rgb(); border-radius: 0}
#redirect .info {border: 1px solid #FFF}

.navsub .info {font-size:}
.alert, .info {border-radius: 0}
.alert {padding: 1em; background: #ECC !important; color: #C00 !important}
.info {padding: 0.5em; background-image: url(http://i.imgur.com/tDjJS0J.png); color: #405B71; border: 2px solid #CCBBBB}
.alert a, .info a {font-weight: bold !important}
.alert a:hover {color: #FFF}


/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; background-color: #FFF; border-radius: 0 60px 0 60px}
.profile .nick {line-height: 1em; margin: 5%; font-size: 19px; font-weight: bold; text-shadow: none; font-family: "Philosopher"}
.profile dl {font-size: 12px}


/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 0; background-image: url('http://i.imgur.com/tDjJS0J.png')}
.profile .left {position: relative}
.signature {width: 90%; overflow: auto}


/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}

/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; color: # !important; text-shadow: none !important; background: #FFF; border: 1px solid #405B71}
.pages2 a:hover {opacity: .9; color: #114F36 !important}

/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}

.pages li a, .pages .current {padding: 2px 5px; font-size: 1.1em; color: #405B71; background: #FFF; border: 1px solid #405B71}
.pages li a:hover {background: #FFF; border-color: #405B71}
.pages .current {font-size: 1.2em; color: #F7F7F7; background: #C8D0DD; border: 1px solid #587185}

.pages .jump a, .pages .lastpost a {font-size: .9em; color: #FFF; background: #405B71; border-color: #FFF}
.pages .jump a:hover, .pages .lastpost a:hover {color: #405B71; background: #FFF; border-color: #405B71; text-shadow: none !important}

.pages .first a, .pages .last a {background: #E5F1F5; border-color: #A4DAEE}
.pages .first a:hover, .pages .last a:hover {background: #CEF; border-color: #8CE}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font: 0.92em philosopher; color: #405B71; background: #FFF; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .2)}
.textinput, .codebuttons, .forminput {background: none repeat scroll 0% 0% #FFF; border: 1px solid #CBB}

textarea.textinput {padding: 4px; line-height: 0.98em; font-size: 1em; font-family: 'Philosopher'} /*
.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: rgba(9, 88, 46, 0.75); box-shadow: 0 0 8px rgba(162, 213, 186, 0.9)} */

/* bbcode */
.codebuttons {padding: 2px}
.codebuttons:hover {background: #F7F7F7; border: 1px solid #405B71; border-radius: 3px}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #; background: none repeat scroll 0% 0% #; padding: 0; box-shadow: none !important}
.sunbar .forminput:hover {background: none repeat scroll 0% 0% #}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {color: #; background: #; border: #}
.navsub .forminput:hover, .navsub .forminput:focus {background: #}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; background: #}
.title .forminput:hover {background: #}
.title input.forminput {font-weight: bold; background: #F7F7F7; color: #99ABCE}
.title input.forminput:hover {background: #6189A9; color: #FFF}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {background: none repeat scroll 0% 0% #F7F7F7}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #99ABCE; color: #F7F7F7; border: 1px solid #405B71 !important}

.darkbar .forminput, .fast.send .forminput {padding: 5px;
font-size: 12px; border: 1px solid #CBB !important}

.darkbar input.forminput, .fast.send input.forminput {background: #F7F7F7}

/* bottone preview */
.darkbar button.forminput {color: #99ABCE; background: #F7F7F7}
.darkbar button.forminput:hover {color: #F7F7F7; background: #99ABCE}

/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font-size: 15px; color: #FFF; background: #405B71; border-radius: 10px 0 !important; border: 1px solid #FFF; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.buttons span:hover {background: #99AACC; border-radius: 0 !important}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}

A_STAR:<img src="http://i.imgur.com/pV2ywEm.png" width="15" height="15" alt="">
FEMALE_STAR:<img src="http://i.imgur.com/pV2ywEm.png" width="15" height="15" alt="">
MALE_STAR:<img src="http://i.imgur.com/pV2ywEm.png" width="15" height="15" alt="">
F_NAV:<img src="http://i.imgur.com/KUj1bAA.png" alt="F_NAV">
F_NAV_SEP:»
C_ON:<img src="http://i.imgur.com/rZORZvK.png" alt="C_ON">
C_OFF:<img src="http://i.imgur.com/O7iOaqr.png" alt="C_OFF">
C_ON_RES:<img src="http://i.imgur.com/pBA76PG.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://i.imgur.com/pBA76PG.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://i.imgur.com/pBA76PG.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://i.imgur.com/IPKSYES.png" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/mWOxNvF.png" alt="F_STATS">
A_POST:<span><img src="http://i.imgur.com/gTTiY1R.png" alt="A_POST"> A_POST</span>
A_REPLY:<span><img src="http://i.imgur.com/xLW00sn.png" alt="A_REPLY"> A_REPLY</span>
A_POLLONLY_B:<span><img src="http://i.imgur.com/Fu6QqTk.png" alt="A_POLLONLY_B"> A_POLLONLY_B</span>
A_LOCKED_B:<span><img src="http://i.imgur.com/1uqotf9.png" alt="A_LOCKED_B"> A_LOCKED_B</span>
M_REPLY:<img src="http://i.imgur.com/vYcch5f.png" alt="M_REPLY"> M_REPLY
M_DELETE:<img src="http://i.imgur.com/C7Q23Xi.png" alt="M_DELETE"> M_DELETE
M_ADDMEM:<img src="http://i.imgur.com/pV2ywEm.png" alt="M_ADDMEM"> M_ADDMEM
M_UNREAD:<img src="http://i.imgur.com/TSDd3Gc.png" alt="M_UNREAD">
M_READ:<img src="http://i.imgur.com/smSm1kp.png" alt="M_READ">
B_PIN:<img src="http://i.imgur.com/2xCdIyn.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/1dyQUgd.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://i.imgur.com/5pFsCE0.png" alt="B_NEW">
B_NORM:<img src=http://i.imgur.com/PuUbVvK.png" alt="B_NORM">
B_HOT:<img src="http://i.imgur.com/vCRMu5n.png" alt="B_HOT">
B_HOT_NN:<img src="http://i.imgur.com/PSLxm8n.png" alt="B_HOT_NN">
B_POLL:<img src="http://i.imgur.com/WcVCB6U.png alt="B_POLL">
B_POLL_NN:<img src="http://i.imgur.com/WwREHJE.png" alt="B_POLL_NN">
B_MOVED:<img src="http://i.imgur.com/FOUQpem.png" alt="B_MOVED">
B_LOCKED:<img src="http://i.imgur.com/1uqotf9.png" alt="B_LOCKED">
NEW_POST:<img src="http://i.imgur.com/uAKQT4D.png" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:http://i.imgur.com/xrX36mw.png
THUMBS_DOWN:http://i.imgur.com/xm0l3qj.png
P_DELETE:<img src="http://i.imgur.com/J8io85b.png" alt="P_DELETE"> P_DELETE
P_EDIT:<img src="http://i.imgur.com/hdRRDTq.png" alt="P_EDIT"> P_EDIT
P_QUOTE:<img src="http://i.imgur.com/ouiJVSW.png" alt="P_QUOTE"> P_QUOTE
P_MSG:<img src="http://i.imgur.com/wa2WOQG.png" alt="P_MSG"> P_MSG
P_EMAIL:<img src="http://i.imgur.com/s8kDXXk.png" alt="P_EMAIL"> P_EMAIL
P_CONTACTS:<img src="http://i.imgur.com/vYcch5f.png" alt="P_CONTACTS" alt="P_CONTACTS"> P_CONTACTS
P_WEBSITE:<img src="http://i.imgur.com/y05lR0m.png" alt="P_WEBSITE"> P_WEBSITE
EMOTICONS:http://www.famfamfam.com/lab/icons/silk/icons/emoticon_smile.png
EMOTICONS2:http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/emotion-waii-icon.png
LOADING:http://i.imgur.com/shUi2KI.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://img.forumfree.net/index_file/attachment.png
ONLINE:Online
OFFLINE:Offline
ANONIMO:Anonimo
P_UP:<img src="http://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top">
P_UP_SHOW:0
F_UP:<img src="http://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top">
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://img.forumfree.net/style_images/avatar_nn.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://img.forumfree.net/style_images/avatar_nn2.png" width="50" height="50" alt="Bot">

http://i.imgur.com/M9sqJHE.png

Utenti: http://i.imgur.com/TeBm7Xf.png
Aiuto: http://i.imgur.com/TIo2FpY.png

//

<!-- credits -->
<div style="background-color:#fbfbf2; width: 400px; height: 40px; color:#645f5b; line-height:15px; font-size:11pt; padding-top:5px; font-family:verdana; border: 2px solid #a9908c; border-radius: 5px">Like a Clock by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a> thanks to <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">pandabea»</a>, <br><a href="http://www.colourlovers.com/palette/2734131/Snowy_owl">Colour Lovers</a> &#9734; <a href="http://www.iconarchive.com">Icon archive</a></div>

<br>

/*SKIN BY CAELES NON RIMUOVERE I CREDITS*/

body {font: 76%/1.6em; color: #645F5B; background-color: #FFF; background-position: bottom; font-family: 'Ubuntu'}
a {text-decoration: none; color: #7496A4; font-family: 'Ubuntu'}
a:hover {color: #A5C1CC;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.nav, .nav li {font-size: 15px; font-weight: bold; font-family: 'Ubuntu'; letter-spacing: .05em; font-style: italic}


.footer {margin: 12px auto; font-size: 13px; color: #999}
.footer a {color: #FFF}


/* latin-ext */
@font-face {font-family: 'Kaushan Script';
font-style: normal;
font-weight: 400;
src: local('Kaushan Script'), local('KaushanScript-Regular'), url(http://fonts.gstatic.com/s/kaushanscript/v4/qx1LSqts-NtiKcLw4N03IO87R-l0-Xx_7cYc0ZX1ifE.woff2) format('woff2');
unicode-range: u+0100-024f, u+1e00-1eff, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Kaushan Script';
font-style: normal;
font-weight: 400;
src: local('Kaushan Script'), local('KaushanScript-Regular'), url(http://fonts.gstatic.com/s/kaushanscript/v4/qx1LSqts-NtiKcLw4N03IEd0sm1ffa_JvZxsF_BEwQk.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}

/* cyrillic-ext */
@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/ODszJI8YqNw8V2xPulzjO_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0460-052f, u+20b4, u+2de0-2dff, u+a640-a69f}
/* cyrillic */
@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/iQ9VJx1UMASKNiGywyyCXvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* greek-ext */
@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/WkvQmvwsfw_KKeau9SlQ2_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+1f00-1fff}
/* greek */
@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/gYAtqXUikkQjyJA1SnpDLvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0370-03ff}
/* latin-ext */
@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/Wu5Iuha-XnKDBvqRwQzAG_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0100-024f, u+1e00-1eff, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}
/* LOGO senza cornice */
.logo {margin: 0 0 30px 0} .logo a:hover {border: 0}


/* LOGO con cornice */
.header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}
.header, .header a {border-radius: 10px}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .4)}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* DIMENSIONI FORUM */
.skin_tbl_width, .stats .border, .header_width {width: 100%}



/* MENU principale */
.menuwrap {font-size: 12px}
.menuwrap.alternative {background: #333}

.menuwrap li {line-height: 2.6em}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 14px}
.menuwrap a:hover {color: #FFF; border: 0}
.menuwrap .icon a {padding: 0 6px}
.menuwrap {background: #F7EAD1; border: 2px solid #A9908C; border-radius: 20px 20px 20px 20px; width: 950px; margin-top: 2px}


#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/*Menù DROPDOWN FFMAGAZINE*/
.menuwrap > .left > li:first-child > a > .avatar {line-height: normal; overflow: hidden; width: 26px; height: 26px; position: absolute; margin-top: 3px; z-index: 9; border-radius: 100px; border: none}
.menuwrap > .left > li:first-child > a > .avatar img {border: none !important}
.menuwrap > .left > li:first-child > ul {z-index: 1}
.menuwrap .nick {margin-left: 3.6em !important}

/* esci e news */
.menuwrap b {color: #FFF}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 5px; color: #FBFBF2; text-shadow: none; background: #F1C19D; border-radius: 10px}

.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #A5C1CC}

.menu ul {width: 15em; background: #F7EAD1; font-size: 13px !important; border: 1px solid #A9908C; border-top: none}

.right .menu ul {margin-left: -2em}

.menu li {padding: 3px 8px; line-height: 1.4em; text-shadow: none; padding-bottom: 0; border-top: 1px dashed #A9908C}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #A9908C !important}
.menu li a {font-size: 14px !important}
.menu li a:hover, .menu li:hover > a {color: #FBFBF2 !important; background: #A9908C; border-radius: 5px; -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 13px}
.menuwrap label:hover {color: #FBFBF2}

.menuwrap input {padding: 3px; font: 12px tahoma; color: #645F5B; background: #7496A41; border: 1px solid #A9908C; border-radius: 2px; box-shadow: 0 0 0 #}
.menuwrap input:hover {cursor: pointer; background: #A5C1CC; color: #FBFBF2}
.menuwrap input:focus {cursor: default; background: #E6EBEC; color: #FBFBF2; outline: none; box-shadow: 0 1px 5px #}

.menuwrap input[type=submit] {padding: 2px; border: 1px solid rgba(0, 0, 0, .5); box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.menuwrap input[type=submit]:hover {color: #FBFBF2; background: #645F5B}


/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #FBFBF2; background: #7496A4 url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%}
.menuwrap .search input:hover {background: #A5C1CC; color: #FBFBF2}
.menuwrap .search input:focus {background: #E6EBEC; color: #FBFBF2; background-position: 96.5% 110%}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 30px; background: #F7E9D0; border-top: 5px solid #F1C19D; border-bottom: 5px solid #F1C19D; border-radius: 40px}
.container, .tabs.top, .tabs.bottom {max-width: 800px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family: 'Ubuntu'; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; color: #7496A4; background: #F7F6EA; border-radius: 0; margin-bottom: 3px; border: 1px solid #A9908C; font-size: 11px;
-webkit-transition-property: perspective; -webkit-transition-duration: 1s; -moz-perspective: 400; -moz-transform-style: preserve-3d; -moz-transition-property: perspective; -moz-transition-duration: 1s; -o-perspective: 400; -o-transform-style: preserve-3d; -o-transition-property: perspective; -o-transition-duration: 1s}
.tabs a:hover, .tabs .current a {color: #A5C1CC}
.tabs a:hover {background: #FBFBF2; border: 1px solid #A9908C;
-webkit-perspective: 400; -moz-perspective: 400; -o-perspective: 400}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; color: #7496A4; background: #F7F6EA; border-radius: 0; margin-bottom: 3px; border: 1px solid #A9908C; font-size: 11px}
.tabs.left.no_rotate a:hover {color: #A5C1CC}
.tabs.right.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; margin-bottom: 3px; color: #7496A4; background: #F7F6EA; border: 1px solid #A9908C; font-size: 11px}
.tabs.right.no_rotate a:hover {color: #A5C1CC}

/* tabs laterali ruotati*/
.tabs.right.rotate a {margin: 0; padding: 2px 10px; text-decoration: none; margin-bottom: 3px; color: #7496A4; background: #F7F6EA; border: 1px solid #A9908C; font-size: 11px}
.tabs.right.rotate a:hover {color: #A5C1CC}
.tabs.left.rotate a {margin: 0; padding: 2px 10px; text-decoration: none; margin-bottom: 3px; color: #7496A4; background: #F7F6EA; border: 1px solid #A9908C; font-size: 11px}
.tabs.left.rotate a:hover {color: #A5C1CC}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {display: block; padding: 2px 10px; color: #7496A4; background: #F7F6EA; border: 1px solid #A9908C; font-size: 11px; margin-top: 3px}
.tabs.bottom a:hover {color: #A5C1CC}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 31px}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 25px; padding: 0 105px}
.tabs.left.rotate left: {height: -25px}


/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro */
#tab_r1 a {background: #; border-color: #; color: #}
#tab_r1 a:hover {background: #}

#tab_r2 a {background: #; border-color: #; color: #}
#tab_r2 a:hover {background: #}


/* HOMEPAGE */
.board .skin_tbl {margin: 0 auto 1.5em; width: 100%}
.skin_tbl {border-bottom: 2px solid #A9908C; background: #FBFBF2; font-size: 14px}
.mainbg {border-left: 2px solid #A9908C; border-right: 2px solid #A9908C; border-radius: 0; background: #}

.mback_center {background-image: url(http://i.imgur.com/RliEyi0.png); background-position: center bottom; background-repeat: repeat-x}
.mback_right {background-image: url(http://i.imgur.com/fxMvefE.png); width: 181px; background-repeat: no-repeat; background-position: left bottom}
.mback_left {background-image: url(http://i.imgur.com/FMrIPaL.png); width: 174px; background-repeat: no-repeat; background-position: right bottom}

/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */


.mtitle {text-align: center; font: 18px; font-family: 'Ubuntu'; font-weight: normal; color: #A5C1CC; text-shadow:; background: transparent !important; height: 30px; line-height: 30px}
.title, .darkbar {background: #F7F6EA !important; font-weight: normal; font-size: 13px; color: #7496A4}


/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr {background: #}
.list > *, profile.skin_tbl {background: #}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #FBFBF2}
.list li {background: #FBFBF2}
.list li:nth-child(even) {background: #F7F6EA}
.list li:nth-child(2n) {background: none}

.big_list > * {background: #FBFBF2}
.big_list > *:nth-child(even) {background: #F7F6EA}

.board .big_list .yy {text-align: right}
.board .big_list .where {font-weight: normal}
.board .when, .forum .when {font-size: 1em}

.board .off .aa, .board .off img {opacity: .8}
.board .off:hover .aa, .board .off:hover img {opacity: 1}

/* fix per Opera */
.board .off .aa {min-height: 48px}

.board .on {border: #}
.board .on:hover {background: #}
.board .on:nth-child(even):hover {background: #}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.annuncio {background: #F7EAD1}
.annuncio:nth-child(even) {background: #F7EAD1}
.importante {background: #F7F1CF}
.importante:nth-child(even) {background: #F7F1CF}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #FBFBF2 !important; background: #D4E2E8!important}
.focus:nth-child(even) {color: #FBFBF2 !important; background: #D4E2E8!important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #A5C1CC !important}


.web {font-family: 'Ubuntu' !important; font-size; 28px; font-weight: bold}
.web a:hover {font: 38px; font-family: 'Ubuntu'; font-style: bold}
.desc {font-weight: normal; font-family: 'Ubuntu'; line-height: 0.98em; font-size: 14px !important}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
.cp .tabs .current a {font-weight: bold; color: #7496A4; border-top: 2px solid #7496A4; border-radius: 6px 6px 0 0; border-bottom: 0; border-left: 0; border-right: 0; background: #FBFBF2}

/* edit avatar */
.tabs2 div:hover {background: #F7F1CF}
.tabs2 .current div {background: #FBFBF2 !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

/* INBOX: lista messaggi privati */
#msg .cp .web {font-size: 14px}
#msg .cp .post {background: #F5F5F5}


/* RISPOSTA */
#loading .top, .summary .list .top {color: #; border-bottom: 0 solid #}
#loading .bottom, .summary .list .bottom {border-top: 0 solid #}

.fast.send .sunbar {font-weight: normal; font-size: 13px; text-shadow: none; background: #}
.fast.send .sunbar.mainbg {background:}
.darkbar .forminput, .fast.send .forminput {background-image: url('http://i.imgur.com/tDjJS0J.png')}
.fast.send .mainbg {background: #F5F2DC}



.sunbar {text-align: center; font-size: 14px; font-weight: normal; background: #E6EBEC}
.sunbar.top {background: #E6EBEC}
.sunbar.bottom {border-radius: 0 0 5px 5px}
.sunbar a {color: #}
.sunbar a:hover {border-bottom-color: #}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top:}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 12px}
.summary .quote, .summary .code {font-size: 11px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #E6EBEC; height: 15px; line-height: 15px; font-size: 10px; border-radius: 0; border: #A9908C solid 1px}
.bar div {background: #; border-radius: 0}
.max .bar {background: #F5F2DC}
.max .bar div {background: #F0D8AC}


/* DISCUSSIONI */
.topic .mtitle {font-weight: bold; padding-left: 5px} .topic .mdesc {font-weight: normal}

.post {background: #F7F6EA}
.post:first-child {border: 0}
.post:nth-child(even) {background: #FBFBF2}

.post .center .left {padding: 0 10px}
.post .center .right {padding: 5px}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}

.color {line-height: em; text-align: justify; padding-right: 2px;
padding-left: 2px}
.color a {color: #7496A4}
.color a:hover {color: #A5C1CC}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, 0.25)}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #A9C7AF}

.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-size: 18px}

/* avatar e dettagli */
.post .details {position: relative; font-size: 12px; background-image: url('http://i.imgur.com/XBeTItr.png'); border-radius: 20px; border: 2px solid #A9908C}
.avatar:hover {border:}
.post .avatar {margin-top: 3px; margin-bottom: 3px; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-radius: 100px; opacity: 1}
.post .avatar:hover {margin-top: 3px; position: relative; -webkit-transition: all 1s ease; border-radius: 20px; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 0.5}
.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(204, 187, 187, 0.5)}
.details p:first-line {font-weight: bold}
.detalis p {height: 1px !important}
.details p:hover {height: auto !important}
.box_visitatore .details p {border-radius: 5px}

.avatar img {border-radius: 100px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border: 2px solid #A9908C}
.avatar:hover img {border-radius: 20px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

.sidebox .avatar img {border-radius: 100px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.sidebox .avatar:hover img {border-radius: 20px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}


/* online, offline, anonimo */
.u_status {position:relative; bottom: 9px; padding: 0 4px; line-height: 15px; font-size: 10px !important; font-weight: bold; border-radius: 5px}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 0; height: 0; border-radius: 3px 0 0 0}

.box_online .u_status {border: 1px solid #F1C19D; background: #FBFBF2; color: #A5C1CC}
.box_online .u_status dt {background: #F1C19D}

.box_offline .u_status {border: 1px solid #F7EAD1; background: #FBFBF2; color: #F7EAD1}
.box_offline .u_status dt {background: #F7EAD1}

.box_anonimo .u_status {border: 1px solid #A5C1CC; background: #FBFBF2; color: #A5C1CC}
.box_anonimo .u_status dt {background: #A5C1CC}


/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote {padding: 5px; font-weight: normal; color: #645F5B; background: #FBFBF2; border-radius: 9px; border: 2px solid #A9908C}
.code {padding: 5px; font-weight: normal; color: #645F5B; background: #FBFBF2; border-radius: 9px; border: 2px solid #A9908C}
.spoiler .code {padding: 5px; font-weight: normal; color: #645F5B; background: #FBFBF2; border-radius: 9px; border: 2px solid #A9908C}

/* 2° livello */
.quote .code, spoiler .quote, .code .code {color: #645F5B; background: #FBFBF2}
.spoiler .code .code {color: #645F5B; background: #FBFBF2}
.quote .quote {color: #645F5B; background: #FBFBF2}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #645F5B; background: #FBFBF2}


/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code {color: #645F5B; background: #FBFBF2}
.quote .quote .quote .code {color: #645F5B; background: #FBFBF2}
.quote .quote .quote .quote {color: #645F5B; background: #FBFBF2}


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

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #645F5B; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #645F5B; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #645F5B; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content: none}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #645F5B}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #645F5B}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #645F5B}


/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}

/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 13px}

.blog .article {background: #F7F6EA; border-left: 2px solid #A9908C;
border-right: 2px solid #A9908C}
.blog .mainbg {border: none !important}
.blog .article:first-child {padding-top: 0}

.btitle {margin-bottom: 5px; line-height: 1.8em}
.btitle a {font-size: 20px; font-family: 'Ubuntu'; color: #645F5B}
.btitle a:hover {color: #A9908C;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.bdesc {margin-top: 5px; font-size: 16px}
.on .btitle {font-weight: bold}

.article .title2 {color: #}
.article .title2 a {font-weight: normal}

.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: normal}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 56px; font-size: 12px}
.article .top .avatar {position: absolute; top: -2px; left: 5px; border-radius: 100px !important; opacity: 1; width: 40px !important; height: 40px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.article .top .avatar img {position: absolute; top: -2px; border-radius: 100px; opacity: 1; -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.article .top .avatar:hover img {border-radius: 0; opacity: 0.5;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* DATA ARTICOLI(decommentare per avere il formato calendario) */
/*
.article .top .avatar {display: none}
.article .title2.top {position: relative; padding-left: 54px}
.article .top .avatar {position: absolute; top: -2px; left: 54px}
.article .top .when {position: absolute; top: 0; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; background: url('http://img.forumfree.net/style_images/52/calendar.png') no-repeat center}
.article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
.article .top .when * {width: 100%; position: absolute; left: 0}
.article .top .when .d_day {top: 12px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_month *:first-child {display: block; top: 23px; font-size: 9px; color: #999; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_year {top: -2px; font-size: 8px; color: #FFF}
*/


/* punti, commenti e visite */
.blog .article {margin: 20px}
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold; font-size: 17px}

.article .color {margin: 5px 0 10px; text-align: justify; line-height: 1.45em; font-size: 15px; padding-right: 2px;
padding-left: 2px}
.article .color .edit {color: #BBB}

.comments .post {padding: 5px 0; background: #F7F6EA}
.comments .post:nth-child(even) {background: #FBFBF2}
.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {font-size: 18px; word-wrap: break-word; overflow: hidden; width: 110px}
.comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 70px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}


/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: #F7F6EA; border: 1px solid #A9908C; border-radius: 5px}
.stitle {text-align: center; font-size: 19px; font-weight: normal; color: #A9908C; background: transparent !important}
.stitle a {color: #}

.sidebox li {padding: 2px 0}
.sidebox .mainbg {border-left:none; border-right:none}

/*widget friends*/

.side_friends {overflow-y: scroll !important; height: 260px !important}
.side_friends .thumbs a {padding: 1px !important}
.side_friends .thumbs a img {border-radius: 100px !important}
.side_friends .thumbs a:hover img {border-radius: 0 !important}

/* widget calendario */
.side_calendar {padding: 5px; background: #F7F6EA; border: 1px solid #A9908C; border-radius: 5px}
.side_calendar .stitle {padding-bottom: 5px; font-size: 21px; color: #}
.side_calendar tr {text-align: center; background: #F1C19D; color: #645F5B !important; font-size: 14px}
.side_calendar td {font-size: 10px; background: #F7F1CF}
.side_calendar td:nth-child(even) {background: #FBFBF2 !important; color: #645F5B !important}
.side_calendar .current {font-weight: bold; color: #FBFBF2; background: #645F5B !important}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll {padding: 5px 1px 1px 1px}
.side_poll .stitle {padding-bottom: 5px; font-size: 15px}
.side_poll > .sidebar .reserved {padding: 1px 2%; border-radius: 10px 0 !important}

/* widget tagboard */
.side_tag {padding: 5px 0 1px 1px}
.side_tag .stitle {padding-bottom: 5px; border-bottom: 1px dashed #BBB}

/*Widget amministratore*/
.side_profile {background-image: url('http://i.imgur.com/XBeTItr.png'); font-size: 12px}
.side_profile p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(204, 187, 187, 0.5); border-radius: 10px}
.side_profile p:first-line {font-weight: bold}
.side_profile img {opacity: 1}
.side_profile img:hover {opacity: 0.5}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color:}


/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 13px; padding: 0; border-bottom: 0 solid #FFF; background: #FBFBF2}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {color: #}
.tag .ww {background-color: #F5F2DC}
.tag li, .side_tag li {text-align: left; padding: 2px; font-size: 14px}


/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
#board .stats {margin-top: 20px}
#board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background-image: none; border: 0; border-radius: 0; display: none}
#board .stats .top .mback {border-radius: 5px 5px 0 0; display: none}

#board .stats .skin_tbl.top {width: 48%; float: left; border-left: none}
#board .stats .skin_tbl.bottom {width: 50%; margin-left: 50%; border-bottom: none}
#board .stats .skin_tbl.top .mainbg {overflow: auto; height: 105px}
#board .stats .skin_tbl.bottom .mainbg {overflow: auto; height: 105px}



/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content: none}
.users a:hover {border-bottom: #}
.groups a:hover, a span.utente:hover, a span.da convalidare:hover {border-bottom: 1px dashed #}
.groups a:hover {text-shadow: none !important}
.groups dd:after {content: "]"}
.groups dd:before {content: "["}

/* COLORI UTENTI GRUPPI*/
.box_visitatore .details {border: 0; background: transparent}

.daconvalidare {font-style: italic}

.amministratore {color: #645F5B; font-weight: bold}
.box_amministratore .details {background:}

.moderatore {color: #A9908C; font-weight: bold}
.box_moderatore .details {background-image: url(http://i.imgur.com/XBeTItr.png)}

.utente {color: #A5C1CC; font-weight: bold}
.box_utente .details {background-image: url(http://i.imgur.com/XBeTItr.png)}

.gruppo1 {color: #645F5B; font-weight: bold}
.box_gruppo1 .details {background-image: url(http://i.imgur.com/XBeTItr.png)}

.gruppo2 {color: #A9908C; font-weight: bold}
.box_gruppo2 .details {background-image: url(http://i.imgur.com/XBeTItr.png)}

.gruppo3 {color: #F1C19D; font-weight: bold}
.box_gruppo3 .details {background-image: url(http://i.imgur.com/XBeTItr.png)}

.gruppo4 {color: #F0D8AC; font-weight: bold}
.box_gruppo4 .details {background-image: url(http://i.imgur.com/XBeTItr.png)}

.gruppo5 {color: #F7F1CF; font-weight: bold}
.box_gruppo5 .details {background-image: url(http://i.imgur.com/XBeTItr.png)}


/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px; backgorund: #F7F6EA; border: 2px solid #A9908C}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #FBFBF2}
.popup {z-index: 9; display: none; width: 300px; border: solid 10 px rgb(); border-radius: 0}
#redirect .info {border: 1px solid #FBFBF2}

.navsub .info {font-size:}
.alert, .info {border-radius: 0}
.alert {padding: 1em; background: #E6EBEC !important; color: #7496A4 !important; border-radius: 5px; border: 2px solid #7496A4}
.info {padding: 0.5em; background: #F7F6EA; border: 2px solid #A9908C; border-radius: 5px}
.alert a, .info a {font-weight: bold !important}
.alert a:hover {color: #FBFBF2}


/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; background-image: url('http://i.imgur.com/XBeTItr.png'); border-radius: 20px; border: 2px solid #A9908C}
.profile .nick {line-height: 1em; margin: 5%; font-size: 20px; font-weight: bold; text-shadow: none; font-family: 'Kaushan Script'; color: #645F5B; text-transform:uppercase}
.profile dl {font-size: 12px}


/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 10px; background: #F7F6EA; border-bottom: 3px solid #A9908C !important; border-top: 3px solid #A9908C !important}
.profile .left {position: relative}
.signature {width: 90%; overflow: auto}


/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content: none}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}

/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; color: #7496A4 !important; text-shadow: none !important; background: #F7F6EA; border: 1px solid #A9908C}
.pages2 a:hover {opacity: .9; color: #A9908C !important}

/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content: none}

.pages li a, .pages .current {padding: 2px 5px; font-size: 0.9em; color: #7496A4; background: #F7F6EA; border: 1px solid #A9908C; border-radius: 100px}
.pages li a:hover {background: #FBFBF2; border-color: #A9908C}
.pages .current {font-size: 0.9em; color: #7496A4; background: #FBFBF2; border: 1px solid #A9908C; font-weight: normal}

.pages .jump a, .pages .lastpost a {font-size: .9em; color: #7496A4; background: #F7F6EA; border-color: #A9908C; border-radius: 3px}
.pages .jump a:hover, .pages .lastpost a:hover {color: #A5C1CC; background: #FBFBF2; border-color: #A9908C; text-shadow: none !important}

.pages .first a, .pages .last a {background: #F7F6EA; border-color: #A9908C}
.pages .first a:hover, .pages .last a:hover {background: #FBFBF2; border-color: #A9908C}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font: 0.92em; color: #645F5B; background: #FBFBF2; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .2)}
.textinput, .codebuttons, .forminput {background: none repeat scroll 0% 0% #FBFBF2; border: 1px solid #F1C19D}

textarea.textinput {padding: 4px; line-height: 0.98em; font-size: 1em; font-family: 'Ubuntu'} /*
.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: rgba(9, 88, 46, 0.75); box-shadow: 0 0 8px rgba(162, 213, 186, 0.9)} */

/* bbcode */
.codebuttons {padding: 2px}
.codebuttons:hover {background: #FBFBF2; border: 1px solid #F1C19D; border-radius: 3px; color: #A9908C}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #; background: none repeat scroll 0% 0% #FBFBF2; padding: 0; box-shadow: none !important; color: #645F5B}
.sunbar .forminput:hover {background: none repeat scroll 0% 0% #FBFBF2; color: #A9908C}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {color: #; background: #; border: #}
.navsub .forminput:hover, .navsub .forminput:focus {background: #}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; background: #}
.title .forminput:hover {background: #}
.title input.forminput {background: #FBFBF2;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.title input.forminput:hover {background: #FBFBF2e; color: #A9908C; border: 1px solid #F1C19D !important}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {background: none repeat scroll 0% 0% #FBFBF2;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #FBFBF2e; color: #A9908C; border: 1px solid #F1C19D !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.darkbar .forminput, .fast.send .forminput {padding: 5px;
font-size: 12px; border: 1px solid #F1C19D !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.darkbar input.forminput, .fast.send input.forminput {background: #FBFBF2;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* bottone preview */
.darkbar button.forminput {color: #A9908C; background: #F6F6E3;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.darkbar button.forminput:hover {color: #645F5B; background: #FBFBF2;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font-size: 14px; color: #7496A4; background: #FBFBF2; border-radius: 10px !important; border: 1px solid #7496A4; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.buttons span:hover {background: #E6EBEC; border-radius: 10px !important}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}

A_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/cookie-icon.png" alt="">
FEMALE_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/chocolate-heart-milk-icon.png" alt="">
MALE_STAR:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/chocolate-heart-icon.png" alt="">
F_NAV:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Places-Home-icon.png" alt="F_NAV">
F_NAV_SEP:»
C_ON:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/64/G12-Flower-icon.png" alt="C_ON">
C_OFF:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/64/G12-Flower-Lotus-icon.png" alt="C_OFF">
C_ON_RES:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/64/G12-Turtle-icon.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/64/G12-Turtle-icon.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/64/G12-Flower-Lotus-icon.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/32/G12-Tweet-icon.png" alt="F_ACTIVE">
F_STATS:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/32/G12-Tweet-icon.png" alt="F_STATS">
A_POST:<span><img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Stickies-icon.png" alt="A_POST"> A_POST</span>
A_REPLY:<span><img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Book-4-icon.png" alt="A_REPLY"> A_REPLY</span>
A_POLLONLY_B:<span><img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Dropbox-icon.png" alt="A_POLLONLY_B"> A_POLLONLY_B</span>
A_LOCKED_B:<span><img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Box-icon.png" alt="A_LOCKED_B"> A_LOCKED_B</span>
M_REPLY:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/paper-plane-icon.png" alt="M_REPLY"> M_REPLY
M_DELETE:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/broom-minus-icon.png" alt="M_DELETE"> M_DELETE
M_ADDMEM:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/animal-dog-icon.png" alt="M_ADDMEM"> M_ADDMEM
M_UNREAD:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/mail-icon.png" alt="M_UNREAD">
M_READ:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/mail-open-icon.png" alt="M_READ">
B_PIN:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Important-icon.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Web-Safari-icon.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Mail-2-icon.png" alt="B_NEW">
B_NORM:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Mail-icon.png" alt="B_NORM">
B_HOT:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Notepad-icon.png" alt="B_HOT">
B_HOT_NN:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Messaging-icon.png" alt="B_HOT_NN">
B_POLL:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Flower-Seed-icon.png" alt="B_POLL">
B_POLL_NN:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Document-icon.png" alt="B_POLL_NN">
B_MOVED:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Watercan-icon.png" alt="B_MOVED">
B_LOCKED:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/48/G12-Box-icon.png" alt="B_LOCKED">
NEW_POST:<img src="http://img.forumfree.net/style_images/52/newpost.png" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/24/G12-Load-Up-icon.png" width="24" height="24" alt="Top">
THUMBS_DOWN:<img src="http://icons.iconarchive.com/icons/raindropmemory/down-to-earth/24/G12-Load-Down-icon.png" width="24" height="24" alt="THUMBS_DOWN">
P_DELETE:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balloon-minus-icon-icon.png" alt="P_DELETE"> P_DELETE
P_EDIT:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balloon-pencil-icon-icon.png" alt="P_EDIT"> P_EDIT
P_QUOTE:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balloon-quotation-icon.png" alt="P_QUOTE"> P_QUOTE
P_MSG:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/mail-icon.png" alt="P_MSG"> P_MSG
P_EMAIL:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/mail-at-sign-icon.png" alt="P_EMAIL"> P_EMAIL
P_CONTACTS:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/quill-icon.png" alt="P_CONTACTS"> P_CONTACTS
P_WEBSITE:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/gear-icon.png" alt="P_WEBSITE"> P_WEBSITE
EMOTICONS:http://i.imgur.com/9rUw0wa.png
EMOTICONS2:http://i.imgur.com/3yWDTzk.png
LOADING:http://i.imgur.com/xHsrQLa.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/paper-clip-small-icon.png
ONLINE:Online
OFFLINE:Offline
ANONIMO:Anonimo
P_UP:<img src="http://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top">
F_UP:<img src="http://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top">
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://img.forumfree.net/style_images/avatar_nn.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://img.forumfree.net/style_images/avatar_nn2.png" width="50" height="50" alt="Bot">

http://colourlovers.com.s3.amazonaws.com/images/patterns/4394/4394661.png

Utenti: http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/animal-dog-icon.png
Aiuto: http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/clock-icon.png

//

<!-- credits -->
<div style="background:linear-gradient(#2B333E, #232522); width: 650px; height: 29px; color:#737D8B; line-height:15px; padding-top:5px; border-bottom: 2px solid #7496A4">Sul far della notte, skin by <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=6033292">Caeles</a> & <a href="http://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">pandabea»</a>, thanks to &#9734; <a href="http://www.iconarchive.com/">Icon Archive</a> &#9734; <a href="http://www.colourlovers.com/palette/2734131/Snowy_owl">Colour Lovers</a></div>

<br>

/* SKIN BY PANDA &#9829; e riccio! non rimuovere i credits! */

body {font: 76%/1.6em; color: #737D8B; background-color: #FFF; background-position: bottom; font-family: 'Carrois Gothic'}
a {text-decoration: none; color: #DBF0F5; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s eas}
a:hover {color: #B0D1DA; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

.nav, .nav li {font-size: 15px; font-weight: bold; letter-spacing: .05em; font-style: italic}


.footer {margin: 12px auto; font-size: 13px; color: #999}
.footer a {color: #FFF}

/* latin */
@font-face {font-family: 'Carrois Gothic';
font-style: normal;
font-weight: 400;
src: local('Carrois Gothic'), local('CarroisGothic-Regular'), url(http://fonts.gstatic.com/s/carroisgothic/v4/GCgb7bssGpwp7V5ynxmWy-RYAdd4IhfhHjBEc43Trp8.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}

/* latin */
@font-face {font-family: 'Abel';
font-style: normal;
font-weight: 400;
src: local('Abel'), local('Abel-Regular'), url(http://fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000}



/* LOGO senza cornice */
.logo {margin: 0 0 30px 0} .logo a:hover {border: 0}


/* LOGO con cornice */
.header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}
.header, .header a {border-radius: 10px}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .4)}
.header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* DIMENSIONI FORUM */
.skin_tbl_width, .stats .border, .header_width {width: 100%}



/* MENU principale */
.menuwrap {font-size: 12px}
.menuwrap.alternative {background: #333}

.menuwrap li {line-height: 2.6em}

.menuwrap a {margin: 0; padding: 0 11px; font-size: 14px; color: #2B333E}
.menuwrap a:hover {color: #B0D1DA; border: 0}
.menuwrap .icon a {padding: 0 6px}
.menuwrap {background: #F9FFFF; border: 2px solid #2B333E; width: 950px; margin-top: 2px}


#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

/*Menù DROPDOWN FFMAGAZINE*/
.menuwrap > .left > li:first-child > a > .avatar {line-height: normal; overflow: hidden; width: 26px; height: 26px; position: absolute; margin-top: 3px; z-index: 9; border: none}
.menuwrap > .left > li:first-child > a > .avatar img {border: none !important}
.menuwrap > .left > li:first-child > ul {z-index: 1}
.menuwrap .nick {margin-left: 3.6em !important}

/* esci e news */
.menuwrap b {color: #2B333E}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 5px; color: #F9FFFF; text-shadow: none; background: #B0D1DA; border-radius: 0; -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.menuwrap em:hover {border-radius: 10px; -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #B0D1DA}

.menu ul {width: 15em; background: linear-gradient(#F9FFFF,#DBF0F5); font-size: 13px !important; border: 1px solid #2B333E; border-top: none; padding-bottom: 2px}

.right .menu ul {margin-left: -2em}

.menu li {padding: 3px 8px; line-height: 1.4em; text-shadow: none; padding-bottom: 0}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #2B333E !important}
.menu li a {font-size: 14px !important}
.menu li a:hover, .menu li:hover > a {color: #F9FFFF !important; background: #B0D1DA; border-radius: 5px; -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.left .icon:first-child ul, .left .submenu ul {border-left: none !important}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 13px}
.menuwrap label:hover {color: #FBFBF2}

.menuwrap input {padding: 3px; font: 12px tahoma; padding-right: 20px; color: #F9FFFF; background: #2B333E; border: 1px solid #2B333E; border-radius: 2px; box-shadow: 0 0 0 #}
.menuwrap input:hover {cursor: pointer; background: #DBF0F5; color: #B0D1DA}
.menuwrap input:focus {cursor: default; background: #F9FFFF; color: #2B333E; outline: none; box-shadow: 0 1px 5px #}

.menuwrap input[type=submit] {padding: 2px; border: 1px solid rgba(0, 0, 0, .5); box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.menuwrap input[type=submit]:hover {color: #FBFBF2; background: #645F5B}


/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #F9FFFF; background: #2B333E url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%}
.menuwrap .search input:hover {background: #DBF0F5; color: #B0D1DA}
.menuwrap .search input:focus {background: #F9FFFF; color: #2B333E; background-position: 96.5% 110%}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 30px; background: linear-gradient(#2B333E,#232522); border: 2px solid #7496A4; border-radius: 3px}
.container, .tabs.top, .tabs.bottom {max-width: 842px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}

/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}

.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border-radius: 0; border: 2px solid #7496A4; font-size: 11px;
-webkit-transition-property: perspective; -webkit-transition-duration: 1s; -moz-perspective: 400; -moz-transform-style: preserve-3d; -moz-transition-property: perspective; -moz-transition-duration: 1s; -o-perspective: 400; -o-transform-style: preserve-3d; -o-transition-property: perspective; -o-transition-duration: 1s}
.tabs a:hover {color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border-radius: 10px 10px 0 0; border-bottom: 1px solid #7496A4;
-webkit-perspective: 400; -moz-perspective: 400; -o-perspective: 400}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border-radius: 5px 0 0 5px; margin-bottom: 3px; border: 2px solid #7496A4; font-size: 11px; border-right: 3px solid #7496A4}
.tabs.left.no_rotate a:hover {color: #2B333E; border-right: 1px solid #7496A4; border-radius: 8px 0 0 8px}
.tabs.right.no_rotate a {margin: 0; padding: 2px 10px; text-decoration: none; margin-bottom: 3px; color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border: 2px solid #7496A4; font-size: 11px; border-radius: 0 5px 5px 0; border-left: 3px solid #7496A4}
.tabs.right.no_rotate a:hover {color: #2B333E; border-left: 1px solid #7496A4; border-radius: 0 8px 8px 0}

/* tabs laterali ruotati*/
.tabs.right.rotate a {padding: 2px 10px; text-decoration: none; color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border: 2px solid #7496A4; font-size: 11px}
.tabs.right.rotate a:hover {color: #2B333E; border-bottom: 1px solid #7496A4}
.tabs.left.rotate a {padding: 2px 10px; text-decoration: none; color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border: 2px solid #7496A4; font-size: 11px}
.tabs.left.rotate a:hover {color: #2B333E; border-bottom: 1px solid #7496A4}

/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {display: block; padding: 2px 10px; font-size: 11px; color: #2B333E; background: linear-gradient(#DBF0F5,#F9FFFF); border: 2px solid #7496A4; border-top: 3px solid #7496A4}
.tabs.bottom a:hover {color: #2B333E; border-radius: 0 0 10px 10px; border-bottom: 1px solid #7496A4}

/* TABS disposti attorno il container */

/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 32px}

/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 23px; padding: 0 105px}



/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro */
#tab_r1 a {background: #; border-color: #; color: #}
#tab_r1 a:hover {background: #}

#tab_r2 a {background: #; border-color: #; color: #}
#tab_r2 a:hover {background: #}


/* HOMEPAGE */
.board .skin_tbl {margin: 0 auto 1.5em; width: 100%}
.skin_tbl {border-bottom: 2px solid #7496A4; background: #232522; font-size: 14px; border-radius: 10px 10px 0 0}
.mainbg {border-left: 2px solid #7496A4; border-right: 2px solid #7496A4; border-radius: 0; background: #232522 !important}

.mback {background: transparent !important; height: 25px !important}
.mback_left {width: 268px; background-image: url(http://i.imgur.com/D5NWDN2.png); background-position: right bottom; background-repeat: no-repeat}
.mback_center {background-image: url(http://i.imgur.com/UiGrA3m.png); background-position: bottom; background-repeat: repeat-x}
.mback_right {width: 268px; background-image: url(http://i.imgur.com/cZ5s8lb.png); background-position: left bottom; background-repeat: no-repeat}

.mtitle {text-align: center; font: 15px; font-weight: normal; color: #B0D1DA; background: transparent !important; height: 33px; line-height: 33px}
.title, .darkbar {background: linear-gradient(#2B333E, #232522) !important; font-weight: normal; font-size: 13px; color: #F9FFFF}
.title a, darkbar a {color: #F9FFFF !important}
.title a:hover, darkbar a:hover {color: #B0D1DA !important}

/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {background: #232522}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #232522}

.big_list > * {background: #232522}
.big_list > *:nth-child(even) {background: #232522}

.board .big_list .yy {text-align: right}
.board .big_list .where {font-weight: normal}
.board .when, .forum .when {font-size: 1em}

.board .off .aa, .board .off img {opacity: .8}
.board .off:hover .aa, .board .off:hover img {opacity: 1}

/* fix per Opera */
.board .off .aa {min-height: 48px}

.board .on {border: #232522}
.board .on:hover {background: #232522}
.board .on:nth-child(even):hover {background: #232522}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.annuncio {background: linear-gradient(#B0D1DA,#DBF0F5)}
.annuncio a {color: #232522 !important}
.annuncio:nth-child(even) {background: linear-gradient(#B0D1DA,#DBF0F5)}
.importante {background: linear-gradient(#DBF0F5,#F9FFFF)}
.importante:nth-child(even) {background: linear-gradient(#DBF0F5,#F9FFFF)}
.importante a {color: #232522 !important}

/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #232522 !important; background: #DBF0F5 !important}
.focus:nth-child(even) {color: #232522 !important; background: #DBF0F5 !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #2B333E !important}


.web {font-size: 21px; font-weight: bold; font-family: 'abel'}
.web a:hover {font-style: bold; padding: 4px}
.desc {font-weight: normal; line-height: 0.98em; font-size: 14px !important}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
.cp .tabs .current a {font-weight: bold; background: #F9FFFF; color: #2B333E; border-top: 3px solid #B0D1DA; border-radius: 10px 10px 0 0; border-bottom: 0; border-left: 0; border-right: 0}

/* edit avatar */
.tabs2 div:hover {background: #DBF0F5}
.tabs2 .current div {background: #F9FFFF !important}

/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

/* INBOX: lista messaggi privati */
#msg .cp .web {font-size: 18px}
#msg .cp .post {background: #F5F5F5}


/* RISPOSTA */
#loading .top, .summary .list .top {color: #; border-bottom: 0 solid #}
#loading .bottom, .summary .list .bottom {border-top: 0 solid #}

.fast.send .sunbar {font-weight: normal; font-size: 13px; text-shadow: none; background: #}
.fast.send .sunbar.mainbg {background:}
.darkbar .forminput, .fast.send .forminput {background:}
.fast.send .mainbg {background: #F5F2DC}



.sunbar {text-align: center; font-size: 14px; font-weight: normal; background: #F9FFFF}
.sunbar.top {background: #F9FFFF}
.sunbar.bottom {border-radius: 0 0 5px 5px}
.sunbar a {color: #}
.sunbar a:hover {border-bottom-color: #}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top:}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 12px}
.summary .quote, .summary .code {font-size: 11px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #F9FFFF; height: 15px; line-height: 15px; font-size: 10px; border-radius: 0; border: #B0D1DA solid 1px}
.bar div {background: #B0D1DA; border-radius: 0}
.max .bar {background: #DBF0F5; color: #232522}
.max .bar div {background: #B0D1DA; color: #F9FFFF}


/* DISCUSSIONI */
.topic .mtitle {font-weight: bold; padding-left: 5px}
.topic .mdesc {font-weight: normal}

.post {background: #232522}
.post:first-child {border: 0}
.post:nth-child(even) {background: #232522}

.post .center .left {padding: 0 10px}
.post .center .right {padding: 5px}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}

.color {line-height: 1.3em; text-align: justify; padding-right: 2px;
padding-left: 2px; color: #737D8B; font-size: 10pt}
.color a {color: #7496A4}
.color a:hover {color: #A5C1CC}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, 0.25)}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #7496A4}

.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-size: 18px}

/* avatar e dettagli */
.post .details {position: relative; font-size: 12px; background: #F9FFFF; border: 2px solid #B0D1DA}
.avatar:hover {border:}
.post .avatar {margin-top: 3px; margin-bottom: 3px; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-radius: 80px 100px / 100px 80px}
.post .avatar:hover {margin-top: 3px; position: relative; -webkit-transition: all 1s ease; border-radius: 20px; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(176, 209, 218, 0.4)}
.details p:first-line {font-weight: bold}
.detalis p {height: 1px !important}
.details p:hover {height: auto !important}
.box_visitatore .details p {border-radius: 5px}

.post .avatar img {border-radius: 80px 100px / 100px 80px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background: none repeat scroll 0% 0% #2B333E; padding-top: 3px; padding-bottom: 3px}
.post .avatar:hover img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-radius: 100px 80px / 80px 100px}

.sidebox .avatar img {border-radius: 80px 100px / 100px 80px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background: none repeat scroll 0% 0% #2B333E; padding-top: 3px; padding-bottom: 3px}
.sidebox .avatar:hover img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-radius: 100px 80px / 80px 100px}


/* online, offline, anonimo */
.u_status {position:relative; bottom: 9px; padding: 0 4px; line-height: 15px; font-size: 10px !important; font-weight: bold; border-radius: 5px}
.u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 0; height: 0; border-radius: 3px 0 0 0}

.box_online .u_status {border: 1px solid #2B333E; background: #F9FFFF; color: #B0D1DA}
.box_online .u_status dt {background: #F9FFFF}

.box_offline .u_status {border: 1px solid #2B333E; background: #F9FFFF; color: #DBF0F5}
.box_offline .u_status dt {background: #F9FFFF}

.box_anonimo .u_status {border: 1px solid #2B333E; background: #F9FFFF; color: #2B333E}
.box_anonimo .u_status dt {background: #F9FFFF}


/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.code {padding: 5px; font-weight: normal; color: #2B333E; background: #B0D1DA; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF; text-align: justify}
.quote {padding: 5px; font-weight: normal; color: #F9FFFF; background: #2B333E; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF; text-align: justify}
.spoiler .code {padding: 5px; font-weight: normal; color: #F9FFFF; background: #232522; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF; text-align: justify}

/* 2° livello */
.quote .code, spoiler .quote, .code .code {color: #F9FFFF; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF}
.spoiler .code .code {color: #F9FFFF; background: #2B333E; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF}
.quote .quote {color: #2B333E; background: #F9FFFF; border-left: 3px solid #B0D1DA; border-right: 3px solid #B0D1DA}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #F9FFFF; background: #2B333E; border-left: 3px solid #B0D1DA; border-right: 3px solid #B0D1DA}


/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code {color: #F9FFFF; background: #2B333E; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF}
.quote .quote .quote .code {color: #F9FFFF; background: #2B333E; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF}
.quote .quote .quote .quote {color: #2B333E; background: #F9FFFF; border-left: 3px solid #B0D1DA; border-right: 3px solid #B0D1DA}


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

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #595959; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #595959; content:'«!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #595959; content:'»'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content: none}

/* 2° livello */
.quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
.spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #595959}

/* 3° livello */
.quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
.spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
.quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #595959}

/* 4° livello */
.quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
.spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
.quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
.quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
.quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #595959}


/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}

/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 13px}

.blog .article {background: #232522; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF}
.blog .mainbg {border: none !important}
.blog .article:first-child {padding-top: 0}

.btitle {margin-bottom: 5px; line-height: 1.8em; font-family: 'Carrois Gothic'}
.btitle a {font-size: 20px; color: #F9FFFF}
.btitle a:hover {color: #B0D1DA;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease}

.bdesc {margin-top: 5px; font-size: 16px}
.on .btitle {font-weight: bold}

.article .title2 {color: #}
.article .title2 a {font-weight: normal}

.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: normal}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 56px; font-size: 12px}
.article .top .avatar {position: absolute; top: -2px; left: 5px; border-radius: 100px !important; opacity: 1;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.article .top .avatar:hover img {border-radius: 0; opacity: 0.5;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* DATA ARTICOLI(decommentare per avere il formato calendario) */
/*
.article .top .avatar {display: none}
.article .title2.top {position: relative; padding-left: 54px}
.article .top .avatar {position: absolute; top: -2px; left: 54px}
.article .top .when {position: absolute; top: 0; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; background: url('http://img.forumfree.net/style_images/52/calendar.png') no-repeat center}
.article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
.article .top .when * {width: 100%; position: absolute; left: 0}
.article .top .when .d_day {top: 12px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_month *:first-child {display: block; top: 23px; font-size: 9px; color: #999; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_year {top: -2px; font-size: 8px; color: #FFF}
*/


/* punti, commenti e visite */
.blog .article {margin: 20px}
.article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
.article .top .right a {font-weight: normal}
.article .top .right a:hover {border: 0}
.article .top .right em {display: block; font-weight: bold; font-size: 17px}

.article .color {margin: 5px 0 10px; text-align: justify; line-height: 1.45em; font-size: 13px; padding-right: 2px;
padding-left: 2px}
.article .color .edit {color: #BBB}

.comments .post {padding: 5px 0; background: #232522}
.comments .post:nth-child(even) {background: #232522}
.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {font-size: 18px; word-wrap: break-word; overflow: hidden; width: 110px}
.comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 70px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}


/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: #232522; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF; border-radius: 5px}
.stitle {text-align: center; font-size: 19px; font-weight: normal; color: #F9FFFF; background: transparent !important}
.stitle a {color: #}

.sidebox li {padding: 2px 0}
.sidebox .mainbg {border-left:none; border-right:none}


/* widget calendario */
.side_calendar {padding: 5px; background: #232522; border-left: 3px solid #F9FFFF; border-right: 3px solid #F9FFFF; border-radius: 5px}
.side_calendar .stitle {padding-bottom: 5px; font-size: 21px}
.side_calendar tr {text-align: center; color: #F9FFFF !important; background: #2B333E; font-size: 14px}
.side_calendar td {font-size: 10px; background: #B0D1DA; color: #2B333E !important}
.side_calendar td:nth-child(even) {background: #DBF0F5 !important; color: #2B333E !important}
.side_calendar .current {font-weight: bold; color: #F9FFFF !important; background: #2B333E}

/* widget sondaggio e tagbard */
.sidebox .list {font-size: 10px}

/* widget sondaggio */
.side_poll {padding: 5px 1px 1px 1px}
.side_poll .stitle {padding-bottom: 5px; font-size: 15px; color: #2B333E !important}
.side_poll > .sidebar .reserved {padding: 1px 2%}

/* widget tagboard */
.side_tag {padding: 5px 0 1px 1px}
.side_tag .stitle {padding-bottom: 5px; border-bottom:}

/*Widget amministratore*/
.side_profile {background: #232522; font-size: 12px; color: #F9FFFF !important}
.side_profile p {margin: 0 0 2px 0; padding: 4px 0 6px 0}
.side_profile p:first-line {font-weight: bold}
.side_profile img {opacity: 1}
.side_profile img:hover {opacity: 0.5}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color:}


/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 13px; padding: 0; border-bottom: 0 solid #F9FFFF; background: #232522}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {color: #}
.tag .ww {background-color: #232522}
.tag li, .side_tag li {text-align: left; padding: 2px; font-size: 14px}


/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}


/* STATISTICHE */
#board .stats {margin-top: 20px}
#board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background-image: none; border: 0; border-radius: 0; display: none}
#board .stats .top .mback {border-radius: 5px 5px 0 0; display: none}

#board .stats .skin_tbl.top {width: 48%; float: left; border-left: none}
#board .stats .skin_tbl.bottom {width: 50%; margin-left: 50%; border-bottom: none}
#board .stats .skin_tbl.top .mainbg {overflow: auto; height: 105px}
#board .stats .skin_tbl.bottom .mainbg {overflow: auto; height: 105px}



/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content: none}
.users a:hover {border-bottom: #}
.groups a:hover, a span.utente:hover, a span.da convalidare:hover {border-bottom: 1px dashed #}
.groups a:hover {text-shadow: none !important}
.groups dd:after {content: "]"}
.groups dd:before {content: "["}

/* COLORI UTENTI GRUPPI*/
.box_visitatore .details {border: 0; background: transparent}

.daconvalidare {font-style: italic}

.amministratore {color: #4A4B4A; font-weight: bold}
.box_amministratore .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.moderatore {color: #A9908C; font-weight: bold}
.box_moderatore .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.utente {color: #A5C1CC; font-weight: bold}
.box_utente .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.gruppo1 {color: #4A4B4A; font-weight: bold}
.box_gruppo1 .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.gruppo2 {color: #808180; font-weight: bold}
.box_gruppo2 .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.gruppo3 {color: #404751; font-weight: bold}
.box_gruppo3 .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.gruppo4 {color: #B0D1DA; font-weight: bold}
.box_gruppo4 .details {background: #F9FFFF; border: 2px solid #B0D1DA}

.gruppo5 {color: #DBF0F5; font-weight: bold}
.box_gruppo5 .details {background: #F9FFFF; border: 2px solid #B0D1DA}


/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px; background: #888; border: 1px solid #DDD; border-radius: 5px}
.reg .skin_tbl {border: 0}


/* AVVISI */
/* pop up */
.popup > div {background: #2B333E}
.popup {z-index: 9; display: none; width: 300px; border: solid 10 px rgb(); border-radius: 0}
#redirect .info {border: 1px solid #F9FFFF}

.navsub .info {font-size:}
.alert, .info {border-radius: 0}
.alert {padding: 1em; background: linear-gradient(#2B333E, #232522)!important; color: #7496A4 !important; border-radius: 5px; border: 2px solid #F9FFFF}
.info {padding: 0.5em; background: linear-gradient(#2B333E, #232522)!important; border: 2px solid #F9FFFF}
.alert a, .info a {font-weight: bold !important}


/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px; margin-right: 11px}
.profile h2 {margin-top: 1.5%; padding: 10px; background: linear-gradient(#2B333E,#232522)}
.profile .nick {line-height: 1em; margin: 5%; font-size: 20px; font-weight: bold; text-shadow: none; color: #F9FFFF; text-transform:uppercase}
.profile dl {font-size: 12px}


/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {background: #232522; border-right: 3px solid #F9FFFF !important; border-left: 3px solid #F9FFFF !important; border-bottom: none !important}
.profile .left {position: relative}
.signature {width: 90%; overflow: auto}


/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content: none}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}

/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; text-shadow: none !important; background: #F9FFFF; color: #2B333E !important; border-color: #2B333E}
.pages2 a:hover {opacity: .9; background: #DBF0F5; color: #7496A4 !important}

/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}

.pages {font-size: .8em}

.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content: none}

.pages li a, .pages .current {padding: 2px 5px; font-size: 0.9em; background: #F9FFFF; color: #2B333E; border-color: #2B333E}
.pages li a:hover {background: #DBF0F5; color: #7496A4}
.pages .current {font-size: 0.9em; color: #F9FFFF; background: #2B333E; border: 1px solid #F9FFFF; font-weight: normal}

.pages .jump a, .pages .lastpost a {font-size: .9em; background: #F9FFFF; color: #2B333E; border-color: #2B333E}
.pages .jump a:hover, .pages .lastpost a:hover {background: #DBF0F5; color: #7496A4; text-shadow: none !important; border-color: #2B333E}

.pages .first a, .pages .last a {background: #F7F6EA; border-color: #A9908C}
.pages .first a:hover, .pages .last a:hover {background: #FBFBF2; border-color: #A9908C}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font: 0.92em; color: #737D8B; background: #323643; border: 2px solid #7496A4}
.textinput, .codebuttons, .forminput {background: #252623; border: 2px solid #F9FFFF}

textarea.textinput {padding: 4px; line-height: 0.98em; font-size: 1em; font-family: 'Carrois Gothic'; background-color: #393A38}
/*.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: rgba(9, 88, 46, 0.75); box-shadow: 0 0 8px rgba(162, 213, 186, 0.9)} */

/* bbcode */
.codebuttons {padding: 2px}
.codebuttons:hover {background: #393A38; border: 2px solid #F9FFFF; border-radius: 3px; color: #737D8B}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {background: none repeat scroll 0% 0% #F9FFFF; padding: 0; box-shadow: none !important; color: #2B333E; border: 2px solid #B0D1DA}
.sunbar .forminput:hover {background: none repeat scroll 0% 0% #F9FFFF; color: #2B333E; border: 2px solid #B0D1DA}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {color: #; background: #; border: #}
.navsub .forminput:hover, .navsub .forminput:focus {background: #}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; background: #}
.title .forminput:hover {background: #}
.title input.forminput {background: #F9FFFF; border: 1px solid #B0D1DA !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.title input.forminput:hover {background: #2B333E; color: #F9FFFF; border: 1px solid #F9FFFF !important}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {background: none repeat scroll 0% 0% #FBFBF2;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #2B333E; color: #F9FFFF; border: 1px solid #2B333E !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.darkbar .forminput, .fast.send .forminput {padding: 5px;
font-size: 12px; border: 1px solid #2B333E !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

.darkbar input.forminput, .fast.send input.forminput {background: #DBF0F5;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* bottone preview */
.darkbar button.forminput {color: #B0D1DA; background: #F9FFFF;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.darkbar button.forminput:hover {color: #F9FFFF; background: #B0D1DA;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}

/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}

/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {background: #F9FFFF; color: #2B333E; padding: 3px 9px; font-size: 14px; border-radius: 0 !important; border: 1px solid #2B333E; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s}
.buttons span:hover {background: linear-gradient(#2B333E, #232522) !important; border-radius: 10px !important; color: #F9FFFF; border: 1px solid #F9FFFF}

/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}

/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}

/* scritta multiquote */
.title2 label {font-weight: bold}

A_STAR:<img src="http://icons.iconarchive.com/icons/areskub/seize/16/Star-empty-icon.png" alt="">
FEMALE_STAR:<img src="http://icons.iconarchive.com/icons/areskub/seize/16/Star-empty-icon.png" alt="">
MALE_STAR:<img src="http://icons.iconarchive.com/icons/areskub/seize/16/Star-empty-icon.png" alt="">
F_NAV:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/star-empty-icon.png" alt="F_NAV">
F_NAV_SEP:<img src="http://img.forumfree.net/style_images/52/nav_sep.png" alt="F_NAV_SEP">
C_ON:<img src="http://icons.iconarchive.com/icons/jordanfc/halloween/48/castle-icon.png" alt="C_ON">
C_OFF:<img src="http://icons.iconarchive.com/icons/jordanfc/halloween/48/bat-icon.png" alt="C_OFF">
C_ON_RES:<img src="http://icons.iconarchive.com/icons/jordanfc/halloween/48/castle-icon.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://icons.iconarchive.com/icons/jordanfc/halloween/48/cat-icon.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://icons.iconarchive.com/icons/jordanfc/halloween/48/broom-icon.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://icons.iconarchive.com/icons/wefunction/woofunction/32/star-off-icon.png" alt="F_ACTIVE">
F_STATS:<img src="http://icons.iconarchive.com/icons/wefunction/woofunction/32/star-off-icon.png" alt="F_STATS">
A_POST:<span>A_POST</span>
A_REPLY:<span>A_REPLY</span>
A_POLLONLY_B:<span>A_POLLONLY_B</span>
A_LOCKED_B:<span><img src="http://icons.iconarchive.com/icons/icojam/blueberry-basic/32/lock-icon.png" alt="A_LOCKED_B"> A_LOCKED_B</span>
M_REPLY:<img src="http://img.forumfree.net/style_images/52/user_comment.png" alt="M_REPLY"> M_REPLY
M_DELETE:<img src="http://img.forumfree.net/style_images/52/user_delete.png" alt="M_DELETE"> M_DELETE
M_ADDMEM:<img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/book-open-icon.png" alt="M_ADDMEM"> M_ADDMEM
M_UNREAD:<img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Project-icon.png" alt="M_UNREAD">
M_READ:<img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Project-2-icon.png" alt="M_READ">
B_PIN:<img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Fav-Empty-icon.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://icons.iconarchive.com/icons/janik-baumgartner/woocons/32/Checkbox-Empty-icon.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://icons.iconarchive.com/icons/wefunction/woofunction/32/comment-page-icon.png" alt="B_NEW">
B_NORM:<img src="http://icons.iconarchive.com/icons/wefunction/woofunction/32/comment-icon.png" alt="B_NORM">
B_HOT:<img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Comment-icon.png" alt="B_HOT">
B_HOT_NN:<img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Conversation-icon.png" alt="B_HOT_NN">
B_POLL:<img src="http://icons.iconarchive.com/icons/icojam/blueberry-basic/32/tag-white-icon.png" alt="B_POLL">
B_POLL_NN:<img src="http://icons.iconarchive.com/icons/icojam/blueberry-basic/32/tag-gray-icon.png" alt="B_POLL_NN">
B_MOVED:<img src="http://icons.iconarchive.com/icons/fasticon/essential-toolbar/32/wizard-icon.png" alt="B_MOVED">
B_LOCKED:<img src="http://icons.iconarchive.com/icons/icojam/blueberry-basic/32/lock-icon.png" alt="B_LOCKED">
NEW_POST:<img src="http://img.forumfree.net/style_images/52/newpost.png" alt="NEW_POST">
PAG:<img src="http://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
CAT_IMG:<img src="http://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
THUMBS_UP:<img src="http://i.imgur.com/VzC7OLN.png" width="16" height="16" alt="Top">
THUMBS_DOWN:<img src="http://i.imgur.com/OMdcJaP.png" width="16" height="16" alt="THUMBS_DOWN">
P_DELETE:<img src="http://img.forumfree.net/style_images/52/comment_delete.png" alt="P_DELETE"> P_DELETE
P_EDIT:<img src="http://img.forumfree.net/style_images/52/comment_edit.png" alt="P_EDIT"> P_EDIT
P_QUOTE:<img src="http://icons.iconarchive.com/icons/graphicrating/koloria/16/Conversation-icon.png" alt="P_QUOTE"> P_QUOTE
P_MSG:<img src="http://img.forumfree.net/style_images/52/p_msg.png" alt="P_MSG"> P_MSG
P_EMAIL:<img src="http://img.forumfree.net/style_images/52/email.png" alt="P_EMAIL"> P_EMAIL
P_CONTACTS:<img src="http://icons.iconarchive.com/icons/icojam/blueberry-basic/32/options-2-icon.png" width="16" height="16" alt="P_CONTACTS"> P_CONTACTS
P_WEBSITE:<img src="http://icons.iconarchive.com/icons/fasticon/essential-toolbar/16/web-icon.png" alt="P_WEBSITE"> P_WEBSITE
EMOTICONS:http://i.imgur.com/eDkBkaJ.png
EMOTICONS2:http://i.imgur.com/G4JdSCI.gif
LOADING:http://i.imgur.com/rcxr0OR.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://img.forumfree.net/index_file/attachment.png
ONLINE:Online
OFFLINE:Offline
ANONIMO:Anonimo
P_UP:<img src="http://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top">
F_UP:<img src="http://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top">
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
AVATAR_DEFAULT:<img src="http://img.forumfree.net/style_images/avatar_nn.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="http://img.forumfree.net/style_images/avatar_nn2.png" width="50" height="50" alt="Bot">