06. GREENEYED MONSTER ▽ SLYTHERIN INSPIRED SKIN

/* SKIN ©ANÆSTHESIA */
body {line-height: 9px; text-align: justify; font-family: arial, sans-serif; font-size: 9px; color: #757A74}
a {color: #253A31; letter-spacing: 1px; line-height: 9px; text-align: justify; font-family: 'Oswald', sans-serif; font-size: 10px; text-decoration: none; text-transform: uppercase}
a:hover {color: #1D3128; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}
.board a:hover, .forum a:hover {background: #101010}
.nav {font: italic 17px 'Oswald', arial; font-weight: bold; letter-spacing: 1em}
.footer {margin: 15px auto; font-size: 11px; color: #999}
.footer a {color: #006665}

/* LARGHEZZA BOARD */
.container, .container2, .tabs.top, .tabs.bottom {width: 800px; background: #0F110E; border-bottom: 1px solid #0F110E}

/* HOMEPAGE */
.board .skin_tbl {margin-left: 5px}
.board {width: 98%; height: 100%}
.skin_tbl {border-bottom: 0; background: #0F110E; width: 100%}
.mback {background: #0F110E; height: 20px}
.mback_left, .mback_right {display: none}
.topic .mback_left, .topic .mback_right {display: none}
.minus, .plus {display: none}
.mtitle {display:none}
.darkbar {background: #090909; font-weight: normal; font-size: 10px}
.title {font: 11px 'Oswald'; color: #9A9A9A}
.board .title {display: none}

/* LOGO */
.logo img {margin: 10px 0 5px 5px; opacity: 0.5}
.logo a:hover img {border: 0; opacity: 1; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}
/* posizione del testo */
.header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: justify}
/* posizione del logo */
.header h1 {background-position: 85% 50%}

/* MENU UTENTE LATERALE - http://ffmagazine.forumfree.it/?t=60624810 */
.menuwrap {background: none !important; box-shadow: none !important}
.menuwrap .left, .menuwrap .right {border: 3px solid #252728; border-left: 0; background-color: #0F110E}
.menuwrap .left {position: absolute; top: 80px; width: 28px}
.menuwrap .left li, .menuwrap .nick, .menuwrap .left li > a {display: block}
.menuwrap .left .avatar {display: none}
.menuwrap .nick {margin-left: 0 !important}
.menu:first-child > a:hover, .menu:first-child:hover > a, .right .menu > a:hover, .right .menu:hover > a {background-image: none !important}
.menuwrap .nick, .left > li > a {font-size: 0; color: transparent}
/* VOCI DEL MENU */
.left .menu > a, .left .menu:hover > a {border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.1)}
.left .menu:first-child > a {border-top: 0; border-radius: 0 8px 0 0}
.left .menu:last-child > a {border-bottom: 0; border-radius: 0 0 8px 0}
/* hover */
.menu > a:hover, .menu:hover > a {box-shadow: 9px 0 10px 0 rgba(0, 0, 0, 0.6) inset}
.right .menu > a:hover, .right .menu:hover > a {box-shadow: 0 0 10px rgba(0, 0, 0, 0.6) inset}
.left .menu:first-child > a:hover {border-radius: 0 8px 0 0}
.left .menu:last-child > a:hover {border-radius: 0 0 8px 0}
.right .menu:first-child > a:hover {border-radius: 5px 0 0 5px}
/* icone */
.menuwrap .nick {background: url('http://i.imgur.com/hD2rEPG.png') no-repeat center; height: 25px}
.left > .menu:nth-child(2) > a {background: url('http://i.imgur.com/YnpAZqP.png') no-repeat center; height: 25px}
.left > .menu:nth-child(3) > a {background: url('http://i.imgur.com/wurNHkJ.png') no-repeat center; height: 25px}
.left > .menu:nth-child(4) > a {background: url('http://i.imgur.com/oDqLyA6.png') no-repeat center; height: 25px}
.left > .menu:nth-child(5) > a {background: url('http://i.imgur.com/qtWr3XM.png') no-repeat center; height: 25px}
/* nuovo messaggio, nuova discussione */
.menuwrap .left em {position: absolute; right: -13px; background-color: #000 font-size: 0; height: 16px; width: 16px}
/* MENU CONTENSTUALE(dropdown) */
/* tendina */
.left .menu ul, .right .menu ul {border: 3px solid #252728 !important; margin-left: 5px; left: 100%; top: 0; background-color: #000}
.right .menu ul {top: 42px; left: 95%}
.menu ul:before {content: "aaaaaa"; display: block; width: 10px; margin-left: -7px; position: absolute; color: transparent; text-shadow: none}
.right .menu ul:before {height: 5px; margin-left: 0; margin-top: 15px; top: -20px; width: 15em}
.left .menu ul, .left .menu li, .right .menu li {border: 0}
/* voci della tendina */
.menu li {padding: 3px 4px; line-height: 1.4em; text-shadow: none; position: relative}
.menu li:first-child {border-top: 0 !important; padding-top: 4px !important}
.menu li strong {color: #252825 !important}
.menu li a {padding: 3px 8px !important; font-size: 12px; color: #545B53 !important}
.menu li a:hover, .menu li:hover > a, .menuwrap input, .menuwrap input:focus {background-color: #141614 !important; color: #737B71 !important}
/* MENU IN ALTO A DESTRA */
.menuwrap .right {background-color: #000 border-left: 3px solid #252728; margin: 5px 10px}
.right .menu ul {margin-left: -10em !important}
.menu.icon {border-left: 1px solid #252728; border-right: 1px solid #252728}
.menu.icon:first-child {border-left: 0}
/* cerca*/
.menuwrap .search {padding-right: 7px !important}
.menuwrap .search input {padding-right: 0 !important; width: 15px; background-position: 56% -12% !important; border: 0; color: transparent !important; transition: width ease .2s; -webkit-transition: width ease .2s; -o-transition: width ease .2s}
.menuwrap .search input:focus {width: 100px; background-position: 96.5% 110% !important; color: #71737B !important}
/* LOGIN */
/* parte sinistra */
.left .login + li, .reg {display: none}
.left .icon, .left .login {background: url('http://dumpshare.net/images/498left_login.jpg'); padding-right: 115px; margin-top: -1px; border: 1px solid #2C4128}
.left .icon {border-bottom: 0; border-radius: 0 8px 0 0}
.left .login {border-top: 0; height: 120px; border-radius: 0 0 8px 0}
.left .icon {margin-bottom: -3px}
.login input {position: absolute; margin: 50px 0 10px -8px; width: 97px}
.login form > input:nth-child(4) {margin: 0 !important}
.login form > input:nth-child(5), .login form > input:nth-child(6) {margin-top: 25px}
.login a {display: block; float: left; color: #FFF !important; text-shadow: none}
.login em, .login input[type="submit"] {position: static !important; box-shadow: none !important; background: none !important; border: 0 !important}
.login em {margin: 0 15px}
.login input[type="submit"] {font-weight: bold; font-size: 13px}
.login form a[href*="?act=Reg&CODE=10"] {margin-top: -10px !important}
.login form a {margin-top: 5px}
/* parte destra */
.right > li:first-child, .right > li:nth-child(2) {float: right; margin-top: 30px; margin-left: -140px; padding-right: 55px}
.menu.icon:first-child, .menu.icon:nth-child(2) {float: none; margin: 0; padding-right: 0}
.right > li:nth-child(2) {margin-top: 30px; margin-right: -38px}
.menuwrap .right a {color: #FFF !important; text-shadow: none}
.right a[href*='?act=newforum'] {padding-left: 11px !important}

/* SEZIONI */
.board .big_list {width: 100%}
.board .big_list > * {display: inline-block; width: 47%; height: auto; background: #141713; margin-right: 20px; margin-top: 6px}
.board .aa {display: none}
.board .bb {width: 100%; background-color: #141713; border: 5px solid #141713}
.board .yy {display: none}
.board .zz {width: 100%; text-align: left; background-color: #282A28; border-bottom: 5px solid #141713; border-right: 5px solid #141713; border-left: 5px solid #141713; height: 8px}
.board .zz a {color: #304A3F}
.board .zz .where {float: left; position: relative; bottom: 0; overflow: auto; width: 240px; height: 10px; margin-bottom: -10px}
.board .zz .who {float: right; position: relative; bottom: 0}
.board .zz .when {display: none}
.board .mainbg {direction: ltr}
.stats .aa {width: 1%}
.stats .zz {width: 95%; text-align: justify}
.forum .aa {width: 5%}
.forum .bb {width: 38%}
.forum .xx {width: 12%}
.forum .yy {display: none}
.forum .zz {width: 30%}
.board .zz .who span, .board .zz .where span {display: none}
.board .zz .who:before {content: "OR PERHAPS IS "}
.board .zz .who a, .board .zz .who, .board .zz .when {font: 'Oswald'; font-size: 9px}
.board .title {display: none}
.web {letter-spacing: 1px; line-height: 10px; text-align: left; font-family: 'Oswald', sans-serif; font-size: 15px; color: #757A74; padding-left: 2px}
.web a:hover {color: #1D3128}
.desc {background: transparent; font-family: 'Oswald'; font-size: 7pt; letter-spacing: 1px; height: 25px; text-align: justify; padding-top: 3px; border-top: 2px solid #1D3128; margin-top: 2px; margin-left: 1px}

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

/* TABS */
.tabs {font-family: 'Oswald', cursive; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 5px}
.tabs a {display: block; margin: 3px; padding: 2px 10px; text-decoration: none; font-weight: normal; color: #B1B1B1; background: #101010}
.tabs a:hover, .tabs .current a {color: #B1B1B1; background-color: #252525; letter-spacing: 5px; color: #FFFFFF; text-align: center; transition-duration: 1s; -webkit-transition-duration: 3s; -o-transition-duration: 3s; -moz-transition-duration: 3s}
.tabs.bottom a, .tabs.top a {background: #101010; color: #3D6847}
.tabs.bottom a:hover, .tabs.top a:hover {background: #101010; color: #3D6847}
.tabs.top {text-align: right; position: relative; top: -25px}
.tabs.bottom {text-align: right; position: bottom; margin-top: 14%; margin-bottom: 1px}
.tabs.rotate {height: 26px; padding: 0 105px}
.tabs.left.rotate {left: -25px}
.tabs.rotate a {border-bottom: 0}
.tabs.no_rotate {padding: 130px 2px}

/* SELEZIONE RIGA: MultiQuote e Moderazione */
.focus {color: #555 !important; background: #101010 !important}
.focus:nth-child(even) {color: #757A74 !important; background: #202020 !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {text-shadow: none}
.web a {color: #505050}
.big_list > *:nth-child(even) .web a {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; color: #2B2B2B}
.big_list > *:hover .web a, .big_list > *:nth-child(even):hover .web a {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}
.forum .big_list > *:hover .web a, .forum .big_list > *:nth-child(even):hover .web a {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; padding: 0; letter-spacing: 0}
.desc {font-weight: normal; text-transform: none; !important; line-height: 100% !important; color: #303030}
.subs a, .subs {font: 9px arial}
.on .web a, .on .zz a {font-weight: bold}
.on .zz a {text-shadow: 0 0 2px}
.spostata .web a {color: #404040}
/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
.cp .tabs .current a {font-size: 13px; font-weight: bold; color: #FFF; text-shadow: none; background: #090909 !important; border: 0; border-bottom: 0}
/* edit avatar */
.tabs2 div:hover {background: #101010}
.tabs2 .current div {background: #090909 !important}
/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}
#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}
/* INBOX: lista messaggi privati */
#msg .cp .web {font: 14px 'Oswald'}
#msg .cp .post {background: #090909}
/* RISPOSTA */
#loading .top, .summary .list .top {color: #2B2B2B}
#loading .bottom, .summary .list .bottom {border-top: 0}
.fast.send .sunbar {font-weight: bold; font-size: 11px; color: #404040; text-shadow: none; background: #090909 !important}
.sunbar {text-align: center; font-weight: bold; color: #2B2B2B; background: #101010 !important}
.sunbar.top {border-radius: 0}
.sunbar.bottom {border-radius: 0}
.sunbar a {color: #303030}
.sunbar a:hover {border-bottom: 1px dashed}
.summary .skin_tbl {border: 0}
.summary .list > * {border-top: 1px dotted #111}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 11px}
.summary .quote, .summary .code {font-size: 10px}

/* SONDAGGI */
.bar {background: #757A74; height: 15px; line-height: 15px; font-size: 10px; color: #253A31 !important; border-radius: 3px}
.bar div {background: #0F110E; border-radius: 3px 0 0 3px}
.max .bar {background: #151F1A}
.max .bar div {background: #757A74}

/* DISCUSSIONI */
.topic .mtitle {font-weight: normal} .topic .mdesc {font-weight: normal}
.post {border-bottom: 5px solid #151F1A; text-align: justify; padding-right: 10px; font-family: 'Oswald'; font-size: 11px; letter-spacing: 1px; padding-left: 10px}
.dropcap {float:left; color: #3A3C39; font-size: 25px; line-height: 35px; width: 35px; background: #14211B; padding: 2px 2px 2px 2px; margin: 3px 6px 0 0; font-family: 'Oswald'; text-align: center}
.post:nth-child(even) {background: #0F110E}
.post .center .left {position:absolute; right: 99%}
.post .center .right {padding-bottom: 10px; margin-top: -5px; background: transparent}
.post .right {padding-left: 2px !important}
.post .bottom {font-size: 11px}
.title2 {font-family: 'Oswald'; background: #0B0C0A; width: 98%}
.post .bottom .right {display:none}
.post .lt, .rt {margin-top: 0}
.color {line-height: 120%; text-transform: none !important; color: #676767}
.color a {color: #3A3C39; font-weight: none; text-transform: uppercase; text-shadow: none}
.color a:hover {color: #757A74; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}
.color b {color: #253A31; font-weight: none; font-size: 11px; text-shadow: none}
.color b:before {content: "«"}
.color b:after {content: "»"}
.color hr {height: 0; border: 0; border-top: transparent}
.color i {font-size: 11px; color: #676767; font-style: italic}
.color i:before {content: "“"}
.color i:after {content: "”"}
.fancyborder {display: none}
.bottomborder {border-bottom: transparent}
.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-weight: normal; font-size: 15px; font-family: 'Oswald'; color: rgba(0, 0, 0, .45); position:absolute; left: 45%; margin-top: -13px}
.post .nick a {font: 18px 'Oswald' !important}
.post .nick a:hover {letter-spacing: 10px; margin-left: -40px}
.post .details {position: relative; overflow: visible !important; margin-right: 2px; margin-top: -14%}
.post .signature {display: none}
.post .avatar img {overflow: hidden !important; border: 10px solid #0F110E}
.post .avatar:hover img {opacity: 0.4; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s}
.u_posts, .u_location, .u_group, .u_rank, .u_title, .u_status {display: none}
.avatar:hover {-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease}
.post .avatar {overflow: hidden}
.details p {padding: 0 0 0 0}
.details p:first-line {font-weight: bold; color: #000}

/* online, offline, anonimo */
.u_status {font-weight: normal; width: 100%;
border: 1px solid #2B2B2B; background: #000;
font-size: 9px; font-family: 'Oswald'; text-transform: uppercase !important; padding: 1px; margin-top: 0; text-align: center !important}
.box_online .u_status {color: #333}
.box_offline .u_status {color: #606060; text-shadow: none}
.box_anonimo .u_status {color: #78858C}

/* CITAZIONI, SPOILER e CODICI annidati */
/* 1° livello */
.quote, .code {padding: 3px; font: 11px 'Oswald'; text-shadow: none; background: #0B0D0B; color: #282A28}

/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #808080; position: relative; top: 5px; margin-right: 5px; font-size: 40px; font-family: 'Oswald'}
.code_top:before {color: #808080; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: 'Oswald'}
.code_top:after {color: #808080; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: 'Oswald'; font-weight: italic}
.spoiler .code_top:after {content: none}

/* BLOG */
.blog .skin_tbl {background: transparent; border: 0}
/* se il blog non ha sidebar, #centerdiv non viene usato */
#centerdiv {margin: 0 190px} .sidebar {width: 190px; font-size: 11px}
.blog .article {padding: 20px 0; border-top: 1px dashed #111}
.blog .article:first-child {padding-top: 10px; border-top: 0}
.btitle {margin-bottom: 5px; line-height: 1.8em}
.btitle a {font: 24px georgia, verdana, arial; color: #78858C; border-bottom: 1px dotted transparent}
.btitle a:hover {border-bottom: 1px dotted}
.bdesc {margin-top: 5px; font: 16px georgia, verdana, arial; color: #303030}
.on .btitle {font-weight: bold}
.article .title2 {font-size: 10px; color: #454545}
.article .title2 a {font-weight: bold; color: #404040}
.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: bold}

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

/* 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; font-weight: bold; font-size: 17px}

.article .color {margin: 5px 0 10px; text-align: justify; line-height: 120%}
.article .color .edit {color: #111}

.comments .post {padding: 5px 0; background: #050505}
.comments .post:nth-child(even) {background: #050505}
.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: 55px}
.comments .details {padding-bottom: 6px; width: 96px}
.comments .u_status {bottom: -5px}

/* BLOG WIDGET */
.sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: #090909; border-radius: 10px; border: 1px solid #121212; box-shadow: 0 0 1px #111}
.stitle {padding: 0 0 10px 0; text-align: center; font: 18px georgia, verdana, arial; font-weight: normal; color: #78858C; text-shadow: -1px -1px 0 #000; background: transparent !important}
.stitle a {color: #78858C}

.sidebox li {padding: 2px 0}

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

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

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

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

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

/* TAGBOARD e CHAT */
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {padding: 0; border-bottom: 0; text-transform: none}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {color: #505050; text-transform:uppercase}
.tag .mback {display: none}
.tag {margin-top: -10px}
.tag .list > *:nth-child(even) a {color: #78858C}
.tag .list > *:nth-child(even) {background: #090909}
.tag a:hover {border-bottom: 1px dotted}

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

/* STATISTICHE */
#board .stats {margin-top: 0.3%; float: left; background: #transparent; line-height: 9px; text-align: justify; font-family: 'Oswald'; font-size: 9px; color: #757A74; width: 50%; border-bottom: 4px solid #151E1A; font-weight: normal}
#board .stats .skin_tbl.top {background: #151E1A; padding-bottom: 2px; margin-top: 2%; margin-left: 100%; font-size: 10px; font-family: 'Oswald'; height: auto; text-align:left; border-top: 2px solid #151E1A}
#board .stats .skin_tbl.bottom {background: #151E1A; margin-top: -13.3%}
#board .stats .mback {display:none}
#board .stats .top .mback {}
.stats .skin_tbl.bottom .mback {display: none}
.stats .list > * {background: transparent}
.stats .list > * a {text-transform: uppercase}

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

/* COLORI UTENTI */
.daconvalidare {font-style: italic}
.utente {color: #C3C7AA}

.gruppo1 {color: #134857}
.gruppo2 {color: #7F1B1B}
.gruppo3 {color: #818181}
.gruppo4 {color: #000000; font-weight: bold}
.gruppo5 {color: #2A4C1B; font-weight: bold}
.gruppo6 {color: #404040; font-weight: bold}
.gruppo7 {color: #606060; font-weight: bold}
.gruppo8 {color: #EB4E61; font-weight: bold}
.gruppo9 {color: #EB4E61; font-weight: bold}
.gruppo10 {color: #E64255; font-weight: bold}
.gruppo11 {color: #F7B8B3; font-weight: bold}

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

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

.navsub .info {font-size: .8em}
.alert, .info {border-radius: 5px}
.alert, .info {padding: 1em; background: #101010 !important; color: #788C78 !important; text-transform: none; border: 1px solid #151515}
.alert a, .info a {color: #505050}
.alert a:hover {border-bottom: 1px solid}

/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px;
text-shadow: 0 0 2px #000; border: 1px solid #090909; border-radius: 3px; color: #788C78; box-shadow: 0 0 1px #111;
background: #090909; /* Old browsers */
background: #101010; /* FF3.6+ */
background: background: #090909; /* Chrome, Safari4+ */
background: background: #090909; /* Chrome10+, Safari5.1+ */
background: background: #090909; /* Opera 11.10+ */
background: background: #090909; /* IE10+ */
background: background: #090909}
.profile .nick {line-height: 1em; margin: 5%; color: #788C78; font: 16px 'Oswald', Tahoma, Verdana, Arial, Serif; font-weight: bold; font-style: italic}
.profile dl {font-size: 11px}
/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 5px 0 5px 5px}
.profile .left {position: relative}
.profile .u_status {margin-top: 10px; width: 50%}

/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content: none}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}
/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .4; padding: 1px 4px; color: #788C78 !important; text-shadow: none !important; background: #101010; border: 1px dashed #151515; border-radius: 100px}
.pages2 a:hover {opacity: .9}
/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}
.pages {font-size: .8em}
.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content: none}
.pages li a, .pages .current {padding: 2px 5px; font-size: 11px; color: #444; background: #050505; border: 1px dashed #121212; border-radius: 100px}
.pages li a:hover {background: #101010}
.pages .current {font-size: 12px; color: #788C78}
.pages .jump a, .pages .lastpost a {font-size: 11px; color: #333; background: #090909; border-color: #121212}
.pages .jump a:hover, .pages .lastpost a:hover {background: #050505}
.pages .first a, .pages .last a {background: #090909; border-color: #121212}
.pages .first a:hover, .pages .last a:hover {background: #050505}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .darkbar button.forminput, .darkbar input.forminput, .fast.send input.forminput, .darkbar .forminput, .fast.send .forminput {padding: 3px; font: 12px georgia; border: 1px solid #131313; border-radius: 3px; color: #788C78; box-shadow: 0 0 1px #111; background: #101010}
.textinput {padding: 3px; font: 12px georgia; text-shadow: none; border: 1px solid #131313; border-radius: 3px; color: #808080; box-shadow: 0 0 1px #111; background: #101010}
textarea.textinput {padding: 4px; line-height: 2em; font: 1em verdana, arial, serif}

/* 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: #788C78; box-shadow: 0 0 2px #788C78}
/* bbcode */
.codebuttons {padding: 2px} .codebuttons:hover {text-shadow: 0 0 2px}
/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput, .navsub .forminput, .title .forminput {color: #333; background: #101010; border: 1px solid #121212; padding: 0; box-shadow: none; text-shadow: none}
.navsub .forminput, .title .forminput {padding: 2px; !important}
.sunbar .forminput:hover, .navsub .forminput:hover, .navsub .forminput:focus, .title .forminput:hover, .title input.forminput:hover {background: #050505; border: 1px dashed #101010}
/* form sotto bottone Nuova Disc. - SOPRA */
.navsub form {font-size: .8em}
/* form di ordinamento in fondo alle sezioni - SOPRA */
.title .forminput {padding: 2px}
.title input.forminput {font-weight: bold; color: #788C78}
/* bottone invio risposta */
.darkbar button.forminput, .darkbar input.forminput, .fast.send input.forminput, .darkbar .forminput, .fast.send .forminput {text-transform: uppercase !important; font: 16px georgia !important; margin-top: 5px !important}
.darkbar .forminput:hover, .fast.send .forminput:hover, .darkbar button.forminput:hover {text-shadow: 0 0 2px}
/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}
/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font: 24px georgia; color: #788C78; text-shadow: 3px 0 2px #444, -3px 0 2px #111; background: transparent !important; letter-spacing: -2px}
.buttons span:hover {opacity: 0.6}
/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 13px}
.post .mini_buttons a {line-height: 1em; font-size: 12px}
.title2.top a {font-size: 12px}
/* .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}

/* TAG CHAT */
.tag, .chat {margin-bottom: 30px; margin-top: 20px; margin-left: 0%; width: 100%}
.tag .list, .side_tag .list {font-size: 11px; line-height: 10px; padding: 0; font-family:verdana}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag a, .side_tag a {}

.tag .ww tbody tr td {padding: 0}
.tag .ww tbody tr td br {display:none}
.tag .ww tbody tr > *:nth-child(1) {width: 28% !important}
.tag .ww tbody tr > *:nth-child(2) {width: 60% !important}
.tag .ww tbody tr > *:nth-child(3) {width: 10% !important}
.tag .ww tbody tr > *:nth-child(3):after {content:'ultracompact tag performed by JackGaunt'; font-size: 6pt; opacity: 0.5; line-height: 5pt; float:left; position:absolute; padding-top: 25px; left: 50px}
.tag .ww {padding: 2px}

.tag .ww tbody tr td p input.textinput {width: 50% !important}
.tag .textinput, .side_tag .textinput {font-size: 0.95em;
padding: 4px; line-height: 100%;
height: 12px !important;
width: 60% !important}

/* PULSANTI */
.link a {background-color: #202824; width: 60px; height: 10px; text-transform: uppercase; float: left; text-align: center; display: inline-block; padding-top: 3px; margin: 2px 2px 2px 2px; color: #5C5F5B; font-size: 9px; font-family:'Oswald';
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; overflow:hidden}
.link a:hover {background-color: #282828; width: 60px; height: 10px; text-transform: uppercase; float: left; text-align: center; display: inline-block; margin: 2px 2px 2px 2px; padding-top: 3px; color: #5C5F5B; font-size: 9px; font-family:'Oswald'; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out}

/* BANDIERE PUNTEGGI IN HOME */
#slytherin {position:absolute; margin-top: 26%; margin-left: 53%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#slytherin_pt {position:absolute; margin-top: 24.8%; margin-left: 53.9%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#ravenclaw {position:absolute; margin-top: 26%; margin-left: 58%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#ravenclaw_pt {position:absolute; margin-top: 24.8%; margin-left: 58.9%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#hufflepuff {position:absolute; margin-top: 26%; margin-left: 63%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#hufflepuff_pt {position:absolute; margin-top: 24.8%; margin-left: 63.9%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#gryffindor {position:absolute; margin-top: 26%; margin-left: 68%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}
#gryffindor_pt {position:absolute; margin-top: 24.8%; margin-left: 68.9%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}

/* BANDIERA CASATA IN HOME */
#slytherinflag {position:absolute; margin-top: -0.9%; margin-left: 94.1%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: transparent}

/* TABELLA IN FONDO */
#bottom {position:absolute; margin-top: -14%; margin-left: 23.7%; width: 52.4%; padding: 2px; font-family:'Oswald'; font-size: 10px; background-color: #151E1A; height: 150px}
#description
{padding: 2px; font-family:'Oswald'; font-size: 10px}

A_STAR:■
FEMALE_STAR:■
MALE_STAR:■
F_NAV:■
F_NAV_SEP:›
C_ON:<display: none>
C_OFF:<display: none>
C_ON_RES:<display: none>
C_OFF_RES:<display: none>
C_LOCKED:<display: none>
F_ACTIVE:<display: none>
F_STATS:<display: none>
A_POST:&#991; NUOVA
A_REPLY:&#991; RISPONDI
A_POLLONLY_B:&#991; SONDAGGIO
A_LOCKED_B:&#991; CHIUSA
M_REPLY:&#991; RISPONDI
M_DELETE:&#991; CANCELLA
M_ADDMEM:&#991; AGGIUNGI
M_UNREAD:&#9993;
M_READ:<display: none>
B_PIN:&#9740;
B_ANNUNCIO:&#9740;
B_NEW:&#991;
B_NORM:<display:"none">
B_HOT:&#991;
B_HOT_NN:<display:"none">
B_POLL:&#991;
B_POLL_NN:<display:"none">
B_MOVED:&#8596;
B_LOCKED:&#10006;
NEW_POST:&#8594; 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:&#991; cancella
P_EDIT:&#991; modifica
P_QUOTE:&#991; citazione
P_MSG:&#991; messaggio
P_EMAIL:&#991; email
P_CONTACTS:&#991; telefono
P_WEBSITE:&#991; 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">