Files
YuCheng Hu 27a3f2c123 更新CSS
git-svn-id: https://svn.code.sf.net/p/hawebs/svn@16 a2543c7e-f6e9-4f8a-8bff-1ffc34733512
2010-01-31 04:26:11 +00:00

1870 lines
42 KiB
CSS

@charset "UTF-8";
/**
* Copyright (C) 2006-2010 YUCHENG HU
*
* ----------------------------------------------------------------------------------
* HA SYSTEMS
* http://www.tcivis.com
* http://www.hawebs.org
* http://www.hawebs.net
*
* Contact
* huyuchengus@gmail.com / yuchenghu@hawebs.net
*
* ----------------------------------------------------------------------------------
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>
*
* GNU GENERAL PUBLIC LICENSE
*
* ----------------------------------------------------------------------------------
*/
#wrapper {
display:block;
width:971px;
margin:0px auto 0px auto;
}
#main {
background-color:#e4e0dd;
padding:10px 10px 5px 10px;
margin-bottom:10px
}
/* Columns
===========================*/
#column-two-narrow {
background:url(../../img/interface/twocolumn_narrow.gif) repeat-y top left;
width: 972px;
margin: 17px 0;
clear:both;
}
#column-two-narrow #main-content {
width: 758px;
padding: 0 34px 0 0;
float:left;
}
/* #main-content .title {
border-bottom:2px solid #ccc;
} */
#main-content .title h1, #main-content h1 {
float:left;
font-size:25px;
color:#33302d;
font-weight: normal;
background-color:#fff;
}
#main-content .title span {
float:right;
padding-left:8px;
/* text-transform:uppercase; */
font-size:.9em;
}
#column-two-narrow #sidebar {
float:left;
width: 180px;
}
#column-two-narrow #sidebar .advertise {
padding: 10px 8px;
}
/* NAV UNDER
===========================*/
#nav-more {
padding: 0;
font-size:1.1em;
background-color: #e4e0dd;
;
margin: 0 10px 0 10px
}
#nav-more h2 {
font-size:1em;
float:left;
padding: 0;
width:345px;
color: #6c655f !important
}
#nav-more p {
padding: 8px 0 0 0;
text-transform:uppercase;
font-weight:bold;
}
#nav-more p a {
margin: 0 5px 0 0;
}
#nav-more p a img {
vertical-align:middle;
}
/* header START ---------- */
#header {
display:block;
overflow:visible;
float:left;
clear:both;
width:971px;
height:91px;
margin:2px 0px 0px 0px;
padding:10px 5px 5px 7px;
/*background:url(/assets/img/advertisers/advertisement.gif) 234px 1px no-repeat #34302d;*/
background:url(../../img/interface/bg1px.gif) top left repeat-x #4A84C5;
color:#fff
}
#header_a {
display:block;
overflow:hidden;
float:left;
width:227px;
height:91px;
margin:0px;
padding:0px;
}
#header_a ul a {
display:block;
float:left;
width:205px;
height:91px;
margin: 7px 0 0 17px;
_margin-left:8px;
padding:0px;
background:url(../../img/interface/logo.png) left top no-repeat;
text-indent: -9999px;
}
#header_b {
display:block;
overflow: visible;
float:left;
width:733px;
height:91px;
margin:0px;
padding:0px;
}
/* header END ---------- */
/* nav_options START ---------- */
#top_menu {
clear: both;
float: left;
width: 100%;
position: relative;
top: 0;
left: 0;
z-index:2;
}
#nav_options {
display:block;
float:left;
clear:both;
width:971px;
height:25px;
margin:0px;
padding:3px 5px 5px 7px;
background:url(../../img/interface/bg1px.gif) 0px -108px repeat-x #4A84C5;
overflow:hidden;
color:#fff
}
#nav_options ul li {
display:block;
float:left;
margin:0px;
padding:0px;
}
#nav_options li ul { /* second-level lists */
position: absolute;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
width: 133px;
padding-top:0;
}
#nav_options li a:hover ul, #nav_options li.sfhover ul, #nav_options li:hover ul, #nav_options li.over ul, #nav_options li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav_options li a:hover ul.sub, #nav_options li.sfhover ul, #nav_options li:hover ul.sub, #nav_options li.over ul.sub, #nav_options li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav_options li a:hover ul ul, #nav_options li a:hover ul ul ul, #nav_options li a:hover ul ul ul ul, #nav_options li a:hover ul ul ul ul ul, #nav_options li:hover ul ul, #nav_options li:hover ul ul ul, #nav_options li:hover ul ul ul ul, #nav_options li:hover ul ul ul ul ul {
display: none;
}
#nav_options li a:hover ul, #nav ul li a:hover ul, #nav_options ul ul li a:hover ul, #nav_options ul ul ul li a:hover ul, #nav_options ul ul ul ul li a:hover ul, #nav_options li:hover ul, #nav_options ul li:hover ul, #nav_options ul ul li:hover ul, #nav_options ul ul ul li:hover ul, #nav_options ul ul ul ul li:hover ul {
display:block;
}
/*ie6 script fix*/
#nav_options ul li.over {
display:block;
}
#nav_options li.over ul ul, #nav_options li.over ul ul ul, #nav_options li.over ul ul ul ul, #nav_options li.over ul ul ul ul ul {
display: none;
}
#nav_options li.over ul, #nav_options ul li.over ul, #nav_options ul ul li.over ul, #nav_options ul ul ul li.over ul, #nav_options ul ul ul ul li.over ul {
display:block;
}
/*ie6 script fix -- end */
#nav_options .register a:link, #nav_options .register a:visited, #nav_options .sec a:link, #nav_options .sec a:visited, #nav_options .blog a:link, #nav_options .blog a:visited, #nav_options .sciammag a:link, #nav_options .sciammag a:visited, #nav_options .sciammind a:link, #nav_options .sciammind a:visited, #nav_options .special a:link, #nav_options .special a:visited {
color:#fff;
background-color:#34302d;
font-size:11px;
height: 13px;
}
#nav_options .register a:hover, #nav_options .register a:visited:hover, #nav_options .sec a:hover, #nav_options .sec a:visited:hover, #nav_options .blog a:hover, #nav_options .blog a:visited:hover, #nav_options .sciammag a:hover, #nav_options .sciammag a:visited:hover, #nav_options .sciammind a:hover, #nav_options .sciammind a:visited:hover, #nav_options .special a:hover, #nav_options .special a:visited:hover {
color:#fff;
background-color:#505050;
}
#nav_options .botBorder a {
border-bottom: 1px solid #77736e;
}
#nav_options .submenu a {
padding: 5px 3px 5px 3px;
border-top: 1px solid #77736e;
border-left: 1px solid #77736e;
border-right: 1px solid #77736e;
border-bottom: none;
background-color:#33302d;
display:block;
color:#fff;
background-image:none
}
#nav_options .register a {
width: 12em
}
#nav_options .register a:hover {
border-bottom: none
}
/* #nav_options .sec a {} */
#nav_options .sec a:hover {
border-bottom: none
}
#nav_options .right a {
border-right: 1px solid #77736e;
border-left: 1px solid #77736e;
width: 110px
}
#nav_options .left a {
border-left: 1px solid #77736e;
border-right: 1px solid #77736e;
width: 150px
}
#nav_options .sec a:hover {
background-color:#505050;
}
#nav_options .blog a {
width: 16em
}
#nav_options .blog a:hover {
border-bottom: none
}
#nav_options .sciammag a {
width: 140px
}
#nav_options .sciammagright a {
width: 16em
}
#nav_options .sciammag a:hover {
border-bottom: none
}
#nav_options .sciammind a {
width: 130px
}
#nav_options .sciammindright a {
width: 16em
}
#nav_options .sciammind a:hover {
border-bottom: none
}
.borderbottom {
padding-bottom:5px;
border-bottom: 1px solid #77736e;
}
#nav li a {
background:url(../../img/nav_options/nav.gif);
height:25px;
border: #4A84C5 solid 1px;
}
#nav li.buttonspace {
margin-right: 13px
}
#nav li a:hover {
border: #77736e solid 1px;
background-position: 0 -43px
}
#nav li a.link_nav_options_register {
display:block;
width:114px;
text-indent: -9999px;
margin:0;
background-position: 1px -2px
}
#nav li a.link_nav_options_register:hover, #nav li a.link_nav_options_register.active {
background-position: 1px -43px;
border-bottom: none
}
#nav li a.link_nav_options_sections {
display:block;
width:124px;
text-indent: -9999px;
margin:0;
background-position: -128px -2px;
}
#nav li a.active {
border: #77736e solid 1px;
border-bottom: none
}
#nav li a.link_nav_options_sections:hover, #nav li a.link_nav_options_sections.active {
background-position: -128px -43px;
border-bottom: none
}
#nav li a.link_nav_options_blogs {
display:block;
width:62px;
text-indent: -9999px;
margin:0;
background-position: -264px -2px;
}
#nav li a.link_nav_options_blogs:hover, #nav li a.link_nav_options_blogs.active {
background-position: -264px -43px;
border-bottom: none
}
#nav li a.link_nav_options_sciammag {
display:block;
width:211px;
text-indent: -9999px;
margin:0;
background-position: -336px -2px;
}
#nav li a.link_nav_options_sciammag:hover, #nav li a.link_nav_options_sciammag.active {
background-position: -336px -43px;
border-bottom: none
}
#nav li a.link_nav_options_sciammind {
display:block;
width:181px;
text-indent: -9999px;
margin:0;
background-position: -560px -2px;
}
#nav li a.link_nav_options_sciammind:hover, #nav li a.link_nav_options_sciammind.active {
background-position: -560px -43px;
border-bottom: none
}
#nav li a.link_nav_options_jobs {
display:block;
width:92px;
text-indent: -9999px;
margin:0;
background-position: -755px -2px;
}
#nav li a.link_nav_options_jobs:hover {
background-position: -755px -43px;
}
#nav li a.link_nav_options_subscribe {
display:block;
width:74px;
text-indent: -9999px;
margin:0;
background-position: -861px -2px;
}
#nav li a.link_nav_options_subscribe:hover {
background-position: -861px -43px;
}
#nav_options ul li a:hover ul li a:hover ul.left {
left:-105px;
}
/* nav_options END ---------- */
/* nav_category START ---------- */
#top_category {
clear: both;
float: left;
width: 100%;
position: relative;
top: 0;
left: 0;
z-index:1;
}
#nav_category {
display:block;
float:left;
clear:both;
width:971px;
height:27px;
margin:0px;
padding:0px;
background:url(/assets/img/interface/bg1pxc.gif) top left repeat-x #e0f649;
overflow:hidden;
color:#33302d;
}
#nav_category form {
float:right;
overflow:hidden;
margin:0px;
padding:3px 5px 0 0;
height:20px;
}
#nav_category input {
height:20px !important;
margin:0px 0px 0px 4px;
padding:0px;
float:left;
}
.nav_options_input {
height:20px !important;
width:195px;
margin:0px;
padding:2px 0px 0px 2px !important;
font-size:12px;
color:#c2bbb4;
border:1px solid #999;
background-color:#fff;
display:inline;
}
.nav_options_input:focus {
border:1px solid #6ccef4;
background-color:#eee;
color:#34302d;
}
#nav_category ul li {
display:inline;
float:left;
margin:0px;
padding:0px;
}
#nav_category li ul { /* second-level lists */
position: absolute;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
width: 133px;
padding-top:0;
font-size:11px;
margin: -7px 0 0 10px
}
#nav_category li a:hover ul, #nav_category li.sfhover ul, #nav_category li:hover ul, #nav_category li.over ul, #nav_category li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav_category li a:hover ul.sub, #nav_category li.sfhover ul, #nav_category li:hover ul.sub, #nav_category li.over ul.sub, #nav_category li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav_category li a:hover ul ul, #nav_category li a:hover ul ul ul, #nav_category li a:hover ul ul ul ul, #nav_category li a:hover ul ul ul ul ul, #nav_category li:hover ul ul, #nav_category li:hover ul ul ul, #nav_category li:hover ul ul ul ul, #nav_category li:hover ul ul ul ul ul {
display: none;
}
#nav_category li a:hover ul, #cat ul li a:hover ul, #nav_category ul ul li a:hover ul, #nav_category ul ul ul li a:hover ul, #nav_category ul ul ul ul li a:hover ul, #nav_category li:hover ul, #nav_category ul li:hover ul, #nav_category ul ul li:hover ul, #nav_category ul ul ul li:hover ul, #nav_category ul ul ul ul li:hover ul {
display:block;
}
/*ie6 script fix*/
#nav_category ul li.over {
display:block;
}
#nav_category li.over ul ul, #nav_category li.over ul ul ul, #nav_category li.over ul ul ul ul, #nav_category li.over ul ul ul ul ul {
display: none;
}
#nav_category li.over ul, #nav_category ul li.over ul, #nav_category ul ul li.over ul, #nav_category ul ul ul li.over ul, #nav_category ul ul ul ul li.over ul {
display:block;
}
/*ie6 script fix -- end */
#nav_category .subcats a {
padding: 5px 3px 5px 3px;
width: 125px;
border-bottom: 1px solid #c0ce25;
border-left: 1px solid #c0ce25;
border-right: 1px solid #c0ce25;
background-color:#f1fca1;
display:block;
color:#33302d;
background-image:none;
height:auto;
font-size: 1.0875em;
text-indent: 0
}
#cat li a {
background:url(/assets/img/interface/dot.gif) 0px 12px no-repeat;
height:27px;
display:block;
padding: 6px 9px 0 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
font-weight:500;
text-transform:capitalize;
color: #33302d
}
/* nav_category END ---------- */
#nav_undershadow {
display:block;
float:left;
clear:both;
width:970px;
height:10px;
margin:0px 0px 15px 0px;
padding:0px;
background:url(/assets/img/interface/new_undershadow.gif) left top repeat-x;
overflow:hidden;
}
#new_undershadow {
display:block;
float:left;
clear:both;
width:970px;
height:5px;
margin:0px;
padding:0px;
background:url(/assets/img/interface/nav_undershadow.gif) left top repeat-x #e4e0dd;
overflow:hidden;
}
#nav_undershadow_video {
display:block;
float:left;
clear:both;
width:971px;
height:10px;
margin:0;
padding:0px;
background:url(/assets/img/interface/nav_undershadow_video.gif) left top repeat-x;
overflow:hidden;
}
.nav_spacer {
display:block;
float:left;
clear:both;
width:970px;
height:10px;
margin:0px 0px 15px 0px;
padding:0px;
overflow:hidden;
}
#content_container {
display:block;
float:left;
clear:both;
width:970px;
margin:0px;
padding:0px;
overflow:hidden;
}
/* content_a START ---------- */
#content_a {
display:block;
float:left;
width:605px;
margin:0px 10px 20px 0px;
padding:0px;
overflow:hidden;
}
.section_a, .section_b {
/* padding: 6px 10px 6px 10px; */
background-color:#fff;/* margin-bottom: 10px; */
}
.round_t, .round_b {
background-color:#fff;
text-align:left;
}
.round_b {
margin-bottom:10px;
}
.round_t img, .round_b img {
vertical-align:top
}
.round_t {
background:url(/assets/img/interface/corner_footer_tr.gif) no-repeat top right;
}
.round_b {
background:url(/assets/img/interface/corner_footer_br.gif) no-repeat top right;
}
.t {
background: url(/assets/img/interface/corner-border.png) 0 0 repeat-x #fff;
width: 100%
}
.b {
background: url(/assets/img/interface/corner-border.png) 0 100% repeat-x
}
.l {
background: url(/assets/img/interface/corner-border.png) 0 0 repeat-y
}
.r {
background: url(/assets/img/interface/corner-border.png) 100% 0 repeat-y
}
.bl {
background: url(/assets/img/interface/corner-bl.png) 0 100% no-repeat
}
.br {
background: url(/assets/img/interface/corner-br.png) 100% 100% no-repeat;
margin-bottom:10px
}
.tl {
background: url(../../img/interface/corner-tl.png) 0 0 no-repeat
}
.tr {
background: url(../../img/interface/corner-tr.png) 100% 0 no-repeat;
padding: 10px 10px 6px 10px;
}
.rd-corners-div {
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
padding: 0 10px 0 10px
}
.bottom {
background-color:#ffffff;
float:left;
border-bottom:#cccccc 1px solid;
height:5px;
width: auto;
}
.bottom-r {
float:left;
height:6px;
background: url(/assets/img/interface/corner-br.png) 100% 100% no-repeat;
width: 6px
}
.bottom-l {
float:left;
height:6px;
background: url(/assets/img/interface/corner-bl.png) 100% 100% no-repeat;
width: 6px
}
.wide {
width:100%
}
#content_a p {
margin-bottom:20px;
}
#content_a p a:link, #content_a p a:visited {
color:#0aa1dd;
background-color:#fff
}
#content_a p a:hover, #content_a p a:visited:hover {
text-decoration: underline;
}
#content_a .title {
margin:0
}
#content_a .title h1 {
float:left;
font-size:2.8em;
color:#33302d;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
background-color:#fff;
}
#content_a .title span {
float:right;
padding-left:8px;
text-transform:uppercase;
font-size:.9em;
color:#666;
margin-top:-13px
}
#content_a .title span span {
text-transform:capitalize
}
#content_a h1 {
font-size:2.8em;
color:#33302d;
font-weight: normal;
background-color:#fff;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: capitalize
}
#content_a h1 span {
color:#bcd605;
background-color:#fff
}
#content_a h2 {
color:#33302d; /* #000 */
text-transform: uppercase;
background-color:#fff
}
#content_a h2 a:link, #content_a h2 a:visited {
color:#0aa1dd;
background-color:#fff
}
#content_a h2 a:hover, #content_a h2 a:visited:hover {
text-decoration: underline;
}
#content_a h2 span {
color:#0aa1dd;/* background-color:#fff */
}
#content_a h3 {
color:#33302d;
background-color:#fff
}
#content_a h4 {
font-size:1.2em;
color:#33302d;
font-weight: bold;
background-color:#fff;
text-transform:capitalize
}
#content_a h4 span {
color:#0aa1dd;
background-color:#fff
}
#content_a li span.source {
padding-right:8px;
font-weight:normal;
font-weight:bold;
font-size:10.5px
}
#content_a h5 {
color:#0aa1dd;
font-size:14px;
font-weight: bold;
margin-bottom:14px;
background-color:#fff
}
#content_a h6 {
color:#33302d;
font-size:10px;
font-weight:normal;
margin-bottom:10px;
text-transform:uppercase;
background-color:#fff
}
#content_a h6 a:link, #content_a h6 a:visited {
color:#0aa1dd;
background-color:#fff
}
#content_a h6 a:hover, #content_a h6 a:visited:hover {
text-decoration: underline;
}
/* searchtopic
------------------------------------------------------*/
#searchtopicbox {
padding:10px;
margin:10px 0px 10px 0px;
display:block;
width:593px;
border:5px solid #e0f649;
}
#searchtopicbox a:link, #searchtopicbox a:visited {
color:#0aa1dd;
background-color:#fff
}
#searchtopicbox a:hover, #searchtopicbox a:visited:hover {
text-decoration: underline;
}
#searchtopicbox p {
margin:10px 0px 0px 0px;
}
.searchdates {
color:#666;
background-color:#fff;
margin-top:8px
}
/* blogbox START ---------- */
#blogbox {
background:url(/assets/img/global_elements/bkgrd_lines.jpg) left top repeat-y;
padding:0px;
margin:10px 0px 20px 0px;
display:block;
width:603px;
overflow: hidden;
}
#blogbox_container h1 {
font-size: 13px;
color: #33302d;
margin-bottom: 5px;
background-color:#fff
}
#blogbox_container {
padding:5px 10px 15px 10px;
}
#blogbox_container a:link, #blogbox_container a:visited {
color: #0aa1dd;
background-color:#fff
}
#blogbox_container a:hover, #blogbox_container a:visited:hover {
text-decoration: underline;
}
#blogbox_container ul {
float:left;
margin:0px;
color: #bad608;
overflow:hidden;
font-size:11px;
background-color:#fff
}
#blogbox_container li {
width:125px;
list-style-position: outside;
list-style-type: disc;
overflow:hidden;
background:url(/assets/img/global_elements/bullet_blog.jpg) left center no-repeat;
padding-left:10px;
margin-right:5px;
}
.blogbox_lines {
background:url(/assets/img/global_elements/horizontallines.gif) left top repeat-x;
height:5px;
display:block;
margin:0px;
}
.blogbox_lines_bottom {
background:url(/assets/img/global_elements/horizontallines.gif) left bottom repeat-x;
height:5px;
display:block;
margin:20px 0px 0px 0px;
clear:left;
}
.blogheader /* Blog header class */ {
margin-bottom:5px;
}
.blogheaderimg /* Blog image class */ {
margin-right:10px;
float: left;
}
.blogparagraph {
display: block;
padding:10px 0px;
margin:5px 0px;
background:url(/assets/img/global_elements/horizontallines.gif) left bottom repeat-x;
}
.blogparagraph p {
margin-bottom:10px !important;
}
.blogparagraphimg /* The image block in the blog paragraphs */ {
float:right;
margin:0px 0px 5px 10px;
width:160px;
color:#999;
font-size:10px;
background-color:#fff
}
.blogparagraphimg a:link, .blogparagraphimg a:visited {
color:#0aa1dd;
background-color:#fff
}
.blogparagraphimg a:hover, .blogparagraphimg a:visited:hover {
color:#33302d;
background-color:#fff
}
.blogheaderline {
background:url(/assets/img/global_elements/block.jpg) right bottom no-repeat;
margin-top:2px;
padding-bottom:2px;
}
/* blogbox END ---------- */
#breaking_news_quote {
width:299px;
padding:0px;
display:block;
float:right;
overflow:hidden;
margin-right:10px;
}
#breaking_news_quote h2 {
font-size:12px;
margin-bottom:5px;
text-transform:uppercase;
color:#666;
background-color:#fff
}
#breaking_news_quote p {
background:url(/assets/img/global_elements/quotebox.gif) left top no-repeat #fff;
width:259px;
padding:11px 25px 15px 15px;
height:185px;
display:block;
color:#666 !important;
}
#breaking_news_quote span {
color:#33302d !important;
margin:10px 10px 0px 0px !important;
width:250px !important;
height:120px !important;
font-size: 15px !important; /* orig 20px */
font-weight:normal;
line-height:17pt; /* orig 25px */
background-color:#fff;
font-weight:bold
}
#breaking_news_quote ul {
float:left;
font-size: 13px;
}
#breaking_news_quote li a:link, #breaking_news_quote li a:visited {
color:#0aa1dd;
background-color:#fff
}
#breaking_news_quote li a:hover, #breaking_news_reuters_quote li a:visited:hover {
text-decoration: underline;
}
/* content_a END ---------- */
/* content_b START ---------- */
.b_bkgrd /* background style for content_b */ {
padding:0px 0px 20px 10px;
color:#33302d; /* #000 */
}
#content_b {
display:block;
float:left;
width:336px;
overflow:visible;
}
#content_b a:link, #content_b a:visited {
color:#0aa1dd;
}
/*#content_b a:hover, #content_b a:visited:hover {
color:#33302d;
background-color:#fff
}*/
#content_b h1 {
font-size:14px;
text-transform:uppercase;
margin:15px 10px 10px 0px;
padding:0px 10px 10px 0px;
color:#33302d;
position:relative;
}
#content_b h2 {
font-size:12px;
margin-bottom:5px;
text-transform:uppercase;
color:#666;
position:relative;
}
#content_b h3 {
font-size:15px;
margin-bottom:5px;
text-transform:uppercase;
color:#0ba2db;
}
#content_b h4 {
font-size:15px;
margin-bottom:5px;
color:#333;
}
/* #content_b ul {
margin-bottom:15px;
position:relative;
}
#content_b li {
margin-bottom:8px;
margin-right:8px
}
#content_b li span {
font-size:11px;
color:#c2bbb4 ;
padding-right:8px;
} */
#content_b .advertise {
padding: 20px 0;
overflow:visible
}
.content_b_160x600 {
float:right;
background:url(/assets/img/advertisers/advertisement_grey.gif) left top no-repeat;
padding:8px 10px 0px 0px;
}
.content_b_160x600 img {
border:1px solid #ccc;
margin-bottom:10px;
padding:0;
}
/* content_b END ---------- */
/* rightNav START ---------- */
.rightNav {
background-color:#fff;
color:#33302d;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.4em !important;
}
.rightNav h2 {
display: block;
height: 27px;
line-height: 27px;
border: none !important;
color: #e0f648 !important;
margin:0 !important;
padding:0px 0px 3px 5px !important;
background:url(../../img/interface/337-hdr.gif) left top no-repeat #e4e0dd;
font-size:1.05em !important;
font-family:Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: none !important
}
.rightNav span.viewall {
float:right;
font-family: Arial, Helvetica, sans-serif;
width:88px;
padding-right:10px;
font-size:.675em;
text-align:right
}
.rightNav span.viewall a {
color: #e0f648 !important;
background: none !important;
}
#subcenter {
height: 138px;
padding-top:5px
}
#subcenter img {
margin-right: 8px
}
#subcenter ul {
margin:0;
float: left;
}
#subcenter ul li {
float: none;
background: url(/assets/img/global_elements/arrow_grey.gif) left 10px no-repeat;
padding-left: 10px
}
#subcenter ul li a {
font-family: Georgia, "Times New Roman", Times, serif !important;
font-size:1.1em;
margin-bottom:3px !important
}
.n_letter {
background-color:#fff;
color:#33302d;
font-size: 1.4em !important;
}
.n_letter h2 {
color:#33302d !important;
font-size:1em !important;
text-transform:capitalize !important;
font-weight: bold;
margin-bottom: 0 !important;
}
.n_letter span {
font-size:.8em !important;
}
.n_letter img {
margin-right:8px;
}
.n_letter form {
padding-top:5px !important;
margin-top:-15px;
clear: both
}
.n_letter .emailupdate_input {
width: 188px;
font-family: tahoma, arial, helvetica, sans-serif;
color: #c2bbb4;
height: 17px;
font-size: 11px;
}
.n_letter .emailupdate_input:focus {
color: #34302d;
}
.n_letter .emailupdate_submit {
padding-left:3px;
margin-top:-4px
}
.fix_floats {
overflow: hidden;
width: 100%;
padding-bottom: 18px
}
.rightNav h2 span {
float:left;
width: 24px;
}
.rightNav h2 span.Video {
background:url(/assets/img/interface/vidIcon.png) left 3px no-repeat;
}
.rightNav h2 span.Slideshows {
background:url(/assets/img/interface/Slideshows.png) -3px 3px no-repeat;
}
.rightNav h2 span.Podcasts {
background:url(/assets/img/interface/Podcasts.png) -1px 3px no-repeat;
}
.rightNav ul {
padding:5px 0 1px 0;
/*margin: 0 5px 0 5px !important;
border-left: #dad6d2 1px solid;
border-right: #dad6d2 1px solid;*/
margin:0 !important;
}
.rightNav li {
padding:5px 0 5px 0;
display: block;
margin: 0 !important;
float: left;
}
.rightNav li img {
border: solid 1px #dad6d2;
}
.rightNav li.idr {
font-size: .8em;
}
.rightNav li.idr img {
float: left;
margin: 0 10px 5px 0;
}
.rightNav li.idr span {
font-size:.675em;
line-height:100% !important
}
.rightNav li.idr a {
font-size: 1em;
display: inline
}
.rightNav li.idr a.headline {
font-size: 1.4em;
display: block
}
.rightNav li.video {
width: 100px;
}
.rightNav li.slideshows {
width: 150px;
}
.rightNav li.podcasts {
width: 100%;
padding-right: 10px
}
.rightNav li.podcasts span a, .rightNav li.podcasts span a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#33302d !important;
display:inline
}
.rightNav li.podcasts a.rss {
font-family:Arial, Helvetica, sans-serif;
color:#000 !important;
display: inline;
font-size:11px !important;
}
/* .rightNav li img {
float:left;
padding-right:5px
} */
#explore ul {
padding:0;
}
#explore ul li {
float: none;
padding-bottom:13px;
width:100%
}
#explore ul li a {
display: inline
}
#explore ul li a.one {
font-size: 1.2em
}
#explore ul li a.two {
font-size: 1.4em;
}
#explore ul li a.three {
font-size: 1.2em;
color:#52acd0
}
#explore ul li a.four {
font-size: 1em;
color:#9dbecc
}
.rightNav a {
display: block;
}
.rightNav a:hover {
display: block;
text-decoration:underline
}
.rightNavlast {
border: none !important;
padding-bottom:0 !important;
}
#NewsfromOurPartners ul {
/* list-style: disc outside !important; */
padding-bottom:13px;
}
#NewsfromOurPartners ul li {
float: none !important;
font-size: .857em;
background:url(/assets/img/global_elements/arrow_grey.gif) left 8px no-repeat;
padding-left:8px;
}
#NewsfromOurPartners ul li a:link {
color:#33302d
}
#NewsfromOurPartners ul li a:hover {
color:#0aa1dd
}
/* Most Popular / Latest News */
#pop_news UL.tabNavigation {
list-style: none;
margin: 0 0 0 0;
padding:8px 0 11px 0;
background:url(/assets/img/interface/mostPop_latestNews_bar.gif) left bottom no-repeat;
}
#pop_news_cat UL.tabNavigation {
list-style: none;
margin: 0;
padding:8px 0 3px 0;
}
#pop_news UL.tabNavigation LI, #pop_news_cat UL.tabNavigation LI {
display: inline;
}
#pop_news UL.tabNavigation LI A {
background: url(../../img/interface/tabOff.gif) no-repeat;
color: #fff;
font-size:1.3em;
font-weight: 600;
text-decoration: none;
}
#pop_news_cat UL.tabNavigation LI A {
background: url(../../img/category/catTabOff.gif) no-repeat;
color: #6c655f;
font-size:1.3em;
font-weight: 600;
text-decoration: none;
}
#pop_news UL.tabNavigation LI A.selected, #pop_news UL.tabNavigation LI A:hover {
background: url(../../img/interface/tabOn.gif) no-repeat;
color: #e0f648;
}
#pop_news_cat UL.tabNavigation LI A.selected, #pop_news_cat UL.tabNavigation LI A:hover {
background: url(../../img/category/catTabOn.gif) no-repeat;
color: #33302d;
}
#pop_news UL.tabNavigation LI A:focus, #pop_news_cat UL.tabNavigation LI A:focus {
outline: 0;
}
#pop_news div.tabs > div, #pop_news_cat div.tabs > div {
padding: 5px;
margin-top: 3px;
border: 5px solid #333;
}
#pop_news div.tabs > div h2, #pop_news_cat div.tabs > div h2 {
margin-top: 0;
}
#pop_news p, #latest p, #pop_news_cat p, #latest_cat p {
background-color:#fff;
border-bottom: 1px #dad6d2 solid;
border-left: 1px #dad6d2 solid;
border-right: 1px #dad6d2 solid;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
padding: 10px;
}
#pop_news p.first, #latest p.first, #pop_news_cat p.first, #latest_cat p.first {
border-top: 1px #dad6d2 solid;
}
#pop_news p.even, #latest p.even, #pop_news_cat p.even, #latest_cat p.even {
background: #f9f8f6
}
#pop_news p a, #latest p a, #pop_news_cat p a, #latest_cat p a {
color: #33302d !important;
}
#pop_news p a:hover, #latest p a:hover, #pop_news_cat p a:hover, #latest_cat p a:hover {
color: #0aa1dd !important;
}
/* Around the Web || Latest Stories (Categories) */
p.rightNavStyle2 {
background-color:#fff;
border-bottom: 1px #dad6d2 solid;
border-left: 1px #dad6d2 solid;
border-right: 1px #dad6d2 solid;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
padding: 10px;
}
p.rightNavStyle2 span.thirdparty {
color:#999999;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: .875em
}
p.rightNavStyle2 a {
color: #33302d !important;
display:inline
}
p.rightNavStyle2 a:hover {
display:inline
}
p.even {
background: #f9f8f6
}
p.rightNavStyle2 span {
font-family:Arial, Helvetica, sans-serif;
font-size:.75em
}
p.rightNavStyle2 a:hover {
color: #0aa1dd !important;
}
#mostpop p.first, #latest p.first {
border-top: 1px #dad6d2 solid
}
#mostpop p.last, #latest p.last {
border-bottom: none !important;
padding-bottom: 3px !important;
}
/* accordionmenu END ---------- */
/* footer_information START ---------- */
#footer_information {
color:#6c655f;
display: block;
width: 250px;
height: 160px;
overflow:hidden;
float:left;
background:url(/assets/img/interface/footerDivide.gif) right 18px no-repeat;
}
#footer_information ul {
width: 120px;
float: left;
font-size:11px
}
#footer_information li {
margin-bottom:6px;
}
#footer_information a:link, #footer_information a:visited {
color:#6c655f;
background-color:inherit
}
#footer_information a:hover, #footer_information a:visited:hover {
text-decoration:underline
}
#footer_information h1 {
text-transform:uppercase;
font-size:14px;
font-weight: normal;
color:#33302d;
margin:20px 108px 9px auto;
/*text-align:center;*/
background-color:inherit
}
/* footer_information END ---------- */
/* footer_publications START ---------- */
#footer_publications {
color:#6c655f;
display: block;
width: 196px;
height: 158px;
overflow:hidden;
float:left;
background:url(/assets/img/interface/footerDivide.gif) right 18px no-repeat;
background-color:inherit
}
#footer_publications ul {
width: 160px;
float: left;
font-size:11px
}
#footer_publications li {
margin:0px 0px 6px 10px;
display: block;
}
#footer_publications a:link, #footer_publications a:visited {
color:#6c655f;
background-color:inherit
}
#footer_publications a:hover, #footer_publications a:visited:hover {
text-decoration:underline
}
#footer_publications h1 {
text-transform:uppercase;
font-size:14px;
font-weight: normal;
color:#33302d;
margin:20px 108px 9px 10px;
text-align:left;
background-color:inherit
}
/* footer_publications END ---------- */
/* footer_services START ---------- */
#footer_services {
color:#6c655f;
display: block;
width: 194px;
height: 160px;
overflow:hidden;
float:left;
background:url(/assets/img/interface/footerDivide.gif) left 18px no-repeat;
}
#footer_services ul {
width: 158px;
float: left;
font-size:11px
}
#footer_services li {
margin:0px 0px 6px 10px;
display: block;
}
#footer_services a:link, #footer_services a:visited {
color:#6c655f;
background-color:inherit
}
#footer_services a:hover, #footer_services a:visited:hover {
text-decoration:underline
}
#footer_services h1 {
text-transform:uppercase;
font-size:14px;
font-weight: normal;
color:#33302d;
margin:20px 0 9px 10px;
text-align:left;
background-color:inherit
}
/* footer_services END ---------- */
/* footer_newsletters START ---------- */
#footer_newsletters {
color:#6c655f;
display: block;
height: 153px;
overflow:hidden;
float:left;
width:319px;
padding-left:10px;
background:url(/assets/img/interface/footerDivide.gif) left 18px no-repeat #fff;
}
#footer_newsletters ul {
width: 150px;
padding-top:8px;
_padding-top:0;
}
#footer_newsletters ul li {
width: 150px;
float: left;
height:35px;
overflow:visible
}
#footer_newsletters ul li img {
padding-right: 5px;
float: left;
margin-top:-6px;
_margin-top:0;
}
/*#footer_newsletters ul li span {
padding-top: 9px
} */
#footer_newsletters a:link, #footer_newsletters a:visited {
color:#6c655f;
background-color:#fff;
text-decoration: none;
font-size:11px
}
#footer_newsletters a:hover, #footer_newsletters a:visited:hover {
text-decoration: underline
}
#footer_newsletters h1 {
text-transform:uppercase;
font-size:14px;
font-weight: normal;
color:#33302d;
margin:20px auto 9px auto;
text-align:left;
background-color:inherit
}
/* footer_newsletters END ---------- */
#footer {
display:block;
/* float:left; */
clear: both;
width:971px;
margin:0px 0px 17px 0px;
padding:0px;
overflow:hidden;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
#credits {
display:block;
float:left;
clear: both;
width:971px;
height:30px;
margin:0px;
padding:0px;
overflow:hidden;
font-size:10px;
color: #666;
}
/* Article Topic
------------------------------------------------------*/
#article-topic {
border-bottom:5px solid #DAD6D2;
}
.pagination {
font-family: Arial, Helvetica, sans-serif;
float:right;
font-size:12px;
font-weight:bold;
/* margin-top:-10px; */
padding-bottom:5px;
}
.pagination a {
color: #33302d;
background-color: #e4e0dd;
padding: 0 5px 0 5px;
display:inline
}
.pagination a:hover {
color: #fff;
background-color: #0aa1dd;
padding: 0 5px 0 5px;
display:inline
}
.pagination span {
padding: 0 5px 0 5px
}
.topic {
background:url(/assets/img/interface/topic.gif) no-repeat top left;
padding: 0 0 10px 90px;
margin:0;
}
.article-topic-lines {
background:url(/assets/img/global_elements/horizontallines.gif) repeat-x bottom left;
padding-bottom:10px;
border:none !important;
}
#article-topic a {
font-weight:bold;
text-transform:uppercase;
}
#article-topic h1 {
color:#33302D;
font-size:2.7em;
padding-bottom: 6px !important;
float:left;
margin-top:-8px
}
.margincorrect {
margin-top:0 !important
}
#article-topic h2 {
color:#33302D;
clear:both;
font-size:1.2em;
padding-left:4px
}
#article-topic h3 {
float:left;
margin: 0 0 8px 0;
}
#article-topic h3 a {
float:right;
font-size:0.8em;
}
#article-topic .title {
width: 607px;
height:76px;
float:left;
background:url(/assets/img/global_elements/dotted.gif) repeat-x 0 61px;
padding: 30px 0 5px 0px;
}
#article-topic .rss {
float:left;
width: 50px;
padding: 3px 0 0 10px;
margin-top:-8px;
text-transform:uppercase;
}
#article-topic .active-discussion {
float:right;
margin: 13px 0 0 0;
padding: 17px 16px 0 40px;
background:url(/assets/img/category/activediscussions.png) no-repeat top left;
width: 288px;
height:63px;
}
#article-topic .active-discussion p {
clear:both;
font-size:1.1em;
}
#article-topic .active-discussion p a {
text-transform:none;
font-weight:normal;
}
#article-topic .more {
padding: 15px 0 0 0;
}
/*Scientific American
------------------------------------------------------*/
#scientific-american .heading {
background:#DAD6D2;
height:19px;
padding: 1px 5px 0 5px;
}
#scientific-american h2 {
float:left;
font-size:1.2em;
padding: 3px 0 0 0;
color:#33302D;
}
#scientific-american .exploremore {
float:right;
width: 68px;
height:14px;
text-transform:uppercase;
padding: 0 0 0 5px;
}
#scientific-american .SlidingPanels {
width: 971px;
height: auto;
float: left;
}
#scientific-american .SlidingPanelsContentGroup {
width: 975px;
float: left;
}
#scientific-american .SlidingPanelsContent {
float: left;
width:190px;
height: auto;
padding: 3px 5px 3px 0;
}
#scientific-american img {
float: left;
margin-right: 5px;
margin-bottom: 4px;
}
#scientific-american .SlidingPanelsContent .content {
float: left;
}
#item1 .content, #item2 .content {
border-right: solid 3px #FFFFFF;
}
#scientific-american .content {
height: 153px;
}
#scientific-american p {
margin: 0;
font-size:12px;
font-weight:bold
}
/* #scientific-american .prev {
text-align: left;
padding: 4px 4px;
clear: both;
}
#scientific-american .next {
text-align: right;
padding: 4px 4px;
clear: both;
}
.SlidingPanelsAnimating * {
overflow: visible !important;
}
#scientific-american .navLinks {
clear: both;
text-align: center;
border-top: solid 1px #CCC;
padding-top: 4px;
padding-bottom: 4px;
border: solid 1px #999;
} */
/* sponsors
----------------------------------------------------------------*/
.sponsors {
width: 309px;
float:right;
padding: 0 10px 0 0;
}
.sponsors_narrow {
width: 160px;
float:right;
padding: 0 10px 0 0;
}
.sponsors ul, .sponsors_narrow ul {
width: 143px;
float:left;
}
.sponsors .left {
width: 130px;
padding: 0 20px 0 0;
}
.sponsors ul li, .sponsors_narrow ul li {
background:url(/assets/img/global_elements/arrow_grey.gif) no-repeat 0 2px;
padding: 0 0 5px 10px;
}
.sponsors ul li a, .sponsors_narrow ul li a {
color:#4242FD !important;
}
/* (In-Depth) Reports
----------------------------------------------------------------*/
#report-header {
padding:10px 0 10px 0
}
#report-header .title {
position:relative;
width:625px;
float:left
}
#report-header .title h1 {
text-transform:capitalize;
font-size:3.3em
}
#report-header .title p {
font-size:13px
}
#report-header .report-sponsor {
float:right;
/*margin: 13px 0 0 0;
padding: 0 0 15px 0;*/
width: 260px;
height:73px;
color:#999;
background-color:#ccc;
}
.bottomrule {
height: 5px;
display: block;
margin:0;
clear: both;
}
#report-features li.title, .report_b p.title, #report-more p.title {
background:url(/assets/img/interface/reportsbg.gif) repeat-x top left;
color:#e0f648;
text-transform:uppercase;
padding:3px;
font-weight:bold;
font-size:11px
}
#report-features li a.headline {
font-size:14px
}
#report-features li .img_credit {
font-size:11px;
color:#c2bbb4;
padding:0 5px 0 6px
}
#report-features {
margin:0 0 10px 0;
padding:0 0 0 1px;
width:623px;
background:url(/assets/img/interface/4columnbg.gif) repeat-y top left;
}
#report-features ul {
width:154px;
float:left;
padding:0 1px 0 0;
margin-bottom:0;
}
#report-features li {
padding:0
}
#report-features li a.headline {
font-weight:bold
}
#report-features li img {
border-bottom:1px #dad6d2 solid
}
#report-features li.title {
border-top:1px #dad6d2 solid;
}
#report-features li.text {
padding:5px 5px 5px 6px;
}
#report-more {
margin:0;
padding:0;
;
font-size:11px
}
#report-more p.title {
width:614px;
border-left:1px #dad6d2 solid;
border-right:1px #dad6d2 solid;
border-bottom:1px #dad6d2 solid
}
#report-more p {
margin:0;
padding:6px;
float:left;
width:608px;
border-left:1px #dad6d2 solid;
border-right:1px #dad6d2 solid;
border-bottom:1px #dad6d2 solid
}
#report-more p img {
border:1px #dad6d2 solid;
float:left;
margin-right:5px
}
#report-more p.even, #report-more p a.even {
background-color:#f9f8f6
}
.report_b p span, #report-more p span {
color: #6c655f;
font-size:10px;
}
.report_b p a.headline, #report-more p a.headline {
font-size:12px;
font-weight:bold
}
.report_b {
margin:0 0 10px 0;
padding:0;
width:318px;
border-left:1px #dad6d2 solid;
border-right:1px #dad6d2 solid;
font-size:11px;
float:right
}
.report_b p {
padding:7px 7px 15px 7px
}
.report_b p.cell {
margin:0;
padding:7px;
border-top:1px #dad6d2 solid
}
.report_b p img {
float:left;
margin-right:5px
}
.report_b p.even {
background-color:#f9f8f6;
border-bottom:1px #dad6d2 solid;
border-top:1px #dad6d2 solid
}
/* Google Custom Ads
----------------------------------------------------------------*/
#google {
font-size:11px
}
#google a.lead, #google a.lead:hover {
color: #33302d;
text-decoration:none;
font-size:12px
}
#google a.link, #google a.link:hover {
color: #27499f;
text-decoration:none
}
#google a.adsBy, #google a.adsBy:hover {
color:#ccc;
font-size:12px
}