/* global tags */



.row { position: relative; }
.clear { clear: both; }
.clear_left { clear: left; }
.see_all_link { text-align: right; font-size: 10px; }
.on { display: block !important; }
.hover { cursor: pointer; }
.prev,.next{background-color:#900;background-repeat:no-repeat;}


/* columns */
#col_main { border: 1px solid #000; background: #FFF; float: left; position: relative; }
#col_main .container { width:653px; }
#col_ads { float: left; margin-left: 10px; position: relative; }
#col_ads .container { width: 300px; }
#col_highlights { width: 430px; float: left; position: relative; z-index: 1; }
#col_highlights .hub_box { margin-bottom: 10px; }
#col_btm { margin: 15px 4px 0 3px; position: relative; }
#col_btm .hub_box { margin-bottom: 15px; }
/* column gear */
#col_gear { margin: 0 4px 0 3px; position: relative; }
#col_gear .hub_box { margin-bottom: 15px; }
#col_gear #highlights .row { margin-left: 10px; }
#col_gear .thumb_div { width: 150px; }
#col_around { position: relative; height: 1%; }

/* ad column */
.ad_col_box { background: url(http://media.ign.com/ign/imgs/bg_ad_col_box.gif) repeat-y top left; position: relative; border: 1px solid #000; border-bottom: 2px solid #000; margin-bottom: 10px; width: 298px; }
.ad_col_box_hdr { background: url(http://media.ign.com/ign/imgs/bg_hdr_ad_col.gif) no-repeat; margin:0; padding: 5px 0 10px 10px; color: #FFF; }
.ad_col_box_hdr_img { padding: 0; margin: 0; height: 16px; }
.ad_col_box .row { padding: 5px 10px 10px 15px; font-size: 12px; color:#000; }
.ad_col_box .radio_btn { margin-bottom: 5px; margin-right: 5px; margin-left: -20px; }
.ad_col_box h3 { margin-bottom: 10px; }
.ad_col_box ul { margin-bottom: 0; list-style: none; }
.ad_col_box li { line-height: normal; margin-bottom: 5px; }
.ad_col_box_btm { background: #780a00; height: 5px; line-height: 5px; }
.ad_col_box form { margin-bottom: 5px; }
.ad_col_box .submit_btn { margin-left: 20px; margin-top: 5px; }
.ad_col_box .thumb_div { width: auto; float: none; position: relative; height: 1%; }
.ad_col_box .thumb_div img { float: left; margin-right: 5px; margin-bottom: 10px; }
.ad_outer_frame { border:1px solid; padding:5px; background-color:#780A00; border-bottom-width:2px; position: relative; }
.ad_inner_frame { background-color:#FCFCFC; border:1px solid #333333; position: relative; padding: 10px; }

/* ads */
.ad_header { left: 277px; position: absolute; top: 8px; }
.ad_runway { margin-bottom: 10px; text-align: center; }
#col_highlights .ad_runway { width: 430px; overflow: hidden; }
.ad_sponsorship { width: 325px; /*height: 40px;*/ height: 17px; }
#ad-wrap { width: auto !important; border: 1px solid #333 !important; }
#ad-border { background: #780a00 !important; border-bottom-width: 2px !important; }
#HalfPageAd { margin: 0 0 10px 0; }
#largesweepsAd { margin: 0 0 10px 0; }
#floodlight { margin: 0 0 10px 0; text-align: center; }
#featured_unit { margin: 0 0 10px 0; text-align: center; }
.spotlight { float: left; position: relative; height: 1%; width: 128px; }
.spotImage { padding: 3px; background: #FFF; border: 1px solid #CCC; margin-bottom: 2px; }
.spotHeader { font-size: 12px; font-weight: normal; letter-spacing: -1px; color: #666; margin: 0 5px 5px 0; text-transform: uppercase; }
.spotHeader a { color: #666; font-weight: normal; }
.spotDiv { float: left; }
.spotDivider { float: left; width: 10px; }
#spotlightAds { width: 300px; margin: 0 0 10px 0; }
#spotlightAds .row { height: 1%; }

/* masthead */
#masthead { position: relative; width: 975px; margin: auto; height: 58px; color: #FFF; overflow: visible; z-index: 204; }
#mast_logo { width: 300px; height: 58px; background: url(logo.png) no-repeat; float: left; position: relative; }
#mast_logo_flag { display: none; position: absolute; bottom: 4px; left: 175px; width: 45px; height: 15px; }



/* leaderboard row */
#LB_Row { height:96px; padding:0 0 0 10px; position:relative; text-align:left; }
#LB_Row_Ad { float:left; padding:0 0 0 10px; }
#LB_Row_Box { float:left; height:90px; margin:0; padding:0; width:216px;  background: url(http://media.ign.com/ign/imgs/bg_around_ign.png) no-repeat; }
#LB_Row_Box a { position: relative; text-decoration: none; }



/* tabs */
.tabs { font-size: 12px; font-weight: bold; height: 24px; color: #000; background: url(http://media.ign.com/ign/imgs/bg_tab_default.gif) repeat-x bottom left; }
.tab_default { background: url(http://media.ign.com/ign/imgs/bg_tab_default.gif) repeat-x bottom left; padding: 0 9px; float: left; font-size: 12px; font-weight: bold; line-height: 24px; cursor: pointer; }
.tab_selected { padding: 0 9px; float: left; font-size: 12px; font-weight: bold; line-height: 24px; }
.last_selected, .tab_selected { background: url(http://media.ign.com/ign/imgs/bg_tab_selected.gif) repeat-x bottom left; color: #000; }
.tab_selected a { color: #000; }
.tabs a:hover { text-decoration: none; color: #000; }
.tab_divider { width: 1px; height: 24px; background: #CCC; float: left; }
ul.tabs { margin:0; padding:0; color: #000;}
ul.tabs li { list-style:none; float:left; margin:0; padding:0 9px; border-right:1px solid #CCC; color: #000;}
ul.tabs li.last { border-right:0;color: #000; }

/* top stories */
#top_stories { border: 1px solid #000; float: left; }
#top_stories a { color: #fff; }
#top_stories .container { width: 436px; height: 337px;}
#top_stories_btm { background: url(http://media.ign.com/ign/imgs/bg_top_stories_btm.gif) repeat-x; height: 11px; width: 653px; clear: both; }
#topstories-image-container{position:relative;} 
.topstories-image { width:436px; height:337px; color:#FFF; font-size:16px; text-align:left; position:absolute;display:block;left:0pt;top:0pt;z-index:1;}
.topstories-image-click{width:436px;height:337px; cursor:pointer; background:url(/wp-content/themes/theme/proheader/nav-bg.png);}
.ts-text { position:absolute; top:195px; left: 15px; display:none; line-height: 16px; font-size: 12px; margin-right: 15px; }		
.ts-selected { background: url(/wp-content/themes/theme/proheader/ts_thumbnail_frame.png) no-repeat; width: 86px; height: 62px; position: absolute; top: 252px; left: 41px; z-index: 51; cursor:pointer; }
.topstories-image .ts-title { font-size:16px; font-weight: bold; }
.topstories-image .ts-title a { color: #FFF; text-decoration: none; }
.topstories-image .ts-title a:hover, #ts-nav li div a:hover { color: #FFF; text-decoration: underline;  }
#ts-nav li div {height:14px; overflow:hidden;}
#topstories-nav-container { position: absolute; top:260px; left:42px; width: 354px; height: 53px; }
#ts-nav-wrapper { z-index:50 !important; left:0px; overflow:hidden; position:relative; width:360px; }
#ts-nav { height: 67px; float: left; list-style-type:none; margin:0; padding:0; position:relative; left:0; width:1170px; }
#ts-nav li { padding: 0; margin: 0; display: block; line-height: normal; }
#ts-nav li.hover { text-decoration:underline; cursor:pointer; color:#FFF; }
#ts-nav li div { width:85px; text-align:center; overflow:hidden; }
#ts-nav a { display: block; font-weight:normal; font-size:10px; }
#ts-nav a:focus { outline: none; }
#ts-nav img { display: block; border: 2px solid #000; margin-right: 6px; }
#top_stories .next { left:405px; position: absolute; width: 21px; height: 20px; top: 275px; background-image: url(/wp-content/themes/theme/proheader/ts_right_arrow.png); z-index:50; cursor: pointer; }
#top_stories .prev { left:10px; position: absolute; width: 21px; height: 20px; top: 275px; background-image: url(/wp-content/themes/theme/proheader/ts_left_arrow.png); z-index:50; cursor: pointer; }
#top_stories .hover { cursor:pointer; }
#top_stories .next.hover, #top_stories .prev.hover { background-color:#000; }
#ts-nav-wrapper li { float:left; overflow:hidden; width:90px; height:79px; }


/* releases */
#release_column { float: left; border-right: 1px solid #000; border-bottom: 1px solid #000; margin-right: 10px; position: relative; z-index: 2; }
#release_column .container { width: 208px; }
#release_column h3 { color: #FFF; padding: 7px 10px 5px 10px; position: relative; }
#release_column h3 a { color: #FFF; }
.release_box { background: url(http://media.ign.com/ign/imgs/bg_release_headers.gif) no-repeat; }
.release_box .item { height: 1%; }
.release_box .date { float: left; color: #333; padding-left: 5px; line-height: 17px; }
.release_box .icon { float: right; padding-right: 5px; padding-left: 5px; line-height: 17px; }
.release_box .icon img { padding: 2px 0 0 0; }
.release_box .title { padding-left: 40px; padding-right: 5px; line-height: 17px; }
.release_box .see_all_link { margin: 5px 5px 5px 0; }
.release_box .hover { background: #DDD; }
.popular_box { background: url(http://media.ign.com/ign/imgs/bg_top_ten.gif) no-repeat; }
.popular_box .number { float: left; padding-left: 8px; line-height: 17px; font-weight: bold; }
.popular_box .icon { float: right; padding-right: 5px; padding-left: 5px; line-height: 17px; }
.popular_box .icon img { padding: 2px 0 0 0; }
.popular_box .title { padding-left: 25px; padding-right: 5px; line-height: 17px; }
.popular_box .title img { padding: 0 5px 10px 0; float: left; }
.popular_box .see_all_link { margin: 5px 5px 5px 0; }
.popular_box .title p { line-height: normal; font-size: 10px; margin: 0; height: 1%; }
.popular_box .title a { font-size: 11px; }
.popular_box .hover { background: none; }
.launch_box { border-top: 1px solid #000; padding: 8px 8px 3px 8px; font-weight: bold; }
.launch_box ul { margin-bottom: 5px; }

/* releases hover menu */
.menuContainer { border-top: 1px solid #CCC; width: 200px; }
.item { position:relative; }
.menuOption { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 10px; background: #FFF; position: relative; overflow: visible; }
.menuLayer { background: url(http://media.ign.com/ign/imgs/bg_menu_layer_mid.gif) no-repeat top left; position: absolute; top: -10px; left: 205px; padding: 0; display:none; z-index: 205; border-right: 1px solid #000; }
.menuOn { display: block !important; }
.menuLayerBtm { background: url(http://media.ign.com/ign/imgs/bg_menu_layer_btm.gif) no-repeat; line-height: 2px; font-size:2px; }
.menuLayerTop { background: url(http://media.ign.com/ign/imgs/bg_menu_layer_top.gif) no-repeat; line-height: 1px; }
.menuContent { padding: 8px 8px 8px 20px; white-space: nowrap; }
*html .menuLayerBtm, *html .menuLayerTop { font-size: 0; }

/* ------------ HUB BOXES -------------- */

/* hub box */
.header_arrow { font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.hub_box { border: 1px solid #CCC; padding: 5px 0 0 10px; position: relative; height: 1%; background: #F8F8F8 url(http://media.ign.com/ign/imgs/bg_hub_box.gif) repeat-x; }
.hub_box h2 a { color: #333; }
.hub_box h2 a:hover { color: #000; }
.hub_frame { border: 1px solid #CECECE; padding: 10px 10px 5px 10px; position: relative; height: 1%; background: #FFF; }
.more_links { text-align: center; margin: 3px 5px 0 5px; }
.more_links a { font-weight: normal; }
.top_links { float: right; padding: 5px 5px 0 0; }

/* generic thumbnail div */
.thumb_div { float: left; width: 138px; }
.thumb_div img { padding: 3px; background: #FFF; border: 1px solid #CCC; margin: 0 0 2px 0; display: inline; }
.thumb_div h4 a { font-weight: normal; color: #666; }

/* latest updates box */
#latest_updates { border: 1px solid #000; float: left; background: url(http://media.ign.com/ign/imgs/bg_latest_updates.gif) repeat-x #dfdfdf; }
#latest_updates .container { width: 213px; height: 167px; }
#latest_updates_divs ul { margin-bottom: 5px; }
#latest_updates_divs li { line-height: 17px; }
#latest_updates .icon_rss { margin-left: 5px; }
#latest_updates_divs { padding: 10px 10px 5px 5px; }

/* featured articles box */
#featured_articles { border: 1px solid #000; float: left; color: #FFF; font-family: Arial, Helvetica, sans-serif; background:url(/wp-content/themes/theme/proheader/bg_featured_articles.jpg) no-repeat; padding: 10px 10px 0 10px; }
#featured_articles .container { width:193px; height:158px; overflow:hidden; }
#featured_articles p { font-size:11px; margin-bottom: 8px; }
#featured_articles a { color: #FFF; }
.icon_rss { background: url(http://media.ign.com/ign/imgs/icon_rss.gif) no-repeat; width: 44px; height: 16px; float: left; }



/* slottables hub box */
#slottables .hub_box { border-color: #FFF; background: none; padding-top: 0; margin-bottom: 0; }

/* in the spotlight hub box */
#highlights .hub_box { margin-bottom: 0; }

/* articles box */
#articles .thumb_div img { float: left; margin: 0 10px 10px 0; }
#articles .thumb_div { width: auto; font-size: 12px; padding-left: 10px; }
#articles .hub_box { padding-right: 10px; }
#articles h3 { font-size: 16px; }
#articles .links { text-align: right; margin-bottom: 10px; }
#articles .divider { height: 15px; border-top: 1px solid #CCC; }

