body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { margin:0; padding:0; font:Verdana, Geneva, sans-serifl; font-family:Verdana, Geneva, sans-serif; } #tfheader{ background-color:#c3dfef; } #tfnewsearch{ float:right; padding:20px; } .tftextinput{ margin: 0; padding: 5px 10px; width:200px; font-family: Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #2d5a99; border-right:0px; } .tfbutton { margin: 0; padding: 5px 15px; font-family: Arial, Helvetica, sans-serif; font-size:14px; outline: none; cursor: pointer; text-align: center; text-decoration: none; color: #ffffff; border: solid 1px #285799; border-right:0px; background: #2d5a99; background: -webkit-gradient(linear, left top, left bottom, from(#567299), to(#2d5a99)); background: -moz-linear-gradient(top, #567299, #2d5a99); background: -ms-linear-gradient(top, #567299, #2d5a99 !important); background: -o-linear-gradient(top, #567299, #2d5a99) !important; background: linear-gradient(to bottom, #567299, #2d5a99) !important; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#567299, endColorstr=#2d5a99) !important; } .tfbutton:hover { text-decoration: none; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#557199), to(#285799)); background: -moz-linear-gradient(top, #557199, #285799); background: -ms-linear-gradient(top, #557199, #285799 !important); background: -o-linear-gradient(top, #557199, #285799) !important; background: linear-gradient(to bottom, #557199, #285799) !important; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#557199, endColorstr=#285799) !important; } /* Fixes submit button height problem in Firefox */ .tfbutton::-moz-focus-inner { border: 0; } .tfclear{ clear:both; } /*div {outline: 1px dashed red;}*/ /*ul {outline: 1px dashed red;}*/ div.online_arc {width:33%;float:left} td.header_links { color:#FFF; font-weight:bold; background-color:#007cbe; text-decoration:none; } td.header_links:hover { color:#007cbe; font-weight:bold; background-color:#fff; text-decoration:none; } .button_continue{ border:1px solid #29599c !important; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block !important;text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;font-weight:bold !important; color: #FFFFFF !important; background-color: #36619c !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#36619c), to(#29599c)) !important; background-image: -webkit-linear-gradient(top, #36619c, #29599c) !important; background-image: -moz-linear-gradient(top, #36619c, #29599c !important); background-image: -ms-linear-gradient(top, #36619c, #29599c !important); background-image: -o-linear-gradient(top, #36619c, #29599c) !important; background-image: linear-gradient(to bottom, #36619c, #29599c) !important; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36619c, endColorstr=#29599c) !important; height:32px; } button.button_continue:hover{ border:1px solid #1c5675; background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b)); background-image: -webkit-linear-gradient(top, #26759e, #133d5b); background-image: -moz-linear-gradient(top, #26759e, #133d5b); background-image: -ms-linear-gradient(top, #26759e, #133d5b); background-image: -o-linear-gradient(top, #26759e, #133d5b); background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b); } table { border-collapse:collapse; } img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } abbr,acronym { border:0; } ul#navigation_tophat_primary .current ul, #navigation_tophat_primary li.nav1 ul.nav, .homepage #navigation_tophat_primary li.nav1 ul.nav, .home #navigation_tophat_primary li.nav1 ul.nav, .science #navigation_tophat_primary li.nav1 ul.nav, .news #navigation_tophat_primary li.nav1 ul.nav, .www #navigation_tophat_primary li.nav1 ul.nav, .animals #navigation_tophat_primary li.nav3 ul.nav, .photography #navigation_tophat_primary li.nav2 ul.nav, .environment #navigation_tophat_primary li.nav4 ul.nav, .travel #navigation_tophat_primary li.nav5 ul.nav, .adventure #navigation_tophat_primary li.nav6 ul.nav, .channel #navigation_tophat_primary li.nav7 ul.nav, .kids #navigation_tophat_primary li.nav8 ul.nav, .atoz #navigation_tophat_primary li.nav9 ul.nav, .shop #navigation_tophat_primary li.nav10 ul.nav, ul#navigation_tophat_primary ul li:hover ul, #navigation_tophat_primary .hover ul, ul#navigation_tophat_primary ul li.hover ul {left: 0; top: 3.2em; /* match top ul list item height */ display: block; visibility: visible;} #navigation_tophat_primary ul li {list-style: none;} .homepage #navigation_tophat_primary li.nav1 .sneak_peek, .home #navigation_tophat_primary li.nav1 .sneak_peek, .science #navigation_tophat_primary li.nav1 .sneak_peek, .ngm #navigation_tophat_primary li.nav1 .sneak_peek, .news #navigation_tophat_primary li.nav1 .sneak_peek, .www #navigation_tophat_primary li.nav1 .sneak_peek, .animals #navigation_tophat_primary li.nav3 .sneak_peek, .photography #navigation_tophat_primary li.nav2 .sneak_peek, .environment #navigation_tophat_primary li.nav4 .sneak_peek, .travel #navigation_tophat_primary li.nav5 .sneak_peek, .adventure #navigation_tophat_primary li.nav6 .sneak_peek, .channel #navigation_tophat_primary li.nav7 .sneak_peek, .kids #navigation_tophat_primary li.nav8 .sneak_peek, .atoz #navigation_tophat_primary li.nav9 .sneak_peek, .shop #navigation_tophat_primary li.nav10 .sneak_peek, .intl #navigation_tophat_primary li.nav7 .sneak_peek {display: none;} #navigation_tophat_primary .current ul ul {top: -999em;} #navigation_tophat_primary li li.current > a {font-weight: bold;} #content_mainB .advertisement {z-index:9999;} .img_txt { margin-left:0px; margin-right:20px; margin-top:5px; margin-bottom:20px; } .active { } #navigation_tophat_container {background: transparent url(http://s.ngeo.com/wpf/sites/themes/global/i/presentation/background_with_shadow.png) repeat-x scroll center bottom; padding: 0 0 6px; z-index: 10000;} /* ------------------------------------------------------------ +NG Global Nav Styles ------------------------------------------------------------ */ #tophat {background: transparent url(http://s.ngeo.com/wpf/sites/themes/global/i/presentation/background_with_shadow.png) repeat-x scroll center bottom; font-size: 16px; line-height: 1; position: relative; text-align: left; z-index: 10000;} #tophat .nav {border: none;} #tophat .nav li {float: left;} #tophat .nav > li:first-child, #footer_global .nav > li:first-child {border-left: none; padding-left: 0;} #header_ads, #headerboard {background-color: transparent;} #header_ads {z-index: 2;} #headerboard .leaderboard {float: left;} #nav_wrap {border-top: 1px solid #d5d5d5;} #navigation_tophat_primary li {position: static; float: left;} #navigation_tophat_primary a {border-top: none; display: block; position: relative; text-decoration:none;} #navigation_tophat_primary a, #navigation_tophat_primary a:visited {border: none;} #navigation_mainA, #navigation_mainB {height: auto; margin: 0 auto; position: relative; width: 1030px;padding-top:10px} #navigation_mainA {margin-bottom: 19px;} #navigation_mainB_wrap {border-top: 1px solid #222; position: relative; z-index: 10;} #navigation_tophat_container hr {border-color: #222; border-style: solid; border-width: 1px 0 0; line-height: 0; bottom: 2.6em; height: 0; left: 0; margin: 0; padding: 0; position: absolute; width: 100%;} #navigation_tophat_container {font-family: arial,sans-serif; font-size: 16px; height: auto; line-height: normal; position: relative; z-index: 1;} #navigation_tophat_primary ul.nav {left: 0; padding: 11px 10px 10px 25px; position: absolute; top: -999em; width:1030px;} #navigation_tophat_primary > li a:hover {text-decoration: none;} #navigation_tophat_primary ul.nav li {border-left:1px solid #fff; margin-left:13px; padding-left:13px; position: relative; width: auto; float: left;} #navigation_tophat_primary .nav8 ul.nav li {border-left:1px solid #000;} #navigation_tophat_primary li.nav1 ul.nav li {border-left: 1px solid #777;} #navigation_tophat_primary li:hover ul, #navigation_tophat_primary li.hover ul {left: 0; top: 3.2em; /* match top ul list item height */ z-index: 99;} #navigation_tophat_primary ul.nav li:first-child, #navigation_tophat_primary li.nav1 ul.nav li:first-child {border:none; margin: 0; padding:0;} #navigation_tophat_primary ul.nav {font-size: .814em;} #navigation_tophat_primary h3 {font-size: .875em; margin: 0; padding: 0;} #navigation_tophat_primary h3 a {color: #fff; background-color:#2d5a99; font-size:12px; font-weight:bold; padding: 10px 14px; text-transform:uppercase;} #navigation_tophat_primary {border: none; list-style: none; float: left; position: relative; margin: 0; } #header_logo {height: auto; margin: 0 auto; position: relative; width: 1030px;padding:0} #account {margin: 25px 0 5px; float: right;} #account #intl_link_subscriptions {color: #fff; font-weight: bold; margin-left: 20px; text-transform: uppercase;} #account .welcome_msg, #account .action {float: left; clear: none; margin: 0;} #account .welcome_msg, #account .action a {color: #FFD800; display: block; font-size: .7em;} #account .welcome_msg a, #account #intl_link_subscriptions:hover {color: #FFD800;} #account .welcome_msg {padding: 0 10px 0 0; border-right: 1px solid #999; margin-right: 10px;} #mission_statement {color: #999; margin-left: 20px;} #mission_learn_link {border-left: 1px solid #999; margin-left: 10px; padding-left: 10px;} #mission_statement, #mission_learn_link {float: left; font-size: .825em; margin-top: 43px; margin-bottom: 0;} #mission_learn_link a {color: #999;} #header_search {bottom: 5px; margin-top: 4px; position: absolute; right: 0; z-index: 1;} #header_search .field {position: relative;} #header_search button {background: #fff url(http://s.ngeo.com/wpf/sites/themes/global/i/presentation/search_submit.gif) no-repeat center center; border: 0 none; cursor: pointer; height: 24px; position: absolute; right: 0; width: 22px;} #header_search input {border: 1px solid #eee; font-family: arial, sans-serif; float: left; height: 14px; padding: 4px 0 4px 4px; width: 251px;} /* Hover States and Color Schemes */ #navigation_tophat_primary h3 a:hover {text-decoration: none;} .home #navigation_tophat_primary > li.nav1, .science #navigation_tophat_primary > li.nav1, .home #navigation_tophat_primary > li.nav1 h3 a, #navigation_tophat_primary li.nav1 ul.nav a, #navigation_tophat_primary li.nav1 ul.nav, #navigation_tophat_primary li.nav1 h3 a:hover, #navigation_mainA ul.js li.nav1 h3 a:hover, #navigation_mainA ul.js li.nav1 h3 a.hover:hover, #navigation_mainA ul li.nav1 a:hover {background-color: #000; color: #ffd800;} .blogs #navigation_tophat_primary li.nav1 ul.nav li.nav8 a {color: #fff;} .greenguide #navigation_tophat_primary li.nav4 ul.nav li.nav8 a {color: #c6de6e;} .movies #navigation_tophat_primary li.nav1 ul.nav li.nav9 a {color: #fff;} .news #navigation_tophat_primary li.nav1 ul.nav li.nav1 a {color: #fff;} .ngm #navigation_tophat_primary li.nav1 ul.nav li.nav2 a {color: #fff;} .science #navigation_tophat_primary li.nav1 ul.nav li.nav4 a {color: #fff;} .photography #navigation_tophat_primary > li.nav2, .photography #navigation_tophat_primary > li.nav2 h3 a, #navigation_tophat_primary li.nav2 ul.nav, #navigation_tophat_primary li.nav2 ul.nav a, #navigation_tophat_primary li.nav2 h3 a:hover, #navigation_mainA ul.js li.nav2 h3 a:hover, #navigation_mainA ul.js li.nav2 h3 a.hover:hover, #navigation_mainA ul.js li.nav2 a.hover{background-color: #313b47; color: #98ccfe;} #navigation_mainA ul li.nav2.hover ul.nav li a, #navigation_mainA ul.js li.nav2.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav2.hover h3 a.hover, #navigation_mainA ul li.nav2.hover h3 a.hover:hover {color:#98ccfe;} #navigation_mainA ul li.nav2.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav2.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav2.hover ul.nav li a.hover {background-color:transparent; color: #98ccfe;} .animals #navigation_tophat_primary > li.nav3, .animals #navigation_tophat_primary > li.nav3 h3 a, #navigation_tophat_primary li.nav3 ul.nav, #navigation_tophat_primary li.nav3 ul.nav a, #navigation_tophat_primary li.nav3 h3 a:hover, #navigation_mainA ul.js li.nav3 h3 a:hover, #navigation_mainA ul.js li.nav3 h3 a.hover:hover, #navigation_mainA ul.js li.nav3 a.hover {background-color: #ff9414; color: #000;} #navigation_mainA ul li.nav3.hover ul.nav li a, #navigation_mainA ul.js li.nav3.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav3.hover h3 a.hover, #navigation_mainA ul li.nav3.hover h3 a.hover:hover {color:#000;} #navigation_mainA ul li.nav3.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav3.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav3.hover ul.nav li a.hover {background-color:transparent; color: #000;} .animals #navigation_tophat_primary li.nav3 h3 a {background-color: #ff9414; color: #000;} .environment #navigation_tophat_primary > li.nav4, .environment #navigation_tophat_primary > li.nav4 h3 a, #navigation_tophat_primary li.nav4 ul.nav, #navigation_tophat_primary li.nav4 ul.nav a, #navigation_tophat_primary li.nav4 h3 a:hover, #navigation_mainA ul.js li.nav4 h3 a:hover, #navigation_mainA ul.js li.nav4 h3 a.hover:hover, #navigation_mainA ul.js li.nav4 a.hover {background-color: #39433a; color: #c6de6e;} #navigation_mainA ul li.nav4.hover ul.nav li a, #navigation_mainA ul.js li.nav4.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav4.hover h3 a.hover, #navigation_mainA ul li.nav4.hover h3 a.hover:hover {color:#c6de6e;} #navigation_mainA ul li.nav4.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav4.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav4.hover ul.nav li a.hover {background-color:transparent; color: #c6de6e;} #navigation_tophat_primary li.nav5 ul.nav, #navigation_tophat_primary li.nav5 ul.nav a, #navigation_tophat_primary li.nav5 h3 a:hover, #navigation_mainA ul.js li.nav5 h3 a:hover, #navigation_mainA ul.js li.nav5 h3 a.hover:hover, #navigation_mainA ul.js li.nav5 a.hover {background-color: #82b4d2; color:#000;} #navigation_mainA ul li.nav5.hover ul.nav li a, #navigation_mainA ul.js li.nav5.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav5.hover h3 a.hover, #navigation_mainA ul li.nav5.hover h3 a.hover:hover {color:#000;} #navigation_mainA ul li.nav5.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav5.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav5.hover ul.nav li a.hover {background-color:transparent; color: #000;} .travel #navigation_tophat_primary li.nav5 h3 a {background-color: #82b4d2; color: #000;} /*.travel #navigation_tophat_primary > li.nav5, #navigation_tophat_primary li.nav5 ul.nav, #navigation_tophat_primary li.nav5 ul.nav a, #navigation_tophat_primary li.nav5 h3 a:hover, #navigation_mainA ul.js li.nav5 h3 a:hover, #navigation_mainA ul.js li.nav5 h3 a.hover:hover, #navigation_mainA ul.js li.nav5 a.hover {background-color: #82b4d2; color: #fff;} .travel #navigation_tophat_primary > li.nav5 h3 a {color: #000;}*/ .adventure #navigation_tophat_primary > li.nav6, .adventure #navigation_tophat_primary > li.nav6 h3 a, #navigation_tophat_primary li.nav6 ul.nav, #navigation_tophat_primary li.nav6 ul.nav a, #navigation_tophat_primary li.nav6 h3 a:hover, #navigation_mainA ul.js li.nav6 h3 a:hover, #navigation_mainA ul.js li.nav6 h3 a.hover:hover, #navigation_mainA ul.js li.nav6 a.hover {background-color: #881f00; color: #fc0;} #navigation_mainA ul li.nav6.hover ul.nav li a, #navigation_mainA ul.js li.nav6.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav6.hover h3 a.hover, #navigation_mainA ul li.nav6.hover h3 a.hover:hover {color:#fc0;} #navigation_mainA ul li.nav6.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav6.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav6.hover ul.nav li a.hover {background-color:transparent; color: #fc0;} .channel #navigation_tophat_primary > li.nav7, .channel #navigation_tophat_primary > li.nav7 h3 a, #navigation_tophat_primary li.nav7 ul.nav, #navigation_tophat_primary li.nav7 ul.nav a, #navigation_tophat_primary li.nav7 h3 a:hover, #navigation_mainA ul.js li.nav7 h3 a:hover, #navigation_mainA ul.js li.nav7 h3 a.hover:hover {background-color: #454644; color: #fff;} #navigation_mainA ul li.nav7.hover a, #navigation_mainA ul.js li.nav7.hover a {color: #fff;} #navigation_mainA ul li.nav7.hover h3 a.hover:hover, #navigation_mainA ul li.nav7.hover h3 a.hover:hover, #navigation_mainA ul.js li.nav7.hover a:hover, #navigation_mainA ul.js li.nav7.hover a.hover {background-color: #454644; color: #fff;} .kids #navigation_tophat_primary > li.nav8, .kids #navigation_tophat_primary > li.nav8 h3 a, #navigation_tophat_primary li.nav8 ul.nav, #navigation_tophat_primary li.nav8 ul.nav a, #navigation_tophat_primary li.nav8 h3 a:hover, #navigation_mainA ul.js li.nav8 h3 a:hover, #navigation_mainA ul.js li.nav8 h3 a.hover:hover, #navigation_mainA ul.js li.nav8 a.hover {background-color: #FFD25B;color: #000;} #navigation_mainA ul li.nav8.hover ul.nav li a, #navigation_mainA ul.js li.nav8.hover ul.nav li a {color: #000;} #navigation_mainA ul li.nav8.hover h3 a.hover, #navigation_mainA ul li.nav8.hover h3 a.hover:hover {color:#000;} #navigation_mainA ul li.nav8.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav8.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav8.hover ul.nav li a.hover {background-color:transparent; color: #000;} #navigation_tophat_primary li.nav2 ul.nav a, #navigation_tophat_primary li.nav3 ul.nav a, #navigation_tophat_primary li.nav4 ul.nav a, #navigation_tophat_primary li.nav5 ul.nav a, #navigation_tophat_primary li.nav7 ul.nav a { color:#fff;} .atoz #navigation_tophat_primary > li.nav9, .atoz #navigation_tophat_primary > li.nav9 h3 a, #navigation_tophat_primary li.nav9 ul.nav, #navigation_tophat_primary li.nav9 ul.nav a, #navigation_tophat_primary li.nav9 h3 a:hover, #navigation_mainA ul.js li.nav9 h3 a:hover, #navigation_mainA ul.js li.nav9 h3 a.hover:hover{background-color: #383838; color: #ccc;} #navigation_mainA ul li.nav9.hover ul.nav li a, #navigation_mainA ul.js li.nav9.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav9.hover h3 a.hover, #navigation_mainA ul li.nav9.hover h3 a.hover:hover {color:#000;} #navigation_mainA ul li.nav9.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav9.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav9.hover ul.nav li a.hover {background-color:transparent; color: #000;} .shop #navigation_tophat_primary > li.nav10, .shop #navigation_tophat_primary > li.nav10 h3 a, #navigation_tophat_primary li.nav10 ul.nav, #navigation_tophat_primary li.nav10 ul.nav a, #navigation_tophat_primary li.nav10 h3 a:hover, #navigation_mainA ul.js li.nav10 h3 a:hover, #navigation_mainA ul.js li.nav10 h3 a.hover:hover, #navigation_mainA ul.js li.nav10 a.hover {background-color: #393939; color: #fff;} #navigation_mainA ul li.nav10.hover ul.nav li a, #navigation_mainA ul.js li.nav10.hover ul.nav li a {color: #ccc;} #navigation_mainA ul li.nav10.hover h3 a.hover, #navigation_mainA ul li.nav10.hover h3 a.hover:hover {color:#fff;} #navigation_mainA ul li.nav10.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav10.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav10.hover ul.nav li a.hover {background-color:transparent; color: #fff;} #navigation_tophat_primary li.nav10 ul.nav a { color:#ccc;} .video_player #navigation_tophat_primary > li.nav9, .video_player #navigation_tophat_primary > li.nav9 h3 a, #navigation_tophat_primary li.nav9 ul.nav, #navigation_tophat_primary li.nav9 ul.nav a, #navigation_tophat_primary li.nav9 h3 a:hover, #navigation_mainA ul.js li.nav9 h3 a:hover, #navigation_mainA ul.js li.nav9 h3 a.hover:hover, #navigation_mainA ul.js li.nav9 a.hover {background-color: #333; color: #fff;} #navigation_mainA ul li.nav9.hover ul.nav li a, #navigation_mainA ul.js li.nav9.hover ul.nav li a {color: #ccc;} #navigation_mainA ul li.nav9.hover h3 a.hover, #navigation_mainA ul li.nav9.hover h3 a.hover:hover {color:#fff;} #navigation_mainA ul li.nav9.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav9.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav9.hover ul.nav li a.hover {background-color:transparent; color: #fff;} /* International Page exceptions */ .intl #navigation_tophat_primary > li.nav10, .intl #navigation_tophat_primary > li.nav10 h3 a {visibility:hidden;} .intl #navigation_tophat_primary li.nav7 ul.nav {height:15px;} .intl #navigation_tophat_primary li.nav7 ul.nav > li {display:none;} /* Secondary Nav Hover States */ #navigation_tophat_primary li.nav1 ul.nav a:hover, #navigation_tophat_primary li.nav2 ul.nav a:hover, #navigation_tophat_primary li.nav3 ul.nav a:hover, #navigation_tophat_primary li.nav4 ul.nav a:hover, #navigation_tophat_primary li.nav5 ul.nav a:hover, #navigation_tophat_primary li.nav6 ul.nav a:hover, #navigation_tophat_primary li.nav7 ul.nav a:hover, #navigation_tophat_primary li.nav8 ul.nav a:hover, #navigation_tophat_primary li.nav9 ul.nav a:hover, #navigation_tophat_primary li.nav10 ul.nav a:hover {text-decoration: underline;} /* Secondary Nav Home Hover State */ #navigation_tophat_primary li.nav1 ul.nav li a:hover {color:#fff;} /* Secondary Nav Photography Hover State */ #navigation_tophat_primary li.nav2 ul.nav li a:hover {color:#99ccff;} /* Secondary Nav Animals Hover State */ #navigation_tophat_primary li.nav3 ul.nav li a:hover {color:#000;} /* Secondary Nav Environment Hover State */ #navigation_tophat_primary li.nav4 ul.nav li a:hover {color:#c6de6e;} /* Secondary Nav Travel Hover State */ #navigation_tophat_primary li.nav5 ul.nav li a:hover {color:#000;} /* Secondary Nav Adventure Hover State */ #navigation_tophat_primary li.nav6 ul.nav li a:hover {color:#fc0;} /* Secondary Nav NatGeoTV Hover State */ #navigation_tophat_primary li.nav7 ul.nav li a:hover {color:#fff;} /* Secondary Nav Kids Hover State */ #navigation_tophat_primary li.nav8 ul.nav li a:hover {color:#fff;} /* Secondary Nav Shop Hover State */ #navigation_tophat_primary li.nav9 ul.nav li a:hover {color:#fff;} /* Secondary Nav Shop Hover State */ #navigation_tophat_primary li.nav10 ul.nav li a:hover {color:#fff;} /* Hover States with JS enabled */ #navigation_mainA ul.js li.nav1 h3 a:hover, #navigation_mainA ul.js li.nav2 h3 a:hover, #navigation_mainA ul.js li.nav3 h3 a:hover, #navigation_mainA ul.js li.nav4 h3 a:hover, #navigation_mainA ul.js li.nav5 h3 a:hover, #navigation_mainA ul.js li.nav6 h3 a:hover, #navigation_mainA ul.js li.nav7 h3 a:hover, #navigation_mainA ul.js li.nav8 h3 a:hover, #navigation_mainA ul.js li.nav9 h3 a:hover {background-color: transparent;} /* Preview Overlay */ div.sneak_peek div.layout_a {width: 102px;} div.sneak_peek div.layout_b {width: 658px;} div.sneak_peek div.layout_c {width: 210px;} div.sneak_peek div.layout_a .promo {margin-bottom: 5px;} div.sneak_peek div.layout_a .promo p {margin-bottom: 0;} div.sneak_peek {border: 1px solid #ccc; border-top: none; position:absolute; left:-9999px;} #navigation_tophat_primary li.hover div.sneak_peek {font-size: 1em; line-height: normal; visibility: visible; left: 0; padding: 20px; position: absolute; top: 78px; width: 948px; z-index: 10500;} #navigation_tophat_primary div.sneak_peek .promo li {font-size: .75em; float: none; margin-bottom: 0; margin-top: 8px;} #navigation_tophat_primary div.sneak_peek .promo p, #navigation_tophat_primary div.sneak_peek .promo ul {background-color: transparent; margin-bottom: 15px;} #navigation_tophat_primary div.sneak_peek ul {padding: 0;} div.sneak_peek h5, div.sneak_peek h3 {background-image:none; color: #fff; font-size: 1.064em; font-weight: normal; margin-bottom: 10px; margin-top: 0;} div.sneak_peek h5 ul li a img, div.sneak_peek h3 ul li a img { margin-top : 4px; } div.sneak_peek h6 a, div.sneak_peek li a {color: #FFD800; font-size: .875em; font-weight: bold;} div.sneak_peek h6 {font-size: 1em; margin-bottom: 5px; margin-top: 0;} div.sneak_peek li.list_link {font-size:.8em;} div.sneak_peek div.promo_collection > ul > li h4 {font-size:.85em;} div.sneak_peek div.promo_collection > ul > li.list_link h6 { font-size:1.25em; font-weight:bold; } div.sneak_peek div.layout_a li.list_link.promo {margin-top:0;margin-bottom:10px;} div.sneak_peek li.list_link.promo.last, div.sneak_peek div.layout_a li.list_link.promo.last {margin-bottom: 20px;} div.sneak_peek p {color: #fff; font-size:.813em; margin: 0!important;} div.sneak_peek p.credit {font-size: .65em; margin-top: 5px;} div.sneak_peek div.pod_module {clear:both;} div.sneak_peek .layout_a li p, div.sneak_peek .layout_a li h6 {clear:both;} li.nav1 div.sneak_peek, li.nav10 div.sneak_peek {background-color: #fefefe; color: #333;} li.nav1 div.sneak_peek p, li.nav1 div.sneak_peek h5, li.nav2 div.sneak_peek p, li.nav2 div.sneak_peek h5, li.nav3 div.sneak_peek p, li.nav3 div.sneak_peek h5, li.nav4 div.sneak_peek p, li.nav4 div.sneak_peek h5, li.nav5 div.sneak_peek p, li.nav8 div.sneak_peek p, li.nav10 div.sneak_peek p, li.nav10 div.sneak_peek h5 {color: #333;} li.nav8 div.sneak_peek h5 {color: #FF8800;} li.nav1 div.sneak_peek a, li.nav2 div.sneak_peek a, li.nav5 div.sneak_peek a {color: #044E8E;} li.nav2 div.sneak_peek {background-color: #efeff1;} li.nav3 div.sneak_peek {background-color: #efeff1;} li.nav3 div.sneak_peek a {color: #062c08;} li.nav4 div.sneak_peek {background-color: #efeff1;} li.nav4 div.sneak_peek a {color: #1f6f1f;} li.nav5 div.sneak_peek {background-color: #efeff1;} li.nav5 div.sneak_peek h5, li.nav4 div.sneak_peek h3 {color: #336699;} li.nav6 div.sneak_peek {background-color: #efeff1;} li.nav7 div.sneak_peek {background-color: #efeff1;} li.nav8 div.sneak_peek {background-color: #FFF;} li.nav8 div.sneak_peek a {color: #04B4B1;} li.nav9 div.sneak_peek {background-color: #666;} li.nav10 div.sneak_peek a {color: #044E8E;} li.nav1 div.sneak_peek div.promo_collection, li.nav1 div.sneak_peek div.promo_collection div.sidecar, li.nav2 div.sneak_peek div.promo_collection, li.nav2 div.sneak_peek div.promo_collection div.sidecar, li.nav4 div.sneak_peek div.promo_collection, li.nav4 div.sneak_peek div.promo_collection div.sidecar, li.nav5 div.sneak_peek div.promo_collection, li.nav5 div.sneak_peek div.promo_collection div.sidecar, li.nav8 div.sneak_peek div.promo_collection, li.nav8 div.sneak_peek div.promo_collection div.sidecar, li.nav10 div.sneak_peek div.promo_collection, li.nav10 div.sneak_peek div.promo_collection div.sidecar {border-color: #ccc;} #tophat .promo_collection li {margin-top: 20px;} #tophat .promo_collection li:first-child, #tophat .promo_collection li.list_link {margin-top: 0;} #tophat .promo_collection img {float:left; margin:0 15px 8px 0;} /* For Testing #navigation_tophat_primary li.nav5 div.sneak_peek {background-color:grey; display:block; left:0; padding: 20px; position:absolute; top:99px; width: 950px; z-index:100;}*/ /* Section-Specific Styles */ div.sneak_peek img {border: 1px solid #dfdfdf; margin-bottom: 5px;} div.sneak_peek div.promo_collection {padding-right: 20px; border-right: 1px solid #8d8d8d; margin-right: 20px;} div.sneak_peek div.promo_collection li {margin-bottom: 0;width:100%;} div.sneak_peek div.promo_collection div.sidecar {border-top: 1px solid #8d8d8d; float: left; padding-top: 20px; width: 280px;} div.sneak_peek div.last_collection {padding-right: 0; border-right: none; margin-right: 0;} div.sneak_peek > div {float:left;} /* ------------------------------------------------------------ +NG Homepage Nav Styles ------------------------------------------------------------ */ .homepage #navigation_tophat_primary ul.nav {padding-bottom: 10px;} .homepage #headerboard {background-color: transparent; padding: 5px 0;} .homepage #headerboard .pushdown {float: none; margin: 0 auto;} .homepage #navigation_tophat_primary li.nav1 .nav a {background-color: transparent;} .homepage #navigation_tophat_primary li.nav1 h3 a, .homepage #navigation_mainA ul.js li.nav1 h3 a {background-color: transparent; color: #FFD800; padding-left: 14px;} .homepage #navigation_tophat_primary li.nav1 ul.nav {background-color: transparent;} .homepage #navigation_tophat_primary > li.nav1:hover > ul {background-color: #000;} /*TEMP FIXES FOR DEPLOYMENT*/ div.sneak_peek a {background-color: transparent!important;} div.sneak_peek a:hover {text-decoration: underline!important;} #navigation_tophat_primary li.nav6 div.sneak_peek a {color: #ffcc00!important;} #navigation_tophat_primary li.nav1 div.sneak_peek a:hover {color: #044E8E!important;} #atffc {display: none;} /*Get rid of residual AddThis garbage*/ /* ------------------------------------------------------------ +Footer - Global ------------------------------------------------------------ */ #footer_global {background-color: #fff; margin: 0 auto; padding: 0 20px 40px; width: 950px;} #footer_global, #copyright {color: #333; font: 16px/1em Arial, sans-serif;} #footer_global .nav_global_tierA {border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; font-size: .938em; padding: 20px 0; text-transform: uppercase;} #footer_global .nav_global_tierA a {color: #646464;} #footer_global .nav_global_tierA a:hover {color: #000; text-decoration: none;} #footer_global .nav_global_tierA li {border: none; padding: 0 0 0 25px;} .intl #footer_global .nav_global_tierA li.nav8 a {visibility:hidden; margin-left:-75px;} #footer_global .nav_global_tierB, #footer_global .nav_global_tierC {font-size: .814em; padding-top: 15px;} #footer_global .nav_global_tierD {border-bottom: 1px solid #d5d5d5; font-size: .814em; padding: 15px 0;} .homepage #footer_global .nav_global_tierA .nav1 a {color: #333; font-weight: bold;} #footer_global ul {margin: 0 auto; text-align: center;} #footer_global ul li {display: inline; float: none; font-size: 0.875em; border-left: 1px dotted #000; padding: 0 11px;} #copyright {background: url(http://s.ngeo.com/wpf/sites/themes/global/i/presentation/ng_logo_small.png) no-repeat center top; clear: both; font-size: 0.689em; margin-top: 28px; padding-top: 50px; text-align: center;} #photo_credits {color: #767777; font-size: 0.75em; margin: 10px auto 37px; text-align: center; width: 950px;} #photo_credits h2 {margin-right: 5px;} #photo_credits h2, #photo_credits ol, #photo_credits ol li {display: inline;} #photo_credits ol li {border-left: 1px solid #d5d5d5; padding: 0 7px;} #site_promotions {border-bottom: 1px solid #d5d5d5; margin-top: 30px; padding-bottom: 30px;} #site_tools .nav {clear:both; margin-top: 20px;} #site_tools .nav01 {background: url(http://s.ngeo.com/wpf/sites/themes/global/i/presentation/geocore_sprites.png) no-repeat -6px -270px; border-right: 1px solid #d5d5d5; font-weight: bold; padding: 0 10px 0 25px;} #site_tools .nav02 {padding-left: 10px;} /* ------------------------------------------------------------ +UTILITIES from the main utilities.css made specific to tophat/footer because of non-WPF site dependencies - LB 01.11.10 ------------------------------------------------------------ */ #tophat .hidden {font-size:1px; left:-9999px; line-height:0px; margin:0; padding:0; position:absolute; width:9999px;} #tophat .hiddenText {text-indent:-9999px;} /* Thanks to http://www.positioniseverything.net/easyclearing.html */ #tophat .clearfix:after {clear:both;display:block;height:0;visibility:hidden;} #tophat .clear {background:transparent;clear:both;font:1px/1px verdana, arial, helvetica, sans-serif;height:0;} /* 01.12.10 18:47 */ /* ------------------------------------------------------------ +TEMPORARY ------------------------------------------------------------ */ li.nav9 div.sneak_peek {display: none;} a { text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;} a img {display: block;} button:hover {cursor: pointer;} b, strong {font-weight: bold;} hr {border-color: #d5d5d5; border-style: solid; border-width: 1px 0 0; clear: both; margin: 0; height: 0;} h3, .story .dl h3 {display: block; color: #333333; font-size: 1.438em; font-weight: bold; margin-bottom: 15px;} h3.title {background: url(../images/title.gif) no-repeat 0 3px; line-height: 1.3; padding-left: 17px; padding-top: 0; clear: both;} #content_mainA p, #content_mainB p {color: #333; line-height: 1.4;} p.headline {clear: both;} .secondary .headline, p.action {clear: both; margin-top: 15px;} .secondary_cus .headline, p.action {clear: both; margin-top: 15px;} .secondary .headline a {color: #333; font-weight: bold;} .secondary_cus .headline a {color: #333; font-weight: bold;} .topics .promo_collection .action a {color: #333; font-weight: bold; letter-spacing: 1px; margin-left: 16px;} #container, #photo_credits {color: #333; font: 0.75em/1.313em Arial, sans-serif;} #container img {border: 1px solid #ccc;} #container .MSVE_Map img {border: 0;} .promo_collection h4, .homepage .dl h4, .facebook h4, .mobile_promo h4, .pull_quote h4 {font-size: 1.188em; font-weight: bold; line-height: 1.4; margin-bottom: 3px;} h4 a:first-line {line-height: normal;} .promo_collection h4 a, .facebook h4 a, .mobile_promo h4 a {color: #333;} .credit, .publication_time, .story002 .publication_time {color: #ababab; font-size: .875em;} .credit {color: #999!important; font-style: italic; margin-bottom: 5px;} .story h3 {border: none; clear: both; margin: -5px 0 5px; padding: 0;} .story h3 a {color: #000; font-size: 1.25em; line-height: 1.125em;} .story h3 a:hover {color: #044E8E; text-decoration: none;} .story002 h3 a {font-size: 1.438em; line-height: 1.125em;} .story002 p {font-size: 1.064em; line-height: 1.375em; margin-top: 15px;} .multimedia_links li {margin-top: 15px;} .video_link a, .gallery_link a {background: url(../i/presentation/geocore_sprites.png) no-repeat -9px -26px; padding-left: 23px;} .gallery_link a {background-position: -8px 0;} #body_wrap {margin-top: -6px; position: relative; z-index: 0;} #top_stories h4 {font-size: 1em;} .archive_link {background-color: #EDEEEF; font-size: 1.25em; font-weight: bold; padding: 13px;} #container .bullets li {color: #000; list-style: disc; margin: 0px 0 5px 15px;} #container .promo_collection li {color: #24649C;} #container .numbers li {list-style: decimal; margin: 0 0 10px 15px;} #container .list_hybrid .first {list-style: none; margin-left: 0;} #container .bullets li.last {margin-bottom: 0;} .timestamp {color: #999; display: inline; font-size: .875em; margin-left: 10px;} .small li h4, .small div.promo h4, #content_mainB .primary .small p.headline, #content_top .small p.headline {font-size: 1em;} #content_mainB .primary .small p.headline {clear: none; font-weight: bold;} #content_mainB .primary .small p.headline a {color: #333;} .small li p, .small div.promo p {font-size: .875em; line-height: 1.4;} h3.small {font-size: 1em; margin-bottom: 10px; padding: 0;} #content h3 + p {margin-bottom: 10px;} .search {margin-top: 20px;} p.wallpaper_link {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -454px; padding: 2px 25px;} .promo_collection .rss {float: right; margin-top: 5px;} .promo_collection .rss + h3 {clear: none;} /* ------------------------------------------------------------ +Header ------------------------------------------------------------ */ #header-logo {background: url(../i/presentation/logo_header.gif) no-repeat top left; width: 436px; height: 58px; float: left; margin: 0 20px 17px 0;} #page_head {border-bottom: 1px solid #d5d5d5; position: relative; padding: 19px 0 10px;} #page_head h1 {font-size: 3.5em; line-height: normal; clear: left; margin-top: 1px;} #page_head img {border: none; float: right;} #page_head .promo img {float: left;} #page_head h2 {clear: left; float: left; font-size: 1.75em; margin-bottom: 8px; padding-top: 15px;} .topics #page_head .topics_head {font-size: 4.5em;} .topics .entry_counter {color: #909090; font-size: 1.1em;} .topics h1+.entry_counter {margin-top: 34px;} .article #page_head h1, .small_article #page_head h1 {font-size: 2.125em; font-weight: bold;} .article #page_head h1 {margin-bottom: 10px;} .small_article #page_head h1 {margin-top: 10px;} .article #page_head {border: none; padding-bottom: 0;} .article div.general {border-top: 1px solid #d5d5d5;} .level_3 #page_head .subtitle {color: #666; font: normal 1.375em/1.5 Georgia, "Times New Roman", serif;} .level_3 #page_head .subtitle {clear: left; float: left; margin: 0 0 10px; padding: 0; width: 600px;} #content_mainA p.subtitle {color: #666; font: normal 1em/1.7 Arial, sans-serif;} .small_article #page_head {padding: 0;} .a_z #page_head {padding-top: 0px;} #page_head h2.category_link a {color: #333;} .gallery #page_head h1 {font-size: 2.75em; margin-top: 2px;} #page_head .promo {border: 0; float: right; margin-top: -9px; padding: 0; position: absolute; right: 320px; width: 210px;} #page_head .promo .graphic_promo {float: left; margin-right: 10px;} #page_head .promo p {clear: none; margin: 0;} #page_head .promo h3 {font-weight: normal; margin: 10px 0 0;} #page_head .promo h3, #page_head .promo p {font-size: .875em; line-height: normal;} /* ------------------------------------------------------------ +Navigation ------------------------------------------------------------ */ .nav li {float: left;} .general .nav li {padding-left: 20px; letter-spacing: .05em; font-size: 1.025em;} .general .nav li:first-child {padding-left: 5px;} .general .nav li.selected a {color: #000;} .general .nav {border-bottom: 1px solid #d5d5d5; padding: 20px 0;} #nav_primary ul {margin: 20px 20px 20px 26px;} #nav_primary ul li {font-size: 1.064em; padding-left: 14px;} #nav_by_category div, #photos_by_category div {float: left; width: 237px;} #nav_by_category div ul, #photos_by_category ul {margin: 0 15px 0 12px;} #photos_by_category ul {margin: 0 20px 0 0;} #nav_by_category div ul li, #photos_by_category ul li {clear: both; float: none; margin: 5px 0 0 4px; line-height: 17px;} #photos_by_category ul li {margin-left: 13px;} #photos_by_category .promo001 {list-style: none; margin: 0 0 30px;} #photos_by_category img {float: left; margin-right: 10px;} #photos_by_category h4 {font-size: 1.125em; font-weight: bold; margin-bottom: 10px;} #nav_by_category div h3, #photos_by_category h3 {margin: 45px 0 13px;} #photo_credits ol > li:first-child, .nav > li:first-child {border-left: none; padding-left: 0;} /* CSS Fix to stop main tab backgrounds from disappearing due to mouse being in subnav - Matt Heiner */ /* Photography */ #navigation_tophat_primary + li.nav2:hover, #navigation_tophat_primary li.nav2:hover h3 a {background-color: #fff; color: #007cbe;} /* Animals */ #navigation_tophat_primary + li.nav3:hover, #navigation_tophat_primary li.nav3:hover h3 a {background-color: #fff; color: #007cbe !important;} /* Environment */ #navigation_tophat_primary + li.nav4:hover, #navigation_tophat_primary li.nav4:hover h3 a {background-color: #fff; color: #007cbe;} /* Travel */ #navigation_tophat_primary + li.nav5:hover, #navigation_tophat_primary li.nav5:hover h3 a {background-color: #fff; color: #007cbe;} /* Adventure */ #navigation_tophat_primary + li.nav6:hover, #navigation_tophat_primary li.nav6:hover h3 a {background-color: #fff; color: #007cbe;} /* NatGeoTV */ #navigation_tophat_primary + li.nav7:hover, #navigation_tophat_primary li.nav7:hover h3 a {background-color: #fff; color: #007cbe;} /* Kids */ #navigation_tophat_primary + li.nav8:hover, #navigation_tophat_primary li.nav8:hover h3 a {background-color: #fff; color: #007cbe;} /* Video */ #navigation_tophat_primary + li.nav9:hover, #navigation_tophat_primary li.nav9:hover h3 a {background-color: #fff; color: #007cbe;} /* Shop */ #navigation_tophat_primary + li.nav10:hover, #navigation_tophat_primary li.nav10:hover h3 a {background-color: #fff; color: #007cbe;} /* ------------------------------------------------------------ +Content ------------------------------------------------------------ */ .tabbed_box img {float: right;} #nav_photo_video h5 {font-weight: bold;} #photos_in_news img {float: none; margin: 0;} #photos_in_news_thumbs .promo2, #photos_in_news_thumbs .promo3 {float: left; width: 100px; margin-bottom: 0;} #photos_in_news_thumbs .promo2 h4, #photos_in_news_thumbs .promo3 h4, .carousel h4 {font-size: .938em; font-weight: normal;} #photos_in_news_thumbs .promo2 {margin-right: 5px;} #photos_in_news ul li { list-style: disc; margin-left: 13px;} #photos_in_news .promo1 {border-bottom: 1px solid #d5d5d5; display: block; margin-left: 0; padding-bottom: 15px;} #photos_in_news_thumbs li {list-style: none; border: none; margin-left: 0;} #news_feeds .wrap {background-color: #EDEEEF; padding: 11px 13px 0;} #news_feeds .wrap li {float: left; height: 25px;} #news_feeds .wrap .rss {background: url(../i/presentation/feed_sprites.gif) no-repeat 0 0; margin-right: 10px; width: 50px;} #news_feeds .wrap .xml {background: url(../i/presentation/feed_sprites.gif) no-repeat -51px 0; width: 38px;} #news_feeds .wrap .help {margin: 15px 0;} #news_feeds .wrap ul {float: left; margin: 10px 0; width: 115px;} #content_mainA #news_feeds .help {clear: both;} #news_blogs h4 {font-size: 1.064em;} #more_news ul li, #news_blogs ul li {margin-bottom: 20px;} #more_news li:last-child {margin-bottom: 0px;} #share_buttons p a span {float: left; margin-right: 10px;} #share_buttons p a {clear: both; display: block; margin-bottom: 5px; padding: 5px;} .dl .small img {float: none; height: 123px; margin: 0; width: 164px;} .dl .small .caption {font-weight: bold; font-size: 1.188em;} .dl .small li {float: left; margin-right: 16px; width: 164px;} .tag_cloud li {display: inline; margin-right: 10px; line-height: .9;} .tag_cloud li span {display: none;} .tag_cloud li a:hover {text-decoration: none;} .tag_cloud .ultra_popular {font-size: 2.5em;} .tag_cloud .somewhat_popular {font-size: 1.75em;} .tag_cloud .not_popular {font-size: 1.25em;} .tag_cloud .not_very_popular {font-size: 1em;} #gallery_text .author {font-style: italic;} #gallery .article_text ul {list-style: disc; margin-left: 20px;} #gallery li {margin-bottom: 20px; clear: both; list-style: none;} #gallery li img {float: left; margin: 0 15px 15px 0;} #gallery li .photo_text {margin-bottom: 30px;} #gallery_text .photo_text .next_image {float: right; width: 75px;} #gallery_text .next_link {float: right; clear: right; font-weight: bold; margin-top: 5px;} #gallery_text .publication_time {font-size: 0.9em;} .gallery .credit {float: none; font-size: 1em; font-style: italic; margin: 15px 0;} #gallery .credit {margin: 0 0 15px;} #gallery_text h2 {font-size: 2em; line-height: normal;} #gallery h2 {font-size: 1.25em; font-weight: bold;} .article_text ul, .article_text ol {margin-bottom: 10px;} /* ------------------------------------------------------------ +Star Ratings - Site ------------------------------------------------------------ */ .star_ratings { margin-top: 10px; padding-bottom: 25px;} .star_ratings .rate_header { float: left; margin-right: 5px;} .star_ratings .rate_header h4 { font-weight: bold; } .star_ratings ul {float: left; margin: 0 10px 0 0; } .star_ratings ul li.stars {float: left; width: 14px; height: 14px; background:url(../i/presentation/geocore_sprites.png) no-repeat -10px -664px; margin: 0 1px; cursor:pointer;} .star_ratings ul li.selected {background-position: -10px -648px;} .star_ratings ul li.selected.user_rate {background-position: -10px -680px;} .star_ratings .num_votes { float: left; color: #044E8E; margin: -1px -5px;} .star_ratings .status { float:left; display:none; margin: 0 11px 0 14px; color: #999; width: 65px; text-align: center; } /* ------------------------------------------------------------ +Footer - Site ------------------------------------------------------------ */ #site_promotions a {color: #000; display: block;} #site_promotions a:hover {text-decoration: none;} #site_promotions h3, #site_promotions p {font-size: .875em; margin: 0 10px 0 0;} #site_promotions ul li, .homepage #footer_breadcrumb div p {float: left; width: 237px; margin: 0;} #site_promotions .promo_collection img {margin-right: 10px;} #more_from_nationalgeographic ul {background-color: #edeeef; padding: 20px 30px 20px 50px;} #footer_breadcrumb {background-color: #4B4B4B; padding: 8px;} #footer_breadcrumb li {margin-left: 10px;} #footer_breadcrumb a, #footer_breadcrumb li.selected {color: #fff;} #footer_breadcrumb a {font-weight: bold;} #footer_breadcrumb li:first-child {margin: 0;} #footer_breadcrumb ul, #footer_breadcrumb li {float: left; letter-spacing: .05em;} #footer_breadcrumb p {float: right; letter-spacing: .05em; padding-top: 4px;} #footer_breadcrumb p.nav1, #footer_breadcrumb ul {background: url(../i/presentation/geocore_sprites.png) no-repeat scroll -8px -507px; padding: 4px 20px 2px;} #footer_site {padding: 20px 0;} /* ------------------------------------------------------------ +Forms ------------------------------------------------------------ */ #newsletter form {background-color: #edeeef; padding: 13px;} #newsletter_email {width: 200px;} form label {display: block;} form .field {float: left;} form .instruction {margin-bottom: 15px;} form .error_state h4 {color: red; font-weight: bold; margin-bottom: 10px;} form .error_state ul {list-style: disc; margin: 0 0 15px 15px;} form .nav {clear: both; padding-top: 10px;} form .nav li {border-left: 1px solid #d5d5d5; padding: 0 10px;} #share_email {border-bottom: 1px solid #d5d5d5; padding: 40px 0;} #share_email form {width: 500px;} #share_email form .field {margin-bottom: 10px; width: 190px;} #share_email form .field label span {display: block;} #share_email form .button {clear: both;} .rating input {float: left; margin-right: 5px;} .rating button {margin-top: 8px;} .rating fieldset {margin-bottom: 10px;} .rating p {font-weight: bold; margin-top: 10px;} .rating p span {font-weight: normal;} .rating .user_rating {font-style: italic; font-weight: normal;} .rating .user_rating span {font-weight: bold;} #form_errors {color: red; font-style: italic;} #account_tos form .field, #sso_account form p {float: none; font-size: 1.188em; font-weight: bold; margin-bottom: 20px;} #account_tos form .field label, #sso_account form p label {display: inline; margin-right: 10px;} #account_tos form .errorlist {color: red; font-size: 0.85em; font-style: italic; margin-bottom: 4px;} #sso_account form .errorlist {color: red; font-size: 12px; font-style: italic; margin-bottom: 4px;} #account_tos form .submit, #sso_account form .submit {background: #fff url(../../common/i/presentation/button_gradient.gif) repeat-x bottom center; border: 1px solid #d5d5d5; color: #044E8E; display: inline; height: 30px; width: 129px; float: left; margin-right: 10px;} #account_tos form .btn_loginout, #sso_account .btn_loginout {background: #fff url(../../common/i/presentation/button_gradient.gif) repeat-x top center; border: 1px solid #d5d5d5; border-top: none; color: #044E8E; display: inline; height: 21px; width: 129px; float: left; padding-top: 8px; text-align: center; font-size: 0.95em;} #account_tos form #id_display_name {height: 20px; width: 200px; font-size: 0.9em; padding-top: 5px;} /* REQUIRED BUTTON STYLES: */ button {position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */} button span {position: relative; display: block; white-space: nowrap;} @media screen and (-webkit-min-device-pixel-ratio: 0) {/* Safari and Google Chrome only - fix margins */ button span {margin-top: -1px;}} /* OPTIONAL BUTTON STYLES for applying custom look and feel: */ button.submitBtn {background: transparent url(../i/presentation/submit-buttons.gif) no-repeat scroll right -90px; font-size: 1em; margin-left: -5px; padding: 0 8px 0 0; text-align: center;} button.submitBtn span {background: transparent url(../i/presentation/submit-buttons.gif) no-repeat scroll left top; color: #044E8E; height: 18px; padding: 4px 0 0 11px;} button.submitBtn:hover {background-position: right -135px;} button.submitBtn:hover span {background-position: 0 -45px; color: #fff;} .field input {border: 1px solid #ccc; padding: 3px;} .field input:hover {border: 1px solid #ddd;} .field input: focus {border: 1px solid #aaa;} label.error {color: red; display: block !important; font-style: italic; margin-top: 5px;} /* ------------------------------------------------------------ +Advertisements ------------------------------------------------------------ */ .advertisement h3 {border: none; color: #ababab; font-size: .814em; font-weight: normal; margin: 0 0 5px; padding: 0; text-transform: uppercase;} #container .advertisement img {border: none;} /* ------------------------------------------------------------ +Layout Specific ------------------------------------------------------------ */ body, #container {background-color: #fff;} #container {margin: 0 auto; width: 1030px;} .promo_collection img, .facebook img, .mobile_promo img, .movie_tickets img {float: left; margin: 3px 15px 8px 0;} .promo_collection li {margin-top: 20px;} .promo_collection li:first-child {margin-top: 0;} .dividers li {border-top: 1px solid #d5d5d5; padding-top: 20px;} .dividers li:first-child {border: 0; padding: 0;} #content > div {border-bottom: 1px solid #d5d5d5; margin-top: 20px; padding-bottom: 20px;} #content > div:first-child {margin: 0;} #content div.general {border-bottom: 0; padding: 0; margin-top: 0;} #content #content_page_specific {margin-top: 0;} #more_from_nationalgeographic {clear: both;} #content-top object {margin: 0 auto;} /* Following non-js carousel styles related to a floating grid layout solution from Mozilla Webdev Blog: http: //blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ .thumbnail_grid li {margin-right: 22px;} .thumbnail_grid .wide li {width: 160px; margin-left: 0; margin-right: 40px;} .thumbnail_grid .wide li:first-child {margin-left: 0;} .thumbnail_grid .wide li img {margin-right: 0;} .carousel ul li img {float: none;} .carousel ul.magazine li a.hiddenText {background: transparent url(../i/presentation/magazine_carousel_subscribe.gif) no-repeat scroll 0 0; display: block; height: 22px; margin: 10px auto 0; width: 136px;} .carousel ul.magazine li a.hiddenText:hover, .carousel ul.magazine li a.hiddenText:active {background-position: 0 -44px;} #content_mainA > div:first-child {border: none; padding-top: 0;} #content_mainA {clear: both; float: left; margin-top: 20px; width:1030px;} .subsection > div {float: left; margin-right: 20px; width: 393px;} #content_mainA .subsection > .full_width {width: 100%;} .subsection .secondary {border-left: 1px solid #d5d5d5; width: 100px; margin: 0; padding-left: 20px;} .subsection .secondary_cus {border-left: 0px solid #d5d5d5; width: 100px; margin: 0; padding-left: 20px;} #content_mainB .primary, #content_mainB .secondary {float: left; width: 100px} #content_mainB .primary, #content_mainB .secondary_cus {float: left; width: 100px} #content_mainB .primary {margin-right: 15px;} #content_mainB .secondary {border-left: 1px solid #d5d5d5; padding-left: 15px;} #content_mainA > div:first-child {border: none; padding-top: 0;} #promo_spot_slug002 {border-left: 1px solid #D5D5D5; float: right; padding-left: 16px; width: 212px;} .hub_home #content_top {padding: 20px 0;} #content_top {padding: 0 0 20px;} .level_3 #content_top {padding: 20px 0 0 0; border-bottom: 0; margin-top: 0;} .aside {border-left: 1px solid #D5D5D5; float: right; margin-top: 20px; padding-left: 20px; width: 180px;} .wallpapers .aside {border: 1px solid #d5d5d5; float: left; padding: 20px; width: 165px;} .wallpapers #content_mainA {width: 720px; float: right;} .subsection, .aside > div, .subsection > div > div {border-top: 1px solid #D5D5D5; clear: left; margin-top: 20px; padding-top: 20px;} #content_mainB .subsection > div > div {border: none; margin: 0; padding: 0;} .subsection:first-child, .aside > div:first-child, .subsection > div > div:first-child {border: none; margin: 0; padding: 0;} .story, #video_player {float: left;} .story001 {padding-right: 20px; width: 361px;} #story002_wrap {border-left: 1px solid #d5d5d5; float: left; padding-left: 20px; width: 207px;} .hub_home #story002_wrap {border-right: 1px solid #d5d5d5; padding-right: 20px;} #story002_wrap #share {clear: both; padding-top: 20px;} #video_player, #top_stories {float: left; margin-left: 20px; width: 298px;} .level_3 .subsection001 {float: right; width: 438px;} .level_3 .article_thumb {float: left; margin: 0 20px 20px 0; width: 200px;} .level_3 .article_thumb .caption {color: #ABABAB; margin: 5px 0 0 0;} .level_3 #content_mainA .aside {border-right: 1px solid #D5D5D5; border-left: none; float: left; margin-top: 0; padding: 0 20px 0 0; width: 130px;} .level_3 #content_mainB {border-left: 1px solid #D5D5D5;} #content_mainB #top_stories {border-left: none; margin-left: 0; padding: 0;} .level_3 #content_page_specific .aside {border-top: none;} .level_3 .article_body {border: none; float: right; margin: 0; padding-top: 0; width: 437px;} .subsection .primary_photo {border: none; float: none; width: 100%;} .article .caption, .primary_photo .caption {border: none; clear: both; font-weight: bold; margin-top: 10px; padding-top: 0;} .article_text p, .primary_photo .caption p, .article_body .author, .article_body .publication {color: #333!important;} .article_body .author a {font-weight: bold;} .subsection .article_body .primary_photo, .article_body .publication_time {margin-bottom: 20px;} .photo_text {border-bottom: 1px solid #d5d5d5; margin-bottom: 20px; padding-bottom: 20px;} .level_3 .article_text {border: none; padding: 0;} .article_text p, #gallery_text p {line-height: 1.6!important;} .caption p, .article_text p, #gallery_text p {margin-bottom: 10px;} .article_text h4 {font-size: 1.125em; font-weight: bold; margin-bottom: 10px;} .article .subsection:first-child {margin: 0;} .article .subsection:first-child + div {border: none; padding-top: 0;} #print_link a {background: url(../i/presentation/geocore_sprites.png) no-repeat -8px -245px; padding-left: 22px;} /*.interactive h1 {font-size: 2em; font-weight: bold; margin-bottom: 15px;}*/ .gallery .timestamp {font-size: 1em; margin: 0;} /*TEMPORARY until a better JS-related fix is developed*/ .gallery #content_mainA .aside, .pod #content_mainA .aside {border: none; margin-right: 0; padding-right: 0;} .gallery #content_mainA .article_body, .pod #content_mainA .article_body {border-left: 1px solid #d5d5d5; margin-left: 20px; padding-left: 20px;} .small_article #content_mainA .article_body .aside {border-right: 1px solid #d5d5d5; border-left: none; border-bottom: none; float: left; margin: 0 20px 20px 0; padding: 0 20px 0 0; width: 180px;} .small_article #content_mainA .article_body .extended {border-right: none; border-left: 1px solid #d5d5d5; float: right; margin: 0 0 20px 20px; padding: 0 20px 0 20px;} .small_article .article_body {width: auto;} .small_article .article_text {border: none; clear: none; margin: 0px; padding: 0px;} .thumb .credit {float: none;} .a_z .subsection {margin: 0;} .a_z .subsection > div > div {border: none; margin: 0; padding: 0;} .a_z .subsection h4 {margin-bottom: 10px;} .a_z .subsection h4 a {color: #333;} .a_z .subsection ul {margin-bottom: 10px;} .special_ad_section {background-color: #f2f3f3; padding: 15px 20px 20px;} .special_ad_section h3 {margin-bottom: 7px;} .special_ad_section h3 + h4 {font-size: 1.5em; margin-bottom: 15px;} .action_series {margin-top: 20px;} .action_series li {border-left: 2px solid #D5D5D5; float: left; margin: 0 0 0 10px; padding-left: 10px;} .action_series li:first-child {border: none; margin: 0; padding: 0;} .list_hybrid li:first-child .timestamp {margin: 0;} .promo_collection .rss:first-child a {background: url(../i/presentation/feed_sprites.gif) no-repeat 0 -26px; display: block; float: right; height: 15px; width: 43px;} .vevent h4 {display: inline;} .vevent h4 + p.timestamp {display: inline; font-weight: bold; font-size: 1em;} .vevent p.description {margin-top: 5px;} .vcalendar table tr {height: auto;} .vcalendar table tr td {padding: 5px 0 5px 8px;} .vcalendar table {width: 100%;} .vcalendar td {width: 91px;} .vcalendar td.summary {width: 209px;} .vcalendar h3.title b {color: #999999; font-size: 12px; padding-left: 5px;} table.striped tr.striped {background-color: #F4F4F4;} .topics .topics-search {background-color: #f2f2f2;} .topics .topics-search h4 {margin: 0; padding: 15px 20px;} .topics .topics-search h4 a {color: #333333;} .topics .promo_collection.promo_100 .promo {clear: both; margin-bottom: 20px; overflow: auto} .topics .promo_collection.promo_100 .promo p {float: left;} .topics .promo_collection.promo_100 .action a {letter-spacing: 0; margin-left: 0;} /* TOPICS PAGE */ .special_ad_section {background-color: #f2f3f3; padding: 15px 20px 20px;} .special_ad_section h3 {margin-bottom: 7px;} .special_ad_section h3 + h4 {font-size: 1.5em; margin-bottom: 15px;} .video {position: relative;} .video .overlay {height: 24px; width: 24px; position: absolute;} .video .overlay img {border: none !important;} .addthis_toolbox .custom_images a {width: 60px; height: 60px; margin: 0; padding: 0;} .addthis_toolbox .custom_images a img {border: none!important;} #follow_ng li {float: left; margin: 10px 10px 0 0;} #follow_ng .addthis_toolbox {background-color: #f0f0f0; padding: 15px 15px 15px 19px;} #follow_ng a {color: #333; font-weight: bold;} #latest_tweet p{margin-top: 15px;} #latest_tweet .timestamp {display: block; margin: 0; margin-top: 10px;} #latest_tweet h3 a {color: #333;} .article #content_top h1 {font-size: 1.875em; font-weight: bold; margin-bottom: 20px;} #content #content_mainA .article_body .extended {border-right: none; border-left: 1px solid #d5d5d5; float: right; margin: 0 0 20px 20px; padding: 0 0 0 20px; width: 180px 0 0;} #content_mainA .article_body .extended + .article_text {margin-top: 0;} .dictionary dt {clear: both; float: left; margin-right: 5px;} .dictionary dd {margin-bottom: 8px;} .dictionary dd.image {text-align: center;} .dictionary dd img {margin-top: 10px;} .dictionary dd img, .map img {border: none!important;} .graphic_map .header_set {position: relative; margin-bottom: 15px;} .graphic_map .header_set h3 {margin: 0;} #content .graphic_map .header_set p {bottom: 0; margin: 0; position: absolute; right: 0;} #content_mainB .three .jcarousel-skin-geocore .jcarousel-clip-horizontal, #content_mainB .three .jcarousel-skin-geocore .jcarousel-container-horizontal {width: 240px;} .movie_tickets li {overflow: auto; width: 100%;} .movie_tickets p {padding-top: 20px;} .pod_module h4 {float: left; font-weight: bold; font-size: 1.25em; margin: 10px 0 5px;} .pod_module p {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -115px; float: right; margin: 10px 29px 0 0; padding: 2px 0 0 24px;} .pod_module p.credit {background: none; clear: both; float: none; font-size: 1em; margin: 5px 0 0 0; padding: 0;} .pod_module p a {font-weight: bold;} div.download_link {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -454px; padding: 3px 25px; float: left; margin-bottom: 15px;} .photo_archive #content_mainA {width: 707px; float: right;} .photo_archive #content_mainB {border: 1px solid #d5d5d5; float: left; margin-right: 20px; padding: 20px; width: 180px;} .photo_archive #content_mainB .promo_collection h4 {font-size: 1.25em;} .photo_archive #content_mainB .promo_collection h4 a {color: #044E8E;} .photo_archive #content_mainA h3 {clear: both; float: left; margin-right: 10px;} .photo_archive #content_mainA h3 {font-weight: bold;} .photo_archive #search_results {clear: both;} .photo_archive #search_results img {float: left; margin: 0 13px 13px 0;} .photo_archive #search_results > div {float: left; width: 222px; margin: 0 10px 10px 0;} .photo_archive #search_results .photo_info {float: none; width: auto; margin: 0;} .photo_archive #search_results .photo_info p {font-size: .918em; margin-bottom: 5px;} .photo_archive #search_results .photo_info h4 {color: #333333; font-size: 1.125em; font-weight: bold; margin-bottom: 7px;} .photo_archive #content_mainA fieldset {border: none; clear: both; float: left; padding: 0; margin: 10px 0 0 0;} .photo_archive #content_mainA legend {line-height: 0;} .photo_archive #content_mainA .field {float: left; margin-right: 10px;} .photo_archive #content_mainA form {margin-bottom: 20px;} .photo_archive #content_mainA form > span {float: left; margin: 3px 10px 0 0;} .photo_archive #content_mainA .publication_time {color: #333;} .photo_archive .count {float: left;} .photo_archive #content_mainA button {margin-top: 10px;} .photo_archive #content_mainA button.toprow {margin-top: 0;} .photo_archive .photo_categories {margin: 0;} .photo_archive #form_errors {clear: both; float: left; margin-top: 10px;} .pull_quote {background: transparent url(../i/presentation/double_quote-close.jpg) no-repeat right 80%;} .pull_quote div {background: transparent url(../i/presentation/double_quote-open.jpg) no-repeat top left; font-style: italic; padding: 0 62px;} .pull_quote h4 {color: #333;} .search_results a {color: #333;} .search_results h4 {font-size: 1.375em; line-height: 1.4; margin-bottom: 3px;} .search_results h3 {line-height: 1.3; padding-top: 0; font-weight: normal; float: left; margin-top: -3px; margin-right: 15px;} .search_results a.modify {color: #044E8E;} .search_results .count {float: left; padding-top: 2px;} .search_results .search_again {float: right; margin: 0 auto; padding-top: 2px;} .search_results .search_again label {margin-right: 10px;} .search_results #search_title {float: left; margin-right: 10px;} .search_results #results {clear: both; margin-bottom: 15px; padding-bottom: 10px;} .search_results .result_item {clear: both; padding: 15px 0 15px 0;} .search_results .result_image {float: left; margin-right: 10px;} .search_results .result_info {float: left;} .search_results #search_head {padding-bottom: 5px; margin-bottom: 10px;} .search_results .url span {color: #044E8E;} #container .graphic_promo img, #container .mobile_promo img {border: none;} .mobile_promo div {margin-left: 97px;} .mobile_promo p.action {clear: none;} /*Mobile-specific styles in here to make layout mode cooperate*/ .mobile .small_article .article_text {float: left; width: 388px;} /* "Daily Feature" (Photo of the Day style) */ .pod #container {padding: 0; width: 990px;} .pod #page_head {margin: 0 20px 20px 20px; padding: 0 0 20px; width: 950px;} .pod #content_mainA {margin-left: 20px;} .pod #content_mainB {margin-right: 20px;} .pod .primary_photo img {border: none!important; display: block; margin: 0 auto;} .pod .primary_photo {clear: both;} .pod #content_top {border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;} .pod .publication_time {color: #666!important; font-size: 1em; margin-right: 30px; text-transform: uppercase;} #pod_bar, #fod_bar {margin: 0 20px 20px;} #pod_bar p, #fod_bar p {float: left;} #pod_nav, #fod_nav {float: right;} #pod_nav .prev, #fod_nav .prev, .pod .article_text .prev {border-right: 1px solid #d5d5d5; margin-right: 10px; padding-right: 10px;} .pod .article_text .first, #pod_nav .first, #fod_nav .first {border: none; padding: 0; margin: 0;} .todays_pod_link {margin-right: 30px;} .pod .article_text h2 {font-size: 2em; line-height: normal; margin-bottom: 10px;} .pod .article_text .credit {color: #666!important; font-size: 1em;} .pod .article_text .nav p {float: left;} .pod .article_text .nav {float: right;} .pod .article_text .publication_time {clear: both; margin-bottom: 10px!important;} .pod .buy_link {background: url(../i/presentation/photography_sprites.gif) no-repeat 1px 2px; margin-top: 30px; padding-left:25px;} /* "Daily Feature" (Photo of the Day style) */ .pod #container {padding: 0; width: 990px;} .pod #page_head {margin: 0 20px 20px 20px; padding: 0 0 20px; width: 950px;} .pod #content_mainA {margin-left: 20px;} .pod #content_mainB {margin-right: 20px;} .pod .primary_photo img {border: none!important; display: block; margin: 0 auto;} .pod .primary_photo {clear: both;} .pod #content_top {border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;} .pod .publication_time {color: #666!important; font-size: 1em; margin-right: 30px; text-transform: uppercase;} #pod_bar, #fod_bar {margin: 0 20px 20px;} #pod_bar p, #fod_bar p {float: left;} #pod_nav, #fod_nav {float: right;} #pod_nav .prev, #fod_nav .prev, .pod .article_text .prev {border-right: 1px solid #d5d5d5; margin-right: 10px; padding-right: 10px;} .pod .article_text .first, #pod_nav .first, #fod_nav .first {border: none; padding: 0; margin: 0;} .todays_pod_link {margin-right: 30px;} .pod .article_text h2 {font-size: 2em; line-height: normal; margin-bottom: 10px;} .pod .article_text .credit {color: #666!important; font-size: 1em;} .pod .article_text .nav p {float: left;} .pod .article_text .nav {float: right;} .pod .article_text .publication_time {clear: both; margin-bottom: 10px!important;} .pod .buy_link {background: url(../i/presentation/photography_sprites.gif) no-repeat 1px 2px; margin-top: 30px; padding-left:25px;} /* ------------------------------------------------------------ +Wallpaper page-specific ------------------------------------------------------------ */ .wallpaper #content_top {border-bottom: 1px solid #DEDEDE; padding-bottom: 20px; margin-top: -10px;} .wallpaper #content_top img {border: none;} .wallpaper .primary_photo {clear: both; margin-left: -20px; padding-top: 10px;} .wallpaper .article_text h2 {font-size: 1.65em;} .wallpaper .article_text h5.credit {color: #999999; font-style: italic; margin: 10px 0 15px; font-size: 1.1em;} .wallpaper .download_link {margin-bottom: 0;} .wallpaper .photo_origin {float: right; padding-top: 3px;} .wallpaper .buy_link {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -480px; padding: 2px 25px;} .wallpaper-body {background: url(../i/presentation/photo_body.gif) repeat-x top center;} /* ------------------------------------------------------------ +Temporary ------------------------------------------------------------ */ .article #content_mainA .aside {border: none; float: left; margin: 0; padding: 0; width: 130px;} .article #content_mainA .article_body .extended {width: 180px;} .article .article_body {border-left: 1px solid #d5d5d5; float: right; margin: 0 0 0 20px; padding: 0 0 0 20px; width: 437px;} .article #content_mainB {border: none; padding: 0;} .article #content_mainA {border-right: 1px solid #d5d5d5; padding-right: 20px;} /* ------------------------------------------------------------ +Miscellaneous ------------------------------------------------------------ */ /* Known Needed Document Flow Clears - Thanks to http: //www.positioniseverything.net/easyclearing.html */ /* #container, #content, #content_page_specific, #page_head, #share_email, #photo_credits, #news_feeds .wrap, .tag_cloud, #photos_by_category .promo001, #more_from_nationalgeographic .wrap2, form, #container ul, .section, .subsection, .nav, .carousel ul, .promo_collection, .promo_collection ul li, .tabbed_box li, #gallery_text .photo_text {display: block;} */ #container:after, #content:after, #content_page_specific:after, #page_head:after, #share_email:after, #content_top:after, #photo_credits:after, #news_feeds .wrap:after, .tag_cloud:after, #photos_by_category .promo001:after, #more_from_nationalgeographic .wrap2:after, form:after, #container ul:after, .section:after, .subsection:after, .nav:after, .carousel ul:after, .promo_collection:after, .promo_collection ol li:after, .promo_collection ul li:after, .tabbed_box li:after, #gallery_text .photo_text:after, #footer_breadcrumb:after, .graphic_map .header_set:after, #search_results:after, #header_site:after, #ng_comments .item:after {clear: both; display: block; height: 0; visibility: hidden;} #content_mainB .subsection div.rssReader {width: 300px; margin-bottom: 20px;} #rss_loading {text-align: center;} #rss_loading img {border: none; float: none;} #virtual_earth .disclaimer {margin-top: 10px;} #retweet {margin-left: 5px;} #diggit {margin-left: -20px; margin-top: 5px;} #facebook_share {margin-bottom: 10px;} /* Fast Facts / Tips module */ .subsection .fastfact {border-top: none; position: relative; margin-top: 0; padding-top: 0;} .subsection .fastfact p.action {position: absolute; bottom: 40px; left: 30px;} .fact_box {margin-top: -20px; padding: 0 20px 0 35px;} h4.facts_description {font-size: 1.25em; padding: 20px 0; color: #044f90;} a.fact_prev {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -25px; left: 10px;} a.fact_prev:hover {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -38px;} a.fact_next {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -51px; right: 10px;} a.fact_next:hover {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -64px;} div.fact_number {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 0; width: 24px; height: 20px; font-size: 1.25em; color: #FFFFFF; padding-top: 4px; text-align: center; float: left;} div.fact {color: #044f90; font-family: Georgia; font-size: 1.45em; line-height: 1.25em;} div.fact_numbers {margin-left: 35px;} /* Ecommerce Module Styles */ .ecommerce-section div.ecommerce_secondary li {list-style: disc;} div.ecommerce-section li span.item-price, div.ecommerce-section li span.sale-price {color: #8D8D8D; font-weight: bold;} div.ecommerce-section li span.item-price-slashed {color: #8D8D8D; font-weight: bold; text-decoration: line-through;} div.ecommerce-section li span.sale-price {color: #9B0000;} #container .ecommerce-section img {border: none; margin: 0 10px 10px 0; float: none;} #container .ecommerce-section.Secondary img {margin: 0 auto 10px;} #container .ecommerce-section p.action {font-weight: bold;} #content_mainA div.ecommerce-section.Primary div.ecommerce_first_img {float: left; margin-bottom: 15px;} #content_mainA div.ecommerce-section div.ecommerce_secondary {margin-left: 10px;} #content_mainA div.ecommerce-section.Primary div.ecommerce_secondary {float: left; width: 243px; margin-left: 20px;} #content_mainA div.ecommerce-section.Primary div.ecommerce_secondary li {margin-top: 10px;color:#000;} #content_mainA div.ecommerce-section.Primary div.ecommerce_secondary li.first {margin-top: 0;} #content_mainA div.ecommerce-section.Primary p.action {margin-top: 0;} #container div.ecommerce-section p.headline {float: left;} /*E-commerce module - SPLIT TOP DESIGN */ .ecommerce-section.split-design .ecommerce_first_img {width: 145px;} .ecommerce-section.split-design li:first-child {list-style: none; margin-top: 0;} .ecommerce-section.split-design .ecommerce_secondary li:first-child {margin-top: 10px;} .ecommerce-section.split-design li {margin-top: 10px;} .ecommerce-section.split-design .promo_collection {position: relative;} .ecommerce-section.split-design .split_left {width: 150px; float: left; border-right: 1px solid #CCC;} .ecommerce-section.split-design .split_right {width: 140px; float: right;} #content_mainB .ecommerce-section.Primary div.description {float: left;color: #8D8D8D; font-weight: bold;} #content_mainB .ecommerce-section.Primary #li_container2 div.description {padding-top:5px;} #content_mainB .ecommerce-section.Primary #li_container2 li.first div.description {padding-top:0;} #content_mainB .ecommerce-section.Primary div.description a {font-weight:normal;} #container #content_mainB .ecommerce-section.Primary img {float: left;} #content_mainB div.ecommerce-section.Primary p.action {margin-top:20px;} div.promo_collection.carousel.ecommerce-section .jcarousel-skin-geocore .jcarousel-container {background: #fff; border: 1px solid #ccc;} /* End Ecommerce module styles */ /* Science Blogs customization of Features Module */ div.scienceblog{} div.scienceblog h3.title{ text-indent: -9999px; background: url(../i/content/science-blogs-title-300x30.gif) no-repeat; background-position: 0 0; height: 30px; width: 300px;} #content_mainB div.scienceblog h4{ display: none;} #content_mainB div.scienceblog p{ font-size: 13px; color: #333;} #content_mainB div.scienceblog p.item-date{ color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } a.teaser-img-thumb{ float: left; } .image_border_full { background:#CCC; width:600px; height:450px; border-color:#cecece; border-style:solid; border-width:1px; } .image_border { background:#CCC; width:202px; height:150px; border-color:#cecece; border-style:solid; border-width:1px; } .image_border:hover { background:#CCC; width:202px; height:152px; border-color:#000; border-style:solid; border-width:1px; } .image_border_h:hover { background:#CCC; width:204px; height:152px; border-color:#000; border-style:solid; border-width:1px; } .image_border_h { background:#CCC; width:204px; height:150px; border-color:#cecece; border-style:solid; border-width:1px; } .text_border { width:192px; height:40px; font-size:11px; line-height:18px; padding:5px; border-color:#cecece; border-style:solid; border-width:1px; position:relative } .photo_title { color:#007cbe; font-weight:bold; } .photo_buy { color:#007cbe; } .photo_price { color:#bc0050; font-weight:bold; }