/** START clearfix **/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/** END clearfix **/

@font-face {
    font-family: "tradegothic";
    src: url(http://i.cdn.turner.com/v5cache/TCM/Fonts/Trade_Gothic_LT.ttf) format("truetype");
}

/** Top Nav Images - because designers wanted this exact look, not text **/
#home a:link, #home a:visited, #home a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_home.gif') no-repeat top; height:20px; width:48px;}

#schedule a:link, #schedule a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_schedule.gif') no-repeat top; height:20px; width:68px;}
#schedule a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_schedule_o.gif') no-repeat top; height:20px; width:68px;}

#thismonth a:link, #thismonth a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_thismonth.gif') no-repeat top; height:20px; width:79px;}
#thismonth a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_thismonth_o.gif') no-repeat top; height:20px; width:79px;}

#fancommunity a:link, #fancommunity a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_fancommunity.gif') no-repeat top; height:20px; width:101px;}
#fancommunity a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_fancommunity_o.gif') no-repeat top; height:20px; width:101px;}

#tcmdb a:link, #tcmdb a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_tcmdb.gif') no-repeat top; height:20px; width:48px;}
#tcmdb a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_tcmdb_o.gif') no-repeat top; height:20px; width:48px;}

#mediaroom a:link, #mediaroom a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_mediaroom.gif') no-repeat top; height:20px; width:69px;}
#mediaroom a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_mediaroom_o.gif') no-repeat top; height:20px; width:69px;}

#funstuff a:link, #funstuff a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_funstuff.gif') no-repeat top; height:20px; width:71px;}
#funstuff a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_funstuff_o.gif') no-repeat top; height:20px; width:71px;}

#nowplaying a:link, #nowplaying a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_nowplaying.gif') no-repeat top; height:20px; width:121px;}
#nowplaying a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_nowplaying_o.gif') no-repeat top; height:20px; width:121px;}

#shop a:link, #shop a:visited {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_shop.gif') no-repeat top; height:20px; width:44px;}
#shop a:hover {background:#ffffcc url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_shop_o.gif') no-repeat top; height:20px; width:44px;}



.outline {border: 2px solid #000;}

/** header image **/
#topImg {width:657px; border-bottom: 3px solid #ffffcc;height:39px;}

/** START NAVIGATION blueMenu STYLES **/
.blueMenu {font-family: tradegothic, Trade_Gothic_LT.ttf, verdana;width:100%; position:relative; z-index:100; font-size:10px;  display:block;/*behavior: url("http://www.tcm.com/static/csshoverIEfix.htc");*/}
/* hack to correct IE5.5 faulty box model */
* html .blueMenu {width:100%; w\idth:100%; margin:0; padding:0;}
/* remove all the bullets, borders and padding from the default list styling */
.blueMenu ul {padding:0; margin:0; list-style-type:none;}
/*.blueMenu ul ul {width:149px;}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown blueMenu positon */
.blueMenu li {float:left; position:relative; text-align:right;}
* html .blueMenu li {border-right: 1px solid #ffffcc;}

.blueMenu li ul li {width: 255px; background: transparent url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/dropdown_bg.png') repeat-y right top;}
* html .blueMenu li ul li {height: 19px; width: 255px; background: transparent url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/dropdown_bg.png') repeat-y right top; border-right: 0;}

/* style the links for the top level */
.blueMenu a {display:block; font-size:10px; text-decoration:none; color:#ffffcc; background-color:#000;
    padding:0px 0px 0px 1px; line-height:18px; font-weight:bold;
     }
/* a hack so that IE5.5 faulty box model is corrected */
* html .blueMenu a {text-align:right;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.blueMenu ul ul {visibility:hidden; position:absolute; height:0; top:18px; right:-20px; /*width:149px;border-top:0px solid #000;*/}
/* another hack for IE5.5 */
* html .blueMenu ul ul {top:18px; t\op:18px;}

.topborder {border-top:2px solid #000; border-left: 0; border-right: 0; border-bottom: 0;}
.topborderFirst {border-top:2px solid #000; border-left: 0; border-right: 0; border-bottom: 0;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.blueMenu table {position:absolute; top:0; right:0; border-collapse:collapse;}

#last {
    height:29px; background: transparent url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/dropdown_bg_bot.png') repeat-y top;
    width:255px;}
* html #last {width:255px; padding: 0px; margin: 0px;}

.blackline2 {height: 2px; background:transparent url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/blackline.png') no-repeat right top; width:255px; display:block;}
* html .blackline2 {height:2px; line-height:2px;  background:transparent url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/blackline.png') no-repeat right top; overflow-y:hidden; padding:0; margin:0; width:182px;}


* html .blankspace {width:150px;height:1px;background:transparent url('http://i.cdn.turner.com/tegwebapps/tcm/tcm-www/static/images/spacer.gif') repeat-x top right; padding: 0; margin:3px 0px 0px 0px;}
#blankspace {width:158px;height:1px;background:transparent url('http://i.cdn.turner.com/tegwebapps/tcm/tcm-www/static/images/spacer.gif') repeat-x; padding: 0; margin:3px 0px 0px 0px;}
* html #blankspace {width:150px;height:1px;background:transparent url('http://i.cdn.turner.com/tegwebapps/tcm/tcm-www/static/images/spacer.gif') repeat-x; padding: 0; margin:3px 0px 0px 0px;}

/* style the second level links */
.blueMenu ul ul a {
    background:transparent url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_arrow_black.gif') no-repeat right;
    color:#000; height:17px; padding:0px 16px 0px 6px; width:160px; border-top: 2px solid #ffffcc; margin: 0 50px;
    border-bottom: 2px solid #ffffcc; font-size: 11px; font-weight: bold;}
* html .blueMenu ul ul a {margin: 0 25px; width: 180px; font-size: 11px; font-weight: bold;}


/* style the top level hover */
.blueMenu a:hover, .blueMenu :hover > a {background:#ffffcc; color:#000;}
.blueMenu ul ul a:hover, .blueMenu ul ul :hover > a  {background:#000003 url('http://i.cdn.turner.com/v5cache/TCM/globalNav/images/topnav_arrow_yellow.gif') no-repeat right; color: #ffffcc;}

/* make the second level visible when hover on first level list OR link */
.blueMenu ul li:hover ul,
.blueMenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.blueMenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.blueMenu ul :hover ul :hover ul{ visibility:visible;}
/** END NAVIGATION blueMenu STYLES **/