@charset "UTF-8";
/* CSS Document */

body { background:#1d1d1d; text-align:center; font-size:62.5%; margin:0px; padding:0px; font-family:Helvetica, Verdana, Arial, sans-serif;}

h1 { color:#CDCDFF; font-size:2.2em; margin:0px; padding:0px; letter-spacing:0.04em; text-transform:uppercase; }
h2 { font-size:2.0em; color:#999999; margin:0px; padding:0px; clear:both; }
h3 { font-size:1.8em; color:#999999; }
h4 { font-size:1.3em; font-weight:bold; text-transform:uppercase; color:#666666; margin:0px; padding-bottom:10px; padding-top:10px; }
h4.remove { padding-top:0px; }

hr { color:#4C4C4C; border:0px; height:1px; background-color:#4C4C4C; }

p { font-size:1.2em; color:#CCCCCC; line-height:1.6em; margin-top:1.0em; margin-bottom:1em; }
#page p { font-size:1.3em; }
#page ul { margin:1em 0px 1em 0px; }
#page li { color:#CCCCCC; font-size:1.2em; line-height:1.4em; margin:0px; padding:5px 0px 0px 0px; }
#content.wide { width:895px; }
#social.wide { width:895px; }

a:link { color:#FFFFFF; text-decoration:none; }
a:active { color:#CCCCCC; text-decoration:underline; }
a:visited { color:#CCCCCC; text-decoration:none; }
a:hover { color:#ea0000; text-decoration:none; }


#lyricen { clear:both; float:left; width:440px; border-top:1px solid #4c4c4c; padding-top:10px; margin-top:10px; }
#lyricit { float:right; width:443px; border-top:1px solid #4c4c4c; padding-top:10px; margin-top:10px; }
#lyricitLft { background:none repeat scroll 0 0 #222222; border:1px solid #4C4C4C; float:left; height:292px; margin-right:1px; margin-top:10px; padding:20px; width:400px; }
#lyricitRgt { background:none repeat scroll 0 0 #222222; border:1px solid #4C4C4C; float:right; height:292px; margin-left:1px; margin-top:10px; padding:20px; width:400px; }
#note { clear:both; border-top:1px solid #4c4c4c; padding-top:10px; margin-top:10px;  }
#note p { font-size:1.0em; line-height:1.2em; margin-bottom:5px; }
#lyricen em, #lyricit em, #note em { color:#EA0000; vertical-align:super; font-size:0.8em; }
#cover_album { float : left; margin : 0px 10px 5px 0px;}
#other_song_info{ float : left; margin : 0px 0px 0px 5px;}

#content { width:740px; background-color:#2d2d2d; margin:10px 10px 5px 20px; padding:10px; }
#rightbar { float:left; width:135px; background-color:#ea0000; margin:10px 0px 0px 0px; padding:10px 10px 10px 0px; font-size:1.2em; line-height:1.5em; }
#rightbar ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; color:#FFFFFF; list-style-type:none; }
#rightbar ul li { margin:0px; padding:0px; list-style-type:none; }
#rightbar a { color:#FFFFFF; }
#rightbar a:hover { color:#1d1d1d; }
#rightbar ul li ul { background:url(../i/dotted_vertical.gif) left repeat-y; }
#rightbar ul li ul li { margin:0px 0px 0px -10px; padding:0px 0px 0px 10px; } 
#rightbar ul li ul li ul { background:none; }
#rightbar ul li ul li ul li { border:0px; }
#rightbar ul li ul li ul li.active { background:url(../i/active_right_menu.gif) no-repeat top left; }
#rightbar ul li ul li ul li.active a { color:#FFFFFF; }
#rightbar ul li ul li ul li a { color:#FFFF00; }


#tophead { background:url(../i/pattern_ei.jpg) top left; margin:0px; padding:0px; width:100%; height:20px; } 
#redbar { background-color:#ea0000; width:100%; height:108px; padding:0px; margin:0px; text-align:center; }
#logo { float:left; width:127px; height:108px; padding-left:20px; }
#payoff { float:left; padding-left:120px; }

#main { background:url(../i/pattern_ei.jpg) top left; width:100%; border-bottom:1px #2d2d2d solid; padding:0px 0px 15px 0px; text-align:center; }

#menu { background:#2d2d2d; width:915px; margin-left:20px; height:37px; font-size:1.4em; line-height:15px; color:#FFFFFF; }
#menu ul { list-style:none; margin:0px; padding:0px 0px 0px 0px;}
#menu ul li { list-style:none; display:block; float:left; height:37px; margin:0px; padding:0px; }
#menu ul li.active { list-style:none; display:block; float:left; height:37px; margin:0px; padding:0px; background-color:#ea0000; }
#menu ul li a { display:block; float:left; height:22px; text-decoration:none; color:#FFFFFF; padding:15px 10px 0px 10px; margin:0px; }
#menu ul li a:visited { text-decoration:none; color:#FFFFFF; padding:15px 10px 0px 10px; margin:0px; }
#menu ul li a:active { text-decoration:none; color:#FFFFFF; padding:15px 10px 0px 10px; margin:0px; }
#menu ul li a:hover { text-decoration:none; color:#FFFFFF; background-color:#ea0000;  padding:15px 10px 0px 10px; margin:0px; }

#menu ul li a.active { text-decoration:none; color:#FFFFFF; padding:15px 10px 0px 10px; margin:0px;  }


#menu li{
	
	position:relative;
}

#menu ul li ul {
	top:37px;
	position:absolute;
}


#menu ul li ul a {
	width:14em;
	padding:15px 10px 0px 10px; 
	margin:0px;
	height:22px;
	background-color:#5f5f5f;
}

#menu ul ul{
	display:none;
}	

#menu li ul ul {
left:14.7em;
top:0px;
margin:0px 0 0 10px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
display:block;
}
.firstone { margin-top:10px; border-top:1px solid #424242; }
#newsline { clear:both; border-bottom:1px solid #424242; padding-top:10px; padding-bottom:10px; }
#newsline h2 { font-size:1.4em; color:#CDCDFF; padding-bottom:5px; line-height:1.4em; }

#newsline .newsboxleft { float:left; width:364px; height:150px; border-right:1px solid #424242; padding-right:1px; } 
#newsline .newsboxright { float:right; width:364px; height:150px; padding-right:1px; }
#newsimg {float : left; margin : 4px 10px 4px 0px;}
#newsimghome {float : left; margin : 0px 10px 4px 0px; margin-bottom : 0em;}
#newstext {clear : both;}

ul#newslisthome { margin:0px; padding:0px; list-style-type:none; }
ul#newslisthome li { list-style-type:none; margin-top : 1em; padding-bottom:10px; border-bottom:1px solid #4C4C4C; }
ul#newslisthome li .newsdivhome { float:left; width:330px; }
ul#newslisthome li .newsdivhome h3 { font-size:1.4em; margin:0px; color:#CDCDFF; padding-bottom:5px; line-height:1.4em; }
ul#newslisthome li .newsdivhome .newsdate { font-size:1.0em; padding:0px; margin:0px; line-height:1.0em; color:#888888; }

#page .newsauthor{margin-top:-0.5em;}
#page .newback{margin-top:-1em;}

#status { padding-top:10px; height:23px; }
#social { clear:both; margin-left:20px;  width:740px; padding:10px; background:#2d2d2d; }
#social p { margin:0px; padding:0px; line-height:0; }
#social img { vertical-align:middle; }
#social ul { display:inline; list-style:none; margin:0px; padding:0px; font-size:1.2em; line-height:1.4em; color:#FFFFFF; font-weight:normal; }
#social ul li { display:inline; list-style:none; margin:0px; margin-right:10px; padding:0px; }
#social ul li a.facebook { background:transparent url(../i/facebook.gif) no-repeat left; padding:2px; padding-left:20px; }
#social ul li a.twitter { background:transparent url(../i/twitter.gif) no-repeat left; padding:2px; padding-left:20px; }
#social ul li a.digg { background:transparent url(../i/digg.gif) no-repeat left; padding:2px; padding-left:20px; }
#social ul li a.live { background:transparent url(../i/live.gif) no-repeat left; padding:2px; padding-left:20px; }
#social ul li a.myspace { background:transparent url(../i/myspace.gif) no-repeat left; padding:2px; padding-left:20px; }
#social ul li a.delicious { background:transparent url(../i/delicious.gif) no-repeat left; padding:2px; padding-left:20px; }

#footer { width:915px; margin:0px auto; padding:10px 20px 10px 20px; text-align:left; }
#footer ul { display:inline; list-style:none; padding:0px; margin:0px; color:#CCCCCC; font-size:1.1em; }
#footer ul li { display:inline; list-style:none; padding-right:20px; margin:0px; }

ul#crumbbar { list-style:none; margin:0px; padding:0px; display:inline; }
ul#crumbbar li { display:inline; list-style:none; background:url(../i/slash.gif) left no-repeat; padding-left:12px; margin:0px; color:#FFFFFF; font-size:1.1em; }
ul#crumbbar li.remove { display:inline; list-style:none; background:transparent; padding-left:0px; color:#FFFFFF; margin:0px; font-size:1.1em; }

#page { border-top:1px solid #4c4c4c; padding-top:15px; text-align:left; }
#page .portrait-left { padding:0px 10px 10px 0px; }
#page .portrait-right { padding:0px 0px 10px 10px; }

.newsdate { font-size:1.2em;	padding:0px; margin:0px; line-height:1.0em; color:#888888; }
#page .newsauthor { font-size:1.0em} 

#lyricstep1 { width:442px; height:323px; float:left; background:url(/global/i/lyrics/step1.jpg) no-repeat top; overflow:hidden; margin-bottom:10px; }
#lyricstep2 { width:443px; height:323px; float:right; background:url(/global/i/lyrics/step2.jpg) no-repeat top; overflow:hidden; margin-bottom:10px; }

#lyricstep1 select, #lyricstep2 select { width:428px; height:250px; margin:60px 7px 5px; font-size:1.2em; color:#666; }

#lyricstep3 { width:895px; height:374px; clear:both; background:url(/global/i/lyrics/step3.jpg) no-repeat top; overflow:hidden; }
#lyricstep3 select { width:882px; margin:60px 7px 5px; height:304px; font-size:1.2em; color:#666; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.hidden { display:none; }

.content { padding-right:10px; padding-bottom:10px; }
.wrapper { width:955px; padding:0px; margin:0px auto; text-align:left; }



#panel              { width:895px; overflow:hidden; }
#panel .panels          { height:223px; list-style-type:none; margin:0; padding:0; }
#panel li           { float:left; }
#panel li .abs { position:absolute; font-size:9px; line-height:9px; bottom:-40px; left:0px; padding:5px 40px 5px 10px; background-color:#EA0000; color:#FFFFFF; text-transform:uppercase; letter-spacing:0.02em; }
#panel .panel           { display:block; position:relative; cursor:pointer; overflow:hidden; height:223px; width:223px; font-size:0px; }
#panel .panel span      {  /*display:none;*/ }
#panel .firstpan            { background:url(/images/home/one.jpg) no-repeat; }
#panel .secondpan            { background:url(/images/home/two.jpg) no-repeat; }
#panel .thirdpan          { background:url(/images/home/three.jpg) no-repeat; }
#panel .fourthpan           { background:url(/images/home/four.jpg) no-repeat; }