My World

<span class="foot-copyright">Skin realizzata da <a href="http://oniram.forumfree.it/" target="_blank" title="ForumFree Skin - Oniram">Oniram</a></span>

A_STAR:<img src="http://img.forumfree.net/style_images/52/star.png" width="15" height="15" alt="">
FEMALE_STAR:<img src="http://img.forumfree.net/index_file/star_f.png" width="15" height="15" alt="">
MALE_STAR:<img src="http://img.forumfree.net/index_file/star_m.png" width="15" height="15" alt="">
F_NAV:<span>Ti trovi qui:</span>
F_NAV_SEP:›
C_ON:<img src="http://upload.forumfree.net/i/ff11147734/myworld/C_ON.png" alt="C_ON">
C_OFF:<img src="http://upload.forumfree.net/i/ff11147734/myworld/C_OFF.png" alt="C_OFF">
C_ON_RES:<img src="http://upload.forumfree.net/i/ff11147734/myworld/C_ON_RES.png" alt="C_ON_RES">
C_OFF_RES:<img src="http://upload.forumfree.net/i/ff11147734/myworld/C_OFF_RES.png" alt="C_OFF_RES">
C_LOCKED:<img src="http://upload.forumfree.net/i/ff11147734/myworld/C_LINK.png" alt="C_LOCKED">
F_ACTIVE:<img src="http://upload.forumfree.net/i/ff11147734/myworld/F_ACTIVE.png" alt="F_ACTIVE">
F_STATS:<img src="http://upload.forumfree.net/i/ff11147734/myworld/F_STATS.png" alt="F_STATS">
A_POST:<span><img src="http://img.forumfree.net/style_images/52/t_new.png" alt="A_POST"> A_POST</span>
A_REPLY:<span><img src="http://img.forumfree.net/style_images/52/t_reply.png" alt="A_REPLY"> A_REPLY</span>
A_POLLONLY_B:<span><img src="http://img.forumfree.net/style_images/52/t_poll.png" alt="A_POLLONLY_B"> A_POLLONLY_B</span>
A_LOCKED_B:<span><img src="http://img.forumfree.net/style_images/52/t_closed.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://img.forumfree.net/style_images/52/user_add.png" alt="M_ADDMEM"> M_ADDMEM
M_UNREAD:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NEW.png" alt="M_UNREAD">
M_READ:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NORM.png" alt="M_READ">
B_PIN:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_PIN.png" alt="B_PIN">
B_ANNUNCIO:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_ANNUNCIO.png" alt="B_ANNUNCIO">
B_NEW:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NEW.png" alt="B_NEW">
B_NORM:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NORM.png" alt="B_NORM">
B_HOT:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NEW.png" alt="B_HOT">
B_HOT_NN:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NORM.png" alt="B_HOT_NN">
B_POLL:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NEW.png" alt="B_POLL">
B_POLL_NN:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_NORM.png" alt="B_POLL_NN">
B_MOVED:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_MOVED.png" alt="B_MOVED">
B_LOCKED:<img src="http://upload.forumfree.net/i/ff11147734/myworld/B_LOCKED.png" alt="B_LOCKED">
NEW_POST:new
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://img.forumfree.net/index_file/thumbs_up.png" alt="+1" title="+1">
THUMBS_DOWN:<img src="http://img.forumfree.net/index_file/thumbs_down.png" alt="-1" title="-1">
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://img.forumfree.net/style_images/52/comment.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://img.forumfree.net/style_images/52/p_contacts.png" alt="P_CONTACTS"> P_CONTACTS
P_WEBSITE:<img src="http://img.forumfree.net/style_images/52/p_www.png" alt="P_WEBSITE"> P_WEBSITE
EMOTICONS:http://img.forumfree.net/style_images/1/icon1.gif
EMOTICONS2:http://img.forumfree.net/style_images/1/icon11.gif
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://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">

html {box-sizing: border-box}
*, *:before, *:after {box-sizing: inherit}
body {color: #333; background-color: #40D47E}
body, button, input, select, textarea {font: 76%/1.6em Verdana, Tahoma, Arial, Sans-serif}
a {text-decoration: none; color: #11464E}

/* Navigazione Breadcrumb*/
.nav {margin-bottom: 10px !important; background: -webkit-linear-gradient(left, rgba(179, 229, 252, 1) 0%, rgba(179, 229, 252, 0) 66%); background: linear-gradient(to right, rgba(179, 229, 252, 1) 0%, rgba(179, 229, 252, 0) 66%); padding: 4px 2% !important; font-size: 15px; letter-spacing: .05em}

/* Footer */
.footer {margin: 15px auto 6px auto; font-size: 11px}
.footer b {font-weight: normal}
.foot-copyright {display: inline-block; font-size: 11px; margin-bottom: 10px}
.foot-copyright a, .footer a {text-decoration: underline}

/* FONT LOGO */
@font-face {font-family: 'Croissant One';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/croissantone/v4/mPjsOObnC77fp1cvZlOfIcOV-75E7mII8OPOWd5roDg.eot);
src: url('https://fonts.gstatic.com/s/croissantone/v4/mPjsOObnC77fp1cvZlOfIcOV-75E7mII8OPOWd5roDg.eot?#iefix') format('embedded-opentype'),
url(https://fonts.gstatic.com/s/croissantone/v4/mPjsOObnC77fp1cvZlOfITxObtw73-qQgbr7Be51v5c.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/croissantone/v4/mPjsOObnC77fp1cvZlOfIfn8qdNnd5eCmWXua5W-n7c.woff) format('woff'),
url(https://fonts.gstatic.com/s/croissantone/v4/mPjsOObnC77fp1cvZlOfIYWcQgv0WMKv2x2qfcALabs.ttf) format('truetype');
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 che scuote in homepage */
#board .header a {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both} @-webkit-keyframes wiggle {0% {-webkit-transform: skewx(9deg)} 10% {-webkit-transform: skewx(-8deg)} 20% {-webkit-transform: skewx(7deg)} 30% {-webkit-transform: skewx(-6deg)} 40% {-webkit-transform: skewx(5deg)} 50% {-webkit-transform: skewx(-4deg)} 60% {-webkit-transform: skewx(3deg)} 70% {-webkit-transform: skewx(-2deg)} 80% {-webkit-transform: skewx(1deg)} 90% {-webkit-transform: skewx(0deg)} 100% {-webkit-transform: skewx(0deg)}} @keyframes wiggle {0% {transform: skewx(9deg)} 10% {transform: skewx(-8deg)} 20% {transform: skewx(7deg)} 30% {transform: skewx(-6deg)} 40% {transform: skewx(5deg)} 50% {transform: skewx(-4deg)} 60% {transform: skewx(3deg)} 70% {transform: skewx(-2deg)} 80% {transform: skewx(1deg)} 90% {transform: skewx(0deg)} 100% {transform: skewx(0deg)}} #board .header span {-webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} #board .header a span {-webkit-animation-duration: 0.75s; animation-duration: 0.75s}

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

/* LOGO con cornice */
.header {margin-bottom: 30px; background: #F1C40F; background: -webkit-linear-gradient(left, rgba(241, 196, 15, 0) 0%, rgba(241, 196, 15, 1) 90%); background: linear-gradient(to right, rgba(241, 196, 15, 0) 0%, rgba(241, 196, 15, 1) 90%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00F1C40f', endColorstr='#F1C40F', GradientType=1)}

/* altezza contenitore del logo ed effetto glass */
.header a {display: table; width: 100%; height: 126px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font-family: 'Croissant One', cursive; font-size: 44px; color: #3498DB; text-shadow: 0 -1px 1px #000}

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

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

/* MENU principale */
.menuwrap {font-family: tahoma, verdana, arial, sans-serif; background: #27AE60; box-shadow: 0 1px 2px rgba(0, 0, 0, .5)}
.menuwrap li {line-height: 2.6em; color: #FFF}
.menuwrap a {margin: 0; padding: 6px 12px; font-size: 14px; text-transform: uppercase; color: #FFF; transition: background 0.2s ease}
.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 .avatar {width: 22px; height: 22px; border-radius: 100px; border: 0 solid rgba(255, 255, 255, 0.5); -webkit-transition: border 0.4s ease; transition: border 0.4s ease}
.menuwrap .left .menu:first-child > a:hover .avatar, .menuwrap .left .menu:first-child:hover .avatar {border: 11px solid rgba(255, 255, 255, 0.5)}

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

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 5px; color: #FFF; border: 1px solid #FFF; border-radius: 6px}

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

/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {background: #3CB670}
.menu ul {width: 15em; background: #3CB670; box-shadow: 0 1px 1px rgba(0, 0, 0, .5)}
.right .menu ul {margin-left: -2em}
.menu li {line-height: 1.4em}
.menu li strong {padding: 3px 10px; color: #000}
.menu li a {padding: 6px 10px; font-size: 13px; text-transform: lowercase}
.menu li a:hover, .menu li:hover > a {background: #373737}

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

/* Menu aggiunto */
.menuwrap.alternative {margin-top: 15px}

/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 12px}
.menuwrap label:hover {color: #FFF}
.menuwrap input {padding: 7px 10px; font-size: 12px; color: #FFF; background: #27AE60; border: 0; border-radius: 0; box-shadow: inset 0 0 6px -1px rgba(0, 0, 0, 0.6)}
.menuwrap input:hover {background: #3CB670}
.menuwrap input:focus {background: #3CB670; outline: none; box-shadow: none}

.menuwrap input[type=submit] {border-radius: 4px; border: 1px solid #FFF; box-shadow: none; padding: 5px}
.menuwrap input[type=submit]:hover {background: #27AE60}

/* LINK Registrati*/
@-webkit-keyframes pulse {0% {-webkit-transform: scale(1)} 50% {-webkit-transform: scale(1.1)} 100% {-webkit-transform: scale(1)}} @keyframes pulse {0% {transform: scale(1)} 50% {transform: scale(1.1)} 100% {transform: scale(1)}}
.menuwrap a[href="/?act=Reg"] em {padding: 6px; background: #388E3C; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -webkit-animation-name: pulse; animation-name: pulse}

/* CERCA */
.menuwrap .search input {padding-right: 20px; background: url('http://upload.forumfree.net/i/ff11147734/myworld/search.png') no-repeat 90% 50%}

/* MENU laterale a comparsa */
#ssm .mainbg {font-family: tahoma, verdana, arial, sans-serif; border-spacing: 0; border-collapse: collapse; border-bottom: 28px solid #27AE60}
#ssm .ww {font-size: 14px !important; font-weight: normal !important; color: #FFF; background: #27AE60; padding: 4px 8px !important}
#ssm .title {padding: 6px 12px; font-size: 14px; text-transform: uppercase; color: #FFF; line-height: 1.4em; font-weight: bold; background: #27AE60 !important}
#ssm .aa, #ssm .aa .web {font-size: 13px; font-weight: normal; text-transform: lowercase; line-height: 1.4em; background: #3CB670}
#ssm a {padding: 6px 10px; display: block; margin: 0; color: #FFF !important; transition: background 0.2s ease}
#ssm a:hover {background: #373737}

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

/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family: helvetica, arial, sans-serif}
.tabs li {vertical-align: bottom; margin-left: 7px}
.tabs li:first-child {margin: 0}

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

.tabs a {display: block; margin: 0; padding: 4px 14px; font-weight: bold; color: #FFF; background: #16A085; line-height: 1.6}
.tabs a:hover, .tabs .current a {background: #1ABC9C}

/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {}
.tabs.right.no_rotate a {}

/* tabs in basso */
.tabs.bottom a {}

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

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

/* 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; color: #FFF}
#tab_r1 a:hover {background: #9CCA51}

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

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

/* HOMEPAGE */
.board .skin_tbl {margin: 0}
.skin_tbl {}
.mback {background-color: #5DBEF1}
.board .mback, .tag .mback {cursor: auto}
.mback_left, .mback_right {display: none}
/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
.topic .mback_left, .topic .mback_right, #msg .mback_left, #msg .mback_right, #send .mback_left, #send .mback_right {display: none}

.box_plus .mainbg {display: block !important}
.minus, .plus {display: none}
.mtitle {padding: 3px 2%; line-height: 1.2; font-size: 24px; font-family: tahoma, verdana, arial, sans-serif; color: #FFF; text-transform: lowercase; letter-spacing: -0.015em}
.title, .darkbar {background: #FAFAFA; font-weight: bold; font-size: 11px; border-bottom: 2px solid #ECF0F1}

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

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

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

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

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

.new_post {border: 1px solid #8C8C8C; padding: 0 2px; border-radius: 3px; color: #666}

/* Colonne orizzontali di sezioni e discussioni */
.forum .bb {width: 46%}
.forum .xx, .forum .yy, #user .forum .yy {width: 14%}
.forum .zz, .board .yy {width: 21%}
.board .bb {width: 48%}
.board .zz {width: 25%}
#msg .cp .bb {width: 40%}
#msg .cp .xx {width: 27%}
#msg .cp .zz {width: 18%}
#user .forum .bb {width: 55%}
#user .forum .zz {width: 22%}

/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #FFF !important; background: #60B6DC !important}
.focus:nth-child(even) {color: #FFF !important; background: #60B6DC !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #FFF !important; text-shadow: 0 0 2px #4096BC}

.web {font-size: 16px}
.desc {font-weight: normal}
.spostata .web a {font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
/* edit avatar */
.tabs2 div:hover {background: #E0E0E0}
.tabs2 .current div {background: #FFF !important}

#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {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: #555; border-bottom: 1px solid #DDD}

.fast.send .sunbar {}
.sunbar {text-align: center; font-size: 14px; color: #FFF; background: #1ABC9C !important}
.sunbar a {color: #B8DEFF}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top: 1px solid #BDC3C7}
.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: #CBEDFF; height: 15px; line-height: 15px; font-size: 10px; color: #000 !important; border-radius: 3px}
.bar div {background: #70C6EC; border-radius: 3px 0 0 3px}
.max .bar {background: #CCF1D3}
.max .bar div {background: #76CD87}

/* DISCUSSIONI */
.topic .title.top a:hover {text-decoration: underline}
.topic .mtitle {font-weight: bold} .topic .mdesc {font-weight: normal}

.post {background: #FFF; border-top: 2px solid #DEDEDE}
.post:first-child {border: 0}
.post:nth-child(even) {background: #F5F5F5}

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

.color {line-height: 1.8em; font-size: 13px; padding-right: 15px}
.color a {color: #146AAE}
.color a:hover {border-bottom: 1px dotted #95DDFF}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 11px; color: #929191}
.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 altri dettagli */
.post .details {position: relative; padding: 5px 5px 15px; font-size: 12px; background: #B2EBF2; border-radius: 22px}
.avatar:hover {border: 0}
.post .avatar {margin: 6px; overflow: hidden; border-radius: 22px}
.post .avatar img {min-width: 150px; max-width: 150px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 22px}
.post .avatar img:hover {opacity: 0.9}
.details p {margin: 0 0 2px 0}
.details p:first-line {color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #444}
.box_visitatore .details p {background: #C3C3C3; padding: 5px; border-radius: 6px}
.details .u_group dt {display: none}

/* online, offline, anonimo */
.u_status {position: absolute; bottom: 9px; left: -4px; padding: 0 4px; line-height: 19px; font-size: 10px !important; cursor: auto; 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, .code {padding: 5px 8px; font-size: 12px; font-weight: normal; color: #000; background: #DDD; border-radius: 5px}

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

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #000; background: #DDD}

/* 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 {color: #333; background: #EEE}

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

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #777; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #777; content:'<!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #777; 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: #777}

/* 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: #777}

/* 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: #777}

.navsub.bottom .current_forum {font-weight: bold; font-size: 1em; padding: 4px 10px}

/* BLOG */
/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 250px}
.sidebar {width: 230px; padding: 10px; background: #B2EBF2; border-bottom: 2px solid #3498DB; border-top: 2px solid #3498DB; font-size: 12px}
.sidebar.right {border-left: 2px solid #3498DB}
.sidebar.left {border-right: 2px solid #3498DB}
#blog #cleardiv {overflow: hidden; font-size: 0; clear: both; margin-bottom: 0; height: 0}
/* #blog .nav + script + div, #blog .nav + div {display: inline-block} */
.blog {padding: 0 10px}
.blog .article {padding: 20px 0; border-top: 1px solid #BFBFBF}
.blog .article:first-child {padding-top: 0; border-top: 0}

.btitle {margin-bottom: 10px; line-height: 1.8em}
.btitle a {font-size: 24px; color: #2980B9; font-family: tahoma, verdana, arial, sans-serif; -webkit-transition: color 0.2s ease; transition: color 0.2s ease}
.btitle a:hover {color: #3498DB}
.bdesc {margin-top: 5px; font-size: 15px; color: #666}

.article .title2 {font-size: 11px; color: #888}
.article .title2 a {font-weight: bold; color: #444}
/* è 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: 11px; font-weight: normal; color: #3498DB}
.color .tags {font-size: 11px}

/* 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}
.article .top .avatar {display: none; position: absolute; top: 2px; left: 5px}
.article .top .when {position: absolute; top: 2px; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; border: 1px solid #3498DB; border-radius: 6px}
.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: 24px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
.article .top .when .d_year {font-size: 8px; color: #333}

/* 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; text-align: justify; line-height: 1.85em; font-size: 13px}
.article .color .edit {color: #999}

.comments .post {padding: 5px 0; background: #F5F5F5}
.comments .post:nth-child(even) {background: #FFF}
.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 img {min-width: 78px; max-width: 78px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}
.comments .post .mini_buttons a {border: 0; box-shadow: none}

/* BLOG WIDGET */
.sidebox {margin: 0; padding: 10px; border-bottom: 1px solid #5DBEF1; border-top: 1px solid #D6F1FF}
.sidebar .sidebox:first-child, .sidebar .buttons + br + .sidebox {border-top: 0; padding-top: 0}
.sidebar div:last-of-type {border-bottom: 0}
.stitle {padding: 0 0 10px 0; text-align: center; font-size: 18px; font-family: tahoma, verdana, arial, sans-serif; color: #0D47A1; text-shadow: 1px 1px 0 #FFFFFF}
.stitle a {color: #0D47A1}

.sidebox li {padding: 2px 0}

.sidebox .avatar img {min-width: 150px; max-width: 188px}

/* widget sottosezioni, ultimi commenti ed etichette */
.side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color: #146A9E}
.side_tags .side_list li {font-size: 100% !important}

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

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

/* 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 .list {border-bottom: 0 !important; height: auto !important; max-height: 190px}
.side_tag button[type=submit] {padding: 4px 14px}
.side_tag .list > *, .side_tag .list > *:nth-child(even) {background: transparent}

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {font-size: 11px; padding: 0; border-bottom: 2px solid #FFF}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {color: #63A4BA}
.tag .codebuttons[type=submit] {padding: 11px 11px 10px 11px; margin-right: 10px}

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

/* STATISTICHE */
#board .stats {margin-top: 20px}
#board .stats .mback {background: #BDC3C7}
#board .stats .mtitle {font-size: 20px}
#board .stats .mtitle b {font-weight: normal}

/* 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 {background: transparent; padding: 0}
.daconvalidare {font-style: italic}
.male {} .female {}

.amministratore {color: #7CAE73; font-weight: bold}
.box_amministratore .details {}

.moderatore {color: #63A4BA; font-weight: bold}
.box_moderatore .details {}

.gruppo1 {color: #BC8CC8; font-weight: bold}
.box_gruppo1 .details {}

/* REGISTRAZIONE RAPIDA */
.reg {}

/* AVVISI */
/* pop up */
.popup > div {background: #FBFBFB}
#redirect .info {border: 1px solid #FFF}
.note {background: rgba(44, 62, 80, 0.8) none repeat scroll 0 0; padding: 10px 0; color: #FFF9C4}

.navsub .info {font-size: .8em}
.alert, .info {border-radius: 5px}
.alert {padding: 1em; background: #ECC !important; color: #C00 !important}
.info {padding: .5em; background: #E5F1F5 !important; color: #146AAE !important}
.alert a, .info a {color: #000}
.alert a:hover {border-bottom: 1px solid #C00}

/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px}
.profile .tabs a {background: #FBFBFB; color: #333}
.profile .tabs .current a {background: #F5F5F5; color: #222}
.profile h2 {margin-top: 1.5%; padding: 10px; background-color: #FFF; border-radius: 3px}
.profile h2 .avatar img {width: auto !important; max-width: inherit !important}
.profile .nick {line-height: 1em; margin: 5%; color: #000; font: 16px 'Trebuchet MS', Tahoma, Verdana, Arial, Serif; font-weight: bold}
.profile dl {font-size: 11px}
.profile .u_status {display: none}
.profile .left {position: relative}

/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px; font-family: helvetica, arial, sans-serif} .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 5px; color: #545454 !important; background: #FFFFFF; border: 1px solid #ABABAB; border-radius: 6px}
.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}

.pages {font-size: 12px; font-family: helvetica, arial, sans-serif; padding: 6px 10px}

.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; color: #545454; background: #FFF; border: 1px solid #ABABAB; border-radius: 6px}
.pages li a:hover {background: #E5F1F5; border-color: #A4DAEE}
.pages .current {background: #E8F2E9; box-shadow: 0 0 1px #95A5A6}

.pages .jump a, .pages .lastpost a {border: 0}
.pages .jump a:hover, .pages .lastpost a:hover {background: transparent; color: #146AAE}

.pages .first a, .pages .last a {}
.pages .first a:hover, .pages .last a:hover {}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 4px; font-size: 11px; color: #222; background: #FFF; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px}

textarea.textinput {padding: 4px; line-height: 2em; font-size: 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(82, 168, 236, .75); box-shadow: 0 0 3px rgba(82, 168, 236, .4)}

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

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #FFF; background: #666; border: 1px solid #555; padding: 0; box-shadow: none}
.sunbar .forminput:hover {background: #555; border-color: #444}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: 11px}
.navsub .forminput {background: #ECECEC}
.navsub .forminput:hover, .navsub .forminput:focus {background: #E5E5E5}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {color: #000; background: #CFD8DC; border: 0}
.title .forminput:hover {background: #DDD}
.title input.forminput {background: #B0BEC5; padding: 3px 6px}
.title input.forminput:hover {background: #70C6EC}

/* bottone invio risposta */
.fast.send textarea {width: 96% !important}
.darkbar .forminput, .fast.send .forminput {color: #1D1D1D; padding: 6px 10px; font-size: 13px; background: #CBEBFF; background: -webkit-linear-gradient(top, #EDEDED 0%, #CBEBFF 100%); background: linear-gradient(to bottom, #EDEDED 0%, #CBEBFF 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#EDEDED', endColorstr='#CBEBFF', GradientType=0)}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #CBEBFF}
.darkbar .forminput:active, .fast.send .forminput:active {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); outline: 0}
.darkbar .forminput {background: #2ECC71; color: #FFF; box-shadow: inset 0 1px 1px #FFF, 0 1px 1px #B5B5B5}
.darkbar .forminput:hover {background: #3EE685}
.darkbar .forminput:active {box-shadow: 0 1px 1px #B5B5B5, inset 0 1px 3px rgba(0, 0, 0, 0.3)}
.darkbar input.forminput, .fast.send input.forminput {}

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

/* Nuova Disc. e Rispondi */
.buttons {padding: 10px} .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: 4px 9px; font-size: 17px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51); background: #2980B9; border: 1px solid #2980B9; border-radius: 5px; box-shadow: inset 0 -10px 8px rgba(255, 255, 255, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.7)}
.buttons span:hover {background: #5A9DC9; box-shadow: inset 0 -10px 8px rgba(255, 255, 255, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3); border: 1px solid #68A6CE}

/* MP, E-mail, Web... */
.mini_buttons a {line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1.9em; font-size: 11px; background: #F5F5F5; border: 1px solid #EAEAEA; box-shadow: inset 0 1px 1px #FFF, 0 1px 0 rgba(0, 0, 0, 0.1); padding: 2px 6px; border-radius: 4px; color: #666; font-weight: normal}

/* Sistema pollici in su e in giu */
.post .mini_buttons .points a, .post .mini_buttons .points span {border: 0; box-shadow: none; padding: 3px 6px; background: #EED5F7; border-radius: 6px; line-height: 1.9em; font-size: 11px; font-weight: normal; display: inline-block}
.points em {font-size: 11px; font-weight: normal; font-style: normal; line-height: 1.3em}

/* .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 {}