* { margin: 0; padding: 0; }
html { height: 100%; }
body {
    background: rgb(254,199,117) url(../../images/header.jpg) no-repeat 50% 0;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 62.5%;
    text-align: justify;
    overflow-x: hidden; 
}
h1,h2,h3,h4,h5,h6 { position: relative; font-family: Optima,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",  sans-serif; }
a img { border: 0; }
#wrap {
    width: 750px; 
    margin: 0 auto;
    height: auto;
}
.container { float: left; }
h1.pepperland a { 
    position: absolute; 
    top: 100px;
    margin-left: 43px;
    display: block;
    width: 260px;
    height: 60px;
    text-indent: -9999px;
}
#errore404 {
    width: 750px;
    margin: 0 auto;
    position: relative;
    top: 300px;
    color: #c33;
    text-align: center;
}
#newsLink { position: absolute; width: 136px; height: 26px; margin: 7px 0 0 591px; }
#newsLink a { display: block; width: 136px; height: 26px; background: url(../../images/news_hover.jpg) 0 26px no-repeat; }
#newsLink a:hover { background-position: 0 0; }
#newsLink a span { display: none; }
#ads_news { width: 350px; height: 300px; z-index: 100; margin-left: 5px; }

/* menu */

ul#nav { position: absolute; list-style: none; text-align: right; width: 700px; top: 40px; margin-left:  40px; }
ul#nav li {  font-size: 1.4em; margin-left: 28px; }
ul#nav li a { color: #630; text-decoration: none; }

/* I fatti del giorno */

#leftCol { float: left; width: 428px; height: auto; }
#today_header {
    width: 428px;
    height: 91px;
    background: url(../../images/today_header.jpg);
    margin-top: 183px;
}
#today_header h3 { text-indent: -9999px; }
#the_facts { 
    position: relative; 
    top: -50px; 
    background: rgb(248,148,30) url(../../images/today_footer.jpg) bottom no-repeat; 
    width: 408px;
    margin-left: 20px;
    padding-bottom: 15px;
    color: #630;
 }
#the_facts p { margin: 10px; width: 380px;  }
#the_facts p strong { color: rgb(190,30,45); }

/* Il resto della colonna di sinistra */

#main { margin: -15px 0 0 25px; font-size: 1.2em; width: 428px; height: auto; float: left; }
#main h2 { color: #c33; font-size: 2.2em; font-weight: normal; text-align: left; }
#main p { 
    width: 400px; 
    margin-top: 20px; 
    color: #630; 
    background: url(../../images/red_line.gif) bottom no-repeat;
    padding-bottom: 30px;
}
#main p a { color: #c33; text-decoration: none; }
#main p a:hover { text-decoration: underline; } 
#random3 { padding-top: 30px; float: left; }
.randomLP {
    float: left;
    width: 142px;
    height: auto;
}
#main .randomLP  p { 
    background: none;
    position: relative;
    width: 114px;
    font-size: 0.9em;
    padding-bottom: 0;
	text-align: left;
}
#main .row .randomLP ul {
		width: 114px;
		font-size: .9em; 
		list-style: square;
		text-align: left;
}
#main .randomLP a { color: #630; text-decoration: none; }
#main .randomLP a:hover { color: #c33; text-decoration: none; }
#main .randomLP h4 { color: #c33; margin-top: 15px; font-size: 1.1em; }
h3.bioHome { text-indent: -9999px; }
ul#beatlesBio { clear: both; list-style: none; padding-top: 40px; }
ul#beatlesBio li { display: inline; }
ul#beatlesBio li a { text-indent: -9999px; }
li#bioJohn a { 
    display: block; 
    width: 111px;
    height: 189px;
    background: url(../../images/johnOff.gif);
    float: left;
}
li#bioJohn, li#bioJohn a:hover { background: url(../../images/johnOn.gif); }
li#bioPaul a { 
    display: block; 
    width: 86px;
    height: 189px;
    background: url(../../images/paulOff.gif);
    float: left;
}
li#bioPaul, li#bioPaul a:hover { background: url(../../images/paulOn.gif); }
li#bioGeorge a { 
    display: block; 
    width: 96px;
    height: 189px;
    background: url(../../images/georgeOff.gif);
    float: left;
}
li#bioGeorge, li#bioGeorge a:hover { background: url(../../images/georgeOn.gif); }
li#bioRingo a { 
    display: block; 
    width: 123px;
    height: 189px;
    background: url(../../images/ringoOff.gif);
    float: left;
}
li#bioRingo, li#bioRingo a:hover { background: url(../../images/ringoOn.gif); }

/* la colonna di destra */

#rightCol {
    float: right;
    color: #fff;
    font-size: 1em;
}
#purpleBox_header {
    width: 294px;
    height: 33px;
    background: url(../../images/purpleBox_header.jpg);
    position: relative;
    top: 191px;
    left: -4px;
}
#purpleBox_header h2 { text-indent: -9999px; }
#purpleBox_main {
    position: relative;
    top: 191px;
    left: -4px;
    width: 274px;
    padding: 0 10px;
    background: rgb(199,148,195) url(../../images/purpleBox_main.jpg) no-repeat;
    line-height: 150%; 
}
#purpleBox_main h2, .leave_comment h2 {
    background: url(../../images/purpleRule.gif) left bottom no-repeat;
    padding-bottom: 10px;
    font-size: 1.2em;
}
#rightCol span.studio_date { color: #630; }
#purpleBox_main h2.bigger, .leave_comment h2.bigger { font-size: 1.5em; color: #fac8d4; }
#purpleBox_main p.meta { font-size: 1.1em; margin-top: 15px; }
#purpleBox_main p.meta a { color: #fc3; }
#purpleBox_main p.meta a:hover { background: #fc3; color: #c793c3; text-decoration: none; }
#purpleBox_main p.spaceDown { font-size: 1.1em; margin-bottom: 15px; }
#purpleBox_main h5 { font-size: 1.2em; margin: 10px 0; }
#purpleBox_main ol { font-size: 1em; margin-left: 20px; color: rgb(78,59,76); }
#purpleBox_main ol a { color: rgb(78,59,76); text-decoration: none; }
#purpleBox_main ol a:hover { color: #fff; text-decoration: underline; }
.abstract p { padding-top: 7px; color: rgb(78,59,76); } 
.abstract a { color: #fff; text-decoration: none; }
.abstract a:hover { text-decoration: underline; }
.abstract { padding-bottom: 20px; } 
#newsContainer { width: 120px; }
#newsContainer p { margin-top: 3px; }
#purpleBox_footer {
    background: url(../../images/purpleBox_footer.jpg) no-repeat;
    width: 294px;
    height: 200px;
    position: relative;
    left: -4px;
    top: 191px;
}
#ads { position: relative; left: 130px; top: 40px; margin-bottom: 50px; }
#purpleBox_main ul { list-style: none; padding: 10px 0; }
#purpleBox_main li a { color: rgb(78,59,76); text-decoration: none; }
#purpleBox_main li a:hover { text-decoration: underline; }
.alleft { text-align: left; }

/* footer */ 

#footer {
    clear: both;
    width: 100%;
    height: 227px;
    background: url(../../images/footer_bg.jpg) no-repeat 50% 0;
    margin-top: 40px; 
}
#footer p { 
    width: 750px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    top: 180px;
    color: rgb(28,117,188);
}
#footer a { color: rgb(15,60,97); text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* discografia */

#discografia { 
    font-size: 1.2em; 
    width: 428px; 
    margin-top: 180px; 
    margin-left: 25px;
    color: #c33;
}
#discografia h2 {
    font-size: 2em;
    color: #c33;
    padding: 20px 0;
    text-align: left;
}
#discografia ol { margin-left: 30px; color: #c33; line-height: 150%; }
#discografia ul { list-style: none; }
#discografia ol.srch_res { width: 400px; }
#discografia ol.srch_res li { margin: 20px 0; }
#discografia li a,
#album li a { line-height: 1.2em; color: #630; text-decoration: none; }
#discografia li a:hover,
#album li a:hover { text-decoration: underline; }
p.temp { padding: 7px 0; color: rgb(78,59,76);}
#discografia li span.greeny { color: #363; }
#discografia p.istr { width: 400px; color: #630; }

/* album */

#album { 
    font-size: 1.1em; 
    width: 408px; 
    position: relative; 
    top: 180px; 
    margin-left: 25px;
    padding: 0 20px 170px 0;
    color: #c33;
    line-height: 150%; 
}
#album h2 {
    font-size: 1.8em;
    color: #c33;
    padding: 20px 0 10px 0;
    text-align: left;
    line-height: 150%;
}
#album h5 { color: #c33; font-size: 1.4em; padding: 10px 0; }
#album h4.spaceUp { margin-top: 15px; }
#album h4 { color: #630; font-size: 1.2em; }
#album ol { margin: 0; padding-left: 25px; text-align: left; font-size: 1em; }
#recensione { margin-top: 20px; padding-bottom: 20px; color: #630;  }
#recensione h3 { font-size: 1.6em; color: #c33; }
#recensione p { margin: 15px 0; }
#recensione strong { color: #c33; }
#recensione strong a { font-weight: normal; }
#recensione a { color: #060; text-decoration: underline; }
#recensione a:hover { color: #c33; }
.album_tmb { float: left; margin: 15px 10px 10px 0; }
#leftCol #album #recensione p a, #leftCol #album .recensione p a { background: #c894c4; text-decoration: none; color: #fff; }
#leftCol #album #recensione p a:hover, #leftCol #album .recensione p a:hover { background: #1c74bc; text-decoration: none; color: #fff; }
#leftCol #album em { color: #060; }

/* Canzone */

#musicians_header {
    width: 425px;
    height: 91px;
    background: url(../../images/musicians_header.gif);
    margin: 20px 0 0 -20px;
}
#musicians_header h3 { text-indent: -9999px; }
#musicians_list { 
    position: relative; 
    top: -50px; 
    background: rgb(248,148,30) url(../../images/today_footer.jpg) bottom no-repeat; 
    width: 385px;
    margin-left: 0;
    padding: 0 10px 15px 10px;
    color: #630;
    min-height: 50px; 
    text-align: left;
}
#musicians_list p.musicLink { 
    text-align: right; 
    margin-top: 10px;
}
#musicians_list p.musicLink a { color: #060; font-weight: bold; text-decoration: none; }
#musicians_list p.musicLink a:hover { text-decoration: underline; }
#musicians_list strong { font-weight: normal; color: #c33; }
#musicians_list ul { list-style: square; margin-left: 10px; }
p.edizione { margin-top: 10px; color: #630; text-align: left; }
p.edizione a { color: #060; text-decoration: none; }
p.edizione a:hover { text-decoration: underline; }
.musico { color: #c33; font-weight: bold; }
.recensione p { padding: 10px 0; }
.song_info h3 { padding: 20px 0; color: #060; font-size: 1.6em; }
.song_info #album { color: #630; }
.song_info #album strong { color: #c33; }
.song_info #album a { color: #060; }
.recensione img { float: left; margin: 0 10px 0 0; }
.recensione span.dida { display: block; clear: left; float: left; margin: 0 10px 10px 0; background: #a45200; color: rgb(254,199,117); padding: 5px; }
p span.chord { color: #c33; }

/* Commenti */

h3#respond { font-size: 2em; color: #c33; }
input, textarea {
    border: 1px solid rgb(28,117,188);
    background: rgb(224,241,245);
    margin-top: 10px;
    color: rgb(28,117,188);
    padding: 1px;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 1em;
}
input.srch { width: 300px; }
textarea { width: 404px; }
input#submit { 
    background: rgb(28,117,188);
    color: rgb(224,241,245);
    border: 3px double rgb(224,241,245);
}

/* News */

#news_header {
    width: 428px;
    height: 91px;
    background: url(../../images/news_header.gif);
    margin-top: 183px;
}
#news_header h3 { text-indent: -9999px; }
#the_news { 
    position: relative; 
    top: -50px; 
    background: rgb(248,148,30) url(../../images/today_footer.jpg) bottom no-repeat; 
    width: 408px;
    margin-left: 20px;
    padding-bottom: 15px;
    color: #630;
}
.pari { background: #fcaa59; padding: 5px 0 20px 0; }
.dispari { padding: 5px 0 15px 0; }
#leftCol #the_news h2 { font-size: 1.5em; margin: 20px 15px 0 15px; text-align: left; }
#the_news h2.archive_2 { margin-top: 60px; }
#the_news h2 a { color: #630;  text-decoration: none; }
#the_news h3.archive_3 { margin: 10px 0 20px 15px; color: #060; font-size: 1.3em; }
#the_news p { margin: 10px 10px 10px 15px; width: 373px; font-size: 1.1em; line-height: 150%; }
#the_news ul { margin: 10px 10px 10px 30px; list-style: square; font-size: 1.1em; line-height: 150%; margin-right: 20px; }
#the_news ul li a { color: #060; text-decoration: underline; }
#the_news ul li a:hover { background: #060; text-decoration: none; color: #f7921c; }
#the_news p.data { color: #fff; text-align: right; margin-bottom: 30px; }
#the_news p strong { color: rgb(190,30,45); }
#the_news p.cred { text-align: right; font-style: italic; color: #c33; margin-top: 40px; }
#the_news p.cred small { color: #630; }
#purpleBox_main ul.archive {
    color: rgb(78,59,76);
    margin: 10px 0 0 15px;
    list-style: square;
}
#purpleBox_main ul.archive li { padding: 5px 0; }
#purpleBox_main ul.archive li a { font-size: 1.1em; color: rgb(78,59,76); text-decoration: none; }
#purpleBox_main ul.archive li a:hover {  text-decoration: underline; }

/* Musicisti */ 

#purpleBox_main span.alternate a { color: rgb(78,59,76);  }
#purpleBox_main span.alternate2 a { color: #060; }
#purpleBox_main span.alternate a, 
#purpleBox_main span.alternate2 a {
    font-size: 1.1em; 
    text-decoration: none;
}
#purpleBox_main span.alternate a:hover, 
#purpleBox_main span.alternate2 a:hover {
    color: #ff0;
    text-decoration: underline;
}
#purpleBox_main span.void { color: rgb(200,148,196);  }
#album select, #main select { 
    width: 300px; 
    border: 1px solid rgb(28,117,188);
    background: rgb(224,241,245); 
    font-size: 1.1em;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    color: #060;
}
#the_facts ul.playedInstr { margin-left: 10px; width: 380px; list-style: none; }
#the_facts ul.playedInstr li a { color: #060; text-decoration: none; }
#the_facts ul.playedInstr li a:hover { text-decoration: underline; }
#album p.musicFix { 
    width: 400px; 
    margin-top: 20px; 
    color: #630; 
    background: url(../../images/red_line.gif) bottom no-repeat;
    padding-bottom: 30px;
}
#album p.brownFix, #main p.brownFix { 
    color: #630;
    background: none;
    margin-bottom: 20px;
    font-size: 1em;
}
#album p.musicFix strong, #main p.brownFix strong
 { color: #c33; }
#album h2.bigLine { 
    background: url(../../images/red_line.gif) top no-repeat;
    padding-top: 30px;
    margin-top: 30px;
}
p.facebook { 
	background: url(../../images/facebook.gif) top right no-repeat;
	width: 100%;
	padding: 45px 0;
}
.song_info #album p.facebook a {
	width: 100%; 
	color: #1842a0; 
	text-decoration: none;
}
.song_info #album p.facebook a:hover { text-decoration: underline; }

/* News */

#theArticle a { color: #060; } 

.leave_comment { background: #1b75bc url(../../images/comments_header.jpg) no-repeat; margin-top: 30px; width: 274px; float: left; padding: 20px 10px 0 10px;}
.leave_comment input, .leave_comment textarea { width: 175px; float: left; margin-top: 0}
.leave_comment textarea { height: 100px; }
div#recaptcha_image > img{
height:65px;
width:176px;
}
.leave_comment h2 {
    background: url(../../images/purpleRule2.gif) left bottom no-repeat;
}
.comment_footer { clear: both; background: url(../../images/comment_footer.gif); width: 294px; height: 29px; float: left; }
.leave_comment label { margin-bottom: 10px; display: block; clear: both; float: left; text-align: right; width: 90px; margin-right: 5px; }
.leave_comment form { margin-top: 20px; }
#recaptcha_widget { width: 274px; text-align: right; float: left; }
#recaptcha_image img { float: left; margin: 10px 0 5px 97px; }
span.recaptcha_only_if_image {display: block; width: 90px; margin-right: 5px; float: left; }
#recaptcha_response_field { width: 175px; float: left; background: #fff; }
.leave_comment input.invia_commento { background: #fac8d4; width: auto; padding: 2px 10px; float: right; }