BODY { background: #e9e9e9; text-align: center; font: 12px/18px Arial, Verdana, Helvetica, sans-serif; }

#outer { background: #f7f7f7 url(../img/bg.gif) repeat-x; padding-bottom: 10px; }
#inner { width: 940px; margin: 0px auto; text-align: left; padding-top: 9px; }

#links LI { display: inline; font: bold 10px Helvetica, Verdana, Arial, sans-serif; color: #fff; text-transform: uppercase; border-left: 2px solid #fff; padding: 1px 8px 0px 12px; }
#links LI.first { border: none; padding-left: 0px; }
#links LI SPAN { font-size: 14px; }
#links LI A { color: #fff; text-decoration: none; }
#links LI A:hover { text-decoration: underline; }

#video { width: 425px; float: right; margin: 20px 0; }
#video .content-outer { background: url(../img/bg_video_top.gif) no-repeat; margin: 2px 0px 20px 0px; padding-top: 5px; }
#video .content { background: url(../img/bg_video.gif) no-repeat bottom; padding: 0px 5px 5px 5px; }
#video-player { margin-bottom: 3px; }
#video P { padding: 0 10px; text-align: right; }
#video A { color: #333; text-decoration: none; }
#video A:hover { text-decoration: underline; }

#left { width: 690px; float: left; }
#right { width: 220px; float: right; }

#header { margin-top: 25px; }

#slogan { font: 30px Helvetica, Verdana, Arial, sans-serif; color: #666; float: left; }
#slogan P { line-height: 26px; }
#slogan P.small { font: 12px Arial, Helvetica, Verdana, sans-serif; line-height: 12px; padding-left: 90px; }

#date { float: right; width: 230px; }
#day { float: right; background: url(../img/bg_date.gif) no-repeat; height: 44px; width: 41px; }
#day P { font: bold 26px Helvetica, Verdana, Arial, sans-serif; color: #fff; padding-top: 6px; text-align: center; line-height: 22px; }
#day P.month { font: bold 12px Arial, Helvetica, Verdana, sans-serif; line-height: 12px; padding: 0px; }
#weekday { float: right; padding: 8px 10px 0px 0px; }
#weekday P { font: bold 26px Helvetica, Verdana, Arial, sans-serif; color: #666; }

#most-popular-outer { width: 500px; float: left; margin-top: 20px; }

#popular .title { background: url(../img/bg_popular.gif) no-repeat; height: 30px; text-align: right; }
#popular .title H2 { font: bold 14px Helvetica, Verdana, Arial, sans-serif; color: #fff; padding: 7px 10px 0px 0px; }

#popular .content_outer { background: url(../img/bg_popular_cont_top.gif) no-repeat; margin: 2px 0px 20px 0px; padding-top: 18px; }
#popular .content { background: url(../img/bg_popular_cont.gif) no-repeat bottom; padding: 0px 18px; }
#popular .content IMG { float: left; border: 2px solid #fff; margin: 0px 5px 5px 0px; }
#popular .content H3 { font: bold 12px Arial, Helvetica, Verdana, sans-serif; color: #333; padding-bottom: 5px; margin-top: 15px; }
#popular .content H3.first { margin-top: 0px; }
#popular .content H3 A { color: #333; text-decoration: underline; }
#popular .content H3 A:hover { color: #333; text-decoration: none; }
#popular .content P { line-height: 1.6; color: #666; padding-bottom: 15px; text-align: justify; }

.cat_outer .cat_left { float: left; width: 330px; }
.cat_outer .cat_right { float: right; width: 330px; }

.cat_outer .title { background: url(../img/bg_cat_title.gif) no-repeat; height: 30px; }
.cat_outer .title H4 { text-align: right; font: bold 12px Helvetica, Verdana, Arial, sans-serif; color: #999; padding: 7px 10px 0px 0px; }
.cat_outer .content_outer { background: url(../img/bg_cat_top.gif) no-repeat; margin: 0px 0px 20px 0px;  padding-top: 10px; }
.cat_outer .content { background: url(../img/bg_cat_cont.gif) no-repeat bottom; padding: 0px 10px 5px 10px; }
.cat_outer .content UL { margin: 0px padding: 0px; }
.cat_outer .content LI { background: url(../img/bullet_yellow.gif) no-repeat 0px 5px; padding: 0px 0px 5px 10px; }
.cat_outer .content A { font: 11px Arial, Helvetica, Verdana, sans-serif; color: #333; text-decoration: none; }
.cat_outer .content A:hover { text-decoration: underline; }

#weather .title { background: url(../img/bg_weather.gif) no-repeat; height: 30px; }
#weather .title H2 { text-align: right; font: bold 14px Helvetica, Verdana, Arial, sans-serif; color: #fff; padding: 7px 10px 0px 0px; }
#weather .content_outer { background: url(../img/bg_weather_top.gif) no-repeat; margin: 2px 0px 20px 0px; padding-top: 3px; }
#weather .content { background: url(../img/bg_weather_cont.gif) no-repeat bottom; padding: 0px 1px; }
#weather LI { border-top: 1px solid #ccc; clear: both; }
#weather LI.first { border: none; }
#weather LI IMG { margin: 5px 10px; float: left; behavior: url(css/iepngfix.htc); }
#weather LI SPAN.location { width: 80px; display: block; float: left; padding-top: 20px; }
#weather LI SPAN.temp { float: left; padding-top: 20px; }

#footer { border-top: 1px solid #ccc; background: #e9e9e9; }
#footer_text { width: 940px; margin: 0px auto; color: #999; font: 11px Arial, Helvetica, Verdana, sans-serif; padding: 5px 0px; text-align: left; }