Balloons in the Sky

body {font: 13px source sans pro; color: #084870; background: #F0E4A9 url(http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/sfondocieloazzurroQ8.jpg) left top no-repeat fixed; background-size: cover}
a {text-decoration: none; color: #57A7B3; -webkit-transition: color 0.6s ease; -moz-transition: color 0.6s ease; -ms-transition: color 0.6s ease; -o-transition: color 0.6s ease; transition: color 0.6s ease}
a:hover {color: #9BAC5F}

.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 img {max-width: none; text-align: center}
.logo {margin: 0 auto 30px auto} .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: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menu.png) top center repeat-x; height: 42px !important}

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

.menuwrap a {margin: 0; padding: 0 11px; font-size: 11px; color: #FFF}
.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: #FFF; text-shadow: 1px 1px 0 #8D9E75 !important; font-size: 15px}

/* numero msg e link REGISTRATI */
.menuwrap em {padding: 2px 7px 0 7px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; font-size: 15px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF}

.menuwrap .nick {margin-left: 100px}
.menuwrap .avatar, .menuwrap .avatar:hover {height: 75px; width: 75px; border-radius: 100px; position: absolute; border: 5px solid #F4FCDC; box-shadow: 0 0 12px 0 #0AB151; top: 5px; z-index: 9}
.menuwrap form {padding: 0 11px 0 5px}


/* MENU contestuale(dropdown) */
.menu > a {font-size: 19px; font-family: satisfy; background: url('http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/sep.png') no-repeat right 3px; padding-bottom: 8px}
.right .menu > a {background: none}
.menu > a:hover, .menu:hover > a {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menuhover.png) center -1px no-repeat, url('http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/sep.png') no-repeat right 3px}
.right .menu > a:hover, .right .menu:hover > a {background: none}


.menu ul {width: 170px; background: #B4CCAD; border-bottom: 2px solid #EBFCDB}
.left .menu:first-child ul {margin-left: 80px; width: 130px; z-index: 8}

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

.menu li {text-shadow: none; line-height: 11px}
.menu li a {padding: 3px 8px !important; font-size: 13px; color: #2C6A67 !important; text-align: center; text-shadow: 1px 1px 0 #DCE8C1}
.menu li a:hover, .menu li:hover > a {color: #008438 !important; background: #BCD8DF; border: 0; border-radius: 0; box-shadow: inset 0 0 3px 0 #99C9D5, inset 2px 1px 0 0 #E1F2F6}
.menu li strong {padding: 3px 8px; color: #FFF; text-shadow: 1px 1px 0 #8D9E75 !important}

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

.menuwrap input {padding: 3px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.menuwrap input:hover {cursor: pointer; background: #82A3C1}
.menuwrap input:focus {cursor: default; background: #82A3C1}

.menuwrap input[type=submit] {padding: 2px; color: #FFF; border-radius: 4px; background: #9EBAD3; border: none}
.menuwrap input[type=submit]:hover {color: #FFF; background: #82A3C1}


/* CERCA */
.menuwrap .search input {color: #FFF; background: #CCC594; border-radius: 20px 20px 0 0; box-shadow: 0 0 0 1px #D4CB90, 0 -3px 0 0 #DEF0CA, inset 0 5px 7px 0 #9E944B; border: none; padding: 5px 10px 0 10px; font-size: 15px; margin: 0 5px -11px 5px}
.menuwrap .search input:hover {}
.menuwrap .search input:focus {}


/* LARGHEZZA BOARD */
.container {margin: 0 auto; padding: 25px}
.container, .tabs.top, .tabs.bottom {width: 850px}


/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {}
.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; color: #FFF; background: #CCC594; border-radius: 20px 20px 0 0; box-shadow: 0 0 0 1px #D4CB90, 0 -3px 0 0 #DEF0CA, inset 0 5px 7px 0 #9E944B; border: none; padding: 5px 10px 0 10px; font-size: 15px}
.tabs a:hover, .tabs .current a {color: #5C5105; background: #BCB47B}


/* TABS disposti attorno il container */

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

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


/* HOMEPAGE */
.board .skin_tbl {margin-bottom: 30px; overflow: visible}
.skin_tbl {background: #F0E4A9 url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/skintbl.png) top center no-repeat; border-radius: 10px; border: 1px solid #C0DBC7; box-shadow: inset 0 0 40px 0 #FFF7D2, 0 21px 32px 0 #D3CA9E; overflow: hidden}

.mback {}
.mback_left, .mback_right {width: 15px}
.topic .mback {margin-top: 15px}

.minus, .plus {display: none}

.mtitle {text-align: left; font: 24px petit formal script; font-weight: normal; color: #8BB798; background: transparent !important; text-shadow: 1px 1px 0 #C1F3D0}
.title, .darkbar {background: !important; font-weight: normal; font-size: 12px}
.title.top {margin-top: -10px; line-height: 7px}
.topic .title.top {margin-top: 0; line-height: normal}
.title .yy, .title .zz {color: #084870 !important}


/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menuul.png); box-shadow: inset 0 -2px 5px 0 #C6DEB3}
.list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menuul2.png)}

.big_list {margin: 0 5px 15px 5px; background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/biglistb.png) bottom center no-repeat, url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/biglistt.png) top center no-repeat, url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/biglistc.png) center center repeat-y; border-radius: 7px}

.big_list > * {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/sezt.png) top center repeat-x, url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/sezb.png) bottom center repeat-x; padding-bottom: 2px}
.big_list > *:first-child {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/sezb.png) bottom center repeat-x}
.big_list > *:last-child {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/sezt.png) top center repeat-x}


.board .aa img {max-width: none}
.board .aa {margin-left: -35px; margin-right: 35px}
/* fix per Opera */
.board .off .aa {min-height: 48px}
.board .big_list > * .bb {text-align: right !important}
.yy, .zz {color: #FFF}

/*Disposizione .YY .ZZ*/
.board .zz {width: 35%; margin-left: 2%}
.board .yy {display: none}

.board .big_list .yy {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menuul2.png); text-align: center; width: 35%; position: absolute; margin-top: 7px; display: inline-block; border-radius: 5px 5px 0 0; box-shadow: 0 -1px 0 0 #FFFFDD; margin-left: 2%}
.board .big_list .zz {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menuul2.png); text-align: center; width: 35%; position: absolute; margin-top: 27px; padding-top: 30px; border-radius: 0 0 5px 5px; box-shadow: 0 1px 0 0 #FFFFDD; margin-left: 2%}

.board .big_list .yy div {float:left; width: 50%}
.board .big_list .zz div {float:left}
.board .big_list .zz >*:nth-child(1) {margin-right: 5px}
.board .big_list .zz >*:nth-child(1):before {content:"Scritto il "}
.board .big_list .zz >*:nth-child(2) {position: absolute; margin-top: -25px; font-size: 16px; width: 95%; text-align: left; line-height: 13px}
.board .big_list .zz >*:nth-child(2) span {display: none}
.board .big_list .zz >*:nth-child(3) span {display: none}
.board .big_list .zz >*:nth-child(3) {float: right; margin-top: -1px}
.board .big_list .zz >*:nth-child(3):before {content:"Autore: "}


/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #E2F0CA; text-shadow: 1px 1px 0 #99C274}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #E2F0CA; text-shadow: 1px 1px 0 #99C274}


.web {font: 24px dancing script}
.web a {color: #3B9CB4}
.web a:hover {color: #E2F0CA; text-shadow: 1px 1px 0 #99C274}
.desc {font-weight: normal; line-height: 14px; text-align: justify !important}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: #3B9CB4; font-style: italic}

/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
/* edit avatar */
.tabs2 div:hover {color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF}
.tabs2 .current div {background: #C0D7EC}

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


/* RISPOSTA */
.fast.send .sunbar {background: #BCD8DF; border: 0; border-radius: 0; box-shadow: inset 0 0 3px 0 #99C9D5, inset 2px 1px 0 0 #E1F2F6, 0 0 5px 0 #DCD8AD}

.sunbar {background: #BCD8DF; border: 0; border-radius: 0; box-shadow: inset 0 0 3px 0 #99C9D5, inset 2px 1px 0 0 #E1F2F6, 0 0 5px 0 #DCD8AD}
.sunbar.top {border-radius: 5px 5px 0 0}
.sunbar.bottom {border-radius: 0 0 5px 5px}

.summary .skin_tbl {border: 0}
.summary .list > * {border-top: 1px dotted #94B498}
.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: #EDFCFF; height: 15px; line-height: 15px; font-size: 10px; border-radius: 3px}
.bar div {background: #65D0E3; border-radius: 3px 0 0 3px}
.max .bar {background: #4BC4DA}
.max .bar div {background: #27B0C9}


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

.post {background: #CFF1E9; box-shadow: 0 0 5px 0 #9BA48C, inset 0 0 25px 0 #9DD1C5; margin: 7px 15px; border-radius: 7px}
.post:first-child {margin-top: none}

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

.color {line-height: 1.2em}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 10px; color: transparent}
.fancyborder {border: 1px dotted #70B3A3 !important; background: #9BE7D5}
.bottomborder {border-bottom: 1px dashed #80B4A8}

.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; overflow: visible !important; padding-bottom: 20px; font-size: 12px}
.avatar:hover {border: 0}
.post .avatar {margin: 6px auto; overflow: hidden; padding: 5px; width: 100px}
.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0}
.details p:first-line {font-weight: bold; color: #1A5A0E}
dl.u_group dt {display: none}
.box_visitatore .details p {border-radius: 5px}

.box_amministratore .avatar, .box_gruppo1 .avatar {background: #1565A5; box-shadow: inset 0 0 5px 0 #084A7F}
.box_moderatore .avatar, .box_gruppo2 .avatar {background: #0F98A4; box-shadow: inset 0 0 5px 0 #04727C}
.box_gruppo3 .avatar {background: #6BA1C0; box-shadow: inset 0 0 5px 0 #457A99}
.box_gruppo4 .avatar {background: #2B783F; box-shadow: inset 0 0 5px 0 #185729}
.box_gruppo5 .avatar {background: #80A51B; box-shadow: inset 0 0 5px 0 #62820A}
.box_gruppo6 .avatar {background: #6CAA73; box-shadow: inset 0 0 5px 0 #4F8956}

/* online, offline, anonimo */
.u_status {}
.u_status dt {display: none}


/* CITAZIONI, SPOILER e CODICI annidati */

/* 1° livello */
.quote, .code {padding: 5px 10px; font-size: 9pt; font-weight: normal; background: #BEDABF; border-radius: 5px; box-shadow: 0 -1px 0 0 #CBE9D2, 0 1px 0 0 #CBE9D2, 0 0 5px 0 #A0D1C5, inset 0 0 20px 0 #8FAE90}

/* 2° livello */
.quote .quote, .quote .code, .spoiler .quote, .code .code {background: #B0CFB2; box-shadow: 0 -1px 0 0 #CBE9D2, 0 1px 0 0 #CBE9D2, 0 0 5px 0 #A0D1C5, inset 0 0 20px 0 #8FAE90}

/* 3° livello */
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {background: #9DD1A1; box-shadow: 0 -1px 0 0 #CBE9D2, 0 1px 0 0 #CBE9D2, 0 0 5px 0 #A0D1C5, inset 0 0 20px 0 #8FAE90}

/* 4° livello */
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {background: #AEE2B1; box-shadow: 0 -1px 0 0 #CBE9D2, 0 1px 0 0 #CBE9D2, 0 0 5px 0 #A0D1C5, inset 0 0 20px 0 #8FAE90}


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

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


/* TAGBOARD e CHAT */
.tag, .chat {width: 830px}
.tag .list, .side_tag .list {font-size: 12px; padding: 0}
.tag .textinput, .side_tag .textinput {font-size: 12px; padding: 1px}
.tag a, .side_tag a {color: #63A4BA}

.tag .ww br {display: none}
.tag .ww td:first-child {width: 205px}
.tag .ww td:first-child >*:nth-child(2), .tag .ww td:first-child >*:nth-child(3), .tag .ww td:first-child >*:nth-child(5) {display: none}
.tag .ww td:last-child {width: 110px}
.tag .ww td:last-child p {display: none}
.tag .textinput {height: 20px !important; color: #E1FDFF}
.tag .textinput:focus {color: #084870}



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


/* STATISTICHE */
#board .stats {margin-top: 20px; overflow: hidden}
#board .stats .zz {color: #084870}
#board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background: #BCD8DF; border: 0; border-radius: 0; box-shadow: inset 0 0 3px 0 #99C9D5, inset 2px 1px 0 0 #E1F2F6, 0 0 5px 0 #DCD8AD}
#board .stats .top .mback {border-radius: 5px 5px 0 0}


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


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

.daconvalidare {font-style: italic}

.male {color: #146AAE} .female {color: #C68}

.amministratore, .gruppo1 {color: #1565A5; font-weight: bold}
.moderatore, .gruppo2 {color: #0F98A4; font-weight: bold}
.gruppo3 {color: #6BA1C0; font-weight: bold}
.gruppo4 {color: #2B783F; font-weight: bold}
.gruppo5 {color: #80A51B; font-weight: bold}
.gruppo6 {color: #6CAA73; font-weight: bold}



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


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

.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 .skin_tbl {padding: 10px}
.profile .tabs {text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; font-size: 15px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF}
.profile .nick {line-height: 1em; margin: 5%; font-size: 24px; font-weight: bold; text-shadow: none}
.profile dl {font-size: 11px}
/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 5px 0 5px 5px}
.profile .left {position: relative}
.profile .right .list > * {background: none; box-shadow: none}


/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 11px} .pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}
/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; color: #1F292F !important; text-shadow: none !important; background: #FFF; border: 1px solid #AEC4D1; border-radius: 100px; box-shadow: inset 0 0 3px 0 #CAD8E0}
.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: 11px}

.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: 13px; color: #2E617F; background: #FFF; border: 1px solid #AEC4D1; border-radius: 100px; box-shadow: inset 0 0 3px 0 #CAD8E0}
.pages li a:hover {background: #ECF3F7}
.pages .current {font-size: 1.2em; background: #ECF3F7}

.pages .jump a, .pages .lastpost a {font-size: 11px; color: #2E617F; background: #FFF; border: 1px solid #AEC4D1; border-radius: 100px; box-shadow: inset 0 0 3px 0 #CAD8E0}
.pages .jump a:hover, .pages .lastpost a:hover {background: #ECF3F7}

.pages .first a, .pages .last a {font-size: 11px; color: #2E617F; background: #FFF; border: 1px solid #AEC4D1; border-radius: 100px; box-shadow: inset 0 0 3px 0 #CAD8E0}
.pages .first a:hover, .pages .last a:hover {background: #ECF3F7}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}

textarea.textinput {padding: 4px; line-height: 2em; font-family: source sans pro}

/* 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 8px rgba(82, 168, 236, .5)}

/* bbcode */
.codebuttons {padding: 2px} .codebuttons:hover {background: #82A3C1}

/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.sunbar .forminput:hover {background: #82A3C1}

/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.navsub .forminput:hover, .navsub .forminput:focus {background: #82A3C1}

/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.title .forminput:hover {background: #82A3C1}
.title input.forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.title input.forminput:hover {background: #82A3C1}

/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.darkbar .forminput:hover, .fast.send .forminput:hover {background: #82A3C1}

.darkbar .forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}

.darkbar input.forminput, .fast.send input.forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}

/* bottone preview */
.darkbar button.forminput {padding: 3px 5px; color: #FFF; text-shadow: none; background: #9EBAD3; border-radius: 3px; box-shadow: inset 0 0 5px 0 #2C9490, 1px 1px 0 0 #BBCEDF; border: none}
.darkbar button.forminput:hover {background: #82A3C1}


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

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

#fcontainer {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/container.png); margin-top: -30px; padding-top: 30px; margin-bottom: -20px; padding-bottom: 20px; width: 900px; margin-left: auto; margin-right: auto}
#fbottom {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/footer.png) bottom center repeat-x; height: 255px; width: 100%; margin-top: -5px; padding-top: 35px}

#bacheca {background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/menuul2.png); width: 850px; height: 280px; border-radius: 0 0 30px 30px; box-shadow: 0 5px 5px 0 #D2F4FC, 0 3px 0 0 #88CFE0, inset 0 0 5px 0 #66ADBE; margin-bottom: 30px}
#bacheca .intro {float: left; width: 460px; padding-left: 10px; text-align: justify; line-height: 13px; font-size: 14px; margin-top: 10px}
#bacheca .slides {float: left; padding-right: 10px; padding-left: 11px; margin-top: 10px}
#bacheca .tit1 {float: left; width: 480px; font-family: marck script; font-size: 24px; padding-left: 10px}
#bacheca .contest {float: left; width: 480px; padding-left: 10px}
#bacheca .tit2 {width: 339px; font-family: marck script; font-size: 24px; float: left; padding-right: 10px; padding-left: 11px; margin-top: -10px}
#bacheca .special {float: left; padding-right: 10px; padding-left: 11px; width: 339px; margin-top: -25px}

#aff {width: 750px; margin: 0 auto 0 auto; text-shadow: 1px 1px 1px #000; background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/container.png); border-radius: 5px}
#aff .tit3 {font-family: marck script; font-size: 30px; width: 100%; padding-bottom: 15px; color: #FFF}
#aff img {opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}
#aff img:hover {opacity: 1}
#aff div {float: left}
#aff div:last-child {float: none; margin-bottom: 7px}
.credits {margin: -90px auto 0 auto; background: url(http://digilander.libero.it/thesongofthestars/Skin/balloonsinthesky/container.png); border-radius: 3px; width: 300px; font-size: 17px; box-shadow: 0 0 0 3px #FFF}
.credits a {color: #002735; font-weight: bold}
.credits a:hover {color: #000}

#smilies img {max-width: 100px}

@font-face {font-family: 'Petit Formal Script';
font-style: normal;
font-weight: 400;
src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/petitformalscript/v1/OEZwr2-ovBsq2n3ACCKoEtgdb3q9Ts3XkY9bkaxM24g.woff) format('woff')}

@font-face {font-family: 'Satisfy';
font-style: normal;
font-weight: 400;
src: local('Satisfy'), url(http://themes.googleusercontent.com/static/fonts/satisfy/v3/ch7X2unYkww0EzsjlC3m8w.woff) format('woff')}

@font-face {font-family: 'Dancing Script';
font-style: normal;
font-weight: 400;
src: local('Dancing Script'), local('DancingScript'), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format('woff')}

@font-face {font-family: 'Marck Script';
font-style: normal;
font-weight: 400;
src: local('Marck Script'), local('MarckScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/marckscript/v4/O_D1NAZVOFOobLbVtW3bcnhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

@font-face {font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff')}

A_STAR:<img src='http://i.imgur.com/fz6gh.png' width='16' height='16' alt=''>
FEMALE_STAR:<img src='http://i.imgur.com/fz6gh.png' width='16' height='16' alt=''>
MALE_STAR:<img src='http://i.imgur.com/fz6gh.png' width='16' height='16' alt=''>
GRADO_ADMIN:
GRADO_MOD:
ICON_COMMUNITY:http://skin.forumfree.net/social/ff-icon.png
ICON_RSS:http://img.forumfree.net/index_file/icon_rss.png
ICON_MEMBERS:http://img.forumfree.net/style_images/52/icon_members.png
ICON_HELP:http://img.forumfree.net/style_images/52/icon_help.png
M_UP:http://img.forumfree.net/index_file/up_m.png
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
F_UP:<img src="http://i39.tinypic.com/6rt2xc.png" width="36" height="64" alt="Top">
F_UP_SHOW:1
P_UP:<img src="http://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top">
F_NAV:<img src="http://img.forumfree.net/style_images/52/nav.png" alt="F_NAV">
F_NAV_SEP:»
C_ON:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/on2.png" width="79" height="56" alt="C_ON">
C_OFF:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/off2.png" width="79" height="56" alt="C_OFF">
C_ON_RES:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/on2.png" width="79" height="56" alt="C_ON_RES">
C_OFF_RES:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/off2.png" width="79" height="56" alt="C_OFF_RES">
C_LOCKED:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/on2.png" width="79" height="56" alt="C_LINK">
F_ACTIVE:<img src="http://i.imgur.com/urFxbeb.png" alt="F_ACTIVE">
F_STATS:<img src="http://i.imgur.com/l0MWhfI.png" alt="F_STATS">
A_POST:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/discussioneBA.png" width="165" height="42" alt="A_POST">
A_REPLY:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/rispondiBA.png" width="131" height="42" alt="A_REPLY">
A_POLLONLY_B:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/sondaggioBA.png" width="146" height="42" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/chiusoBA.png" width="98" height="42" alt="A_LOCKED_B">
M_REPLY:Rispondi
M_DELETE:Cancella
M_ADDMEM:Aggiungi amico
M_UNREAD:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/on2.png" width="79" height="56" alt="M_UNREAD">
M_READ:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/off2.png" width="79" height="56" alt="M_READ">
B_PIN:<img src="http://i.imgur.com/pceaJ.png" width="16" height="16" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/pceaJ.png" width="16" height="16" alt="B_ANNUNCIO">
B_NEW:<img src='http://i.imgur.com/Dx6Gv.png' width='16' height='16' alt='B_HOT'>
B_NORM:<img src='http://i.imgur.com/1iYb9.png' width='16' height='16' alt='B_NORM'>
B_HOT:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='B_POLL'>
B_HOT_NN:<img src='http://i.imgur.com/5g1iI.png' width='16' height='16' alt='B_HOT_NN'>
B_POLL:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://i.imgur.com/5g1iI.png' width='16' height='16' alt='B_HOT_NN'>
B_MOVED:<img src='http://i.imgur.com/5g1iI.png' width='16' height='16' alt='B_HOT_NN'>
B_LOCKED:<img src='http://i.imgur.com/Btj2V.png' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src="http://img.forumfree.net/style_images/52/newpost.png" alt="NEW_POST">
PAG:<img src='http://i.imgur.com/wr41S.png' width='16' height='16' alt='PAG'>
CAT_IMG:<img src='http://i.imgur.com/wr41S.png' width='16' height='16' alt='CAT_IMG'>
THUMBS_UP:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/polliceinsu.png
THUMBS_DOWN:http://img.forumfree.net/index_file/thumbs_down.png
P_DELETE:Cancella
P_EDIT:Modifica
P_QUOTE:Citazione
P_MSG:MP
P_EMAIL:E-mail
P_CONTACTS:Contatti
P_WEBSITE:Sito web
EMOTICONS:http://i.imgur.com/fNono.png
EMOTICONS2:http://i.imgur.com/xe6m8.png
LOADING:http://img.forumfree.net/index_file/load.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://img.forumfree.net/index_file/attachment.png
ONLINE:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/online1.png
OFFLINE:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/offline1.png
ANONIMO:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/anonimo1.png