/* A Free Design by Bryant Smith (bryantsmith.com) */


.textborder
{
    border: 1px solid #000000;
}
body
{
    margin: 0;
    padding: 0;
    text-align: left;
    font: 12px Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #061C37;
    background: #444444;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
}
*
{
  margin: 0 auto 0 auto;
  text-align:left;}

#container
{
  display: block; 
  height:auto;
  position: relative; 
  width: 1060px;
}




#header
{
height:85px;
width:1060px;	
}

#header h1
{
    position: absolute;
    text-align: left;
    color: #FFFFFF;
    font-size: 43px;
    color: #FFF;
    left: 14px;
    top: 18px;
    text-decoration: none;
}


#header h2
{
    
}

#header h4 {
    position: absolute;
    text-align: right;
    color: #999999;
    left: 590px;
    top: 46px;
    width: 400px;
    text-decoration: none;
}

#SocialMedia
{
    margin: 11px;
    color: #999999;
    width: 500px;
    text-decoration: none;
    text-align: center;
    display: block;
    float: right;
}
#Logo
{
    
    width: 515px;
    display: block;
    float: left;
}
#textAdds 
{
  display:block;
float:left;
width:90px;
height:auto;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
}

#header h5
{
    color: #FFFFFF;
    text-align: center;
    font-size: 40px;
}
.mainPageText
{
    color: #000000;
    font-size: 25px;  
}

#loadVideos
{
    position: relative;
}
#loadingBox
{
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 20%;
    background-color: #FFFFFF;
    font-size: xx-large;
    width: 400px;
    height: 100px;
    display: none;
}

#centerText
{
  text-align: center;
}

#header h3
{
    color: #3399FF;
}

#mainpic
{
background-image:url(images/main.jpg);
background-repeat:no-repeat;
width:1060px;
height:354px;	
}

.off
{
color:#67A0F5;
}

/*topMenu*/
#menu
{
display:block;
float:left;
clear:both;
width:1060px;
height:54px;
float:left;
clear:both;
}

#menuRight
{   
    float: right;
    color: #FFFFFF;
}
#menuRight ul {
	list-style: none;
	padding: 0px;
	margin-right:auto;
	width:360px;
}

#menuRight li {
	list-style: none;
	padding: 0px;	
	display: inline;	
}

#userInfo
{
    height:54px;
}

/*leftmenu */

#leftmenu
{
margin-top:5px;
width:175px;
float:left;
}

#leftmenu_top
{
width:175px;
height:14px;
background-image:url(images/leftmenu_top.png);
}
#leftmenu_bottom
{
width:175px;
height:14px;
background-image:url(images/leftmenu_bottom.png);
}
#leftmenu_main
{
    width: 175px;
    height: auto;
    background-color: #000000;
    min-height:800px;
}

#leftmenu_main ul
{
list-style: none;
padding: 0px;
width:175px;
}


#leftmenu_main h3
{
list-style: none;
padding: 0px;
width:175px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;
}

#leftmenu_main ul li
{
list-style: none;
padding: 0px;
width:175px;
text-align:left;
}

#leftmenu_main ul li a, #leftmenu_main ul li a:visited
{
	display:block;
list-style: none;
padding: 0px;
width:170px;
padding-left:5px;
padding-top:4px;
height:30px;
text-align:left;
background-image:url(images/leftmenu_link.png);
background-repeat:repeat-x;
margin-top:5px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

#leftmenu_main ul li a:hover
{	
	
}

#leftmenu_top
{
    display: block;
    list-style: none;
    padding: 0px;
    width: 170px;
    padding-left: 5px;
    padding-top: 5px;
    height: 30px;
    text-align:center;
    background-image: url(images/leftmenu_link2.png);
    background-repeat: repeat-x;
    color: #000000;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}



/*Top ad */

#topAd
{
display:block;
float:left;
width:760px;
height:auto;
}
#topAd_main
{
    
width:730px;
padding-left:75px;
padding-right:5px;
padding-top:5px;
}

/*Main Content Area */
#content
{
display:block;
float:left;
width:740px;
height:auto;
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:5px;
}


#content_top
{
	background-image:url(images/main_top.png);
	background-repeat:no-repeat;
	width:735px;
	height:14px;
}

#content_main
{
overflow: hidden;
background-image:url(images/main_back.png);
background-repeat:repeat-y;
width:715px;
padding-left:12px;
padding-right:8px;
min-height:200px;
}

#content_bottom
{
background-image:url(images/main_bottom.png);
background-repeat:no-repeat;
width:735px;
height:18px;
clear:both;
}

/*rightSide Content Area */
#rightSide
{
display:block;
float:left;
width:140px;
height:auto;
padding-top:1px;
}
#rightSide_top
{
	background-image:url(images/leftSide_Top.png);
	background-repeat:no-repeat;
	width:140px;
	height:5px;
}

#rightSide_main
{
background-image:url(images/leftSide_back.png);
background-repeat:repeat-y;
width:140px;
padding-left:0px;
padding-top:1px;
padding-right:1px;
padding-bottom:3px;
min-height:800px;
}

#rightSide_bottom
{
background-image:url(images/leftSide_bottom.png);
background-repeat:no-repeat;
width:140px;
height:5px;
}








#footer
{
    width: inherit;
    height: auto;
}

#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#7198E1;
}


#menu ul {
	list-style: none;
	padding: 0px;
	margin-left:auto;
	width:1060px;
}

#menu li {
	list-style: none;
	padding: 0px;	
	display: inline; 
	
}

#menu a
{
    float: left;
    height: 36px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    padding-top: 17px;
    font-size: 15px;
    padding-left: 13px;
    padding-right: 13px;
}

.invites
{
    
}

#menu h1 {
	float: left;
	height: 36px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 18px;
	font-size: 15px;
	padding-left:13px;
	padding-right:13px;	
}

#menu a:hover
{
    background-color: #121212;
}

#content p
{
	
}

p {text-align: left;}

table
{
    background-color: #FFFFFF;
    border: medium ridge #000000;
}
tr
{
    
}
td
{
    border-style: none;
    text-align: center;
}
a:visited {color:#007ACC;}
a:link {color:#2E8AE6;} 

#dropDownBox
{
       display: block;
       float: left;
       width: 400px;
       height: auto;
       padding-top: 1px;
}
#ToPlaylist
{
  display: block;
  float: left;
  width: 155px;
  height: auto;
  padding-top: 1px;
}