/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#000;
background-image:url(/images/bg_body.gif);
background-repeat:repeat-x;
background-position:left top;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#fff;
font-weight:normal;
text-decoration:none;
}

a{ color:#fd0000; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }
.p-small{ font-size:11px; line-height:14px;}

h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
line-height:26px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}       

h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}

#page{ width:100%; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header-holder{ width:100%; text-align: center;}
#header{ 
width:1024px; height:287px; margin:0px auto; position:relative;
}
#header .logo{ position:absolute; top:58px; left:0px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:10px; left:800px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:normal;
color:#fff;
text-decoration:none;
}

#header-nav a{ padding:0px 10px; }
#header-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{ position:absolute; top:180px; left:0px; height:49px;}

#main-nav .option{
float:left; height:49px;
background-image:url(/images/bg_main_nav.gif);
background-repeat:no-repeat;
background-position:left top;
}
#main-nav .option-wrapper{ padding:16px 20px 0px 20px; 
background-image:url(/images/bg_main_nav_end.gif);
background-repeat:no-repeat;
background-position:right top;
}
#main-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
line-height:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#main-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ cat-nav css */

#top-cat-nav{ 
position:absolute; top:231px; left:0px; 
width:1024px; height:56px;
background-image:url(/images/bg_cat_nav.gif);
background-repeat:no-repeat;
background-position:left top;
text-align: left;
}
#top-cat-nav .top-cat-nav-wrapper{ padding:20px 0px 0px 10px; }

#top-cat-nav, #top-cat-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#top-cat-nav a{ padding:0px 10px; }
#top-cat-nav a:hover{ text-decoration:underline; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-bg css */

#main-bg{
width:600px; height: 260px; position: relative;
background-image:url(/images/bg_main.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#main-bg .title{ position:absolute; top:40px; left:330px; font-size:25px; color:#fff;}
#main-bg .popular-links-main-holder{ position:absolute; top:188px; left:143px; }
.popular-links-holder{ position:absolute; top:170px; left:372px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-categories css */

#main-categories{ width:270px; position:absolute; top:75px; left:335px; }

#main-categories .option{
width:130px; float:left;
background-image:url(/images/bullet_white_5x4.gif);
background-repeat:no-repeat;
background-position:left 9px;
}
#main-categories .option-wrapper{ padding:2px 0px 2px 10px;}
 
#main-categories .option a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#fff;
text-decoration:none;
}

#main-categories .option a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{ width:100%; text-align: center;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:auto; display: inline; }
#content .content-wrapper{ padding:50px 15px 30px 15px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:300px; }
#right .right-wrapper{ padding:50px 10px 0px 5px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

#page-footer{ height:330px; position:relative; background-color:#323232;}

#page-footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:none;
position:absolute;
top:25px;
left:480px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:25px; left:30px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:none;
}
#footer-nav a{padding:0px 15px;}

#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ bottom-nav css */

#page-footer .music-cat-nav{ position:absolute; top:90px; left:30px; width:240px;}
#page-footer .video-cat-nav{ position:absolute; top:90px; left:300px; width:340px;}

#bottom-nav{}
#bottom-nav h3{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;
padding:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
}
#bottom-nav .option{ width:120px; float:left; }
.video-cat-nav #bottom-nav .option{ width:340px; float:left; }
#bottom-nav .option-wrapper{ padding:0px 0px 0px 0px; }
#bottom-nav, #bottom-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#fff;
text-decoration:none;
}
#bottom-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

#top20-nav{ width:320px; padding-top:50px; }
#top20-nav h2{
text-align: center;
padding:5px 10px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:none;
background-color: #e3020f;
}
#top20-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;
}
#top20-nav ul li{ 
width:150px; float:left;
background-image:url(/images/bg_top20.gif);
background-repeat:repeat-x;
background-position:left top;
padding:0px 0px 0px 10px; line-height:46px;
}
#top20-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:46px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:none;
text-indent:10px;
}
#top20-nav ul li a:hover{ color:#e3020f;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }