/*

1) General selectors - body,h1/h3,a,blockquote,code,p
2) Structure - container,content,tagline
3) Left selectors - main,meta,comments
4) Right selectors - author,links,line,search,themes
5) Footer - extras
6) Forms - input,textarea
7) Accessibility - skip,hr
8) Hacks - clearfix

*/

/* 1) -=-=-=- General selectors -=-=-=- */

body {
background: #0E0F10;
background-repeat: no-repeat; background-position: center top;
margin: 0px 0 0px 0;
font-family: Arial, Verdana, Helvetica, 宋体;
font-size: 9pt;
color: #000000;
text-align: center;
}

dl {width:100%;margin-top:10px;}
dt {cursor:pointer;width:100%;}
.expand {overflow:visible;}
.collapse {height:25px;overflow:hidden;}

img {
vertical-align: bottom;
}

table.isborder {
border-spacing:0px;
border:1px solid #6B7C63;
}

td.isborderm {
border-spacing:0px;
border:1px solid #C5C5C5;
}

a:link.navtext{text-decoration:none;color:#ffffff;}
a:visited.navtext{text-decoration:none;color:#ffffff;}
a:active.navtext{text-decoration:none;color:#FFEA00;}
a:hover.navtext{text-decoration:none; color:#FFEA00;background: url(images/navbbb.gif) repeat-x 100%;padding-bottom: 20px;}

a:link.lightdarkblue{text-decoration:none;color:#7A95AA;}
a:visited.lightdarkblue{text-decoration:none;color:#7A95AA;}
a:active.lightdarkblue{text-decoration:none;color:#FFEA00;}
a:hover.lightdarkblue{text-decoration:none; color:#FFEA00;}

a:link.highlightlink{text-decoration:none;color:#ff7200;}
a:visited.highlightlink{text-decoration:none;color:#ff7200;}
a:active.highlightlink{text-decoration:underline;color:#2E8C56;}
a:hover.highlightlink{text-decoration:underline; color:#2E8C56;}

a:link.orange{text-decoration:none;color:#FF5A00;}
a:visited.orange{text-decoration:none;color:#FF5A00;}
a:active.orange{text-decoration:underline;color:#FF0000;}
a:hover.orange{text-decoration:underline; color:#FF0000;}

a:link.black{text-decoration:none;color:#000000;}
a:visited.black{text-decoration:none;color:#000000;}
a:active.black{text-decoration:underline;color:#FF5a00;}
a:hover.black{text-decoration:underline; color:#FF5a00;}

a:link.white{text-decoration:none;color:#FFFFFF;}
a:visited.white{text-decoration:none;color:#FFFFFF;}
a:active.white{text-decoration:underline;color:#FFEA00;}
a:hover.white{text-decoration:underline; color:#FFEA00;}

a:link.yellow{text-decoration:none;color:#FFE6A4;}
a:visited.yellow{text-decoration:none;color:#FFE6A4;}
a:active.yellow{text-decoration:underline;color:#FFEA00;}
a:hover.yellow{text-decoration:underline; color:#FFEA00;}

a:link.grey{text-decoration:none;color:#555555;}
a:visited.grey{text-decoration:none;color:#555555;}
a:active.grey{text-decoration:underline;color:#FF5A00;}
a:hover.grey{text-decoration:underline; color:#FF5A00;}

.chart_row_green {
background: #CCFFCC;
color: #000000;
}

.chart_row_amber {
background: #FFFFFF;
color: #000000;
}

.chart_row_red {
background: #FF7A0F;
color: #FFFFFF;
}

h1 {
color: #FCFEF4;
margin: -35px 0 0 7px;
position: absolute;
font-size: 2.2em;
}

h1 a:link, h1 a:visited {
color: #FCFEF4;
text-decoration: none;
}

h1 a:hover, h1 a:active {
background: none;
color: #DAED9C;
text-decoration: none;
}

h2 {
color: #0053B1;
font-weight: bold;
font-size: 14px;
margin: 0px 0 0px 10px;
}

h2 a:link, h2 a:visited {
color: #0053B1;
font-weight: bold;
text-decoration: none;
}

h2 a:hover, h2 a:active {
color: #ff7200;
font-weight: bold;
text-decoration: underline;
}

h3 {
color: #FF5A00;
font-size: 13px;
margin: 0px 0px 0px 25px;
font-weight: bold;
}

a:link {
color: #0053B1;
text-decoration: none;
}

a:visited {
color: #0053B1;
text-decoration: none;
}

a:hover, a:active {
color: #ff7200;
text-decoration: underline;
}

blockquote{
background: #F6F6F6 url(images/coma.gif) no-repeat 3% 5%;
border-left:6px solid #B3D4E9;
border-top:1px dotted #B3D4E9;
border-right:1px dotted #B3D4E9;
border-bottom:1px dotted #B3D4E9;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 0px;
line-height:120%;
margin:1em 20px;
}

code {
display: block;
padding: 2px;
line-height:150%;
font-size: 9pt;
margin-top:0px;
margin-bottom:0px;
}

p {
line-height: 1.4;
}

/* 2)-=-=-=- Structure -=-=-=- */

#container {
width: 765px;
margin: 0 auto;
text-align: left;
}

.container_left {
background: url(images/blogv1_23.gif) no-repeat;
}

.container_leftin {
background: url(images/blogv1_27.gif) no-repeat;
}

.container_right {
background: url(images/blogv1_25.gif) no-repeat top right;
}

.container_rightin {
background: url(images/blogv1_28.gif) no-repeat top right;
}

.topline {
background: url(images/container_top1.gif) no-repeat top center;
}

#content {
padding-top: 0px;
margin: 20px;
width: 500px;
}

#content_bg {
background: #fff url(images/container.gif) repeat-y;
}

/* Uncomment if you want to use the tagline feature (make sure you uncomment h1 above and comment the original h1) - off by default */
.tagline {
color: #888;
margin: 10px 0px 0 30px;
position: absolute;
font-size: 1em;
}


/* 3)-=-=-=- Left selectors -=-=-=- */

.main {text-align:justify;text-justify:inter-ideograph;font-family:Verdana;}

.main p {line-height:150%;}

.main a:link {
color: #0053B1;
text-decoration: none;
}

.main a:visited {
color: #0053B1;
text-decoration: none;
}

.main a:hover, a:active {
color: #ff7200;
text-decoration: underline;
}


.main li {
background: url(images/maindotv5.gif) no-repeat 0px 1px;
padding: 2px 0 0 10px;
list-style: none;
}

.main ul {
padding: 0 0 20px 10px;
margin: 0;
}

.article li {
list-style-image: url('images/maindotv5.gif');
padding: 0px 12px 2px 0px;
text-align:left;text-justify:inter-ideograph;
margin:5px 0 0 0;
}

.article ul {
padding: 0px 0px 20px 0px;
margin: 0px;
}

.article a:link {
color: #E3E3E3;
text-decoration: none;
}

.article a:visited {
color: #E3E3E3;
text-decoration: none;
}

.article a:hover, a:active {
color: #FFEA00;
text-decoration: underline;
}

.main img {
padding: 4px;
background: #FFFFFF;
border: 1px solid #C7C7C7;
}

.meta {
background: #ECF8FF;
font-size: .9em;
padding: 2px;
margin-left:6px;
}

.highlight { /* Basic highlight for text */
background: #E1F2FD;
}

.comments {
font-size: 1.2em;
padding-bottom: 0px;
padding-top: 15px;
padding-left: 12px;
/*border-bottom: 3px double #eee;*/
}

/*
.comments a:link, .comments a:visited {
color: #2E8C56;
font-weight: bold;
text-decoration: none;
}

.comments a:hover, .comments a:active {
background: #2E8C56;
color: #fff;
text-decoration: none;
}
*/


.alt {
background: #E1F2FD !important;
border: 1px solid #C1DBEC !important;
padding: 10px 10px 0 10px !important;
}

.alt:hover {
border: 1px solid #E1F2FD !important;
}

.commentlist li:hover {
border: 1px solid #E1F2FD ;
}

.commentlist {
padding: 0;
margin: 0;
}

.commentlist li {
list-style: none;
padding: 10px 10px 0 10px;
background: #F6FCFF;
border: 1px solid #DBEAF4;
margin: 10px;
color: #333333;
}

p.metadate {
font-size: .8em;
margin: 0;
text-transform: uppercase;
}

p.comment_meta {
margin: 0 0 10px 10px;
font-size: .9em;
}

.comment_author a:visited {
font-weight: bold;
text-decoration: none;
}

.reply {
font-weight: bold;
font-size: 1.2em;
margin: 10px 0 0 10px;
}

.warning p { /* Used on the search page (image will appear if no result is found) */
background: url(images/warning.gif) no-repeat left;
height: 160px;
padding: 20px 0 0 90px;
font-size: 1.5em;
margin: 0 0 0 10px;
}

.postinput {
margin-left: 10px;
}

/* 4)-=-=-=- Right selectors -=-=-=- */

#right {
float: right;
width: 210px;
padding: 10px 15px;

/* Box model hack used for IE5.5/5 */
voice-family: "\"}\"";
voice-family: inherit;
width: 210px;
}

#author li {
list-style: none;
margin: 0;
padding: 0 5px 20px 0;
font-size: .9em;
line-height: 1.4;
}

#author ul {
padding: 20px 0 0 0;
margin: 0;
}

#links li {
list-style: none;
background: url(images/links_bullet.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
}


#links ul {
padding: 20px 10px 30px 10px;
margin: 0;
}

#links ul ul{
padding: 0;
margin: 0;
}

#links ul li{
list-style: none;
background: url(images/iecool_arrow_143.gif) no-repeat 0 0%;
padding: 0px 0 2px 20px;
}

#links a {
font-size: .9em;
text-decoration: none;
}

#links a:link {
color: #008000;
font-weight: normal;
}

#links a:visited {
color: #008000;
}

#links a:hover, #links a:active {
background: #ff7200;
color: #fff;
}

a:link.rightrss{text-decoration:none;color:#2E8C56;}
a:visited.rightrss{text-decoration:none;color:#2E8C56;}
a:active.rightrss{text-decoration:none;color:#FFFFFF;background: #ff7200;}
a:hover.rightrss{text-decoration:none; color:#FFFFFF;background: #ff7200;}

.line {
border-top: 3px solid #6B7C63;
margin-top: 0px;
}

.grayline {
border-top: 5px solid #C5C5C5;
margin-top: 0px;
}

#search {
background: url(images/search.gif) no-repeat;
height: 56px;
margin: 0 auto;
padding-top: 22px;
}

#search h3 {
font-size: 1.4em;
margin: 20px 0 -10px 0;
font-weight: normal;
}

p.searchinfo {
margin: 2px 0 -8px 2px;
font-size: .9em;
color: #999;
}

.searchfield {
background: #fff;
border: 1px solid #ACE149;
color: #7DA721;
padding: 2px 5px 1px 5px;
width: 160px;
}

.searchfield:hover {
border: 1px solid #BFBFBF;
color: #949494;
}

.submit {
background: url(images/search_submit.gif) no-repeat;
height: 20px;
width: 52px;
border: 0;
margin-left: 2px;
text-indent: -9999px;
cursor: pointer;
}

.submit:hover {
background: url(images/search_submit.gif) no-repeat 0 -20px;
height: 20px;
width: 52px;
border: 0;
margin-left: 2px;
cursor: pointer;
}

.themes {
font-size: .9em;
}

#calendar_title{
background:url(imgs/calendar.gif) #fff no-repeat;
width:170px;
height:46px;
}
#Calendar {
width:95%;
}
#Calendar a:link,#Calendar a:visited {
color:#EAE8D9;
}
#Calendar a:hover,#Calendar a:active {
color:#EAE8D9;
}


table.calMonth {
width:243px;
height:100%;
border-spacing:0px;
border:0px;
border-collapse:collapse;
}

tr.calMonthNav {
height:21px;
padding:0;
background: #313336;
}

th.calMonthCurrent {
font-weight:bold;
padding: 0px;
text-align: center;
color:#FFFFFF;
letter-spacing:1pt;
}

th.calMonthBackward {
font-size: 16px;
font-weight:bold;
padding: 0px;
text-align:center;
color:#EAE201;
background: #313336;
}

th.calMonthForward {
font-size: 16px;
font-weight:bold;
padding: 0px;
text-align:center;
color:#EAE201;
background: #313336;
}

.calMonthHeader th {
text-align:center;
font-weight:bold;
padding: 0px;
color:#FFFFFF;
height:25px;
background: url(images/weekbg.gif) repeat-x top;
vertical-align:top;
padding-top:5px;
}

#Calendar td {
padding: 0px;
text-align:center;
}

.calMonthToday {
background:  #ff7200 no-repeat;
color:#EAE8D9;
text-align:center;
align:center;
font-family:verdana;
line-height:120%;
}

.calMonthDay {
color:#AAAAAA;
text-align:center;
align:center;
font-family:verdana;
line-height:120%;
}

.calMonthDay A:link {color:#EAE8D9;text-decoration: none;}
.calMonthDay A:visited {color:#EAE8D9; text-decoration: none;}
.calMonthDay A:hover {color: #ff9000; text-decoration: underline;}
.calMonthDay A:active {color:#ff9000; text-decoration: underline;}

.calMonthToday A:link {color:#EAE8D9;text-decoration: none;}
.calMonthToday A:visited {color:#EAE8D9; text-decoration: none;}
.calMonthToday A:hover {color: #FFEA00; text-decoration: underline;}
.calMonthToday A:active {color:#FFEA00; text-decoration: underline;}

.calMonthForward A:link {color:#EAE8D9;text-decoration: none;}
.calMonthForward A:visited {color:#EAE8D9; text-decoration: none;}
.calMonthForward A:hover {color: #ff9000; text-decoration: underline;}
.calMonthForward A:active {color:#ff9000; text-decoration: underline;}

.calMonthBackward A:link {color:#EAE8D9;text-decoration: none;}
.calMonthBackward A:visited {color:#EAE8D9; text-decoration: none;}
.calMonthBackward A:hover {color: #ff9000; text-decoration: underline;}
.calMonthBackward A:active {color:#ff9000; text-decoration: underline;}

/* 5)-=-=-=- Footer -=-=-=- */

#footer p {
padding: 5px 0 0 30px;
float: left;
font-size: 11px;
font-family: Verdana;
color: #FFF;
}

#footer a:link {
text-decoration: none;
color: #FFFF00;
}

#footer a:visited {
color: #FFFF00;
text-decoration: none;
}

#footer a:hover, a:active {
color: #FFF;
background: #000;
text-decoration: underline;
}

.extras {
float: right;
padding: 15px 18px 0 0;
}

.extras a {
text-decoration: none;
font-weight: bold;
}

.extras a:link, .extras a:visited {
background: #737B73;
color: #000;
padding: 5px;
border: 2px solid #fff;
}

.extras a:hover, .extras a:active {
background: #000;
color: #7AB90C;
padding: 5px;
border: 2px solid #C9E979;
}

.extras li {
display: inline;
}

.extras ul {
padding: 0 0 10px 0;
margin: 0;
}

/* 6)-=-=-=- Forms -=-=-=- */

input {
border: 1px solid #808080;
color: #555555;
background: #E1F2FD;
padding: 2px 5px 1px 5px;
font-size: 1em;
}

textarea {
font-family: Arial, Verdana, Helvetica;
font-size: 1.1em;
border: 1px solid #808080;
color: #555555;
padding: 2px 5px 1px 5px;
width: 400px;
}

/* 7)-=-=-=- Accessibility -=-=-=- */

#skip {
display: none;
}

hr { /* Simple style when CSS not in use */
display: none;
}

/* 8)-=-=-=- Hacks -=-=-=- */

.clearfix:after { /* float hack used to float content correctly */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.pager {
clear:all;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
font-size: 14px;
font-family:Arial, 宋体;
padding-top: 10px;
padding-bottom: 10px;
}
.pager a, .pager a:link, .pager a:href, .pager a:hover {
text-decoration: none;
border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
margin-right:20px;
}
.pager .pagerLinkNextPage {
margin-left:20px;
}

.pager .pagerCurrent {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
background: #fff;
color: #FF5A00;
}