/* 01 - Reusable */
*, html { margin: 0; padding: 0; }
a img { border: none; outline: none; }
a:active { outline: none; }
a { color: #036; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
body { font: 62% 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; text-align: center; }
.clear { clear: both; }
h1 { color: #000; font-size: 1.5em; font-weight: normal; padding: 5px; }
h2 { color: #000; font-size: 1.3em; font-weight: normal; padding: 5px; }
h3 { color: #036; font-size: 1.6em;	font-weight: normal; padding: 5px; }
.header { background: #84d8ee url("../images/header_bg.gif") center left repeat-x; padding: 5px; }
.header h1 { color: #000; }
hr { background: #bbc; border: 0; color: #bbc; height: 1px; margin: 0 0 5px; }
li { font-size: 1.3em; line-height: 1.4em; list-style: none; }
p {	color: #000; font-size: 1.3em; line-height: 1.4em; padding: 5px; }
.raquo a { color: #207adb; font-size: 1.3em; padding: 0 0 0 5px; }
.spacer { height: 5px; }

/* 02 - Bands */
#band_feeds { background: #fff; }
#band_footer { background: #fff url('../images/workspace_bg_top.gif') top left repeat-x; }
#band_nav { background: #fff url('../images/workspace_bg_top.gif') bottom left repeat-x; }
#band_top { background: #fff; }
#band_workspace { background: #666 url('../images/workspace_bg_bottom.gif') bottom left repeat-x; }
#bing { background-color: #84d8ee; border: 2px solid #fff; color: #fff;	font-size: 1.3em; height: 30px; position: absolute; left: 50%; line-height: 30px; margin-left: -75px; margin-top: -15px; text-align: center; top: 50%; width: 150px; z-index: 99; }

/* 03 - Wrappers */
#wrapper_feeds, #wrapper_footer, #wrapper_nav, #wrapper_top, #wrapper_workspace { margin: 0 auto; text-align: left; width: 750px; }

/* 04 - Top */
#top { font-size: 1.3em; height: 92px; line-height: 92px; }
#top_left { float: left; width: 294px; }
#top_logo { float: left; width: 112px; }
#top_middle { float: left; text-align: right; width: 294px; }
#top_right { float: left; width: 50px; }

/* 05 - Navigation */
form.searchform { padding: 0; }
#nav li { float: left; margin: 0; overflow: hidden; padding: 0; }
#nav li a { background: #999; color: #fff; float: left;	font-size: 13px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0px 10px; text-decoration: none; }
#nav li a:hover { background: #aaa; color: #fff; }
.nav_selected a { background: #666 !important; color: #fff !important; }
#nav ul { list-style: none; }
.nav_unselected a {	background: #999; color: #fff !important; }
.searchbutton { margin: 0 0 0 10px; }
#wrapper_nav input { border: 1px solid #666; padding: 0 2px; }

/* 06 - Workspaces */
#workspace_one { padding: 20px 0 40px; }
#workspace_two { padding: 20px 0 30px; }
#workspace_three { overflow: hidden; padding: 50px 0 0; }
#workspace_four { padding: 20px 0 30px; }
#workspace_five { padding: 10px 0 30px; }

/* 07 - BBC Highlights */
.hi1 { padding: 37px 20px 33px 472px; }
#hi1 { background: url('../images/hi_1.jpg') top left no-repeat; height: 240px; width: 750px; }
#workspace_one li { padding: 0 0 0 5px; }

/* 08 - Explore */
.explore_box { background: #daf3f8; margin: 0 0 10px 0; padding: 5px; }
.explore_box input { border: 1px solid #333; margin: 0 5px; }
.explore_box li { float: left; width: 180px; }
.explore_box ul { list-style: inside; text-indent: 5px; }
#explore_browse_left { float: left; width: 180px; }
#explore_browse_right { float: left; width: 180px; }
.explore_left { float: left; margin: 0 0 10px 0; width: 370px; }
.explore_right { float: right; margin: 0 0 10px 0; width: 370px; }
#explore_search_results { padding: 10px 0; } 
#explore_search_results li { width: 350px; }
 
/* 09 - What's On? */
#listings_box { border: 0; height: 318px; left: 0px; overflow: hidden; position: relative; top: -88px; width: 726px; z-index: 9; }
#listings_header { background: #bbc url('../images/listings_header_bg.gif') top left; display: block; height: 32px; left: 0; position: relative; top: -88px; width: 726px; z-index: 10; }
#slider_h { cursor: pointer; left: 0; position: relative; top: 286px; }
#slider_v { cursor: pointer; left: 726px; position: relative; top: 0; }

/* 10 - Watch & Listen */
#wal_one, #wal_two, #wal_three { background: #daf3f8; margin: 0 0 10px 0; }
#wal_nav li { float: left; margin: 0; padding: 0; }
#wal_nav li a { background: #999; color: #fff; float: left;	font-size: 13px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0px 10px; text-decoration: none; }
#wal_nav li a:hover { background: #aaa; color: #fff; }
.wal_nav_selected a { background: #daf3f8 !important; color: #000 !important; }
#wal_nav ul { list-style: none; }
.wal_nav_unselected a { background: #999; color: #fff !important; }

/* 11 - Watch & Listen : Television */
.wal_tv { width: 750px; }
.wal_tv_header { height: 39px; line-height: 39px; margin: 5px 10px; text-align: right; }
.wal_tv_header a { padding: 0 10px 0 0; }
.wal_tv_inner { padding: 10px; }
.wal_tv_item { float: left; height: 135px; width: 182px; }
.wal_tv_item a { line-height: 20px !important; margin: 0; padding: 0; }
.wal_tv_item_icon{ float: left; padding: 0 10px 0 0; }
.wal_tv_item_screen { margin: 0 0 5px 0; }

/* 12 - Watch & Listen : Radio */
.wal_r { padding: 5px 0; }
.wal_r_a { float: left; width: 195px; }
.wal_r_a img { cursor: pointer; padding: 5px 5px 5px 10px; }
.wal_r_b { float: left; width: 555px; }
.wal_r_b input, .wal_r_b select { margin: 0 5px 0 0; }
.wal_r_row p { font-size: 1.1em; line-height: 1.1em; }
.wal_r_rowa { background: #daf3f8; margin: 5px 0; }
.wal_r_rowb { background: #b6e7f5; margin: 5px 0; }

/* 13 - Watch & Listen : Podcasts */
.wal_box li { float: left; width: 360px; }
.wal_box ul { list-style: inside; text-indent: 5px; }
.wal_p { padding: 10px; }
#wal_p_left { float: left; margin: 0 0 0 5px; width: 275px; }
#wal_p_right { float: right; margin: 0 5px 0 0; width: 445px; }

/* 14 - My BBC */
.mybbc_box { background: #daf3f8; margin: 0 0 10px 0; padding: 5px; }
.mybbc_box ul { list-style: none; text-indent: 5px; }
.mybbc_heading { background: #84d8ee url("../images/mybbc_heading_bg.gif") center left repeat-x; color: #000; padding: 2px 0; }
.mybbc_left { color: #000; float: left; margin: 10px 0; width: 370px; }
.mybbc_right { color: #000; float: right; margin: 10px 0; width: 370px; }
.sublist { font-size: 0.8em; }

/* 15 - Feeds */
.change_me { font-size: 1em; margin: 0 0 1em 0; padding: 0 0.5em; text-align: left; }
.change_me a { color: #999 !important; }
.change_me a:hover { color: #000 !important; }
#c1, #c2, #c3, #c4 { float: left; width: 187px; overflow-x: hidden;}
#col1, #col2, #col3, #col4 { margin: 0 0.5em 0 0; padding: 0 0.5em; }
#col1 img, #col2 img, #col3 img, #col4 img { width: 100%; }
#columns a { color: #036; text-decoration: none; }
#columns a:hover { color: #000; text-decoration: underline; }
.feed_header { background: #84d8ee url("../images/header_bg.gif") center left repeat-x; margin: 10px 0; padding: 5px; }
.feed_header h1 { color: #000; }
#swapfeeds { height: 6em; text-align: center; margin: 10px 0; }
#swapfeeds select { margin-left: 2em; }
#swapfeeds input { margin-left: 1em; }

/* 16 - Footer */
#footer { color: #000; line-height: 1.6em; padding: 30px 10px 30px; text-align: center; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }