/*==================================*/ /* Community Widget Overrides /*==================================*/ .communities_header, .com_footer_text { width: 373px; margin-right: -1px; } /*==================================*/ /* Breadcrumbs /*==================================*/ #breadcrumbs { width: 1000px; display: block; height: 25px; background: #212121 url(../i/breadcrumb_bg.gif) left center repeat-x; position: relative; margin-bottom: 1px; } #breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; position: relative; float: left; top: 6px; left: 11px; } #breadcrumbs li { display: inline; float: left; position: relative; left: 0; } #breadcrumbs li a, #breadcrumbs li.bc_current_page { color: #B2B2B2; text-decoration: none; } #breadcrumbs li a:hover { text-decoration: underline; } #breadcrumbs li a:visited { color: #B2B2B2; } #breadcrumbs li span { margin: 4px; } /*==================================*/ /* Title Area (Page title, tagline, share) /*==================================*/ .title_area { width:920px; height:90px; background:url(../i/title_area_bg.jpg) top left no-repeat; padding:30px 40px; margin-top:0px; display:block; float: left; overflow: hidden; } .title_area h1 { font-size:28px; color:#F2F2F2; line-height:20px; font-weight: normal; } .title_area .sub_title { font-size:14px; color:#B2B2B2; line-height:17px; margin:0px; } .title_area .share_section { margin-top:20px; } .share_button { float:left; background: transparent url(../i/buttons_sprite.png) no-repeat scroll left -57px; height:19px; padding: 0 0 0 2px; margin-right: 15px; } .share_button a { padding:3px 8px 3px 0; text-transform:uppercase; font-weight: bold; font-size:10px; color:#00BFF3; background: transparent url(../i/buttons_sprite.png) right -57px no-repeat; display: block; width: 55px; position: relative; right: -2px; text-decoration: none; _padding:2px 8px 5px 0; } .share_button a .icon_share { background: transparent url(../i/share_icon.png) no-repeat; display: inline; width: 13px; height: 13px; float: left; margin: 0 5px 0 2px; _margin: 0 2px 0 2px; } .js_fb_like { position: relative; top: -1px; float: left; } .js_fb_like a { display: block; color: #B2B2B2; font-size: 10px; text-decoration: none; } .js_fb_like a:hover { text-decoration: underline; } /*==================================*/ /* Content Section /*==================================*/ #content_section { width:1000px; display:block; float:left; background:#131313 url(../i/bg_gradient.jpg) left top repeat-x; position: relative; } #rails_bg_container { background:transparent url(../i/single_rail.png) center top repeat-y; float: left; } #rails_bg_container.double_rail { background:transparent url(../i/double_rail.png) center top repeat-y; } /*==================================*/ /* Left Rail /*==================================*/ #left_rail { width: 190px; position: relative; float: left; padding: 10px 10px 40px 10px; } .side_promotion_area { margin: 20px 0; padding: 0 20px; } .side_promotion { padding-bottom: 20px; } /*==================================*/ /* Right Rail /*==================================*/ #right_rail { width: 190px; position: relative; float: left; padding: 10px 10px 10px 10px; } /*==================================*/ /* Both Rails /*==================================*/ #left_rail ul, #right_rail ul { margin: 0 0 0 5px; padding: 0; } #left_rail .nav_section_header, #left_rail .nav_section_header { font-size: 12px; font-weight: normal; margin: 0; padding: 0; text-transform: none; line-height: 1.7em; position: relative; letter-spacing:0.02em; } #left_rail li, #right_rail li { margin: 0; padding: 0 0 0 10px; list-style-type: none; } #left_rail a, #right_rail a { text-decoration: none; color: #B2B2B2; line-height: 1.7em; letter-spacing: 0.02em; font-size: 12px; } #left_rail a:visited, #right_rail a:visited { color: #5F76A5; text-decoration: none; } #left_rail a:hover, #right_rail a:hover, #left_rail .nav_section_header:hover, #right_rail .nav_section_header:hover { text-decoration: underline; } #left_rail a.selected, #right_rail a.selected { color: #F2F2F2; } #left_rail ul li.menu_open, #right_rail ul li.menu_open, #left_rail ul li.menu_open ul li.menu_open, #right_rail ul li.menu_open ul li.menu_open { background: transparent url(../i/menu_open.gif) left 7px no-repeat; position: relative; } #left_rail ul li.menu_closed, #right_rail ul li.menu_closed, #left_rail ul li.menu_closed ul li.menu_closed, #right_rail ul li.menu_closed ul li.menu_closed { background: transparent url(../i/menu_closed.gif) left 6px no-repeat; position: relative; } #left_rail li.menu_closed .nav_section_header, #right_rail li.menu_closed .nav_section_header { color: #B2B2B2; } #left_rail li.menu_closed ul, #right_rail li.menu_closed ul { display: none; } /*==================================*/ /* Main Column /*==================================*/ #main_column { width: 770px; position: relative; float: left; margin: 0; padding: 0 10px 20px 10px; } #main_column p, #main_column li { color: #B2B2B2; line-height: 1.7em; letter-spacing: 0.02em; font-size:12px; } #main_column a { color: #00BFF3; text-decoration: none; font-size:12px; } #main_column a:hover { text-decoration: underline; } #main_column .content_block { padding: 10px 0 20px 0; clear: both; float: left; width: 770px; } #main_column .content_block img { margin: 0 0 10px 0; } #main_column .double_column .column1, #main_column .double_column .column2 { width: 45%; margin: 10px; float: left; _display:inline; } #main_column .double_column .column1 { margin-right: 15px; } #main_column .double_column .column2 { margin-left: 15px; } #main_column .triple_column .column1, #main_column .triple_column .column2, #main_column .triple_column .column3 { width: 29.7%; margin: 10px; float: left; _display:inline; } .double_rail #main_column, .double_rail #main_column .content_block { width: 560px; } #main_column.white { background-color: #FFF; } /*==================================*/ /* Section Headers /*==================================*/ #left_rail .section_header, #right_rail .section_header, .first_section_header { font-size: 12px; text-transform: uppercase; color: #F2F2F2; padding-left: 5px; font-weight: normal; margin-bottom: 9px; padding-top: 15px; letter-spacing: 0.02em; } #right_rail .section_header, #right_rail .first_section_header { color: #999; } .first_section_header { padding-top: 5px; } .content_block h2.section_header { margin: 10px 0 20px 0; } .content_block h3.section_header { margin: 10px 0 20px 0; font-weight: normal; } .info_list_header { font-size: 12px; font-weight: normal; border-bottom: 1px solid #2A2A2A; padding: 5px 0; margin:10px 0 0 0; } .info_list { margin: 0; padding: 0; } .info_list li { margin: 5px 0 0 0; padding: 0 0 5px 0; list-style-type: none; border-bottom: 1px solid #2A2A2A; } /* White Main Column */ #main_column.white .content_block h2.section_header, #main_column.white .content_block h3.section_header { color: #111; } #main_column.white .content_block p { color: #111; } #main_column.white .double_column p, #main_column.white .double_column li, #main_column.white .triple_column p, #main_column.white .triple_column li { color: #666; } #main_column.white a { color: #186D94; } #main_column.white a:visited { color: #5F76A5; } #main_column.white .info_list_header { color: #111; border-bottom: 1px solid #B2B2B2; } #main_column.white .info_list li { border-bottom: 1px solid #B2B2B2; } /*==================================*/ /* Rail Content Groups /*==================================*/ .rail_group { border-bottom: 1px solid #2A2A2A; padding-bottom: 20px; } /*==================================*/ /* Tables /*==================================*/ #main_column .table_data { border: 1px solid #1E1E1E; border-right: none; } #main_column .table_data th, #main_column .table_data td { padding: 10px 15px; text-align: left; font-size:12px; line-height: 1.7em; letter-spacing:0.02em; border-right: 1px solid #232323; color: #F2F2F2; } #main_column .table_data tr.odd { background-color: #3C3C3C; } #main_column .table_data tr.even { background-color: #343434; } #main_column .table_data th { vertical-align: bottom; background-color: #2A2A2A; color: #F2F2F2; } #main_column .table_data td { vertical-align: middle; } #main_column .table_data td a { color: #B2B2B2; } #main_column .table_data td a:hover { text-decoration: underline; } #main_column .table_data td a:visited { color: #5F76A5; } #main_column .table_data .center { text-align: center; } #main_column .table_data .right { text-align: right; } /* Table on White */ #main_column.white .table_data { border: 1px solid #999; border-right: none; } #main_column.white .table_data th, #main_column.white .table_data td { border-right: 1px solid #999; color: #111; } #main_column.white .table_data tr.odd { background-color: #FFF; } #main_column.white .table_data tr.even { background-color: #F3F3F3; } #main_column.white .table_data th { background-color: #e7e7e7; color: #111; } #main_column.white .table_data td a { color: #186D94; } #main_column.white .table_data td a:hover { text-decoration: underline; } #main_column.white .table_data td a:visited { color: #5F76A5; } /*==================================*/ /* Footer Utility Links /*==================================*/ #footer_utility_links { width: 1000px; display: block; height: 25px; background: #212121 url(../i/breadcrumb_bg.gif) left center repeat-x; position: relative; padding-left: 15px; } .share_link, .subscribe_link { text-transform: uppercase; color: #00BFF3; text-decoration: none; font-weight: bold; font-size: 10px; padding: 5px 12px 5px 28px; position:relative; top: 0; display: inline; float: left; height: 25px; _padding-top: 6px; } .share_link { background: transparent url(../i/share_icon.png) 10px 5px no-repeat; _background-position: 10px 7px; } .subscribe_link { background: transparent url(../i/subscribe_icon.png) 10px 5px no-repeat; _background-position: 10px 7px; } .share_link:hover, .subscribe_link:hover, #footer_utility_links a.selected_footer { background-color: #111; color: #00BFF3 !important; }