::selection {color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, .1) !important; background: #B37B97}::-moz-selection {color: #FFF; background: #B37B97; text-shadow: 1px 1px 0 rgba(0, 0, 0, .1) !important}::-webkit-selection {color: #FFF; background: #B37B97; text-shadow: 1px 1px 0 rgba(0, 0, 0, .1) !important}


/* GOOGLE FONTS */

/* latin-ext */
@font-face {font-family: 'Cantata One';
font-style: normal;
font-weight: 400;
src: local('Cantata One'), local('CantataOne-Regular'), url(https://fonts.gstatic.com/s/cantataone/v7/PlI5Fl60Nb5obNzNe2jslWxNvcGAfA.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Cantata One';
font-style: normal;
font-weight: 400;
src: local('Cantata One'), local('CantataOne-Regular'), url(https://fonts.gstatic.com/s/cantataone/v7/PlI5Fl60Nb5obNzNe2jslWxDvcE.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}


body {font-family: calibri; font-size: 10pt; color: #444; background: #EBE9EA; background-attachment: fixed}
a {text-decoration: none; color: #9C7F8D; transition: all 1s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition-duration: 0.7s}
a:hover {color: #AFB29D; transition: all 1s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition-duration: 0.7s}


.nav {font: italic 15px calibri; 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} .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%}


/* MENU principale */
.menuwrap {background-color: #817078; border: 1px solid #8E7C84; box-shadow: 0 0 0 1px #715D66, 0 0 0 2px #615259 !important; width: 950px}

.menuwrap li {line-height: 2.6em; color: #AAA}

.menuwrap a {margin: 0; padding: 0 4px; font-size: 11px; color: #AAA}
.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}

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

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 0 7px; color: #56695C; text-shadow: none; background: #E3D8DD !important; font-size: 9px; border-radius: 20px; font-family: arial; margin-top: 4px !important; margin-left: 15px !important; position: absolute; font-weight: bold; height: 20px; line-height: 20px}

.menuwrap em:before {content:""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #E3D8DD; border-bottom: 7px solid transparent; margin: 3px 0 0 -11px}


/* fix login veloce */
.guest .menuwrap em {margin-top: -10px !important; margin-left: 200px !important}
li.login, .menuwrap .left > li.login > a {font-size: 10px !important; color: #75B1B2 !important; padding: 2px !important; width: 100px}


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

/* menu a icone by tess */
.menuwrap .left {margin-left: 20px}
.menuwrap .left > li > a {font-size: 0; border: 0; color: transparent; margin: 3px 7px; line-height: 30px !important; background: url('https://i.imgur.com/UDBNfvS.png') no-repeat center, #817078; width: 18px; height; 18px}
.menuwrap .left > li > a:hover, .menuwrap .left > li:hover > a {background: url('https://i.imgur.com/0BnzD0c.png') no-repeat center, #817078}


/* AVATAR*/
.menuwrap > .left > li:first-child > a > .avatar {top: 100%; line-height: normal; z-index: 9 !important; position: absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; width: 100px; height: 100px; left: 40px; opacity: 0; padding: 4px; background: url(https://i.imgur.com/YKFjzX1.png), #D3E7D9; border: 2px solid rgba(0, 0, 0, .1); border-radius: 5px}
.menuwrap > .left > li:first-child:hover > a > .avatar {opacity: 1; left: 40px; top: 20px}

/* MENU contestuale(dropdown) */

.menu ul {width: 15em; padding: 10px 4px; background: url(https://i.imgur.com/YKFjzX1.png), #D3E7D9; border: 2px solid rgba(0, 0, 0, .1); border-radius: 5px}

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

.menu li {padding: 0; line-height: 1.2em; background: #FAFAFA; text-shadow: none}
.menu li strong {padding: 3px 8px; color: #AA8F9C; font: 12px constantia; font-variant: small-caps; text-transform: lowercase; font-weight: bold; border-bottom: 1px dashed rgba(0, 0, 0, .2)}
.menu li a {padding: 3px 8px !important; font-family: cambria; letter-spacing: 1px; font-style: italic; font-size: 10px; color: # !important; border-bottom: 1px dashed rgba(0, 0, 0, .2) !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease}
.menu li:last-child a {border-bottom: 0 !important}
.menu li a:hover, .menu li:hover > a {color: #75B290 !important; background: #F0ECEC; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {margin-top: -2px}



/* CERCA */
.menuwrap .search input {padding: 3px; padding-right: 19px; background: url('https://i.imgur.com/qf9mtL2.png') no-repeat center, #3D3136; 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; font: 11px cambria; border-radius: 3px}
.menuwrap .search input:hover {background: url('https://i.imgur.com/qf9mtL2.png') no-repeat center, #483B40; -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 {background-color: rgba(0, 0, 0, .4); background-position: 98% 50%; color: #AAA; width: 115px; -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; padding-left: 5px; padding-right: 6px}








/* LARGHEZZA BOARD */
.container {margin: 0 auto; padding: 10px 25px; background: #FFFFFF; border: 2px solid #E3D8DD}
.container, .tabs.top, .tabs.bottom {max-width: 900px}


/* 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: 3px 7px; text-decoration: none; font-weight: bold; background: #FFF; font: 10px calibri; text-transform: uppercase; font-variant: small-caps; letter-spacing: 1px;
border: 0; font-weight: bold}
.tabs a:hover, .tabs .current a {background: #E3D8DD}




/* TABS disposti attorno il container */

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

/* 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: 10px; padding: 0 1px}
.tabs.left.rotate {left: -25px}

/* 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: 0 -6px}







/* HOMEPAGE */
.skin_tbl {margin: 5px 7px; margin-bottom: 22px; padding: 2px; background: url(https://i.imgur.com/YKFjzX1.png), #D3E7D9; border: 2px solid #BAC8B6}
.mainbg {border: 1px solid rgba(0, 0, 0, .15); background: #E1ECDE; padding-top: 2px}
.mback {text-transform: uppercase}
.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}

.minus, .plus {display: none}

.mtitle {text-align: right; padding: 2px 6px; font-size: 9px; font-family: cantata one; font-weight: normal; color: #9C7F8D; text-transform: uppercase; letter-spacing: 0; border-bottom: 2px solid rgba(143, 198, 160, .3); margin: 0 3px; margin-bottom: 2px}

.title, .darkbar {font-weight: bold; font-size: 10px; background: rgba(143, 198, 160, .3)}


/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {border-bottom: 1px solid rgba(0, 0, 0, .05)}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {}

.big_list > * {background: #FAFAFA; margin: 2px !important}
.big_list > *:nth-child(even) {}

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

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


.board .off .aa {min-height: 16px !important}
.board .on {background: #E3D8DD}



/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.forum .annuncio .web a {font-size: 12pt}
.forum .importante .web a {font-size: 10pt}
.forum .importante {font-weight: bold; background: url(https://i.imgur.com/tRb75mQ.png), #E7F3E8}
.forum .annuncio {font-weight: bold; background: url(https://i.imgur.com/tRb75mQ.png), #F9EDF6}
.forum .title.top {border-bottom: 1px dotted rgba(0, 0, 0, .15)}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #61625A !important; background: #EADCE7 !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, .3) !important; box-shadow: inset 0 0 0 2px #FFF; border-radius: 4px 22px/22px 4px}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #61625A !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, .3) !important}
.topic .focus {background: #EADCE7 !important; padding-bottom: 4px; margin-bottom: 5px}


.web {margin-right: 10px; font-size: 14px; text-transform: lowercase; font-weight: bold; font-family: bookman; letter-spacing: 0; margin-top: -3px}
.big_list >*:hover .web {padding-left: 5px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}
.desc {font-family: verdana; color: #888; line-height: 95%; font-size: 7pt; font-style: italic}
.board .on .desc {color: #444 !important}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: #AFB29D; font-style: italic}
.zz {line-height: 90%}

/* ultime disc e stats in riga by fishbone http://fuckyeah.blogfree.net */

.board .title, .board .big_list .mods, .board .aa {display: none}
.board .yy {display: inline-block; float: right; width: 25% !important; border-top: 1px dashed rgba(0, 0, 0, .1); height: 15px; font: 10px constantia; font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase}
.board div.topics, .board div.replies {display: inline}
.board div.replies {padding-left: 20px}
.board .big_list li * {width: 100%; float: center}

.board .bb {display: inline-block; float: left}
.board .big_list li {display: block; padding: 5px; margin: 4px 0}
.board .on {font-weight: none !important}
.board .desc {overflow: auto; font: 10px georgia; font-style: italic; width: auto !important; margin-right: 10px; text-align: justify; padding-right: 6px; color: #555}
.board .big_list > * {border: 0}
.board .big_list .zz * {display: inline; padding: 1px}
.board .zz {height: 15px; overflow: hidden; width: 71% !important; border-top: 1px dashed rgba(0, 0, 0, .1); letter-spacing: 0 !important; text-align: justify !important; font: 11px constantia; font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase}



.board .where, .board .who, .board .when {padding: 4px}

.board .subs {font: 11px cambria !important; text-transform: lowercase; font-variant: small-caps !important}

/* FIX DESCRIZIONI */
.board .big_list li .desc * {width: auto !important}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs, .profile .tabs {text-align: center; margin-bottom: 5px; margin-top: 6px}
.cp .tabs .current a, .profile .tabs .current a {font-weight: bold; background: #EADCE7; border: 2px solid rgba(0, 0, 0, .1); box-shadow: none; text-transform: uppercase; font: 10px calibri !important; text-shadow: none !important}
.cp .tabs a, .profile .tabs a {padding: 4px; color: #8B8C82; box-shadow: none; text-transform: uppercase; font: 10px calibri !important; text-shadow: none !important; background: #E7F2EA; border: 2px solid rgba(0, 0, 0, .1); letter-spacing: 1px !important}
.cp .tabs a:hover, .profile .tabs a:hover {color: #6D535E}
.cp .skin_tbl {border: 3px double #E5E9D0}
/* edit avatar */
.tabs2 div:hover {color: #8CA086}
.tabs2 .current div {padding: 10px4px; color: #666666;
background: #EFDEE7; border: 2px solid rgba(0, 0, 0, .05); border-radius: 3px}



/* RISPOSTA */
#loading .top {margin: 4px 9px !important; border: 2px solid #D3E7D9}
#loading .color {background: #FAFAFA !important}
.summary .list .top {color: #615259; background: #D3E7D9; padding: 3px}
.summary .left {color: #615259; background: #D3E7D9; padding: 3px 5px}

.summary .skin_tbl, #loading .color {border: 2px solid #D3E7D9}
.summary .list > li {background: #FAFAFA; padding-right: 10px}
.summary .list {font-size: 11px}
.summary .reserved {text-align: center; margin-left: 10px}
.summary .color {text-align: left}
.summary .nick {font: 12px; font-wieght: bold; color: #8F9376}

.sunbar, #loading .top, .poll .darkbar {text-align: center; color: #817078; background: #FAFAFA !important; margin: 4px; font: 10px arial; font-weight: bold; text-transform: uppercase}

.sunbar a {color: #817078; border-radius: 4px 22px/22px 4px; padding: 1px 3px; background: #D3E7D9}
.sunbar a:hover {background: #F0ECEC}



/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {height: 13px; line-height: 13px; font-size: 10px; border: 2px solid #FAFAFA; color: #382D31}
.bar div {background: #D8C3D4}
.max .bar div {background: #817078}
.poll .skin_tbl {border: 2px solid #BAC8B6}
.poll .list > * {margin: 2px 4px; padding: 0; background: #E1ECDE; border: 1px solid rgba(0, 0, 0, .05)}
.poll .list > *:first-child {background: #B3CEB6}
.poll .list > *.max {background: #C8E1CB}


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

.post {background: url(https://i.imgur.com/QGWl4HR.png) repeat-x bottom; padding-bottom: 4px}
.post:last-child {border: 0}

.post .bottom {font-size: 11px}

.color {line-height: 130%; padding: 10px; font-family: trebuchet ms; font-size: 8pt}

.color a {color: #B17A96; background: #FAFAFA; border-radius: 4px 22px/22px 4px; padding: 1px 3px}
.color a:hover {border-bottom: 2px dotted}
.color hr {height: 0; border: 0; border-top: 1px dashed rgba(0, 0, 0, .1)}
.edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, .25)}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #A9C7AF}
.color b {font-family: georgia; font-weight: 900}
.color u {color: #719580; border-bottom: 1px dotted #D9C8D2; padding-bottom: 2px; margin-bottom: 2px}
.color i {color: #833C63}
.color del {color: #AAA}


.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 13px; font-family: raleway !important; color: #888; color: rgba(0, 0, 0, .45); padding-top: 6px}
.post .nick a {font-size: 13px; font-family: raleway !important}

/* avatar e altri dettagli */

.post .nick {text-align: right; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 10px; font-family: courier !important; color: #888; color: rgba(0, 0, 0, .45); padding-top: 6px; position: absolute; margin-left: 21px; margin-top: 112px; z-index: 1 !important; width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.post .nick a {font: 10px calibri !important; text-transform: uppercase}
.post .details {position: relative; overflow: visible !important; padding: 3px; font-size: 9px !important; font-family: calibri !important; text-transform: uppercase; color: #777777; letter-spacing: 1px; margin-top: -25px}
.avatar:hover {border: 0}
.post .avatar {margin-top: 0; overflow: hidden; -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; padding: 2px}
.post .avatar img {-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; background: url(https://i.imgur.com/exWuED3.png) no-repeat top left, url(https://i.imgur.com/bzQFj5f.png) no-repeat bottom left, url(https://i.imgur.com/TbcHqIQ.png) repeat-y top left, #FAFAFA; padding: 20px 5px 25px 5px; max-width: 100px !important}

.post .details dl {text-align: center; display: block; padding: 2px 3px}
.box_visitatore .details p {border-radius: 5px}
.details .br_status {display: none}



.u_status, .details .u_reputation, .details .u_scoresystem, .u_group, .u_posts, .u_location, .u_joined {display: block; background: #FAFAFA; margin: 7px auto; padding: 4px 3px; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid rgba(0, 0, 0, .1)}

/* CITAZIONI, SPOILER e CODICI annidati */


/* 1° livello */
.quote {padding: 8px 12px; background: url(https://i.imgur.com/LPdKGPs.png) repeat-y top left, url(https://i.imgur.com/O1guiup.png) repeat-y top right, #D5BFCA; box-shadow: inset 0 0 0 2px #EFDEE7; color: #666 !important; border: 1px solid #C0A4B2; font-family: helvetica; font-size: 11px; line-height: 130%}

.code {padding: 5px 8px; font-size: 8pt; font-weight: normal; background: url(https://i.imgur.com/dw3trx6.png) no-repeat top left, url(https://i.imgur.com/kkt5D3c.png) no-repeat top right, url(https://i.imgur.com/b5K1QVZ.png) no-repeat bottom left, url(https://i.imgur.com/6bORkaw.png) no-repeat bottom right, url(https://i.imgur.com/p9isIwf.png), #FAFAFA; box-shadow: 0 0 0 2px #EFF7EC, 0 0 0 1px #DDD; font-family: courier; letter-spacing: 1px}

.spoiler > div {padding: 12px 6px; font-size: 11px; font-family: arial; line-height: 13px; font-weight: normal; font-style: initial; border: 0 !important; background: none !important; box-shadow: none !important; border: 1px dotted rgba(0, 0, 0, .2) !important}

.spoiler > div.code_top {background: transparent none repeat scroll 0% 0% !important; border: 0 !important; background: url(https://i.imgur.com/PNOeRrG.png) repeat-x bottom !important; outline: 0 none !important; font: 11px trebuchet ms !important; text-transform: uppercase !important; padding: 1px 4px !important; padding-bottom: 6px !important}



.quote_top, .code_top {font-size: 11px; color: #A6949D !important; margin: 1em; background: url(https://i.imgur.com/BZvx9Fb.png) no-repeat top left; padding-left: 20px; padding-bottom: 6px}

/* BLOG */
.blog .skin_tbl {background: transparent; border: 0; box-shadow: none !important}
/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 180px; font-size: 11px}
.blog {margin-top: 25px}

.blog .article {margin-bottom: 45px !important; border: 2px solid #AEBFA9; background: #C9D8C5; border-radius: 3px; padding: 0 5px 5px 5px !important}




.btitle {text-align: center; letter-spacing: 1px; padding-bottom: 7px; font-family: calibri; font-weight: bold; font-variant: small-caps; text-transform: lowercase; display: block; color: #6E5A64}
.btitle, .btitle a {color: #6E5A64 !important}
.bdesc {line-height: 8px !important; color: #777; font: 10px calibri; letter-spacing: 1px}
.board .on .desc {color: #DDD}
.on .btitle {font-weight: bold}
.article .mainbg {border: 0}

.article .title2 a {font-weight: bold}
.article .title2.top .left {padding: 1px 2px; display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis}
.article .title2.top .left dt {display: inline-block; float: left}
.article .title2.top .right {display: inline-block; float: right; padding-top: 5px}
/* è 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; line-height: 12px; margin-top: 10px}
.color .tags {font-size: 11px}

.blog .article .title2, .blog .article .center {margin: 3px}

/* data */
/* spostare 'display: none; ' da '.article .top .avatar' a .article .top .when' per mostrare l'avatar sotto il titolo invece del calendario */
.article .title2.top {position: relative; padding-left: 54px !important}
.article .top .avatar {display: none; position: absolute; top: 2px; left: 5px}
.article .top .when {position: absolute; top: 12px; left: 5px; width: 40px; height: 40px; background-color: #817078; border: 3px solid #6A5B62; border-radius: 0; text-align: center; font-weight: bold; font-size: 7pt; line-height: 103%; font-family: calibri; text-transform: uppercase}
.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: 13px; font-size: 11px; color: #FFF}
.article .top .when .d_month *:first-child {display: block; top: 26px; font-size: 9px; color: #FFF}
.article .top .when .d_year {top: 2px; font-size: 8px; color: #FFF}

/* 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: 18px}

.article .color {margin: 10px; text-align: justify; line-height: 120%; border-top: 2px solid #FAFAFA; border-bottom: 2px solid #FAFAFA}
.article .color .edit {color: #444}
.blog .replies, .blog .views {display: inline-block; margin: 3px; color: #817078 !important; padding: 3px}

.blog .replies, .blog .views {background: #D5E0D2 !important; padding: 2px 6px; font-size: 9px; text-transform: uppercase; border: 2px solid #CAD7C7; border-radius: 3px}



.comments .post {background: #E1ECDE; margin: 5px 4px; border: 2px solid rgba(0, 0, 0, .1)}

.comments .post .title2 {font-size: 11px}
.comments .post .right {padding-left: 1%}
.comments .post .center .left {min-width: 0}
.comments .nick {font-size: 13px; margin-top: 100px}
.comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 100px}
.comments .details {padding-bottom: 6px; width: auto; padding-right: 7px}

.comments .post .center .left {height: auto}


/* BLOG WIDGET */
.sidebox {margin: 0 5px 20px 0 !important; background: url(https://i.imgur.com/dkAlAMQ.png), #EFDEE7; border: 1px solid #CEB1BF; margin: 3px; padding: 5px; border-radius: 3px}
.stitle {text-align: center; font-weight: bold; background: none; padding: 2px 3px; font: 9px calibri !important; color: #FFF; background: #CEB1BF; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #C1A7B3}
.stitle a {color: #FFF !important}
.sidebox .mainbg {background: #FAFAFA; border: 3px solid #EFEFEF; margin: 3px 1px; padding: 5px}
.sidebox li {padding: 2px 5px}
.side_list {margin: -5px !important}
/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > * {border-bottom: 3px double rgba(0, 0, 0, .1); margin: 2px; display: block; padding: 2px}
.side_list > *:last-child {border-bottom: 0 !important}

/* widget calendario */
.side_calendar .stitle {padding-bottom: 5px}
.side_calendar tr {text-align: center}
.side_calendar tr:nth-child(1) td {background: none !important; box-shadow: none !important; border: 0 !important}
.side_calendar tr:nth-child(2) td {background: none !important; box-shadow: none !important; border: 0 !important}
.side_calendar td {font-size: 9px; background: #FDFDFD; border: 1px solid rgba(0, 0, 0, .1); margin: 2px}
.side_calendar .current {font-weight: bold; background: #B8C8BD !important; color: #FFF}

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

.sidebox .groups dd {margin: 6px auto}
.side_tag .list li, .side_poll .list li {color: #0D0D0D; border-bottom: 2px solid rgba(0, 0, 0, .1)}

/* widget profilo */
.sidebox .avatar img {border: 2px solid #FDFDFD; box-shadow: 0 0 0 1px #DDD}

.sidebox .u_reputation, .sidebox .u_scoresystem, .sidebox .u_group, .sidebox .u_posts, .sidebox .u_location, .sidebox .u_joined, .sidebox .u_status {display: block; margin: 7px auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; padding: 2px 4px; font: 10px verdana; text-transform: lowercase; font-variant: small-caps}


/* TAGBOARD e CHAT */
.tag .skin_tbl {background: none; border: 0}
.tag .mainbg {background: none; border: 0}
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 11px; padding: 2px}
.tag .textinput, .side_tag .textinput {font-size: 11px; padding: 1px}
.tag .list > * {margin: 4px; border: 2px solid #BDCFC3; padding: 3px; background: #D0DCCC}
.tag .list > *:nth-child(even) {background: #FAFAFA; border: 2px solid #BDCFC3}
.tag .mback {background: none; border: 0 !important; box-shadow: none}
.tag .mtitle {border: 0; text-align: right; font-size: 9px}
.tag .ww {background: #EFDEE7; border-radius: 3px; border: 2px solid #C0A4B2; margin-top: 5px}
.tag a {color: #8AA292; text-transform: uppercase; font: 11px calibri; font-weight: bold}
.tag .list b {font-family: calibri; color: #814964}
.tag .codebuttons {font-size: 10px !important; text-transform: uppercase; background: #E3D8DD; border: 2px solid rgba(0, 0, 0, .1); color: #90A898; font-weight: bold}
.tag .codebuttons[type=submit]:hover {background: #FAFAFA; color: #90A898}

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


/* STATISTICHE */
#board .stats {padding: 1px; background: #FAFAFA; margin: 10px -25px -10px; border-top: 1px dotted #DDD}
#board .stats .skin_tbl.top {background: transparent !important; margin-bottom: 0 !important; border: 0 !important; padding: 1px}
#board .stats .skin_tbl.bottom {background: transparent !important; border: 0 !important; padding: 1px; margin-bottom: 10px}
#board .stats .mback {border: 0; border-radius: 0; margin: 0; height: 0}
#board .stats .mtitle {color: #682E47 !important; margin: 1px; background: transparent !important; text-align: left}
#board .stats .list >* {color: #847464 !important; line-height: 11px; font-family: calibri; font-size: 11px; text-transform:uppercase}

.stats .aa {display:none}
#board .stats .mainbg {border: 0 !important}
/* 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: 1px dotted #999}


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

.daconvalidare {font-style: italic}
.amministratore {font-weight: bold; font-family: georgia; font-size: 8pt}
.moderatore {font-weight: bold; font-family: georgia; font-size: 8pt}
.gruppo1 {color: #B26B8E !important; font-weight: bold; background: #FAFAFA; border-radius: 4px 24px/24px 4px; padding: 2px}
.gruppo2 {color: #D298CD !important; font-weight: bold; background: #FAFAFA; border-radius: 4px 24px/24px 4px; padding: 2px}
.gruppo3 {color: #6BB290 !important; font-weight: bold; background: #FAFAFA; border-radius: 4px 24px/24px 4px; padding: 2px}
.gruppo4 {color: #94AB9F !important; font-weight: bold; background: #FAFAFA; border-radius: 4px 24px/24px 4px; padding: 2px}
.gruppo5 {color: #69776F !important; font-weight: bold}
.gruppo6 {color: #715E6D !important; font-weight: bold}
.gruppo7 {color: #90BBA6 !important; font-weight: bold}



/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px}


/* AVVISI */
/* pop up */
.popup > div {background: #FFF}
.popup > div a {font: 11px trebuchet ms !important; color: #B48FA1 !important}
#redirect .info {border: 1px solid rgba(0, 0, 0, .2)}

.navsub .info {font-size: .8em}
.info {padding: 1em; background: #FAFAFA; box-shadow: inset 0 0 0 1px #FFF; color: #444 !important; border: 3px double rgba(0, 0, 0, .1); border-radius: 4px}
.alert {padding: 1em; background: #E3DBDB; box-shadow: inset 0 0 0 1px #FFF; color: #444 !important; border: 3px double rgba(0, 0, 0, .1); border-radius: 4px}
.alert a, .info a {color: #111}
.alert a:hover, .info a:hover {text-decoration: overline}

/* PROFILO */


.profile h2 img {margin-top: 3%; padding: 5px 5px 20px 5px; background: url(https://i.imgur.com/dw3trx6.png) no-repeat top left, url(https://i.imgur.com/kkt5D3c.png) no-repeat top right, url(https://i.imgur.com/b5K1QVZ.png) no-repeat bottom left, url(https://i.imgur.com/6bORkaw.png) no-repeat bottom right, #FAFAFA}

.profile .skin_tbl {padding: 5px}
.profile .tabs {margin-bottom: 6px auto}
.profile .nick {line-height: 1em; margin-top: 5px; display: block; color: #817078; font: 16px cambria; font-weight: bold; text-shadow: none}
.profile dl {font-size: 11px}
.profile .list >* {background: #E7F2EA}
.profile .list >*:nth-child(even) {background: #D3E7D9}
.profile .left {position: relative; background: #E7F2EA; padding: 4px 0; width: 20% !important; border: 3px solid #D3E7D9}
.profile .right {border: 3px solid #D3E7D9; padding: 0; margin: 0 10px; width: 76% !important}
.profile .thumbs dd {width: 98%; height: 45px; overflow: auto}
.profile .thumbs dt {background: #FAFAFA; width: 98%}
.profile .avatar img {max-width: 100px}
.profile .mini_buttons a {display: inline-block}
.profile .u_status {width: 120px; float: center}
.details .br_status {display: none}

/* 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 {padding: 2px 6px; background: rgba(0, 0, 0, .06); border-radius: 10px}
.pages2 a:hover {background: #D5BFCA; color: #64716C}

/* 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.2em; background: #E1ECDE; border: 2px solid rgba(0, 0, 0, .05); font: 9px calibri; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px}
.pages li a:hover {background: #D5BFCA; color: #FAFAFA}
.pages .current {color: #FAFAFA !important; background: #C0A4B2 !important}




/* INPUT e BOTTONI */
.codebuttons {padding: 1px 5px; font-size: 7pt; font-family: calibri; background-color: #FFF; color: #666; border: 2px solid #D0DCCC; border-radius: 3px}

.forminput, .textinput {color: #666; padding: 1px; font-size: 10px; font-family: arial; background-color: #FAFAFA; border: 2px solid #D0DCCC; border-radius: 3px}

.codebuttons:hover {border: 2px solid rgba(0, 0, 0, .1); background-color: #817078; color: #FAFAFA}


textarea.textinput {padding: 2px; font-size: 12px; background-color: #FAFAFA; border: 3px solid #D0DCCC; border-radius: 3px; color: #666}





/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255, 255, 255, .3); font-family: arial; font-weight: bold; color: #817078; background: #BAC8B6; border: 2px solid #BAC8B6; padding: 5px 15px; border-radius: 0 !important; box-shadow: inset 0 0 0 2px #E1ECDE; transition: all 1s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition-duration: 0.7s}


.darkbar .forminput:hover, .fast.send .forminput:hover {background: #817078; color: #E1ECDE; text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); border-color: #817078; box-shadow: inset 0 0 0 2px #B299A5}

.buttons {margin: 5px}
.buttons a {margin-left: 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:<i class="fa fa-star"></i>
FEMALE_STAR:<i class="fa fa-star"></i>
MALE_STAR:<i class="fa fa-star"></i>
F_NAV:<i class="fa fa-home"></i>
F_NAV_SEP:<i class="fa fa-caret-right"></i>
C_ON:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="C_ON">
C_OFF:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="C_OFF">
C_ON_RES:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="C_ON_RES">
C_OFF_RES:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="C_OFF_RES">
C_LOCKED:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="C_LINK">
F_ACTIVE:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="F_ACTIVE">
F_STATS:<img src="https://img.forumfree.net/index_file/spacer.gif" width="1" height="1" alt="F_STATS">
A_POST:<img src="https://i.imgur.com/4OvhYGo.png" width="71" height="25" alt="A_POST">
A_REPLY:<img src="https://i.imgur.com/sEXbKkL.png" width="71" height="25" alt="A_REPLY">
A_POLLONLY_B:<img src="https://i.imgur.com/CsxfzsI.png" width="71" height="25" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="https://i.imgur.com/uESRUyZ.png" width="71" height="25" alt="A_LOCKED_B">
M_REPLY:<i class="fa fa-pencil-square-o"></i> M_REPLY
M_DELETE:<i class="fa fa-times"></i> M_DELETE
M_ADDMEM:<i class="fa fa-user-plus"></i> M_ADDMEM
M_UNREAD:<i class="fa fa-folder"></i>
M_READ:<i class="fa fa-folder-open"></i>
B_PIN:<i class="fa fa-star"></i>
B_ANNUNCIO:<i class="fa fa-paper-plane"></i>
B_NEW:<i class="fa fa-folder"></i>
B_NORM:<i class="fa fa-folder-open"></i>
B_HOT:<i class="fa fa-folder-open"></i>
B_HOT_NN:<i class="fa fa-folder-open"></i>
B_POLL:<i class="fa fa-bar-chart"></i>
B_POLL_NN:<i class="fa fa-bar-chart"></i>
B_MOVED:<i class="fa fa-reply"></i>
B_LOCKED:<i class="fa fa-lock"></i>
NEW_POST:<i class="fa fa-plus"></i>
PAG:<i class="fa fa-files-o"></i>
CAT_IMG:<i class="fa fa-file-o"></i>
THUMBS_UP:<i class="fa fa-thumbs-o-up"></i>
THUMBS_DOWN:<i class="fa fa-thumbs-o-down"></i>
P_DELETE:<i class="fa fa-trash"></i>
P_EDIT:<i class="fa fa-wrench"></i>
P_QUOTE:<i class="fa fa-quote-left"></i>
P_MSG:<i class="fa fa-envelope"></i>
P_EMAIL:<i class="fa fa-envelope-o"></i>
P_CONTACTS:<i class="fa fa-mobile"></i>
P_WEBSITE:<i class="fa fa-globe"></i>
EMOTICONS:https://img.forumfree.net/style_images/1/icon1.gif
EMOTICONS2:https://img.forumfree.net/style_images/1/icon11.gif
LOADING:https://img.forumfree.net/index_file/load.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:<i class="fa fa-arrow-up"></i>
F_UP:<i class="fa fa-arrow-up"></i>
F_UP_SHOW:1
C_UP:<i class="fa fa-chevron-circle-up"></i>
AVATAR_DEFAULT:<img src="https://img.forumfree.net/style_images/default_avatar.png" width="50" height="50" alt="Avatar">
AVATAR_BOT:<img src="https://img.forumfree.net/style_images/default_avatar_bot.png" width="50" height="50" alt="Bot">

::selection {color: #9597B6; background: #9D3041; text-shadow: 1px 1px 0 #691A26 !important}::-moz-selection {color: #9597B6; background: #9D3041; text-shadow: 1px 1px 0 #691A26 !important}::-webkit-selection {color: #9597B6; background: #9D3041; text-shadow: 1px 1px 0 #691A26 !important}

body {font: 11px trebuchet ms; color: #727484; background-color: #425573}
a {text-decoration: none; color: #6F9B81; -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 !important}
a:hover {color: #965C80; -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 !important}

/* Roboto font*/
/* cyrillic-ext */
@font-face {font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0460-052f, u+20b4, u+2de0-2dff, u+a640-a69f}
/* cyrillic */
@font-face {font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* greek-ext */
@font-face {font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+1f00-1fff}
/* greek */
@font-face {font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0370-03ff}
/* vietnamese */
@font-face {font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: u+0102-0103, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-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: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.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}


.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} .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%}


/* MENU principale */

.menuwrap .left {position: absolute; top: 40px; left: 20px; width: 20px; height: 20px}
.menuwrap .left li.menu {padding: 2px 5px; border: 1px solid rgba(0, 0, 0, .1) !important; letter-spacing: 0; display: block; margin-bottom: 5px; overflow: hidden}

.menuwrap .left {text-transform: uppercase; font-family: hevetica; margin: 0; display: block; text-shadow: 1px 1px 0 rgba(0, 0, 0, .4)}
.menuwrap .avatar {width: 20px}
.menuwrap .avatar img {padding-left: 0}
.menuwrap a {text-transform: uppercase; font-family: arial; margin: 0; display: block; font: 7.5pt georgia; text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); font-size: 0 !important; color: #C5BEA5}
.menuwrap a:hover {letter-spacing: 1px}
{display: none}


.menuwrap .right {padding-top: 5px; margin-right: 10px}
.menuwrap .right a {margin: 0; font-weight: bold; padding: 0 1px 0 2px; line-height: 2em; font-size: 7pt !important}
.menuwrap .right .menu li a {line-height: 1em !important}
.menuwrap .right .menu li a:hover {line-height: 1em !important}
.right .menu ul {width: 160px; background: #2C2E3D; border: 2px solid #222430}

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

.login {border: 1px solid #030303}
.login {border: 0; position: absolute; margin-left: -64px !important; margin-top: -34px !important}

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

/* numero msg e link REGISTRATI */
.menuwrap em {text-shadow: none; font-size: 12px; margin-left: -3px; margin-bottom: -3px; line-height: 20px; background: #1F2130; color: #E6181E !important; padding: 2px 10px; overflow: hidden}

.menuwrap .nick {text-shadow: none; font-size: 0 !important; letter-spacing: 1px; text-shadow: 1px 1px 0 #000; font-weight: 900; white-space: nowrap; font-family: trebuchet ms; font-variant: normal !important; font-family: courier new; position: absolute; top: -17px; left: 3px; text-transform: lowercase}

.menuwrap .nick:hover, .menuwrap em:hover {color: #555}
.menuwrap form {padding: 0 11px 0 5px}

.menuwrap .left li.menu {background: #1F2130; font-size: 0 !important; width: 20px; height: 20px !important; padding: 3px; border: 1px solid rgba(0, 0, 0, .1) !important; letter-spacing: 0; display: block; padding-right: 4px}

.menuwrap .right li.menu {background: #1F2130; font-size: 0 !important; width: 20px; height: 20px !important; padding: 3px; border: 1px solid rgba(0, 0, 0, .1) !important; letter-spacing: 0; display: inline-block; margin: 0 4px}
.menuwrap .search {background: #1F2130; padding: 3px; padding-top: 4px; border: 1px solid rgba(0, 0, 0, .1) !important}

.menuwrap .left li.menu:nth-child(1) ul {margin-top: -25px}
.menuwrap .left li.menu:nth-child(1) {background: #666884; font-size: 0 !important; width: 20px; height: 20px !important; padding: 3px; border: 1px solid rgba(0, 0, 0, .1) !important; letter-spacing: 0; display: block; padding-right: 4px}

.menuwrap .left li.menu:nth-child(2) {background: url(http://i.imgur.com/hfRNuOT.png) no-repeat center, #1F2130}
.menuwrap .left li.menu:nth-child(3) {background: url(http://i.imgur.com/0HaUHq5.png) no-repeat center, #1F2130}
.menuwrap .left li.menu:nth-child(4) {background: url(http://i.imgur.com/uZHl3k9.png) no-repeat center, #1F2130}
.menuwrap .left li.menu:nth-child(5) {background: url(http://i.imgur.com/5azJ8KW.png) no-repeat center, #1F2130}



/* MENU contestuale(dropdown) */
.left .menu ul {width: 160px; margin-left: 24px; padding-left: 1px; background: #2C2E3D; border: 2px solid #222430}
.left .menu .submenu ul {margin-left: -16px; margin-top: 2px}
.menuwrap .left .menu ul:first-child {margin-top: -200px}
.right .menu ul {margin-left: -2em}
.menu li {text-transform: uppercase; font-size: 8px; letter-spacing: 1px; padding: 2px; text-shadow: none; line-height: 1.2em}
.menu li:last-child {border-bottom: 0}
.menu li strong {padding: 3px 8px; font-family: trebuchet ms; font-weight: 900; text-transform: uppercase; background: #14151D; border: 1px solid rgba(0, 0, 0, .2); color: #9C293F !important}
.menu li a {padding: 3px 8px !important; font-size: 7pt !important; border: 1px solid transparent; letter-spacing: 1px !important; background: rgba(0, 0, 0, .1); font-family: courier new; text-transform: uppercase; color: #965C80 !important}

.menu li a:hover {letter-spacing: 0 !important; box-shadow: inset 200px 0 0 0 #6F9B81 !important; color: #222430 !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)}

/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {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: #555}

.menuwrap input {padding: 1px 3px; font: 11px verdana, arial, sans-serif; color: #999; background: #111; border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, .02)}
.menuwrap input:hover {cursor: pointer; background: #0B281B; color: #999}
.menuwrap input:focus {cursor: default; background: #BDAC75; outline: none; box-shadow: 0 1px 5px rgba(0, 0, 0, .4); color: #111 !important}

.menuwrap input[type=submit] {padding: 2px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .1); color: #888; border-radius: 4px;
background: #001816; 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 {background: #193B2C}


/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #666884; background: #111219; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0}
.menuwrap .search input:hover {color: #888; background-color: #415573}
.menuwrap .search input:focus {color: #F22F2B !important}


/* LARGHEZZA BOARD */
.container {margin: 30px auto; padding: 30px; background: #1F2130; border: 2px solid #1A1C29; border-radius: 0}
.container, .tabs.top, .tabs.bottom {max-width: 860px}



/* 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: 3px 7px; text-decoration: none; font-weight: bold; color: #FFF; background: #2C2E3D; font: 10px tahoma; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px;
border: 1px solid rgba(0, 0, 0, .2); font-weight: bold}
.tabs a:hover, .tabs .current a {background: #C4393F !important}




/* TABS disposti attorno il container */

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

/* 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: 28px; padding: 0 105px}
.tabs.left.rotate {left: -25px}

/* 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 9px}


/* come colorare i tabs attorno il container in modo diverso uno dall'altro */
#tab_r1 a, #tab_l1 a, #tab_t1 a, #tab_b1 a {background: #B2749A}
#tab_r2 a, #tab_l2 a, #tab_t2 a, #tab_b2 a {background: #A97297}
#tab_r3 a, #tab_l3 a, #tab_t3 a, #tab_b3 a {background: #976D91}
#tab_r4 a, #tab_l4 a, #tab_t4 a, #tab_b4 a {background: #826789}
#tab_r5 a, #tab_l5 a, #tab_t5 a, #tab_b5 a {background: #706284}
#tab_r6 a, #tab_l6 a, #tab_t6 a, #tab_b6 a {background: #5C5D7D}
#tab_r7 a, #tab_l7 a, #tab_t7 a, #tab_b7 a {background: #505979}
#tab_r8 a, #tab_l8 a, #tab_t8 a, #tab_b8 a {background: #455775}
#tab_r9 a, #tab_l9 a, #tab_t9 a, #tab_b9 a {background: #56526B}
#tab_r10 a, #tab_l10 a, #tab_t10 a, #tab_b10 a {background: #6A4D63}


/* HOMEPAGE */
.board .skin_tbl {margin: 0; margin-bottom: 30px}
.skin_tbl {background: url(http://i.imgur.com/vOA8zrA.png) no-repeat top left,
url(http://i.imgur.com/TceTaHG.png) no-repeat top right,
url(http://i.imgur.com/YGNOBJw.png) no-repeat bottom left,
url(http://i.imgur.com/8wLxz7T.png) no-repeat bottom right,
url(http://i.imgur.com/EPINe6e.png) repeat-x top,
url(http://i.imgur.com/DJm0bqB.png) repeat-x bottom,
url(http://i.imgur.com/iNBL8XW.png) repeat-y right,
url(http://i.imgur.com/NQu6wxU.png) repeat-y left, #2C2E3D; padding: 15px 6px 6px 6px; border-radius: 4px}


.mback {border-bottom:}
.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}

.minus, .plus {display: none}

.mtitle {text-align: right; padding: 2px; font: 14px georgia; font-weight: bold; color: #41455B; text-shadow: 1px 1px 0 #161823; background: none !important; text-transform: lowercase; font-style:italic; margin-top: -35px}
.title, .darkbar {font-weight: bold; font-size: 10px}

/* RIGHE di COLORE ALTERNATO */

.big_list > * {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, #2C2E3D; padding-top: 3px}
.big_list > *:nth-child(even) {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, #2C2E3D; padding-top: 3px}

.board .aa {width: 3%}
.board .bb {width: 50%}
.board .zz {width: 23%}
.board .yy {width: 15%}

.board .big_list > * .yy {padding: 2px 3px; font: 9px verdana; border: 1px solid rgba(0, 0, 0, .1); text-transform: lowercase; font-variant: small-caps; text-align: right}
.yy em {color: #7290B8}

.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: 22px}

.board .on {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, url(http://i.imgur.com/vpBMEIU.png), #2C2E3D}
.board .on:hover {}
.board .on:nth-child(even):hover {}

/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.forum .annuncio {background: url(http://i.imgur.com/qpoEqs1.png); box-shadow: inset 0 0 0 2px #2C2E3D}

.forum .importante {background: url(http://i.imgur.com/u9F9LTI.png); box-shadow: inset 0 0 0 2px #2C2E3D}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #FFF !important; background: #7191C2 !important; box-shadow: inset 0 0 0 2px #2C2E3D !important}
.focus:nth-child(even) {color: #FFF !important; background: #B8769C !important; box-shadow: inset 0 0 0 2px #2C2E3D !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #FFF !important}
.focus .color {color: #FFF !important}


.web {font: 12px consolas}
.web a:hover {border-left: 5px solid #965C80; padding-left: 5px}
.desc {font-weight: normal; font-size: 10px; font-style:italic}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: #31666E; font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: center}
.cp .tabs .current a {font-weight: bold; color: #FFF}
/* edit avatar */
.tabs2 div {margin: 4px; font: 10px calibri; text-transform: uppercase; letter-spacing: 1px}
.tabs2 div:hover {color: #DBDEF0; background: #A6698D; border: 1px solid rgba(0, 0, 0, .2)}
.tabs2 .current div {background: #7CA590; border: 1px solid rgba(0, 0, 0, .2); color: #CDE5F7}




/* RISPOSTA */
#loading .top, .summary .list .top {color: #666884; border-bottom: 1px solid #20222E}
#loading .bottom, .summary .list .bottom {border-top: 1px solid #3F414C}

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

.sunbar {text-align: center; font-size: 14px; font-family: 'calibri'; font-weight: bold; color: #666884; text-shadow: 0 1px 0 #20222E; margin-top: 5px; background: url(http://i.imgur.com/vpBMEIU.png), #2C2E3D}
.sunbar.top {border-radius: 0}
.sunbar.bottom {border-radius: 0}
.sunbar a {color: #D9F7DF}
.sunbar a:hover {border-bottom-color: #B9D7BF}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top: 1px solid rgba(0, 0, 0, .3); padding: 6px 0}
.summary .list > *:nth-child(odd) {background: rgba(0, 0, 0, .2)}
.summary .list {font-size: 11px}
.summary .quote, .summary .code {font-size: 10px}


/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {height: 18px; line-height: 18px !important; font: 9px calibri; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; color: #D7D7EE !important}
.max .bar div {background: url(http://i.imgur.com/4C4mLCG.png), #A16287; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 0 0 2px rgba(255, 255, 255, .2)}
.bar div {background: url(http://i.imgur.com/4C4mLCG.png), #4E6588; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 0 0 2px rgba(255, 255, 255, .2)}
.poll .sunbar {border-bottom: 1px solid rgba(0, 0, 0, .2)}
.poll .darkbar {text-align: center; background: none; padding: 2px 3px; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, .2); color: #99B3CB}
.poll .list > * {border-bottom: 1px solid rgba(0, 0, 0, .2)}
.poll .list > *:last-child {border-bottom: 0}

.poll li.max {color: #EE2F2E; font-weight: bold}


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

.post {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, #2C2E3D; padding-top: 3px}
.post:first-child {border: 0}
.post:nth-child(even) {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, #282A38; padding-top: 3px}

.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: 120%; color: #888}
.color a {color: #6F9B81; font-weight:bold}
.color a:hover {color: #965C80}
.color i {color: #616370}
.color u {color: #A9A5EC}
.color b {color: #965C80}
.color del {color: #535560}
.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 {border-bottom: 1px dashed #A9C7AF}

.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-style: italic; letter-spacing: 1px; font-family: courier new; font-size: 11px; color: #93BDAF !important; color: rgba(0, 0, 0, .45); background: #9F3042; margin-bottom: -3px; width: 144px; box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2), inset 0 -5px 5px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .2); border-radius: 5px 5px 0 0; border: 1px solid #6C1C2C; padding: 3px; font-weight: bold}


/* avatar e altri dettagli */
.post .details {position: relative; overflow: visible !important; font-size: 9px !important; font-family: calibri !important; letter-spacing: 1px; text-transform: uppercase; color: #777777; background: url(http://i.imgur.com/c1pyOXT.png), url(http://i.imgur.com/YGQjeHw.png), #323446; padding: 6px; width: 138px; border: 1px solid #1D1F2D; box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2), inset 0 -5px 5px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .2)}
.avatar:hover {border: 0}
.post .avatar {margin: 6px 3px; overflow: hidden}
.post .avatar img {border: 1px solid #8C1D23; background: #C83038; box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2), inset 0 -5px 5px rgba(0, 0, 0, .2); border-radius: 4px; padding: 4px; opacity: 1; -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}
.post .avatar img:hover {border-radius: 0 30px 0 30px; -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}
.post .details dl {text-align: center; display: block; padding: 2px 3px; background: url(http://i.imgur.com/4C4mLCG.png), #75A08A; width: 90%; color: #F2F2E1; border: 1px solid #507461; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); margin: 2px auto}
.post .details p {text-align: center; display: block; padding: 2px 3px; background: url(http://i.imgur.com/4C4mLCG.png), #666884; width: 90%; color: #F2F2E1; border: 1px solid #555772; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); margin: 2px auto; text-shadow: 1px 1px 0 #2C2E3D}
.details dl {width: 90%; margin: 2px auto}
.box_visitatore .details p {border-radius: 5px}
.post .details dt {display: none}

/* online, offline, anonimo */
.u_status {padding: 1px 4px; line-height: 19px; font-size: 10px !important; font-weight: bold; width: 100px; margin: auto}

.u_status, .details .u_reputation, .details .u_scoresystem, .u_group, .u_posts, .u_location {display: block; text-shadow: 1px 1px 0 #2C2E3D; margin: 2px 6px; padding: 2px 3px; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}



/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote {background: url(http://i.imgur.com/Dkw0Wux.png) repeat-x top, #1E202C;
padding: 7px; padding-top: 15px; border-radius: 0; font-size: 11px; font-family: georgia; box-shadow: 0 0 3px rgba(0, 0, 0, .5)}

.code {background: url(http://i.imgur.com/knZjRSp.png) repeat-x top,
url(http://i.imgur.com/knZjRSp.png) repeat-x bottom, #46485A;
padding: 10px; color: #A9ABBC; border-radius: 10px; font-size: 11px; font-family:consolas; box-shadow: 0 0 3px rgba(0, 0, 0, .5)}


.spoiler > div {background: url(http://i.imgur.com/GpPKwKd.png) repeat-y left,
url(http://i.imgur.com/bbvQHZ1.png) repeat-y right, #1E202C;
padding: 10px; color: #A9ABBC; font-size: 11px}

.spoiler > div.code_top {background: transparent none repeat scroll 0% 0% !important; border: 0 none !important; outline: 0 none !important}
.quote_top, .code_top {font: 10px georgia; font-weight: bold; text-transform: uppercase; margin: 1em}

/* 1° livello */
.quote_top, .code_top {color: #5F4072; background: url(http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/tree-red-icon.png) no-repeat; padding-left: 17px; font-size: 10px; font-family: constantia; font-weight: bold}



/* 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 {background: url(http://i.imgur.com/vOA8zrA.png) no-repeat top left,
url(http://i.imgur.com/TceTaHG.png) no-repeat top right,
url(http://i.imgur.com/YGNOBJw.png) no-repeat bottom left,
url(http://i.imgur.com/8wLxz7T.png) no-repeat bottom right,
url(http://i.imgur.com/EPINe6e.png) repeat-x top,
url(http://i.imgur.com/DJm0bqB.png) repeat-x bottom,
url(http://i.imgur.com/iNBL8XW.png) repeat-y right,
url(http://i.imgur.com/NQu6wxU.png) repeat-y left, #2C2E3D; padding: 15px 6px 6px 6px; border-radius: 4px; margin-top: 30px}
.blog .article:first-child {padding-top: 10px; border-top: 0}

.btitle {margin-bottom: 5px; line-height: 1.8em; text-align: left; padding: 2px; font: 14px georgia; font-weight: bold; background: none !important; text-transform: lowercase; font-style:italic; margin-top: 8px !important}
.btitle a {color: #6F9B81; text-shadow: 1px 1px 0 #161823; transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out}
.btitle a:hover {color: #965C80; transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out}
.bdesc {margin-top: 1px; font: 12px 'calibri', georgia, verdana, arial; color: #666}
.on .btitle {font-weight: bold}

.article .title2 {font-size: 10px}
.article .title2 a {font-weight: bold; color: #9C293F; -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 !important}
.article .title2 a:hover {color: #666884; -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 !important}

.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {color: #666884; font-weight: bold}
.tags a:link:hover {font-style: italic}

/* AVATAR ARTICOLI */
.article .title2.top {position: relative; padding-left: 56px}
.article .top .avatar {position: absolute; top: -2px; left: 5px}

/* 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 */
.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; color: #7290B8; font-weight: bold; font-size: 17px}
.article .top .right span {color: #7290B8}

.article .color {margin: 5px 0 10px; text-align: justify; line-height: 120%; color: #888}
.article .color .edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, .25)}

.comments .post {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, #2C2E3D; padding-top: 3px}
.comments .post:nth-child(even) {background: url(http://i.imgur.com/LIkw2sW.png) repeat-x top, #2C2E3D; padding-top: 3px}
.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: 60px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}



/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: url(http://i.imgur.com/PpGcGo8.png) repeat-x bottom, #2C2E3D; border: solid 1px #171822}
.stitle {text-align: center; font-size: 9px !important; font-family: calibri !important; letter-spacing: 1px; text-transform: uppercase; color: #777777; display: block; padding: 2px 3px; background: url(http://i.imgur.com/4C4mLCG.png), #666884; width: 90%; color: #F2F2E1; border: 1px solid #555772; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); margin: 2px auto; text-shadow: 1px 1px 0 #2C2E3D}
.stitle a {color: #6F9B81}

.sidebox li {padding: 2px 0}

.sidebox .u_status, .sidebox .details .u_reputation, .sidebox .details.u_scoresystem, .sidebox .u_group, .sidebox .u_posts, .sidebox .u_location {display: block; padding: 2px 3px; background: url(http://i.imgur.com/4C4mLCG.png), #75A08A; width: 90%; color: #F2F2E1; border: 1px solid #507461; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); margin: 2px auto; text-shadow: 1px 1px 0 #2C2E3D; margin: 2px 6px; padding: 2px 3px; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.sidebox dt {display: none}
.sidebox .avatar img {margin-top: 5px; border: 1px solid #8C1D23; background: #C83038; box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2), inset 0 -5px 5px rgba(0, 0, 0, .2); border-radius: 4px; padding: 4px; opacity: 1; -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}


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

/* widget calendario */
.side_calendar {padding: 5px; background: url(http://i.imgur.com/PpGcGo8.png) repeat-x bottom, #2C2E3D; border: solid 1px #171822}
.side_calendar tr {text-align: center; background: #20222E}
.side_calendar td {font-size: 9px; background: #2C2E3D; border: 1px solid #20222E}
.side_calendar td:nth-child(even) {background: #2C2E3D; border: 1px solid #20222E}
.side_calendar .current {font-weight: bold; color: #FFF; background: #6F9B81 !important}

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

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

/* widget tagboard */
.side_tag {padding: 5px}
.side_tag .stitle {padding-bottom: 5px}
.side_tag .list >*:nth-child(even) {background: #222430}

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 11px; padding: 0}
.tag .textinput, .side_tag .textinput {font-size: 11px; padding: 1px}
.tag a, .side_tag a {color: #965C80; font-family:consolas}
.tag a:hover, .side_tag a:hover {color: #6F9B81}
.tag .mtitle {margin-top: -40px}
.tag .skin_tbl {padding-top: 20px}
.tag .list >*:nth-child(even) {background: #222430}



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


/* STATISTICHE */

#board .stats {background: none no-repeat right top, #1F2130; padding: 10px 15px; margin: -30px !important; margin-top: 30px !important; border-top: 0 solid #DDD; border-radius: 0 0 10px 10px}
#board .stats .aa {display: none}
#board .stats .skin_tbl.top {background: transparent !important; margin-bottom: 0 !important; box-shadow: none !important}
#board .stats .skin_tbl.bottom {background: transparent !important; margin-top: -24px !important; box-shadow: none !important}
#board .stats .mtitle {color: #666884 !important; text-align: center; font-size: 13px; margin-top: 0; font-family: courier new; font-style: normal}
#board .stats h2.mtitle {display: block; padding: 3px; background: url(http://i.imgur.com/4C4mLCG.png), #2C2E3D !important; border: 1px solid rgba(0, 0, 0, .2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); margin: 2px auto}
#board .stats .mback {border: 0; border-radius: 0; margin: 0; height: 0}
#board .stats .list > *, .stats table.mainbg tr {background: none}

/* 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: 1px dotted #999}


/* COLORI UTENTI */
.box_visitatore .details {border: 0; background: transparent}
.daconvalidare {font-style: italic}
.male {color: #146AAE} .female {color: #C68}
.amministratore {color: #7CAE73; font-weight: bold}
.moderatore {color: #63A4BA; font-weight: bold}


.gruppo1 {color: #9C3041; font-weight: bold}
.gruppo2 {color: #5170A0; font-weight: bold}
.gruppo3 {color: #7C3D5E; font-weight: bold}
.gruppo4 {color: #8D7ECF; font-weight: bold}
.gruppo5 {color: #608C76; font-weight: bold}
.gruppo6 {color: #B36F96; font-weight: bold}
.gruppo7 {color: #666884; font-weight: bold}


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


/* AVVISI */
/* pop up */
.popup > div {background: #1F2130}
#redirect .info {border: 1px solid #1F2130}
.popup > div a {color: #6F9B81 !important; font: 10px roboto, sans serif; letter-spacing: 1px}

.navsub .info {font-size: .8em}
.info {padding: 1em; background: #709B81; box-shadow: inset 0 0 0 1px #A5C6B2; color: #C0DBCB !important; border: 3px double rgba(0, 0, 0, .1); border-radius: 4px}
.alert {padding: 1em; background: #63546B; box-shadow: inset 0 0 0 1px #806F89; color: #AE9DB7 !important; border: 3px double rgba(0, 0, 0, .1); border-radius: 4px}
.alert a, .info a {color: #FFF}
.alert i {color: #1E202C}
.alert del {color: #DDA9F9}
.alert a:hover, .info a:hover {text-decoration: overline}


/* PROFILO */
.profile .tabs, .cp .tabs {text-align: center; padding-top: 10px; margin-bottom: 4px}

.profile h2 {margin-top: 1.5%; padding: 10px}
.profile .avatar img {border: 1px solid #8C1D23; background: #C83038; box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2), inset 0 -5px 5px rgba(0, 0, 0, .2); border-radius: 4px; padding: 6px}
.profile .nick {line-height: 1em; margin: 5%; color: #DF3434; font: 16px roboto, sans serif; font-weight: bold; text-shadow: none; display: block}
.profile dl {font-size: 11px}
.profile .skin_tbl {padding-top: 35px}
.profile .u_status {box-shadow: none !important; background: transparent !important; display: block; width: 100px !important; color: #587DB3 !important; border-bottom: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1); padding: 3px 5px; font: 10px calibri !important; position: relative; top: -25px; margin: auto; padding-top: 8px; text-transform: uppercase}
.profile .left .mini_buttons a {width: 100px; border-bottom: 1px solid rgba(0, 0, 0, .1) !important; color: #587DB3 !important; display: block; font: 10px calibri !important; margin: 0 auto !important; position: relative; top: -32px; text-transform: uppercase; background: none !important}
.profile .member_posts img {display: none !important}

.profile .list >* {border-bottom: 1px solid rgba(0, 0, 0, .1)}
.profile .list >*:last-child {border-bottom: none}


/* 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; box-shadow: none}
/* 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: .8; padding: 2px 5px; background: #1B1B1B; border: 1px solid rgba(0, 0, 0, .3); box-shadow: 1px 1px 0 rgba(255, 255, 255, .1), -1px -1px 0 rgba(0, 0, 0, .3); text-shadow: 1px 1px 0 rgba(0, 0, 0, .8); color: #777 !important}
.pages2 a:hover {opacity: 1; color: #5B2931 !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: initial}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content: none}

.pages li a, .pages .current {padding: 2px 5px; font-size: 10px; color: #85869B; background: #2C2E3D; border: 1px solid rgba(0, 0, 0, .2); font-family: calibri; font-variant: small-caps; text-transform: lowercase; letter-spacing: 1px}
.pages li a:hover {-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 !important; box-shadow: inset 25px 0 0 #9D3041; color: #1F2130 !important}
.pages .lastpost a:hover {-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 !important; box-shadow: inset 120px 0 0 #9D3041; color: #1F2130 !important}
.pages .jump a:hover {-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 !important; box-shadow: inset 120px 0 0 #9D3041; color: #1F2130 !important}
.pages .current {background: transparent !important; color: #8FA3BB !important; border: 0}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px 5px !important; text-transform: uppercase; font: 9px 'calibri', verdana, arial, serif; color: #E0E0E0; background: #666884; border: 1px solid #20222E; border-radius: 0; transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out}

textarea.textinput {text-transform: none !important; padding: 4px; line-height: 2em; font: 1em verdana, arial, serif}


/* bbcode */
.codebuttons {padding: 2px} .codebuttons:hover {background: #6F9B81; border: 1px solid #20222E; transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out}


/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {color: #FFF; background: #666884; border: 2px solid #474B60; box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); font-size: 10px; font-family: calibri; text-transform: uppercase; padding: 3px 10px; font-weight: bold; -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}

.darkbar .forminput:hover, .fast.send .forminput:hover {background: #75A08A; -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}


/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px; margin-bottom: 20px} .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}
.ltbut {padding: 2px 4px; background: url(http://i.imgur.com/4C4mLCG.png), #666884; color: #F2F2E1; border: 1px solid #555772; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); text-shadow: 1px 1px 0 #2C2E3D; font: 10px calibri; font-variant: small-caps}
.ltbut:hover {background: url(http://i.imgur.com/4C4mLCG.png), #75A08A; color: #F2F2E1; border: 1px solid #507461; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3)}

A_STAR:<img src="https://i.imgur.com/CQ4CU7Z.gif" width="9" height="8" alt="">
FEMALE_STAR:<img src="https://i.imgur.com/CQ4CU7Z.gif" width="9" height="8" alt="">
MALE_STAR:<img src="https://i.imgur.com/CQ4CU7Z.gif" width="9" height="8" alt="">
F_NAV:<img src="http://i.imgur.com/4OkD4px.png" width="10" height="10" alt="F_NAV">
F_NAV_SEP:<img src="http://i.imgur.com/Go7igVh.png" width="10" height="10" alt="F_NAV_SEP">
C_ON:<img src="http://i.imgur.com/8XoM5XB.png" width="22" height="22" alt="C_ON">
C_OFF:<img src="http://i.imgur.com/0Sb8iTo.png" width="22" height="22" alt="C_OFF">
C_ON_RES:<img src="http://i.imgur.com/8XoM5XB.png" width="22" height="22" alt="C_ON_RES">
C_OFF_RES:<img src="http://i.imgur.com/0Sb8iTo.png" width="22" height="22" alt="C_OFF_RES">
C_LOCKED:<img src="http://i.imgur.com/dnbt4VQ.png" width="30" height="23" alt="C_LINK">
F_ACTIVE:<img src="http://i.imgur.com/dnbt4VQ.png" width="30" height="23" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/dnbt4VQ.png" width="30" height="23" alt="F_STATS">
A_POST:<img src="http://i.imgur.com/hTOFypE.png" width="67" height="35" alt="A_POST">
A_REPLY:<img src="http://i.imgur.com/Mr7LYP2.png" width="67" height="35" alt="A_REPLY">
A_POLLONLY_B:<img src="http://i.imgur.com/qQdbNYs.png" width="67" height="35" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="http://i.imgur.com/ba3JMMQ.png" width="67" height="35" alt="A_LOCKED_B">
M_REPLY:RISPONDI
M_DELETE:CANCELLA
M_ADDMEM:AGGIUNGI AMICO
M_UNREAD:<img src="http://i.imgur.com/CGy2qka.png" width="10" height="10" alt="M_UNREAD">
M_READ:<img src="http://i.imgur.com/gOym450.png" width="10" height="10" alt="M_READ">
B_PIN:<img src="http://i.imgur.com/JEkBQ8V.png" width="10" height="10" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/IDRGMie.png" width="10" height="10" alt="B_ANNUNCIO">
B_NEW:<img src="http://i.imgur.com/nH3FiZD.png" width="10" height="10" alt="B_NEW">
B_NORM:<img src="http://i.imgur.com/y5YRLV0.png" width="10" height="10" alt="B_NORM">
B_HOT:<img src="http://i.imgur.com/rYmyjn1.png" width="10" height="10" alt="B_HOT">
B_HOT_NN:<img src="http://i.imgur.com/r16IXQe.png" width="10" height="10" alt="B_HOT_NN">
B_POLL:<img src="http://i.imgur.com/27NVFHr.png" width="10" height="10" alt="B_POLL">
B_POLL_NN:<img src="http://i.imgur.com/yrg7krn.png" width="10" height="10" alt="B_POLL_NN">
B_MOVED:<img src="http://i.imgur.com/V3gDOxC.png" width="10" height="10" alt="B_MOVED">
B_LOCKED:<img src="http://i.imgur.com/5B6nc6k.png" width="10" height="10" alt="B_LOCKED">
NEW_POST:<img src="http://i.imgur.com/OlorUR1.png" width="10" height="10" 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/zxSmY8e.png" width="10" height="10" alt="Top">
THUMBS_DOWN:<img src="http://i.imgur.com/rAgAgGI.png" width="10" height="10" alt="THUMBS_DOWN">
P_DELETE:<span class="ltbut">cancella</span>
P_EDIT:<span class="ltbut">modifica</span>
P_QUOTE:<span class="ltbut">citazione</span>
P_MSG:<img src="http://i.imgur.com/pHiKZsy.png" alt="mess pvt">
P_EMAIL:<img src="http://i.imgur.com/FUNk3Y6.png" alt="mail">
P_CONTACTS:<img src="http://i.imgur.com/N4nY5DD.png" alt="contatti">
P_WEBSITE:<img src="http://i.imgur.com/8pMsoQK.png" alt="www">
EMOTICONS:http://i.imgur.com/VHmvKqO.png
EMOTICONS2:http://i.imgur.com/oXBCSs6.png
LOADING:http://i.imgur.com/sxGvXWT.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://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top">
F_UP:<img src="https://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top">
F_UP_SHOW:1
C_UP:<img src="https://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
C_UP_SHOW:1
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">