/* $Id: style.css,v 1.37 2010/07/21 05:21:48 danprobo Exp $ */

/* Body
-------------------------------------------------------------- */

body { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #000; margin: 0; padding: 0; line-height: 1.5em; }
/* Text elements
-------------------------------------------------------------- */
html { overflow: scroll; }
html { overflow:-moz-scrollbars-horizontal; }
html { overflow:-moz-scrollbars-vertical; }
p { text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/ }
tr.odd td, tr.even td { padding: 0.5em; }
a { text-decoration: none; }
a:link { color: #005a8c;/*#e87e17*/ text-decoration: none; }
a:visited { color: #333333;/*#e87e17*/ text-decoration: none; }
a:hover { color: #33333; }
blockquote { background: url(images/bq-tl.gif) no-repeat left top; padding-left: 30px; margin-left: 10px; font-style: italic; }
blockquote p { background: url(images/bq-br.gif) no-repeat right bottom; }
cite { background: url(images/bq-tl.gif) no-repeat left top; clear: both; display: block; font-style: italic; padding-left: 30px; margin-left: 10px; }
code, tt, pre { background-color: #EDF1F3; font-family: "Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace; font-size: 0.9em; line-height: 1.2em; }
ul, li, h1, h2, h3, h4, h5, p, dl, dd, form, ol, img { margin: 0; padding: 0; list-style: none; border:none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: none; margin:0px; padding:0px; }
input{outline:none; border:0px;}
/* Headings
-------------------------------------------------------------- */

h1 { font-size: 20px; padding-left: 15px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
/* Header regions
-------------------------------------------------------------- */

#header { background-color: #ffffff; height: 100px; position: relative; width: 950px; margin: 0 auto; }
#header-first { float: left; }
.logo { padding-top: 10px; padding-left: 0; }
.logo IMG { height: 80px; }
#header-middle { float: left; }
.logo-name { font-size: 28px; font-weight: bold; color: #104E8B; margin-top: 25px; padding-left: 25px; position: relative; font-family: Verdana, Tahoma; }
.logo-text { display: inline; font-weight: bold; position: relative; padding-left: 35px; font-family: Verdana, Tahoma; }
#header-wrapper #search-box { margin: 4px 14px; position: absolute; right: 0; top: 30px; white-space: nowrap; }
#header-wrapper #search-box #search input.form-text { border: 1px solid #D5D5D5; width: 10em; }
/* Primary menu + Superfish
-------------------------------------------------------------- */

#menu { font-family: "微软雅黑"; height: 42px; background: url("../images/menubg.png") no-repeat scroll 0 0 transparent; width: 952px; margin: 0 auto; }
#nav { height: 42px; float: left; }
#nav li { float: left; height: 42px;text-align:center;}
#nav li a { color: #fff;  padding:0 15px;text-decoration: none; font-size: 16px; line-height:42px; display: inline-block; font-weight: bold; height: 42px; text-transform: uppercase; }
#nav li a:hover { background: url("../images/menu_prod.jpg") repeat-x scroll 0 0 transparent; }
#nav li.active-trail a { background: url("../images/menu_prod.jpg") repeat-x scroll 0 0 transparent;}
/* Superfish

background:url("../images/menuleft_prod.png") repeat-x scroll 0 0 transparent;
-------------------------------------------------------------- */

#superfish { height: 35px; float: left; }
#superfish h2 { height: 0; overflow: hidden; position: absolute; }
#superfish .menu, #superfish .menu * { margin: 0; padding: 0; list-style: none; }
#superfish .menu { line-height: 1.0; }
#superfish .menu ul { position: absolute; top: -999em; width: 13em; }
#superfish .menu ul li { width: 100%; }
#superfish .menu li:hover { visibility: inherit; }
#superfish .menu li { float: left; position: relative; }
#superfish .menu a { display: block; position: relative; }
#superfish .menu li:hover ul, #superfish .menu li.sfHover ul { left: 0; top: 32px; z-index: 99; }
#superfish ul.menu li:hover li ul, #superfish ul.menu li.sfHover li ul { top: -999em; }
#superfish ul.menu li li:hover ul, #superfish ul.menu li li.sfHover ul { left: 13em; top: 0; }
#superfish ul.menu li li:hover li ul, #superfish ul.menu li li.sfHover li ul { top: -999em; }
#superfish ul.menu li li li:hover ul, #superfish ul.menu li li li.sfHover ul { left: 13em; top: 0; }
#superfish .menu { float: left; margin-bottom: 1em; }
#superfish .menu a { padding: .75em 1em; text-decoration: none; }
#superfish .menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
#superfish .menu a, #superfish .menu a:visited { color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-right: 30px; padding-left: 30px; padding-top: 11px; }
#superfish .menu li { background: transparent; }
#superfish .menu li li { background: #3b6999; }
#superfish .menu li li li { background: #3b6999; top: 0px; }
#superfish .menu li:hover, #superfish .menu li.sfHover, #superfish .menu a:focus, #superfish .menu a:hover, #superfish .menu a:active { outline: 0; }
#superfish .menu li:hover, #superfish .menu li.sfHover, #superfish .menu a:focus, #superfish .menu a:hover, #superfish .menu a:active { z-index: 10; }
#superfish .menu li:hover { background: transparent url(images/menu-hover-bg.gif) repeat-x; }
#superfish .menu li.active-trail { background: transparent url(images/menu-hover-bg.gif) repeat-x; }
#superfish .menu li.active-trail li { background: #3b6999; }
#superfish .menu li li:hover { background: #3b6999; }
#superfish .menu li li li:hover { background: #3b6999; }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(images/arrows-ffffff.png) no-repeat -10px -100px; }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
#superfish .menu ul .sf-sub-indicator { background-position: -10px 0; }
#superfish .menu ul a > .sf-sub-indicator { background-position: 0 0; }
#superfish .menu ul a:focus > .sf-sub-indicator, #superfish .menu ul a:hover > .sf-sub-indicator, #superfish .menu ul a:active > .sf-sub-indicator, #superfish .menu ul li:hover > a > .sf-sub-indicator, #superfish .menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
#superfish .sf-shadow ul { background: url(images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
#superfish .sf-shadow ul.sf-shadow-off { background: transparent; }
/* slideshow + Preface top + Slideshow
-------------------------------------------------------------- */

#slideshow-wrapper { width: 950px; height: 420px; margin: 0 auto; margin-bottom: -45px; margin-top: 14px; }
.slideshow-inner { width: 950px; margin: 0 auto; height: 355px; position: relative; z-index: 1; }
#slideshow-preface { float: left; position: absolute; text-align: left; z-index: 4; }
.slideshow { width: 950px; height: 355px; position: relative; z-index: 2; }
.slideshow IMG { position: absolute; top: 0; left: 0; z-index: 8; }
#preface { padding: 20px; font-size: 1.2em; color: #fff; display: block; float: left; }
#preface a { color: #fff; text-decoration: underline; }
#preface a:hover { text-decoration: none; }
#slideshow-bottom { width: 950px; float: left; /*background:url(images/mission-bg.png) no-repeat center bottom; */
min-height: 65px; position: absolute; bottom: 0; left: 0; text-align: right; z-index: 3; line-height: 1.7em; }
/* Preface first + Preface middle + Preface last regions
-------------------------------------------------------------- */

#preface-wrapper { width: 950px; margin: 0 auto; }
#preface-wrapper .column { float: left; }
#preface-wrapper.in1 .column { width: 100%; }
#preface-wrapper.in2 .column { width: 50%; }
#preface-wrapper.in3 .column { width: 33.3%; }
#preface-wrapper .block { padding-left: 0; padding-right: 15px; }
#mission { padding: 20px; font-size: 1.6em; color: #002054; display: block; float: right; }
/* Content regions
-------------------------------------------------------------- */

#wrapper { background-color: #ffffff; width: 950px; margin: 0px auto 10px; }
#content { width: 100%; float: left; }
#content .content-right { float: right; padding-top: 400px; }
/* Sidebar regions
-------------------------------------------------------------- */

#sidebar-side-1 #sidebar-left { width: 26%; float: left; font-size: 16px; }
#sidebar-side-2 #sidebar-left { width: 21%; float: left; margin-right: 2%; font-size: 14px; }
.sidebars-1 #content { width: 69%; padding-left: 25px; float: left; }
.sidebars-2 #content { width: 54%; float: left; }
#sidebar-side-1 #sidebar-right { width: 26%; float: right; font-size: 12px; }
#sidebar-side-2 #sidebar-right { width: 21%; float: right; font-size: 12px; }
#sidebar-left .block, #sidebar-right .block { margin-bottom: 10px; }
#sidebar-left h2.block-title, #sidebar-right h2.block-title { background: #00C8FF; margin: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 50px; font-size: 20px; color: #ffffff; border-right: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
#sidebar-left .block-content { background-color: #ffffff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
#block-block-12 .block-content { background-color: none; padding-left: 0px; }
#sidebar-right .block-content { background-color: #ffffff; }
#sidebar-left .block-inner, #sidebar-right .block-inner { padding-bottom: 5px; }
#sidebar-left .block-content, #sidebar-right .block-content { color: #ffffff; line-height: 2em; }
#sidebar-left li a { }
#sidebar-left .block-content-inner, #sidebar-right .block-content-inner { margin: 0; padding: 5px 15px 5px 15px; }
/* Misc.
-------------------------------------------------------------- */

#help { font-size: 0.9em; margin-bottom: 1em; }
.error { border-color: red; }
.terms { background-repeat: no-repeat; padding-left: 18px; padding-bottom: 5px; }
.book-navigation .menu { padding-bottom: 15px; }
#notice { font-size: 10px; text-align: center; margin-bottom: -10px; }
table { width: 100%; }
/* Nodes
-------------------------------------------------------------- */

.node { margin: 10px; padding-bottom: 1em; }
.content-top { margin: 0 0 1.5em; padding-left: 0; }
.content-bottom { margin: 1.5em 0 1em; padding-left: 1.2em; padding-right: 1.2em; padding-top: .1em; padding-bottom: .5em; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #f4f4f4; ; }
.title, .title a { margin: 25px auto; line-height: 1.2em; }
.node .content, .comment .content { margin: .5em 0 .5em; }
.node .taxonomy { color: #999; font-size: 0.9em; padding-left: 1em; }
.node .picture, .comment .picture { float: right; }
.preview .node, .preview .comment { background-color: #f4f4f4; ; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.8em; }
.submitted { font-size: 0.9em; color: #999; }
.submitted a:hover { text-decoration: underline; }
.sticky { padding: 1em; background-color: #f4f4f4; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.messages { background-color: #f4f4f4; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.3em; margin-bottom: 1em; }
.breadcrumb { background-color: #f4f4f4; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding-top: 0.3em; padding-bottom: 0.3em; margin-bottom: 1em; padding-left: 10px; padding-right: 10px; }
/* Comments
-------------------------------------------------------------- */

.comment { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 1em; margin-bottom: 1em; padding-bottom: 1em; background-color: #f4f4f4; }
.comment .title { line-height: 1.2em; }
.comment .new { text-align: right; font-weight: normal; float: right; color: red; margin: .5em; }
/* Aggregator
-------------------------------------------------------------- */

.feed-item-body { border-bottom: 1px solid #bbb; padding-bottom: 1em; }
#aggregator .feed-source { background-color: #f4f4f4; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.8em; }
#aggregator h1 .title { border-bottom: 1px solid #bbb; }
#aggregator h2 { padding-top: 10px; }
#aggregator .news-item .categories, #aggregator .source, #aggregator .age { color: #999; font-style: italic; }
.feed-item-title { font-size: 1.4em; }
#aggregator h3 a:hover { text-decoration: none; }
.feed-item-meta .feed-item-source { font-size: 0.9em; }
.feed-item-meta .feed-item-date { font-size: 0.9em; color: #999; }
/* Forums
-------------------------------------------------------------- */

#forum table { width: 100%; }
#forum td { padding: 0.5em; border: 1px solid #bbb; }
#forum td.forum, #forum td.posts { background-color: #f4f4f4; }
#forum td.topics, #forum td.last-reply { background-color: #f4f4f4; }
#forum td.container { background-color: #e6e6e6; }
#forum ul.links a { background-repeat: no-repeat; padding-left: 20px; padding-bottom: 5px; }
#forum ul.links li.forum a { background-image: url(images/post.gif); }
#forum td.statistics, #forum td.settings, #forum td.pager { height: 1em; border: 1px solid #bbb; }
#forum td .links { padding-top: 0.7em; }
.block-forum h3 { margin-bottom: .5em; }
dl dd { margin: 0 0 .5em 1em; }
/* Tracker + Profile
-------------------------------------------------------------- */

#tracker table { width: 100%; }
#tracker td { padding: 0.5em; }
.profile { clear: both; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: .8em; margin: 1em 0em; background-color: #f4f4f4; ; }
/* Admin
-------------------------------------------------------------- */

div.admin-panel .body { background: #f4f4f4; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
div.admin-panel h3 { background-color: #e6e6e6; ; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 5px 8px 5px; margin: 0; }
div.admin { padding-top: 0; }
div.admin .left, div.admin .right { margin-left: 1%; margin-right: 1%; }
/* Poll
-------------------------------------------------------------- */

.poll .bar { background: #fff url(images/bg-bar-white.png) repeat-x 0 0; border: solid #f0f0f0; border-width: 1px 1px 1px; }
.poll .bar .foreground { background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%; }
/* Lists + Links + Pager
-------------------------------------------------------------- */



#authorize { float: right; padding-top: 5px; }
#authorize ul { display: inline; }
#authorize ul li { margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline; list-style: none; border-left: 1px #5a5a5a solid; background-image: none; }
#authorize ul li.first { border: 0; }
#authorize ul li, #authorize ul li a { font-size: 12px; line-height: 13px; }
#authorize a.feed-icon { padding-right: 20px; }
/* Bottom teaser
-------------------------------------------------------------- */

#bottom-teaser { font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 21px; width: 950px; margin: 10px auto 10px; }
#bottom-teaser .block { padding: 13px; width: 270px; height: 155px; }
#bottom-teaser .block .content { padding-top: 10px; border-top: 1px solid #A2C63A; }
#bottom-teaser .column { float: left; }
#bottom-teaser.in1 .column { width: 100%; }
#bottom-teaser.in2 .column { width: 50%; }
#bottom-teaser.in3 .column { width: 33.3%; }
.column h2 { color: #00C8FF; }
/* Bottom region
-------------------------------------------------------------- */

#bottom-wrapper { background-color: #f4f4f4; ; border-right: 1px solid #bbb; border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin: 10px auto 0; text-align: left; width: 950px; position: relative; }
#bottom-wrapper h2 { font-size: 1.3em; padding-top: 5px; padding-bottom: 5px; margin-bottom: -5px; }
#bottom-wrapper .column { float: left; padding-bottom: 15px; padding-top: 5px; }
#bottom-wrapper.in1 .column { width: 100%; }
#bottom-wrapper.in2 .column { width: 50%; }
#bottom-wrapper.in3 .column { width: 33.3%; }
#bottom-wrapper.in4 .column { width: 25%; }
#bottom-wrapper .block { padding-left: 15px; padding-right: 15px; }
/* Footer region
-------------------------------------------------------------- */

#footer-wrapper { width: 950px; margin: 0 auto; position: relative; }
#footer { width: 950px; margin: 0 auto; font-size: 12px; border-top: 1px solid #bbb; padding-top: 5px; padding-bottom: 5px; }
/* Secondary menu
-------------------------------------------------------------- */

#subnav { font-size: 12px; }
#subnav li { }
#subnav li a { font-weight: normal; }
#subnav li a:hover { color: #cc6600; }
#subnav-wrapper { text-align: right; padding-bottom: 5px; }
#subnav-wrapper ul { display: inline; }
#subnav-wrapper ul li { display: inline; list-style: none; background-image: none; padding-left: 5px; }
#subnav-wrapper ul li, #subnav-wrapper ul li a { font-size: 12px; line-height: 13px; }