/* CSS Document */

#wholepage { position: absolute; left:130px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; background-image:url(../backgrounds/main.png); background-repeat:repeat-y;color:#000000;}

/*MAIN MENU*/
#menu { width:100%;float: left;}
#menu ul { list-style: none; margin: 0px;padding: 0px;width:120px;float: left; height:70px;}
#menu a, #menu h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display: block; border:#FFFFFF 1px solid;
margin: 0;text-align:center; color: #FFFFFF; background: url(../backgrounds/hmenu.png); background-repeat:repeat-x;text-decoration: none;padding-bottom:15px; padding-top:15px;}
#menu a:hover { background: url(../backgrounds/hmenuh.png); background-repeat:repeat-x;}
#menu li {position: relative;}
#menu ul ul { position: absolute; z-index: 500;}
#menu ul ul ul {top: 0;left: 100%;}
#menu ul li ul li a {width:150px;padding:5px 5px 5px 5px;}
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

/*Simple Links*/
a, a:link  { color: #0000FF;text-decoration:none;	}
a:visited { color: #0033FF;text-decoration:none;	}
a:hover, a:active { color:#FF0000;text-decoration:underline;}

/*AREA AT THE TOP OF PAGE*/
.shows {height:286px; background-image:url(../images/placeholder3.jpg); background-repeat:no-repeat; padding:3px; width:400px;}
.box{ width:200px; background-image:url(../backgrounds/grad.png); background-repeat:repeat-x; padding:5px; height:290px;}
.showtime{color: #CC3300;}
.showtitle{color: #0066FF;}
.date{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color: #FF6600; font-weight:bold;}

/*AREA ON SIDE OF PAGE*/
.left_side{width:200px;}
.poll{ border:solid 1px #FF3300; padding:3px;}
.right_side{ border-left:solid  #CCCCCC 1px; width:200px; padding-left:5px;}
.side-header{color:#0033FF; font-size:14px; font-weight:bold;}
.weather { font-size:30px; color:#FF6600; border: #000066 solid 1px; padding:5px;}
.weathertext{ font-size:10px;}
.weathermin { color:#0033FF;}
.weatherday{ color:#333333;}
.weathermax{color:#CC0000;}
.tvshows{ height:300px; border: #0000FF solid 1px;}
.cticker { background: #000099; color:#FFFFFF; padding:5px;}
.fticker { background: #003300; color: #FFFFFF; padding:5px;}

/*MAIN AREA*/
.introtext {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:22px;color: #000000;}
/*PROFILES*/
.profilename{ font-size:16px; color: #CC3300; font-weight:bold;}
.profile{ color:#0099FF; border:#0066FF solid 1px; }

/*HEADERS*/
.h1{ font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color: #000022;}
.h2{ font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color: #000044;}
.h3{ font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color: #000066;}

/*CLASSES*/
.header{ font-size:16px; font-weight:bold;}
.tvshowh{ font-size:20px;color: #FFFFFF;}
.tvshow{ font-size:16px; font-weight:bold; text-align:center;color: #FFFFFF;}
.tvshowhdescription{font-size:12px;}
.tvshows{ background-color:#0066FF;}
.tvshows a:link, .tvshows a:visited{color: #FFFFFF;}
.tvshows a:hover, .tvshows a:active{color: #FFCC00;}

/*BOTTOM OF PAGE*/
.footer{ background:url(../backgrounds/hmenu.png); background-repeat:repeat-x;color: #FFFFFF;font-size:14px;}
.footer a:visited, .footer a  { color: #FFFFFF;text-decoration: underline;}
.footer a:hover, .footer a:active { color: #000000;}
