/*General */
body{
margin: 0 auto;
font-family:  Arial, Tahoma;
font-size: 12px;
color: #666666;}

a:link {
font-size: 12px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;}

a:hover, a:active {
font-size: 12px;
color: #990000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;}

a:visited {
font-size: 12px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;}

.wrapper {
width: 1000px;
margin: 0 auto;
min-height:600px;
height: auto;}

/* Left Menu  */

.alert { background: #DDE4FF;
text-align: left;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
.arrowlistmenu{
width: 180px;
float:left; /*leftmenu width*/
margin-right: 20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Arial, Helvetica, sans-serif;
color: #666666;
background: #fff url(../images/btn-play.gif) no-repeat center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 30px; /*header text is indented 30px to space out the button*/
cursor: hand;
cursor: pointer;
text-transform:uppercase;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #fff url(../images/btn-play.gif) no-repeat center left;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
color: #666666;
background: #fff; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 40px; /*link text is indented 40px*/
text-decoration: none;
border-bottom: 1px dotted #dadada;
}
.arrowlistmenu ul li a:visited{
color: #999999;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #990000;
background-color: #fff;
}

/*header */
#top {
width: 100%;
height: 50px;
border-bottom: 1px solid #999999;
margin: 0 auto;}

#header{
width: 1000px;
margin: 0 auto 5px auto;}

#topnav1, #topnav1 a, #topnav2, #topnav2 a{
color:#cb3127;font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}

#logo {
width: 250px;
float:left;}

#topnav1{
width: 450px;
float:left;
margin-top:25px;}

#topnav2{
width: 200px;
float:right;
margin-top:25px;
text-align:right}

/*Right Column */
#right{
width:190px;
float:right;
margin-top:60px;
text-align:left;}

#right ul li{
list-style-type: none;
padding-top:5px;
}

#right ul li img{
padding-right: 5px;}


/*Content */

.content{
width:780px;
height: auto;
float:left;}

.songtitle {
margin-top:25px;
line-height: 24px;
font-size: 24px; 
color:#666666;
font-weight: normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.songdesc{
font-size: 12px;
}

.themovie {
width:780px;
margin: 0px auto;
background:#ffffff;}


#thecode{
width:780px;
}

#thecode input{
width: 490px;
height: 15px;
font-size: 12px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color: #999999;
}

#thecode label{
font-size: 12px;
width: 100px;}

#urlcode, #embedcode{
width:50px;
text-align:left;
height:15px;
float:left;
padding-top:5px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;

}


.related, .gear {
font-size: 14px;
width: 400px;
color: #990000;
padding-left:0;
float:right;
}

.gear {
margin-top:20px;}

.thelist {
width: 400px;
font-size: 14px;
line-height:20px;
margin-left: 0px;
color:#666666;}

.thelist a{
font-size: 14px;}

/*footer */
#footer {
width: 1000px;
margin: 80px auto;
border-top: 1px solid #666666;
}

.footerlink1{
padding: 15px;
border-bottom: 1px solid #666666;
text-align:center;

}

.footerlink1 a, .footerlink1{
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-weight: bold;
padding-left: 27px;
padding-right: 27px;
}

.footerlink1 a:hover, .footerlink2 a:hover{
text-decoration: underline;}

.footerlink2{
padding-top: 25px;
text-align:center;
}

.footerlink2 a, .footerlink2{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-weight: bold;}

#copyright {
text-align: center;
padding: 25px 0;
font-family: Arial, Helvetica, sans-serif;
color: #999999 ;
font-size: 11px;}

#share {
width: 200px;
float:right;
font-size:12px;
margin-top: -15px;
margin-left: -30px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;}

.description {
width: 370px;
float: left;
font-size: 14px;}

.description2 {
width: 780px;
float: left;
font-size: 14px;
margin-top: 15px;
font-family:Arial, Helvetica, sans-serif;}

.related2, .gear2 {
font-size: 14px;
width: 380px;
color: #990000;
padding-left:0;
float:left;
margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
}
.thelist2 {
width: 380px;
font-size: 14px;
line-height:20px;
margin-left: 0px;
margin-top:15px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;}

.thelist2 a{
font-size: 14px;}

#theurl, #theembed{
width: 550px;
float: left;}

#theembed {
	margin-top: 5px;}