@import 'timeline.css';

* {
 margin: 0;
 padding: 0;
 list-style: none;
}

.clearfix {
 clear: both;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 -khtml-opacity: 0;
 opacity: 0;
 font-size: 0;
 height: 1px;
}

.wrapper {
 width: 960px;
 margin: 0 auto;
}

.wrapper_700 {
 width: 700px;
 margin: 0 auto;
}

.wrapper_center {
 width: 610px;
 margin: 0 auto;
}

.lineDwn {
 background: url(/img/line.gif) repeat-x bottom left;
 padding-bottom: 2px;
}

.lineUp {
 background: url(/img/line.gif) repeat-x top left;
 padding-top: 2px;
}

.modalBox {
 position: fixed !important;
 position: absolute;
 top: -1000px;
 left: 50%;
 width: 500px;
 margin-left: -250px;
 background: url(/img/groovepaper.png);
 z-index: 99999;
}

.modalBox h2 {
 color: #903140;
 border-bottom: 1px solid #b87b85;
 margin-bottom: 10px;
}

.modalBox > p {
 color: #333;
 margin-bottom: 4px;
}


.bubble {
 display: none;
 position: absolute;
 font-family: 'Open Sans', sans-serif;
 background: #903140;
 border-radius: 5px;
 text-shadow: none;
 color: #fff;
 padding: 10px;
 width: auto !important;
}

.bubble > span {
 position: absolute;
 width: 9px;
 height: 16px;
 background-position: -140px -120px;
 margin-left: -19px;
 margin-top: 8px;
}

.bubble.horizzontal > div {
 position: relative;
 height: 30px;
 display: block;
}

.bubble.horizzontal > div .element {
 color: #fff;
 height: 30px;
 line-height: 30px;
 text-decoration: none;
 float: left;
 display: block;
 padding: 0 4px;
}

.bubble.horizzontal > div .separator {
 width: 2px;
 background: url(/img/bubble_h_sep.gif) repeat-y center;
 height: 30px;
 float: left;
 display: block;
 margin: 0 8px;
}


body {
 background: url(/img/bg.png);
}

#notify {
 width: 480px;
 padding: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#main {
 -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; 
}

.sprite1 {
 background-image: url(/img/sprite.png);
 background-repeat: no-repeat;
}

.sp2 {
 background-image: url(/img/sprite2.png);
 background-repeat: no-repeat;	
}

.sp2 > span {
 display: none;
}

.clearfix {
 height: 1;
 display: block;
 clear: both;
}

button.sprite1 {
 border: none;
}

.fontOT {
 color: #999;
 font-family: 'Open Sans', sans-serif;
}

.fontGE {
 font-family: Georgia,Times,serif;
}

.fontShdw {
 text-shadow: 0 1px 0 #E5E5E5;
}

/* HEADER */
header {
 height: 118px;
 background: url(/img/header.png) repeat-x bottom left;
}

header hgroup.top div.banner {
 position: absolute;
 margin-left: 13px;
 margin-top: 9px;
}

header hgroup.top div.banner a img {
 border: none;
}

header hgroup.top {
 height: 110px;
 background: url(/img/white_leather.png);
}

header hgroup.top h1 a {
 position: absolute;
 width: 160px;
 height: 60px;
 background-position: -80px 0;
 margin-top: 10px;
 left: 50%;
 margin-left: -80px;
 display: block;
}

header hgroup.top h1 a span {
 display: none;
}

header hgroup nav {
 position: absolute;
 border-top: 1px solid #ededed;
 width: 520px;
 margin-top: 76px;
 left: 50%;
 margin-left: -260px;
}

header hgroup nav ul {
 border-top: 1px solid #fff;
}

header hgroup nav ul li {
 float: left;
 height: 34px;
 line-height: 34px;
 font-weight: 600;
}

header hgroup nav ul li a {
 color: inherit;
 text-decoration: none;
 text-transform: lowercase;
 font-size: 14px;
 display: block;
 text-align: center;
}

header hgroup nav ul li.selected a {
 color: #903140;
}

#logSign {
 float: right;
 width: 140px;
 height: 80px;
 background-color: transparent;
 background-position: 0 -120px;
 border: none;
 margin-top: -10px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 cursor: pointer;
}

#logSign span {
 display: none;
}

#logSign:hover {
 margin-top: -5px;
}

#overlay {
 display: none;
 position: fixed !important;
 position: absolute;
 z-index: 99998;
 background: #000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 -khtml-opacity: 0.6;
 opacity: 0.6;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

#entrata {
 position: absolute;
 z-index: 99999;
 width: 920px;
 height: 520px;
 padding: 20px;
 background: url(/img/bg.png);
 left: 50%;
 margin-left: -480px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#entrata #skip_reg {
 position: absolute;
 width: 76px;
 height: 73px;
 background: url(/img/skip_button.png) no-repeat center;
 margin-left: 864px;
 margin-top: 467px;
 cursor: pointer;
}

#entrata #skip_reg span {
 display: none;
}

#entrata div.slideshow {
	display: none;
  border: 1px solid #ADADAD;
  height: 530px;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  width: 600px;
}

#entrata > section {
 margin-left: 606px;
}

#entrata hr {
 border: none;
 height: 2px;
 background: url(/img/line.gif) repeat-x;
 margin: 20px 10px 0;
}

#entrata div.cont {
 margin-top: 20px;
}

#entrata div.cont > span.top {
 display: block;
 height: 10px;
 background: url(/img/sprite_login/form_cont_top.png) no-repeat top center;
}

#entrata div.cont > span.bottom {
 clear: left;
 display: block;
 height: 10px;
 background: url(/img/sprite_login/form_cont_bottom.png) no-repeat bottom center;
}

#entrata div.cont > div {
 background: url(/img/sprite_login/form_cont_cont.png) repeat-y top center;
 padding: 0 20px;
}

#entrata div.cont > div div.input {
 clear: left;
 padding-bottom: 20px;
}

#entrata div.cont > div form {
 padding: 10px 0;
}

#entrata div.cont > div div.input label {
 float: left;
 width: 90px;
 color: #555;
 font-weight: bold;
 font-size: 14px;
 line-height: 30px;
 margin-left: 10px;
}

#entrata div.cont > div div.input input {
 width: 146px;
 border: 1px solid #555;
 border-radius: 5px;
 font-size: 14px;
 line-height: 14px;
 padding: 6px;
}

#entrata div.cont > div div.input span.note {
 margin-left: 100px;
 display: block;
 font-size: 11px;
}

#entrata div.cont > div div.side {
 clear: left;
 margin-left: 100px;
 margin-top: -10px;
 font-size: 12px;
 color: #555;
 font-weight: bold;
}

#entrata div.cont > div div.side input {
 margin-right: 10px;
}

#entrata div.cont > div div.side a {
 color: #555;
 text-decoration: underline;
}

#entrata div.cont > div div.side a:hover {
 text-decoration: none;
}

#entrata div.cont > div div.side p.btn {
 margin-top: 20px;
}

#entrata div.cont > div div.side button {
 margin-left: -4px;
}

#entrata div.cont > div div.side button > span {
 width: 120px;
 font-weight: bold;
 font-style: italic;
 text-transform: lowercase;
}


#entrata div.top > p {
 font-size: 16px;
 text-align: center;
 font-style: italic;
 font-weight: bold;
/*  height: 30px; */
 line-height: 20px;
}

#entrata div.top button > span {
 width: 267px;
 font-style: italic;
 font-weight: bold;
}

#entrata div.cont div.social {
 height: 34px;
 background: url(/img/line_2_v.gif) repeat-y top center;
}

#entrata div.cont div.social a {
 width: 85px;
 height: 34px;
}

#entrata div.cont div.social a span {
 display: none;
}

#entrata div.cont div.social a.facebook {
 margin-left: 20px;
 float: left;
 background: url(/img/sprite_login/facebook.png) no-repeat center;
}

#entrata div.cont div.social a.twitter {
 margin-right: 20px;
 float: right;
 background: url(/img/sprite_login/twitter.png) no-repeat center;
}

#entrata div.cont > div div.info {
 margin-top: -10px;
 margin-left: 100px;
}

#entrata div.cont > div div.info p {
 float: left;
 font-size: 10px;
 margin-bottom: 12px;
}

#entrata div.cont > div div.info p a {
 color: #555;
}


/* MENU */

#menuA {
 position: absolute;
 width: 20px;
 height: 10px;
 background-position: 0 -40px;
 margin-top: 27px;
 left: 0;
}

#user_panel {
 float: right;
 height: 40px;
 margin-top: 30px;
}

#user_panel > a {
 float: right;
 margin-left: 10px;
}

#user_panel > a img {
 height: 40px;
}

#user_panel > div.dati > p.nome {
 white-space: nowrap;
 float: right;
 height: 20px;
 line-height: 20px;
 font-size: 13px;
}

#user_panel > div.dati {
 float: right;
 
}

#user_panel > div.dati > p.nome a {
 color: inherit;
 text-decoration: none;
 font-weight: 600;
}

#user_panel > div.dati > p.nome a:hover {
 color: #666;
}

#user_panel > div.dati > p.option {
 clear: right;
 float: right;
 margin-top: 3px;
}

#user_panel > div.dati > p.option a.text {
 color: #999;
 font-size: 11px;
 width: auto;
 text-decoration: none;
 text-transform: uppercase;
}


#user_panel > div.dati > p.option a {
 float: left;
 width: 19px;
 height: 17px;
 line-height: 17px;
 margin-left: 10px;
}



a.up_author { background-position: 0 0; }
a.up_author:hover { background-position: 0 -20px; }

a.up_bookmark { background-position: -20px 0; }
a.up_bookmark:hover { background-position: -20px -20px; }

a.up_notify { background-position: -480px 0; }
a.up_notify:hover { background-position: -480px -20px; }
a.up_notify span.tot {
 display: block !important;
 position: absolute;
 background: #913040;
 color: #fff;
 font-size: 8px;
 font-weight: bold;
 line-height: 8px;
 border-radius: 50px;
 padding: 2px 4px;
 margin-left: -2px;
 margin-top: -2px
}


a.up_write { background-position: -60px 0; }
a.up_write:hover { background-position: -60px -20px; }



#user_panel > div.dati > p.option a span {
 display: none;
}

/* home */
#btn_top {
 width: 580px;
 margin: 0 auto;
}
a.newincipit {
 background-position: -520px -360px;
 width: 250px;
 height: 50px;
 display: block;
 margin: 20px 20px;
 float: left;
 color: #fff;
 text-decoration: none;
 text-align: center;
 line-height: 46px;
 font-size: 14px;
 font-style: italic;
}

a.newincipit:hover {
 background-position: -520px -420px;
 line-height: 50px;
}

#main section.home {
 clear: both;
 background: url(/img/section_home.png) no-repeat top center;
 height: 211px;
}

#main section.home h3 {
 position: absolute;
 margin-left: 420px;
 color: #903140;
 font-size: 13px;
 text-align: center;
 margin-top: 4px;
 width: 142px;
 height: 50px;
 line-height: 40px;
 background-position: -240px 0;
}

#main section.home button {
 position: absolute;
 border: none;
 margin-top: 155px;
 height: 40px;
 width: 30px; 
 background: none;
 cursor: pointer;
}

#main section.home button span {
 display: none;
}

#main section.home button.next {
 margin-left: 580px;
}

#main section.home > div > div {
 display: block;
}

#main section.home > div {
 width: 530px;
 margin-top: 20px;
 margin-left: 40px;
 overflow: hidden;
}

#main section.home > div > div > article {
 float: left;
 width: 530px;
 height: 170px;
 margin-top: 20px;
}

#main section.home article h4 {
 color: #666;
 font-size: 24px;
 font-weight: 600;
 font-style: italic;
}

#main section.home article p.author {
 font-size: 12px;
 height: 30px;
 line-height: 30px;
 color: #666;
}

#main section.home article p.author a, #main section.home article p.author span {
 margin-left: 10px;
}

#main section.home article div.testo {
 color: #666;
 font-size: 12px;
 line-height: 21px;
 text-align: justify;
 text-shadow: 0 1px 0 #E5E5E5;
 text-indent: 6px;
}


/* PROFILO */
section.profile {
 width: 550px;
 margin: 0 auto;
}

section.profile h2 {
 color: #903140;
 border-bottom: 1px solid #b87b85;
 margin-bottom: 15px;
}

section.profile h2 span {
 display: block;
 padding-bottom: 5px;
 border-bottom: 1px solid #decbce;
}

section.profile div.side {
 width: 100px;
 float: right;
}

section.profile div.side div.foto img {
 width: 100px;
 cursor: pointer;
}

section.profile div.center {
 width: 430px;
}

section.profile div.side input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
 position: absolute;
 left: -999999px;
}

section.profile div.side .bubble {
 margin-left: 110px;
}

section.profile div.side .bubble .element {
 cursor: pointer;
}

section.profile div.center > div {
 padding: 15px 0;
 clear: left;
}

section.profile div.center > div label {
 float: left;
 font-size: 13px;
 width: 150px;
}

section.profile div.center > div input {
 border: none;
 background-color: transparent;
 height: 16px;
 font-size: 11px;
 padding: 3px 10px;
 color: #666;
}

section.profile div.center > div input.big {
 width: 180px;
 background-position: 0 -200px;
}

section.profile div.center > div input.medium {
 width: 80px;
 background-position: 0 -240px;
}

section.profile div.center > div textarea.big {
 width: 180px;
 height: 60px;
 padding: 10px;
 resize: none;
 border: none;
 font-size: 11px;
 color: #666;
 background-position: -220px -120px;
}

section.profile div.social a {
 width: 20px;
 height: 20px;
 float: left;
 display: block;
}

section.profile div.social a span {
 display: none;
}

section.profile div.social a.facebook {
 background-position: -400px 0;
}

section.profile div.social a.facebook.selected {
 background-position: -400px -20px;
}

section.profile div.social a.twitter {
 width: 30px;
 background-position: -420px 0;
}

section.profile div.social a.twitter.selected {
 background-position: -420px -20px;
}

section.profile div.center div.button {
 margin-top: 20px;
 text-align: center;
}

section.profile div.center div.button-medium button {
 color: #fff;
 font-style: italic;
 cursor: pointer;
 margin-left: 150px;
}

section.profile div.center div.button-medium button span {
 display: block;
 height: 40px;
 line-height: 36px;
 font-size: 16px;
}


section.profile div.center div.button button {
 width: 172px;
 height: 55px;
 background-position: -220px -220px;
 color: #fff;
 font-style: italic;
 cursor: pointer;
}

section.profile div.center div.button button span {
 display: block;
 height: 55px;
 line-height: 50px;
 font-size: 16px;
}

section.profile div.center div.button button:hover {
 background-position: -220px -280px;
}

section.profile div.center div.button button:hover span {
 padding-top: 3px;
}

/* LETTURA */
#story {
 clear: both;
 background: url(/img/sprite_read/read_top.png) no-repeat top center;
 padding-top: 12px;
 margin-top: 20px;
 width: 610px;
}

#story.cover {
 margin-top: -5px;
}

#story span.line {
 width: 507px;
 height: 2px;
 background-position: 0 -340px;
 display: block;
 position: absolute;
 margin-left: 50px;
}

#story section {
 background: url(/img/sprite_read/read_cont.png) repeat-y center;
}

#story section article {
 margin: 0 29px;
 padding: 10px;
 background: url(/img/groovepaper.png);
 min-height: 150px;
}

#story section article h3 {
 color: #666;
 font-size: 30px;
 font-weight: 600;
 font-style: italic;
 margin-top: 10px;
}

#story section article div.info {
 margin-top: 10px;
}


#story section.livello_1 article div.info span.livello { background-position: -440px -120px; }
#story section.livello_2 article div.info span.livello { background-position: -480px -120px; }
#story section.livello_3 article div.info span.livello { background-position: -520px -120px; }
#story section.livello_4 article div.info span.livello { background-position: -560px -120px; }
#story section.livello_5 article div.info span.livello { background-position: -600px -120px; }
#story section.livello_6 article div.info span.livello { background-position: -640px -120px; }

#story section article div.info span.livello {
 width: 30px;
 height: 30px;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

#story section article div.info span.livello em {
 display: none;
}

#story section article div.info p.author {
 font-size: 12px;
 height: 17px;
 line-height: 14px;
 color: #666;
}

#story section article div.info div.action {
 height: 13px;
}

#story section article div.info div.action a span {
 display: none;
}

#story section article div.info div.action a.like {
 float: left;
 padding-left: 20px;
 height: 13px;
 background-position: -500px -200px;
 margin-right: 20px;
 color: #ccc;
}

#story section article div.info div.action a.like span.number {
 float: left;
 display: block;
 font-size: 13px;
 height: 13px;
 line-height: 13px;
 color: inherit;
}


#story section article div.info div.action a.like:hover {
 background-position: -500px -220px;
 color: #aaa;
}

#story section article div.info div.action a.like.selected {
 background-position: -500px -240px;
 color: #a72c3e;
}

#story section article div.info div.action a.bookmark {
 float: left;
 width: 15px;
 height: 13px;
 background-position: -560px -200px;
 margin-right: 10px;
}

#story section article div.info div.action a.bookmark:hover {
 background-position: -560px -220px;
}

#story section article div.info div.action a.bookmark.selected {
 background-position: -560px -240px;
}


#story section article p.author a, #story section article p.author span {
 margin-left: 10px;
 color: #666;
 text-decoration: none;
}

#story section article p.author a:hover {
 text-decoration: underline;
}

#story section article div.testo {
 clear: both;
 color: #666;
 font-size: 12px;
 line-height: 21px;
 text-align: justify;
 text-shadow: 0 1px 0 #E5E5E5;
 margin-right: 15px;
 margin-bottom: 10px;
}

#story section article div.side {
 position: absolute;
 width: 27px;
 margin-left: 522px;
 margin-top: 3px;
}

#story section article div.side ul li {
 margin-bottom: 10px;
 display: block;
 height: 23px;
 cursor: pointer;
}

#story section article div.side ul li.insight {
 background-position: -440px -160px;
}

#story section article div.side ul li.share {
 background-position: -480px -160px;
}

#story section article div.side ul li.comment {
 background-position: -520px -160px;
}

#story section article div.side ul li.write {
 background-position: -560px -160px;
}


#story section article div.side ul li span {
 display: none;
}

#story section article nav a {
 position: absolute;
 width: 17px;
 height: 35px;
 margin-top: 150px;
}

#story section article nav a span {
 display: none;
}

#story section article nav a.prev {
 background-position: -460px -220px;
 margin-left: -28px;
}

#story section article nav a.next {
 background-position: -440px -220px;
 margin-left: 542px;
}

#story section aside {
 position: absolute;
 margin-left: 605px;
 width: 350px;
}

#story section aside.quattro div.share {
 margin-top: 32px;
}


#story section aside div.write {
 margin-top: 63px;
}

#story section aside.due div.write {
 margin-top: 32px;
}

#story section aside.quattro div.write {
 margin-top: 94px;
}

#story section aside div.comment {
 width: 271px !important;
 min-height: 150px;
 margin-top: 32px;
 margin-bottom: 20px;
}

/*
#story section aside.due div.comment {
 margin-top: 0;
}
*/

#story section aside.quattro div.comment {
 margin-top: 63px;
}


#story section aside div.comment form textarea {
 display: block;
 width: 261px;
 height: 86px;
 padding: 5px;
 padding-bottom: 9px;
 border: none;
 background-color: transparent;
 background-position: -580px 0;
 resize: none;
 color: #666;
 font-size: 13px;
}

#story section aside div.comment form button {
 width: 112px;
 height: 50px;
 border: none;
 background-color: transparent;
 background-position: -700px -120px;
 color: #fff;
 display: block;
 position: absolute;
 margin-top: -7px;
 margin-left: 140px;
}

#story section aside div.comment form button span {
 display: block;
 height: 50px;
 line-height: 26px;
 text-align: center;
}

#story section aside div.comment h4 {
 font-weight: 300;
 font-style: italic;
 font-size: 15px;
 margin-top: 18px;
}

#story section aside div.comment div.other {
 margin-top: 10px;
 font-size: 12px;
}

#story section aside div.comment div.other div.commento {
 padding: 10px 0;
 background: url(/img/bubble_o_sep.gif) repeat-x top;
}

#story section aside div.comment div.other div.commento p.testo {
 clear: both;
 text-indent: 6px;
 color: #ddd;
}

#story section aside div.comment div.other div.commento p.author {
 font-size: 10px;
 color: #ddd;
}

#story section aside div.comment div.other div.commento p.author a {
 color: #aaa;
 text-decoration: none;
 margin-left: 5px;
}

#story section aside div.comment div.other div.commento p.author a:hover {
 text-decoration: underline;
}

#story section aside div.comment div.other div.commento p.data {
 font-size: 10px;
 color: #aaa;
}

#story section aside div.share > div > * {
 float: left;
 margin-right: 5px;
}

#story div.close {
 background: url(/img/sprite_read/read_bottom.png) no-repeat top center;
 height: 18px;
 padding-bottom: 28px;
}

#story div.close span {
 display: block;
 background: url(/img/groovepaper.png);
 height: 18px;
 margin: 0 29px;
}

/* scrittura */

#story div.20lines {
 clear: both;
}

#story section.write p.titolo input {
 font-size: 30px;
 font-style: italic;
 border: none;
 background: #fff;
 border-bottom: 1px solid #999;
 padding: 0 5px;
 padding-bottom: 4px;
 width: 510px;
}

#story aside.bubble {
 width: 300px !important;
 color: #fff;
 text-shadow: none;
}

#story aside.bubble div.cover {
 padding-bottom: 15px;
 background: url(/img/bubble_o_sep.gif) repeat-x bottom center;
 margin-bottom: 13px;
}

#story aside.bubble div.cover p {
 font-size: 11px;
 line-height: 12px;
 margin-top: 5px;
}

#story aside.bubble div.cover p a {
 color: #fff;
}

#story aside.bubble div.tags {
 padding-bottom: 15px;
 background: url(/img/bubble_o_sep.gif) repeat-x bottom center;
 margin-bottom: 13px;
}

#story aside.bubble label {
 display: block;
 margin-bottom: 5px;
 font-size: 12px;
}

#story aside.bubble label.big {
 font-size: 16px;
 font-weight: bold;
}

#story aside.bubble textarea {
 background: #c6c6c6;
 border: none;
 border-radius: 5px;
 width: 290px;
 padding: 5px;
 resize: none;
}

#story aside.bubble div.gender ul li {
 float: left;
 width: 130px;
 margin: 5px;
 text-align: center;
 padding: 5px 10px 5px 0;
 background-color: #7a7a7a;
 background-position: 0 -394px;
 color: #fff;
 border-radius: 5px;
 cursor: pointer;
}

#story aside.bubble div.gender ul li.selected {
 background-position: 0 -354px;
}

#story aside.bubble div.publish button {
 width: 330px;
 position: absolute;
 margin-left: -15px;
 margin-top: 20px;
 color: #fff;
}

#story aside.bubble div.publish button span {
 width: 283px;
 font-style: italic;
 font-weight: bold;
 font-size: 18px;
}

.e_editor {
 width: 470px;
 color: #666666;
 font-size: 12px;
 line-height: 21px;
 text-align: justify;
 text-shadow: 0 1px 0 #E5E5E5;
 resize: none;
}

.e_fake {
 position: absolute;
 left: -999999px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
 height: auto;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.e_fake, .e_area {
 //display: none;
}

.e_real {
 border: 1px solid #fff;
 background: #fff;
 padding: 5px;
 overflow: hidden;
}

#story.wall textarea {
 width: 100%;
 resize: none;
 font-size: 16px;
 height: 300px;
}

#story.wall form p {
 clear: both;
 padding: 10px 0;
}

#story.wall form p label {
 float: left;
 width: 150px;
}

#story.wall form p input {
 padding: 3px;
 width: 300px;
}

#story.wall form button {
 position: absolute;
 background-position: 0 -60px;
 width: 610px;
 height: 60px;
 margin-top: 40px;
 margin-left: -13px;
 font-size: 20px;
 font-style: italic;
 color: #fff;
}

#story.wall form button span {
 height: 45px;
 line-height: 38px;
 display: block;
}

div.contest {
 width: 560px;
 height: 325px;
 margin-top: 10px;
 text-align: center;
}

div.contest img {
 position: absolute;
 left: 50%;
 margin-left: -280px;
}

#author_modal {
 z-index: 99999;
 background: url(/img/groovepaper.png);
}

#author_modal div.top {
 float: left;
 padding: 10px;
}

#author_modal div.top img {
 float: left;
 margin-right: 10px;
 border: 2px solid #903140;
 width: 100px;
 background: #fff;
}

#author_modal div.stat h2 {
 margin: 10px 0;
 border-bottom: 2px solid #903140;
 color: #903140;
 padding: 10px 20px;
}

#author_modal div.stat h2 a {
 color: #903140;
 text-decoration: none;
}

#author_modal div.stat h2 a:hover {
 text-decoration: underline;
}

#author_modal div.stat p {
 text-align: right;
 padding-bottom: 10px;
 margin-bottom: 10px;
 margin-left: 130px;
 margin-right: 20px;
 width: 318px;
}

#author_modal div.stat p label {
 float: left;
 width: 150px;
 text-align: left;
}

#author_modal div.stat > a {
 clear: both;
 display: block;
 margin-left: 130px;
 width: 320px;
 height: 45px;
 margin-bottom: 10px;
 text-align: center;
 background-position: -180px -360px;
 color: #fff;
 text-decoration: none;
 font-style: italic;
 font-weight: 300;
 line-height: 40px;
 cursor: pointer;
}

#author_modal div.stat > a.selected {
 background-position: -180px -420px;
}

article.notLogged p {
 margin-top: 70px;
 text-align: center;
 color: #666;
}

article.notLogged p a {
 color: #903140;
}

article.notLogged p a:hover {
 text-decoration: none;
}

div.contact {
 background: url(/img/line.gif) repeat-x top;
 padding-top: 28px;
 width: 550px;
 margin: 30px auto 0;
 clear: both;
}

div.contact div.social {
 width: 290px;
 margin: 0 auto;
}

div.contact div.social > div {
 float: left;
 margin: 5px;
 margin-bottom: 30px;
}

a.next_node {
 float: right;
 margin-right: 50px;
 margin-top: -40px;
 font-style: italic;
 display: none;
}

a.next_node > span {
 font-size: 14px;
 font-weight: bold;
}

#story.author {
 margin-top: 0;
}

h2.author {
 color: #903140;
 margin: 16px 27px 10px;
 font-weight: normal;
 font-size: 26px;
 font-style: italic;
}

#author_list > p.loading {
 display: none;
 text-align: center;
}

#author_list > p.note {
 text-align: center;
 padding-top: 50px;
}

#author_list > p.note strong {
 color: #903140;
 font-style: italic;
}

#story section.elenco_autori h2 {
 margin-bottom: 6px;
 color: #666666;
}

#story section.elenco_autori h2 span {
 display: block;
}

#story section.elenco_autori div.author {
 background: url(/img/line.gif) repeat-x top;
 padding: 17px 0 15px;
 clear: both;
}

#story section.elenco_autori div.author.first {
 background: none;
 padding-top: 10px;
}

#story section.elenco_autori div.author span.rank {
 float: right;
 color: #c7c7c7;
 font-size: 18px;
 font-weight: bold;
 padding: 2px 8px;
 font-style: italic;
 text-align: center;
}

#story section.elenco_autori div.author img {
 float: left;
 border: 1px solid #903140;
 margin-right: 10px;
}

#story section.elenco_autori div.author a.follow {
 float: right;
 height: 30px;
 line-height: 26px;
 border-radius: 4px;
 font-size: 11px;
 width: 82px;
 background-position: -440px -260px;
 color: #fff;
 text-decoration: none;
 text-align: center;
}

#story section.elenco_autori div.author a.follow:hover {
 height: 28px;
 margin-top: 2px;
 background-position: -440px -300px; 
}

#story section.elenco_autori div.author a.selected {
 width: 132px;
 background-position: -540px -260px; 
}

#story section.elenco_autori div.author a.selected:hover {
 background-position: -540px -300px; 
}


#story section.elenco_autori div.author p.sign {
 height: 26px;
 line-height: 26px;
 font-size: 16px;
}

#story section.elenco_autori div.author p.sign a {
 color: #666;
 text-decoration: none;
}

#story section.elenco_autori div.author p.sign a:hover {
 color: #903140;
 text-decoration: underline;
}

#story section.elenco_autori div.author div.dati {
 float: left;
 padding-bottom: 10px;
}

#story section.elenco_autori div.author div.dati p {
 background: none;
 font-size: 11px;
 line-height: 14px;
}

#story section.testo h2 {
 color: #903140;
 border-bottom: 1px solid #b87b85;
 margin-bottom: 15px;
}

#story section.testo h2 span {
 display: block;
 padding-bottom: 5px;
 border-bottom: 1px solid #decbce;
}

#errors {
 font-size: 14px;
 width: 480px;
 padding: 10px;
 color: #333;
 background: url(/img/groovepaper.png);
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#errors h2 {
 color: #903140;
 border-bottom: 1px solid #b87b85;
 margin-bottom: 10px;
}

#errors > p {
 color: #333;
 margin-bottom: 4px;
}

#errors ul li {
 color: #666;
 padding-left: 20px;
 font-size: 13px;
 line-height: 20px;
 background-position: -982px -980px;
}

/* storie */
#story section.elenco_autori div.story {
 background: url(/img/line.gif) repeat-x top;
 padding: 17px 0 15px;
 clear: both;
}

#story section.elenco_autori div.story h4 {
 color: #666;
 font-size: 24px;
 font-weight: 600;
 font-style: italic;
}

#story section.elenco_autori div.story p.author {
 font-size: 12px;
 height: 30px;
 line-height: 30px;
 color: #666;
}

#story section.elenco_autori div.story p.author a, #story section.elenco_autori div.story p.author span {
 margin-left: 10px;
}

#story section.elenco_autori div.story div.testo {
 color: #666;
 font-size: 12px;
 line-height: 21px;
 text-align: justify;
 text-shadow: 0 1px 0 #E5E5E5;
 text-indent: 6px;
}

#story section.elenco_autori div.story div.option p {
 font-size: 13px;
}

#story section.elenco_autori div.story div.option p.btn {
 float: right;
 width: 80px;
 height: 40px;
 margin-top: -36px;
}

#story section.elenco_autori div.story div.option p.btn a > span {
 text-align: center;
 width: 40px;
 font-weight: bold;
 text-transform: lowercase;
 font-style: italic;
}

#story section.elenco_autori article {
 min-height: 120px;
}

#story section.elenco_autori article.line h2 {
 padding-top: 20px;
 background: url(/img/line.gif) repeat-x top;
}

#story section.elenco_autori article div.testo p {
 font-size: 12px;
}

#story section.elenco_autori article div.testo p a {
 color: #903140;
}

#story section.elenco_autori article div.testo p a:hover {
 text-decoration: none;
}

#stampa {
 background: url(/img/line.gif) repeat-x top;
 width: 572px;
 margin: 20px auto;
 text-align: center;
 padding-top: 10px;
}


#stampa div p {
 padding-top: 15px;
}

#stampa div p a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

#stampa div p a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

#stampa div p a img {
	border: none;
}

/* SHOW PROFILE */
section.user {
 width: 960px;
 margin: 60px auto;
}

section.user > img {
 float: left;
 margin-right: 20px;
 width: 100px;
 border: 1px solid #808080;
 background: #fff;
}

span.node i {
 width: 120px;
 height: 20px;
 display: block;
}

span.node_0 i { background-position: 0 -120px; }
span.node_1 i { background-position: 0 -140px; }
span.node_2 i { background-position: 0 -160px; }
span.node_3 i { background-position: 0 -180px; }
span.node_4 i { background-position: 0 -200px; }
span.node_5 i { background-position: 0 -220px; }
span.node_to0 i { background-position: 0 -120px; }
span.node_to1 i { background-position: 0 -100px; }
span.node_to2 i { background-position: 0 -80px; }
span.node_to3 i { background-position: 0 -60px; }
span.node_to4 i { background-position: 0 -40px; }
span.node_to5 i { background-position: 0 -20px; }


#anagrafica {
 margin-left: 120px;
 padding-bottom: 25px;
}

#anagrafica div.top h2 {
 color: #903140;
 font-weight: 300;
 font-size: 36px;
 background: url(/img/line_3.png) repeat-x bottom;
 height: 36px;
 line-height: 36px;
 padding-bottom: 18px;
}

#anagrafica div.top a {
 float: right;
 margin-top: -50px;
}

#anagrafica div.numbers span {
 float: left;
 margin-top: 7px;
 margin-right: 25px;
 font-size: 12px;
}

#anagrafica div.numbers span i {
 width: 40px;
 height: 20px;
 display: block;
 margin: 0 auto;
}

#anagrafica div.numbers span.nodi i {
 background-position: 0 0;
}

#anagrafica div.numbers span.like i {
 background-position: -40px 0;
}

#anagrafica div.info {
 clear: left;
 color: #aeaeae;
 font-size: 14px;
}

#anagrafica div.info > div {
 padding-top: 16px;
}

#anagrafica div.info label {
 float: left;
 margin-right: 4px;
 font-weight: bold;
}

#activities {
 padding-top: 23px;
 background: url(/img/line_3.png) repeat-x top;	
}

#activities h3 {
 color: #903140;
 font-weight: 100;
 font-size: 26px;
 line-height: 26px;
 height: 26px;
}

#activities > div {
 margin-top: 10px;
 padding-bottom: 25px;
}

#activities > div > div.story {
 float: left;
 background: url(/img/line_2_v.gif) repeat-y left;
 width: 320px;
 padding-top: 5px;
 padding-bottom: 10px;
 margin: 10px 0;
}

#activities > div > div.story > h4 a {
 color: #aeaeae;
 text-decoration: none;
 margin-left: 8px;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 float: left;
 width: 230px;
}

#activities > div > div.story span.like {
 float: right;
 font-size: 12px;
 line-height: 26px;
 width: 70px;
 text-align: right;
}

#activities > div > div.story span.like i {
 background-position: -40px 0;
 width: 40px;
 height: 20px;
 display: block;
 float: right;
 margin-top: 3px;
}

#activities > div > div.story span.node {
 display: block;
 color: #f20;
 clear: left;
 margin-left: 3px;
 padding-top: 5px;
}

#following {
 padding-top: 23px;
 background: url(/img/line_3.png) repeat-x top;	
}

#following h3 {
 color: #903140;
 font-weight: 100;
 font-size: 26px;
 line-height: 26px;
 height: 26px;
}

#following > div {
 margin-top: 20px;
 padding-bottom: 25px;
}

#following > div > div.author {
 float: left;
 width: 320px;
 padding-top: 5px;
 padding-bottom: 10px;
}

#following > div > div.author img {
 float: left;
}

#following > div > div.author div.dati {
 float: right;
 width: 260px;
 color: #b7b7b7;
 font-size: 12px;
}

#following > div > div.author div.dati h4 a {
 font-size: 18px;
 height: 18px;
 line-height: 18px;
 margin-top: 5px;
 font-weight: 100;
 display: block;
 color: #b7b7b7;
 text-decoration: none;
}

#following > div > div.author div.dati p span {
 float: left;
 height: 20px;
 line-height: 20px;
 margin-top: 5px;
 margin-right: 10px;
}

#following > div > div.author div.dati p span i {
 width: 40px;
 height: 20px;
 float: right;
}

#following > div > div.author div.dati p span.likes i {
 background-position: -40px 0;
}

#following > div > div.author div.dati p span.followed i {
 background-position: -80px 0;
}

/*********/

#followers {
 padding-top: 23px;
 background: url(/img/line_3.png) repeat-x top;	
}

#followers h3 {
 color: #903140;
 font-weight: 100;
 font-size: 26px;
 line-height: 26px;
 height: 26px;
}

#followers > div {
 margin-top: 20px;
 padding-bottom: 25px;
}

#followers > div > div.author {
 float: left;
 width: 320px;
 padding-top: 5px;
 padding-bottom: 10px;
}

#followers > div > div.author img {
 float: left;
}

#followers > div > div.author div.dati {
 float: right;
 width: 260px;
 color: #b7b7b7;
 font-size: 12px;
}

#followers > div > div.author div.dati h4 a {
 font-size: 18px;
 height: 18px;
 line-height: 18px;
 margin-top: 5px;
 font-weight: 100;
 display: block;
 color: #b7b7b7;
 text-decoration: none;
}

#followers > div > div.author div.dati p span {
 float: left;
 height: 20px;
 line-height: 20px;
 margin-top: 5px;
 margin-right: 10px;
}

#followers > div > div.author div.dati p span i {
 width: 40px;
 height: 20px;
 float: right;
}

#followers > div > div.author div.dati p span.likes i {
 background-position: -40px 0;
}

#followers > div > div.author div.dati p span.followed i {
 background-position: -80px 0;
}

/*********/

#stories {
 padding-top: 23px;
 background: url(/img/line_3.png) repeat-x top;	
}

#stories h3 {
 color: #903140;
 font-weight: 100;
 font-size: 26px;
 line-height: 26px;
 height: 26px;
}

#stories h3 a {
 font-size: 13px;
 color: #903140;
 margin-left: 20px
}

#stories h3 a:hover {
 text-decoration: none;
}

#stories > div {
 margin-top: 20px;
 padding-bottom: 25px;
}

#stories > div > div.storia {
 width: 320px;
 height: 210px;
 float: left;
 background-position: -120px 0;
 margin-left: -4px;
 margin-right: 4px;
}

#stories > div > div.storia div.info {
 float: left;
 margin-top: 4px;
 margin-left: 4px;
 padding: 5px 10px;
 width: 210px;
}

#stories > div > div.storia div.info h4 a {
 color: #b7b7b7;
 font-weight: bold;
 font-style: italic;
 font-size: 24px;
 line-height: 24px;
 text-decoration: none;
}

#stories > div > div.storia div.info p.autore {
 font-size: 12px;
}

#stories > div > div.storia div.info p.autore a {
 color: #b7b7b7;
}

#stories > div > div.storia div.info p.autore a:hover {
 text-decoration: none;
}

#stories > div > div.storia div.numbers {
 float: right;
 margin-top: 4px;
 margin-right: 4px;
 width: 70px;
}

#stories > div > div.storia div.numbers span {
 display: block;
 font-size: 12px;
 line-height: 20px;
 height: 20px;
 margin: 5px 0;
 text-align: right;
}

#stories > div > div.storia div.numbers span i {
 width: 40px;
 height: 20px;
 float: right;
}

#stories > div > div.storia div.numbers span.likes i {
 background-position: -40px 0;
}

#stories > div > div.storia div.numbers span.followed i {
 background-position: -80px 0;
}

#stories > div > div.storia div.text {
 clear: left;
 margin: 0 14px;
 font-size: 12px;
 height: 90px;
 overflow: hidden;
}

#stories > div > div.storia div.bottom {
 margin: 5px 4px 0;
 background: #f20;
}

#stories > div > div.storia div.bottom div.level {
 float: left;
 font-size: 10px;
 margin-left: 10px;
}

#stories > div > div.storia div.bottom div.level span.label {
 margin-left: 5px;
}

#stories > div > div.storia div.bottom div.read {
 float: right;
 margin-right: 10px;
}



/* BOTTONI */
.button {
 height: 36px;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
 cursor: pointer;
 text-decoration: none !important;
}
.button > i, .button > span {
 background-image: url(/img/button.png);
 height: 36px;
 float: left;
 line-height: 34px;
}

.button > i.sx {
 width: 5px;
 height: 36px;
 float: left;
 background-position: 0 -160px;
}

.button > i.dx {
 width: 5px;
 height: 36px;
 float: left;
 background-position: -5px -160px;
}

.button > span {
 background-position: 0 -40px;
 padding: 0 15px;
 color: #fff;
 font-size: 13px;
 float: left;
 white-space: nowrap;
 text-shadow: 0px -1px 0 #520000;
}

.button:hover > i.sx {
 background-position: 0 -120px;
}

.button:hover > i.dx {
 background-position: -5px -120px;
}

.button:hover > span {
 background-position: 0 0;
}

.button:active > i.sx, .button.clicked > i.sx, .button.selected > i.sx {
 background-position: 0 -200px;
}

.button:active > i.dx, .button.clicked > i.dx, .button.selected > i.dx {
 background-position: -5px -200px;
}

.button:active > span, .button.clicked > span, .button.selected > span {
 background-position: 0 -80px;
}

/* BOTTONI BAR */
div.barra {
 margin: 10px 27px 0;
 height: 36px;
}

.button_bar {
 height: 36px;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
 cursor: pointer;
 text-decoration: none !important;
}
.button_bar > i, .button_bar > span {
 background-image: url(/img/button.png);
 height: 36px;
 float: left;
 line-height: 34px;
}


.button_bar > i.sx {
 width: 5px;
 height: 36px;
 float: left;
 background-position: 0 -160px;
}

.button_bar > i.dx {
 width: 5px;
 height: 36px;
 float: left;
 background-position: -5px -160px;
}

.button_bar > i.sep {
 width: 3px;
 height: 36px;
 float: left;
 background-position: 0 -240px;
}

.button_bar > span {
 background-position: 0 -40px;
 color: #fff;
 font-size: 12px;
 float: left;
 white-space: nowrap;
 text-shadow: 0px -1px 0 #520000;
 width: 80px;
 text-align: center;
 font-weight: bold;
 font-style: italic;
}

.button_bar.search > span {
 width: 213px;
 text-align: right;
 cursor: default;
}

.button_bar.long > span {
 width: 296px;
}


.button_bar.search > span input {
 border: none;
 margin-right: 5px;
 border-radius: 50px;
 padding: 1px 5px;
 width: 140px;
 height: 20px;
}

.button_bar.search > span input:active, .button_bar.search > span input:focus {
 outline: 0;
}

.button_bar.search > span input.searching {
 padding-right: 30px;
 width: 115px;
 background: #fff url(/img/loading_16.gif) no-repeat 124px 50%;
}


.button_bar:hover > i.sx {
 background-position: 0 -120px;
}

.button_bar:hover > i.dx {
 background-position: -5px -120px;
}

.button_bar:hover > span {
 background-position: 0 0;
}

.button_bar.search:hover > span {
 background-position: 0 -40px;
}

.button_bar:active > i.sx, .button_bar.clicked > i.sx, .button.selected > i.sx {
 background-position: 0 -200px;
}

.button_bar:active > i.dx, .button_bar.clicked > i.dx, .button.selected > i.dx {
 background-position: -5px -200px;
}

.button_bar:active > span, .button_bar.clicked > span, .button.selected > span {
 background-position: 0 -80px;
}

#cover {
 width: 552px;
 height: 184px;
 margin-left: 28px;
 margin-top: 20px;
 box-shadow: 0 0 5px #999;
 border-radius: 5px;
}

#cover div.immagine {
 width: 552px;
 height: 184px;
 overflow: hidden;
 border-radius: 5px;
}

#cover div.title {
 height: 60px;
 width: 552px;
 position: absolute;
 margin-top: -60px;
 background: url(/img/overlay.png);
 color: #fff;
 padding-top: 0px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#cover div.title h2 {
 line-height: 60px;
 text-align: center;
 font-style: italic;
 font-size: 26px;
}

/* BOOK */
#book > div.bannerone {
 float: left;
 margin-left: 20px;
 margin-top: 15px;
}

#book > div.bannerone div.buttons {
 background: #f20;
}

#book > div.bannerone div.buttons > p {
 float: right;
 height: 35px;
 margin-right: 3px;
}

#book > div.bannerone div.buttons > p a {
 float: left;
 width: 35px;
 height: 35px;
 margin-left: 10px;
 background: url(/img/book_buttons.png) no-repeat;;
}

#book > div.bannerone div.buttons > p a span {
 display: none;
}

#book > div.bannerone div.buttons > p a.ibs {
 background-position: -105px 0;
}

#book > div.bannerone div.buttons > p a.amazon {
 background-position: 0 0;
}

#book > div.bannerone div.buttons > p a.bol {
 background-position: -140px 0;
}

#book > div.bannerone div.buttons > p a.web {
 background-position: -175px 0;
}


#book > div.bannerone div.buttons > p a.facebook {
 background-position: -70px 0;
}

#book > div.bannerone div.buttons > p a.twitter {
 background-position: -35px 0;
}





#book > div.bio {
 margin-top: 30px;
 float: left;
 width: 330px;
 background: url(/img/side/cont.png) repeat-y center;
 margin-bottom: 10px;
}

#book div.bio > span.top {
 display: block;
 background: url(/img/side/top.png) no-repeat top center;
 height: 15px;
 margin-top: -15px;
}

#book div.bio > span.bottom {
 display: block;
 background: url(/img/side/bottom.png) no-repeat bottom center;
 height: 15px;
 margin-bottom: -15px;
}

#book div.bio > div.cont {
 background: url(/img/groovepaper.png);
 margin: -6px 8px;
}

#book div.bio > div.cont div.top {
}

#book div.bio > div.cont div.top img {
 float: left;
 margin: 9px;
}

#book div.bio > div.cont div.top h3 {
 float: left;
 padding-top: 7px;
 width: 200px;
}

#book div.bio > div.cont div.top h3 a {
 color: #903140;
 text-decoration: none;
 font-style: italic;
 font-size: 22px;
 line-height: 23px;
}

#book div.bio > div.cont div.top h3 a:hover {
 text-decoration: underline;
}

#book div.bio > div.cont div.top > p {
 float: left;
 width: 128px;
 height: 40px;
 background-position: 0 -360px;
}

#book div.bio > div.cont div.top > p span {
 display: none;
}

#book div.bio > div.cont div.bio {
 clear: left;
 font-size: 10px;
 margin: 0 9px;
 color: #666666;
 font-size: 12px;
 text-align: justify;
 text-shadow: 0 1px 0 #E5E5E5; 
 padding-bottom: 7px;
}

#announce {
 width: 700px;
 margin: 0 auto;
}

#announce p {
 text-align: center;
 font-size: 18px;
 color: #666;
 font-style: italic;
 margin: 20px 0;
}