body { background: url("/images/red_bkground.gif"); font-family: Geneva, Arial, 
Helvetica, sans-serif; font-size: 12px; margin: 0px; } a:link {color: #CC0000; 
text-decoration: none;} a:active {color: #CC0000; text-decoration: none;} a:visited 
{color: #CC0000; text-decoration: none;} a:hover {color: #CC0000; text-decoration: 
underline;} div.wrapper { width: 762px; margin: 0 0 0 20px; } form { margin: 0; 
padding: 0; font-size: 11px; } /********************************************* 
Header *****************************************/ div.craveHeader { width: 100%; 
height: 74px; background: url("/images/header_banner.gif") no-repeat; } div.craveLogo 
{ float: left; } div.menu { position: relative; top: 43px; float: right; margin-right: 
50px; } * html div.menu { margin-right: 40px; } div.menu img { padding: 0; margin: 
0; } div.banner { width: 100%; height: 90px; vertical-align: middle; text-align: 
center; padding: 5px 0 5px 0; } /********************************************* 
Home *****************************************/ div.mainTopBevel { width: 100%; 
background: url("/images/main_top_bevel.gif") no-repeat; min-height: 22px; } /* 
IE needs height to appear and/or be right thickness, while Mozilla needs min-height 
(above) */ * html div.mainTopBevel { height: 22px; } div.mainBottomBevel { width: 
100%; height: 9px; background: url("/images/main_bottom_bevel.gif") no-repeat; 
} div#mainWhiteBack { background: white url("/images/main_middle_bkground.gif"); 
background-repeat: repeat-y; width: 100%; padding: 0 0 10px 0; } div.mainTop { 
width: 747px; background: url("/images/main_top_bkground.gif") no-repeat; background-position: 
bottom; margin: 0 0 15px 7px; padding: 10px 0 5px 0; text-align: left; } div.mainTop 
img { padding: 0 5px 0 0; } div.flash { width: 425px; float: left; margin-left: 
7px; } /* IE needs less left margin */ * html div.flash { margin-left: 3px; } 
div.clearingBlock { clear: both; } div.leftWrapper { width: 490px; float: left; 
} div.homeSectHeaders { width: 490px; height: 16px; margin: 0 0 0 7px; background: 
#D4D4D4 url("/images/more_to_snack_on.gif") no-repeat; } div.homeMinis { width: 
490px; min-height: 355px; margin: 0 0 0 7px; padding: 0 0 0 0; background: url("/images/main_minis_bkground.gif") 
no-repeat; background-position: bottom; } div.homeMinis2 { width: 490px; height: 
170px; margin: 0 0 0 7px; padding: 0 0 0 0; background: url("/images/main_minis_bkground.gif") 
no-repeat; } div.Mini { width: 155px; float: left; margin: 5px 4px 15px 3px; } 
/* IE needs less spacing */ * html div.Mini { margin-bottom: 3px; } div.chanHeader 
img { border-bottom: 1px solid white; } div.headlineTitle { margin: 4px 0 0 0; 
} div.headlineTitle a, div.headlineTitle a:hover, div.headlineTitle a:visited 
{ color: #CC0000; font-weight: bold; } div.headlineFinish { font-size: 11px; } 
div.lowerRow { clear: left; } div.Story { width: 445px; background: #f0e8a0; margin: 
0 0 10px 0; padding: 3px; float: left; } div.catsHeaders { width: 490px; height: 
22px; margin: 15px 0 0 7px; clear: left; } div.cats { width: 490px; background: 
#DCDCDC url("/images/cats_bkground.gif") repeat-x; border: 1px solid white; /* 
necessary to get Mozilla to display the background properly */ margin: 15px 0 
5px 7px; clear: both; } div.catsLeft { width: 85px; float: left; background: #foe8a0; 
} div.catsName { background: white; color: black; font-weight: bold; padding: 
0 2px 0 0; text-align: right; } div.catsDesc { background: #808080; color: white; 
font-weight: bold; padding: 0 0 0 2px; } div.catsImg { clear: both; margin: 0 
0 0 3px; } div.catsRight { width: 355px; float: right; padding: 0 0 5px 0; } div.catsRight 
ul { padding: 0; margin: 0 0 0 5px; list-style-type: none; } div.catsRight li 
{ margin: 0 0 3px 0; font-size: 11px; } /* Side Column */ div.rightColumn { width: 
240px; margin-left: 510px; } div.sideHeader { text-align: center; width: 100%; 
} div.pages { background: #9AA4A6 url("/images/side_dish_bkground.gif") repeat-x; 
color: white; margin: 0 0 5px 0; border-left: 1px solid #aaa; border-top: 1px 
solid #aaa; padding: 3px; clear: right; } div.pagessquare { margin: 0 0 0 0; padding: 
3px; clear: right; } div.pages a, div.pages a:active, div.pages a:visited { color: 
white; } div.pageBlurb { margin: 10px 7px 0 7px; } div.pageLink { text-align: 
right; font-size: 10px; text-align: center; } div.playpenFeatured { margin: 10px 
3px 10px 3px; min-height: 55px; } div.playpenFeatured img { float: left; margin: 
0 5px 0 0; } span.playpenFeaturedBlurb { font-size: 11px; } div.sideBtn { width: 
100%; text-align: center; margin: 0 0 3px 0; } div.playpenTop5 { margin: 10px 
0 0 0; } div.playpenGameRight { width: 120px; float: right; } div.playpenGameRight 
ol { font-size: 11px; } div.rateScale { clear: both; } div.playpenGameCode { padding: 
10px; background: #9EA7A9 url("/images/main_top_bkground.gif") repeat-x; } div.playpenIndexCopy 
{ font-size: 13px; padding: 3px; } div.playpenIndexEntry { float: left; width: 
360px; min-height: 90px; } div.playpenIndexSect { background: #9EA7A9 url("/images/main_top_bkground.gif") 
repeat-x; clear: both; margin: 0 0 10px 0; border-bottom: 1px solid white; } div.playpenIndexSectHeaders 
{ height: 16px; text-align: center; padding: 0; margin: 0; background: #D4D4D4; 
} /********************************************* Channels *****************************************/ 
div.subnavMenu { position: relative; top: 7px; float: right; margin-right: 140px; 
} /* IE again */ * html div.subnavMenu { margin-right: 70px; } div.mainTopChan 
{ padding: 10px 6px 5px 10px; text-align: left; } div.rectBanner { float: right; 
padding: 0 3px 0 0; } div.mainTopBevelChan { width: 100%; height: 26px; background: 
url("/images/main_top_bevel_chan.gif") no-repeat; padding: 7px 0 0 25px; } div.chanFeatured 
{ width: 425px; float: left; background: url("/images/chan_featured_bkground.gif") 
no-repeat; background-position: bottom; padding: 0 3px 0 0; min-height: 250px; 
} /* IE will expand despite height, but doesn't interpret min-height */ * html 
div.chanFeatured { height: 250px; } div.chanFeaturedContent { padding: 0 5px 5px 
5px; } div.featuredHeadline { color: #CC0000; font-weight: bold; font-size: 14px; 
} span.featuredBlurb { font-size: 14px; } div.topStories { clear: both; padding: 
10px 0 0 0; } div.chanSectHeaders { height: 14px; text-align: center; padding: 
2px 0 0 0; margin: 0 0 10px 0; background: #D4D4D4; } div.topStoriesMini { float: 
left; width: 365px; height: 116px; background: url("/images/chan_mini_bkground.gif") 
no-repeat; margin: 0 5px 10px 0; } img.topStoriesImg { float: left; border: 2px 
solid #45433A; margin: 0 5px 0 7px; } div.topStoriesMiniHeader { float: right; 
width: 194px; height: 16px; background: url("/images/chan_mini_header.gif") no-repeat; 
font-size: 11px; font-weight: bold; color: white; margin-bottom: 6px; } span.topStoriesMiniHeadline 
{ padding: 0 0 0 4px; } div.topStoriesMiniBlurb { font-size: 11px; line-height: 
1.1em; padding: 0 4px 0 4px; } div.moreOfInterest { width: 100%; clear: both; 
} div.moreOfInterestMini { margin: 0 3px 0 4px; float: left; width: 140px; height: 
55px; } div.moiMiniFooter { background: url("/images/chan_mini_header.gif") no-repeat; 
font-weight: bold; font-size: 11px; color: white; height: 16px; margin: 5px 0 
0 0; padding: 0 0 0 2px; } div.recentStories { margin: 12px 0 0 0; } /* IE needs 
less margin */ *html div.recentStories { margin: 5px 0 0 0; } div.recentStory 
{ border-bottom: 1px solid #CCCCCC; } div.chanPageBox { margin: 5px 0 5px 0; } 
div.chanPageBox, div.chanPageBox a, div.chanPageBox a:active, div.chanPageBox 
a:visited { color: white; } div.gamesFocusBox { float: right; width: 367px; height: 
240px; /* background 222px + btns 16px + top 1px + bot 1px = 240px */ margin: 
0 5px 12px 0; background: black; } div.tabNav { padding: 0; text-align: right;	
border-top: 1px solid black; } div.tabs { height: 222px; display: none; background: 
url('/images/tab_box_cravings_back.gif') no-repeat; overflow: hidden; } div.tabContents 
{ padding: 10px 10px 10px 20px; } div.tabContents ul { margin: 10px 0 0 0; list-style-type: 
none; padding: 0; } div.tabContents li { padding: 0 0 4px 0; margin: 0; } div.tabsDesc 
{ font-weight: bold; font-size: 11px; text-align: center; margin: 5px 0 0 0; } 
div.cravingContainer { clear: both; /*background: url("/images/cravingsLeftSideBar.gif") 
repeat-y;*/ padding: 3px 0 0 0; width: 740px; } div.cravingsRightColumn { width: 
300px; float: right; margin: 0 0 0 10px; } div.cravingForm { width: 290px; padding: 
5px; margin: 38px 0 10px 0; background: #FFCF31; border: 1px solid black; } table.cravingForm 
{ margin: 10px 0 0 0; width: 100%; background: url("/images/cravingsForm_back.jpg") 
repeat-x; background-position: bottom; } div.craving { margin: 0 0 10px 8px; padding: 
10px; background: #DCDCDC url("/images/cats_bkground.gif") repeat-x; min-height: 
130px; width: 375px; } div.tabCraving { width: auto; background: none; margin: 
0 0 7px 0; padding: 0; min-height: 0; } div.cravingsCraveometer { font-size: 12px; 
float: right; padding: 0 0 0 10px; margin: 0 0 0 3px; border-left: 1px solid #808080; 
text-align: right; width: 130px; } div.cravingHead { font-style: italic; color: 
#CC0000; font-weight: bold; border-bottom: 1px solid #808080; margin: 0 0 10px 
0; } div.tabCravingHead { font-style: italic; color: #CC0000; font-weight: bold; 
margin: 0; padding: 0; } /********************************************* Stories 
*****************************************/ div.rectBanner1 { margin: 0 0 0 5px; 
} div.storiesContent { font-size: 14px; padding: 0 5px 5px 0; } div.storiesHeadline 
{ font-size: 20px; } div.storiesByline { color: #666666 ; font-size: 11px; line-spacing: 
1.0em; margin: 5px 0 0 0; } div.storiesBottom { clear: both; } div.storiesOptions 
{ width: 425px; margin: 10px 0 10px 0; padding: 4px 2px 0 2px; background: #F1F1F1; 
height: 26px; } div.storiesBottomRight { background: #9AA4A6 url("/images/side_dish_bkground.gif") 
repeat-x; width: 300px; min-height: 256px; float: right; margin: 12px 3px 0 0; 
} /* IE needs less margin */ *html div.storiesBottomRight { margin-top: 5px; height: 
256px; } div.storiesImgCaption { font-weight: bold; margin: 0 0 20px 0; } div.emailtoFriend 
{ padding: 4px; margin: 0 5px 10px 0; width: 325px; float: left; } td.cravingsFormSect 
{ font-size: 10px; border-bottom: 1px solid #808080; } td.emailtoFriendFieldLabel 
{ font-size: 11px; font-face: arial; font-weight: bold; text-transform: uppercase; 
letter-spacing: .1em; padding: 0 10px 0 3px; vertical-align: top; } td.emailtoFriendField 
{ padding: 0 0 0 20px; } table.emailtoFriendForm { margin: 10px 0 0 0; width: 
100%; background: #DCDCDC url("/images/cats_bkground.gif") repeat-x; } table.emailtoFriendForm 
td { padding: 4px 0 4px 2px; vertical-align: top; } table.emailtoFriendForm tr 
{ } div.storiesCopyright { font-size: 11px; color: #666666; margin: 10px 0 0 0; 
float: right; } div.storiesCopyright a, div.storiesCopyright a:active, div.storiesCopyright 
a:visited { color: #666666; } /********************************************* Footer 
*****************************************/ div.bottomNav { text-align: center; 
margin: 5px 0 5px 0; font-size: 11px; color: white; } div.bottomNav a, div.bottomNav 
a:active, div.bottomNav a:hover, div.bottomNav a:visited { color: white; margin: 
0 4px 0 4px; } div.craveFooter { width: 100%; height: 92px; background: url("/images/footer_banner.gif") 
no-repeat; } div.copyright { vertical-align: bottom; padding-top: 75px; text-align: 
center; color: #CCCCCC; font-size: 10px; } /* Content Pages */ div.tower { float: 
right; } div.pagesContent { padding: 10px; } div.craveRaveFlash { } /******************************************* 
Crave Video ******************************************/ div#flash2Layer { position: 
absolute; z-index: 50; left: 100px; width: 600px; height: 400px; border-top: 2px 
solid #808080; border-left: 2px solid #808080; border-bottom: 2px solid #aaa; 
border-right: 2px solid #aaa; background: white; text-align: center; display: 
none; } div.flash2layerclose { position: absolute; z-index: 100; right: 0; top: 
0; padding: 2px; } div.libraryFrame { padding: 4px; } div.videosVname { font-size: 
16px; font-weight: bold; } /******************************* Crave Back Talk (commenting) 
************************************/ div.commentHead { font-style: italic; color: 
#CC0000; font-weight: bold; margin: 0 0 10px 0; background: #aaa; padding: 3px; 
}