/*Clear browser inherited properties*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,/*table,*/caption/*,tbody*/,tfoot,thead/*tr,th,td*/{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
strong{font-weight:bold} /**/
/*
|-----------------------------------------|
News24.com Master Layout template
|-----------------------------------------|
*/
body{padding:10px 0;font:12px Arial, Helvetica, sans-serif;background:#fff;color:#232323;padding:0;margin:0}
html, body{height:100%;min-height:100%}
/* -----------------------------------------------------------------------------
Element Properties
------------------------------------------------------------------------------ */
.left{float:left} .right{float:right} .clr{clear:both} .clr_left{clear:left} .clr_right{clear:right} .inline{display:inline}
.absolute{position:absolute} .relative{position:relative}
.bold{font-weight:bold} .normal{font-weight:normal}
.grey{background:#CCC} /* temp */
.darkgrey{background:#999} /* temp */
.block{display:block}
/* -----------------------------------------------------------------------------
Common Properties
------------------------------------------------------------------------------ */
h1{font-size:22px} h2{font-size:18px} h3{font-size:16px} h4{font-size:14px} h5{font-size:12px}
h1,h2{margin-bottom:10px}
h3,h4,h5{margin-bottom:4px}
span.datestamp{margin-bottom:4px;color:#74727D}
em, i{font-style:italic!important}
strong, b{font-weight:bold!important}
p{line-height:1.3em}
a, a p{color:#0E2E5E;text-decoration:none;font-weight:bold;} a:hover, a:hover p{text-decoration:underline;color:#000} a img{border:0}
img.left{margin:0 10px 0 0}
input, select{font:11px verdana;padding:1px;margin-right:4px}
input.btn{background:url(../images/btn_bg00.png) repeat-x top #486085;border:0;color:#fff;padding:2px 5px;font-size:9px;text-transform:uppercase;height:25px;cursor:pointer}
input.btn:hover{cursor:pointer}
.last{background:none!important; padding-bottom:0 !important;}
li{background:url(li_dot_m.png) no-repeat left 6px;padding-left:8px;line-height:1.4em}
.whiteline{border-top:16px solid #fff}
.dotted, .dotted_nomargin{background:url(../images/horz_dot.gif) repeat-x center;margin:10px}
.dotted_nomargin{margin:0}
span.watch a, span.view a, span.listen a{color:#E30A15;text-transform:uppercase;font-size:12px}
span.watch{background:transparent url(video000.gif) no-repeat scroll right 2px;padding:0 18px 0 10px}
span.view{background:transparent url(view0000.gif) no-repeat scroll right 2px;padding:0 18px 0 10px}
span.listen{background:transparent url(audio000.gif) no-repeat scroll right 1px;padding:0 18px 0 10px}
/*-----------------------------------------------------------------------------
24.com Sites Drop Down
------------------------------------------------------------------------------*/
.menudrop{width:954px;margin:0px auto;padding:1px 0px 0px 0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;background:#dfdfdf}
.menudrop:after{/*Add margin between menu and rest of content in Firefox*/display:block;height:0;clear:both;visibility:hidden;background:#dfdfdf}
.menudrop ul{width: 100%;padding:0px 0;margin:3px 0px 0px 0px;text-align:left;height:16px;background:#dfdfdf}
.menudrop ul li{display:inline;border-right:1px solid #bbb;padding:0px;margin:0px 0px 0px 0px;background:#dfdfdf}
.menudrop ul li a{color:#494949;padding:1px 7px 0px 7px;margin:0px;text-decoration:none}
.menudrop ul li.droplist a{padding:4px 7px}
.menudrop ul li.last{border:none}
.menudrop ul li a:hover{text-decoration:underline}
.menudrop ul li a[rel]:after{/*HTML to indicate drop down link*/ /*content: " v";*/
/*content: " " url(../Images/downimage.gif); /*uncomment this line to use an image instead*/}
.menudrop ul.login{width:185px;padding-right:0pt;margin-right:2px;text-align:right;line-height:12px}
.menudrop ul.sites{width:500px}
/*-- Drop menu container --*/
.dropmenudiv{position:absolute;top:20px!important;left:300px!important;border:1px solid #BBB;/*THEME CHANGE HERE*/border-bottom-width:0;font:normal 11px Verdana;line-height:14px; background:#EBEBEB;width:100px;visibility:hidden;margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;z-index:5000;filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=2)}
.dropmenudiv a{width:auto;display:block;text-indent:3px;/*THEME CHANGE HERE*/padding:2px 0;text-decoration:none;font-weight:bold;color:#000}
.dropmenudiv a.bottom_item{border-bottom:1px solid #BBB}
* html .dropmenudiv a{/*IE only hack*/width: 100%}
.dropmenudiv a:hover {background:#F1F1F1;/*background of drop down menu*/color:#01669e}
/*-----------------------------------------------------------------------------
Main horizontal navigation
------------------------------------------------------------------------------*/
#main_nav{width:954px;overflow:hidden;background:url(../images/nav_test.png) repeat-x bottom;height:56px}
#contentContainer{height:1px}
.menu{float:left;width:954px;margin-bottom:6px!important;margin-bottom:2px;margin-top:0px;font-size:12px;color:#fff}
.menu ul{padding:0;list-style:none}
.menu li{display:inline;margin:0px 0 0 0;padding:0px;font-size:12px;color:#0e2e5e}
.menu ul li a{color:#000099;float:left;text-decoration:none;font-size:13px;height:30px;white-space:nowrap;display:inline}
.menu ul a strong{display:block; padding:6px 10px 2px 8px;color:#0E2E5E; /*tab text color*/ font-weight:bold;height:18px;background:url(nav_div0.gif) no-repeat right 6px}
.menu ul li a:hover strong{color:#ffffff; text-decoration:none!important}
* html .menu ul li a, * html .menu ul li a{width:1px}
.menu ul li a.tabactive, #nav ul li:hover a{/*border-color:#014D2C; colour of dividing line */cursor:pointer;background:#0E2E5E;margin-left:-2px;padding-left:2px}
.menu ul li a.tabactive strong{background-position:100% -24px;border-color:#0E2E5E;color:#fff}
.menu ul li a.defaultTabOff strong{color:#000}
.menu ul a.nobrder strong, .menu ul a.nobrder:hover strong{border:none}
/*-- Sub Link --*/
#contentContainer div{float:left;font-size:11px;padding:0px 10px 0px 10px;/*padding around 2nd level links*/color:#859FB6;height:19px;margin-top:0px!important;margin-top:5px;font-weight:bold;display:none;overflow:hidden}
#contentContainer div a{color:#FFFFFF; text-decoration:none}
#contentContainer div a:hover {color:#FFFFFF;text-decoration:underline!important}
#header{height:150px;background:url(../images/imgheader_grad.png) repeat-x bottom left;z-index:5000;}
/* -----------------------------------------------------------------------------
Design Elements
------------------------------------------------------------------------------ */
/* --| Header |-- */
#header img.main_logo{top:32px;left:20px}
div.feature_head{width:340px;height:70px} div.feature_head p{font-size:11px} div.feature_head a p{color:#232323}
div.feature_head.first{left:228px;top:32px}div.feature_head.second{left:598px;top:32px}
/* -- search form -- */
input.search_field{border:1px solid #0E2E5E;background:url(srch_bg0.png) repeat-x top #fff;width:380px;height:14px;left:228px;top:116px}
img.srchbut{top:116px;right:290px}
img.googlepowered{top:119px;right:190px}
div.adv_search{top:118px;right:195px;font-size:11px}
/* --| Content |-- */
div.vert_line{background:url(../images/left_col.gif) repeat-y right}
div.main_story{padding:10px;background:#EDF1F6;border-bottom:16px solid #fff} div.main_story li{}
div.news_item{background:url(../images/horz_dot.gif) repeat-x bottom;padding-bottom:20px;margin-bottom:14px}
div.main_story p{margin-bottom:10px;font-size:14px} div.news_item p{margin-bottom:4px}
/* -----------------------------------------------------------------------------
Container and Columns
------------------------------------------------------------------------------ */
div.spacer{height:10px} /**/ div.spacer.white, .whitebg{background:#fff} /**/ div.spacer6{height:6px} /**/div.spacer15{height:15px}
.main_wrap{width:954px;margin:0 auto;border:10px solid #fff;}
/* --| footer |-- */
#footer{height:220px;margin:0;border-bottom:20px solid #fff}
/* --| columns |-- */
.col640{width:640px;background:#fff} .col626{width:626px} .col606{width:606px} .col312{width:312px} .col620{width:620px}
.col314{width:314px} .col300{width:300px} .col299{width:299px} .col13{width:13px} /* divider */
.col314.grey_grad{margin-top:10px; height:100%} .col308{width:308px}
.ad300X600, .ad300X250, .ad468X60, .right_banners{margin:0 auto} .blue_box, .red_box{background:#F4F8FB;border-top:5px solid #0E2E5E;padding:12px 10px}
#columnist_page #sponsor_box, #category_page #sponsor_box{border:none} /* #columnist_page .rating{margin-bottom:20px}*/
#columnist_page .morelinks, #category_page .morelinks, #entertainment_page .morelinks{padding:10px 0;background:url(../images/horz_dot.gif) repeat-x top;margin-top:6px}
#category_page .main_story img.rss, #category_page .main_category img.rss, #entertainment_page .main_story img.rss, #category_page .sub_main_story img.rss, #entertainment_page .sub_main_story img.rss{right:1px;top:1px}
/*--| Category Pages / Entertainment Pages --*/
#category_page .main_story, #entertainment_page .main_story, #category_page .sub_main_story, #entertainment_page .sub_main_story{padding:10px;background:url(../images/horz_dot.gif) repeat-x bottom;padding-bottom:20px;margin-bottom:14px;border:none;padding:0 0 20px 0} /**/
#category_page .sub_main_story p, #entertainment_page .sub_main_story p{line-height:1.4em;margin-bottom:4px}
#category_page .main_story h1, #entertainment_page .main_story h1{font-size:18px} /**/
#category_page .sub_main_story h1, #entertainment_page .sub_main_story h1{font-size:16px;margin-bottom:2px}
#category_page .main_story .location, #entertainment_page .main_story .location, #category_page .main_category .location{text-transform:uppercase;font-size:16px;color:#595959;margin:0 0 12px 0}
#category_page .sub_main_story .location, #entertainment_page .sub_main_story .location{text-transform:uppercase;font-size:14px;color:#595959;margin:0 0 12px 0}
#category_page #featured_item, #entertainment_page #featured_item, #entertainment_page #entertainment_box{width:280px;padding-top:6px}
#category_page #featured_item h2, #entertainment_page #featured_item h2{color:#595959;font-size:16px}
/*-----------------------------------------------------------------------------
News24 mobile promo
------------------------------------------------------------------------------ */
#header div.mobile{width:159px;height:42px;right:0;bottom:0;margin:0;z-index:5000}
/*-----------------------------------------------------------------------------
News24 Nav Datestamp
------------------------------------------------------------------------------ */
#main_nav .site_datestamp{right:8px;top:36px;color:#fff;font-size:11px}
/* 2009/07/17 - article */
span.cms_embeddedimage{float:right;margin:0 0 0 10px}
/* --| Footer |-- */
#footer .services{background:#DAEAF1;padding:12px;width:930px} #footer .services h3{text-transform:uppercase;margin:0 0 12px 0;text-align:center;letter-spacing:8px}
#footer .services .item{width:200px;height:50px;font-size:11px;margin:6px 40px 0 0} #footer .services .item.last{margin:6px 0 0 0}
#footer .services .item img{margin:0 6px 0 0}
#footer .copyright{background:#F1F1F1;height:40px;text-align:center;padding:20px 0 0 0;text-transform:capitalize}
.copyright img.logo24{top:8px;left:8px} .copyright img.logo_opa{top:10px;right:10px}
/*-----------------------------------------------------------------------------
Styles added by Vickie
------------------------------------------------------------------------------ */
#bredcrum {height:20px; color:#0E2E5E; margin-top:5px;}
#bredcrum .destination {color:#595959;}
.horz_line {height:2px; width:100%; background-image:url(../images/horz_line.gif);}