/* RESET */
html { margin: 0; padding: 0;}


/* TYPE */
body { margin: 0px; padding: 0px; overflow-y: scroll; background-color:#225b7d; line-height: 1.8em; font-size: 16px; color: #fff; font-family: Verdana, Arial, sans-serif;}

/* LAYOUT */
.clear { clear: both; }
#bg { background: url(../images/wave.jpg) center top repeat-x; }
#header { width: 950px; margin: 0 auto; position: relative; height: 300px;}
#wrapper { width: 950px; margin: 0 auto; overflow: hidden; position: relative; font-family: Verdana, Arial, sans-serif; color: #6e665f; line-height: 1.0em; font-size: 1em; }
#main { width: 950px; margin: 0 auto; height: 100%; position: relative; background-color: #225b7d; }
#nav { width: 860px; }
#footer { width: 950px; margin: 0 auto; }
#copyright { text-align: center; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #a9a9a9; padding: 15px 10px; }
.page { padding: 40px 15px 40px 15px; }

td {
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
}

a:link { color: #eee}

/* HEADER */
#header { position: relative; overflow: hidden; }
#header .top-dl { position: absolute; left: 580px; top:120px; z-index:1;  }
#header .top-logo { position: absolute; left: 60px; top:90px; z-index:2; }
#header .top-share { position: absolute; top:0; right: 40px; z-index:90; }
#header .top-share .sharing { float: left; height: 35px; padding: 0px;}
#header .top-rthk { position: absolute; top:15px; left: 15px; z-index:91; }
#header .top-bg { position: absolute; left:0; top: 0; z-index:0; }


/* NAV */
#nav { position: absolute; width: 940px; height: 45px; padding-left: 10px; bottom: 0px; z-index:99; }
#nav .tag{ float: left; width: 107px; height: 45px; padding-right: 5px; }
#nav .tag2{ float: left; width: 130px; height: 45px; padding-right: 0px; }
#nav .tag4{ float: left; width: 250px; height: 45px; padding-left: 100px; }
#nav .tag5{ float: left; width: 300px; height: 45px; padding-left: 15px; }

/*song list*/
.songlist { display: block; width: 280px; padding: 20px; color: #828e15; line-height: 1.5em; border:solid 2px #c4bba7; }
.photo { display: block; position: relative;z-index: 9; width: 150px; height:150px; padding: 0px 20px 10px 0px; }
.photo span { position:absolute; width: 150px; height: 150px; top: 20; left: 20; display: block; background: url("../images/icons_playbutton_large.png") no-repeat left top; }

#media {
	width: 80px;
    height: 80px;
    position: relative;
    bottom: 90px;
    left: 10px;
	}

.video_container {
	width: 530px;
	height: 298px;
	border: 1px solid #ccc;
	margin: 20px 0px;
	position: relative;	
	}
	
.content_title { font-size: 1.3em; font-weight: bold; color: #ef5a28; }
.content_detail { font-size: 16px; line-height: 1.6em; padding-bottom: 10px;    padding-right: 20px;}
.content_detail :link {  text-decoration: none; color: #a0c6dc;}
.content_detail :visited {  text-decoration: none; color: #a0c6dc;}
.content_line { clear: both; background:#c7bead; display:block; width:570px; height:1px; margin: 15px 0 25px 0; }

.mopic {width: 33%}
.mopic img { width: 100%; }
.mopic td { border: 0px; }

.fulpic {width: 100%}
.fulpic img { width: 100%; }
.fulpic td { border: 0px; }

/*about page*/
.cube { font-size: 1.2em; }
.b { color: #ef5a28;}
.screencap { padding: 10px 50px 30px 10px; }
.hr { background: url("../images/dotline.gif") center top repeat-x; border: 0; height: 1px; margin: 15px 0; }
.subtitle { font-weight: bold; display: block; }
.desc { padding-left: 30px; padding-top: 10px; margin-top:10px; display: block; }

.songlist a:link
{ text-decoration: none;  }  

a:visited 
{ color: #a4a4a4; } 


.cp-container img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/*functions page*/
.border{
	border: 1px solid #CCC;
    margin: 0px;
    width: 100%;
    padding: 5px;
  }
  
/* shift buttons */
#btn { padding: 5px 0px 5px 0px; margin-bottom: 15px; margin-top: 15px; margin-left: 15px;}
#btn a.selected {float: left; display: inline-block; color: white; border: solid 1px #ef5a28;  padding: 0px 20px 0px 20px; margin: 0px 8px 8px 0px; line-height: 30px;border-radius: 2px; background-color: #ef5a28; text-decoration:none; }

#btn a.next {float: left; display: inline-block; color: black; border: solid 1px #ef5a28;  padding: 0px 20px 0px 20px; margin: 0px 8px 8px 0px; line-height: 30px; border-radius: 2px; background-color: #fff; text-decoration:none; }
#btn a.next:hover { background-color:#fbaf42; color:#fff; }