/*
=== Sohu Blog StyleSheet File ================================
	Style Name: default
	Version: 1.0
	Author: Todd Lee
	Last Update: 2005-10-31
==============================================================
*/

/****** General Styles ******/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #077712;
	line-height: 130%
}
body {
	background-image: url(images/index_16.gif);	
}
a {
	color: #077712;
	text-decoration: underline;
}
a:hover {
	color: #D20303;
	text-decoration: underline;
}
img {
	border: none;
}
.arrow-up {
	height: 11px;
	width: 11px;
	background: url(images/arrow_up.gif) no-repeat center;
	cursor: pointer;
}
.arrow-down {
	height: 11px;
	width: 11px;
	background: url(images/arrow_down.gif) no-repeat center;
	cursor: pointer;
}
.greenfont, .greenfont a {
	color: #077712;
}
.redfont, .redfont a {
	color: #077712;
}
.notice {
	background-color: #ffffe1;
	border: 1px solid #ccc;
	padding: 5px;
}
.noticeInfo {
	
}
.noticeError {
	background-color: #ffffe1;
	border: 1px solid #ccc;
	color: red;
	padding: 2px;
}
table.tmplTable {
	background-color: #cecece;
}
table.tmplTable td {
	background-color: white;
}
/****** Form Controls Styles ******/
form {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #28363F;
	line-height: 130%;
}
textarea {
	padding: 2px;
	background-color: white;
	border: 1px solid #cecece;
}
select {
	background-color: white;
	border: 1px solid #cecece;
}
input.text {
	height: 18px;
	line-height: 16px;
	background-color: white;
	border: 1px solid #cecece;
}
input.text-error {
	height: 18px;
	line-height: 16px;
	padding: 0px 2px 0px;
	background-color: white;
	border: 1px solid #5E696F;
}

input.button {
	height: 20px;
	line-height: 18px;
	padding: 0px 5px 0px;
	background-color: #5E696F;
	border: 1px solid #cecece;
	cursor: pointer;
	color: white;
}
input.button2 {
	color: white;
	height: 20px;
	line-height: 18px;
	padding: 0px 5px 0px;
	background-color: #9BA4A8;
	border: 1px solid #cecece;
	cursor: pointer;
}
input.button-submit {
	color: white;
	height: 20px;
	line-height: 18px;
	padding: 0px 5px 0px;
	background-color: #9BA4A8;
	border: 1px solid #cecece;
	cursor: pointer;
}
	

/* a style which makes div touch the bottom of content */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}
/****** Main Layout Styles ******/
#wrapper {
	margin: 0px auto;
	width: 782px;
	background-image: url(images/index_05.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#innerWrapper {
}
#topPadding {
	display: none;
}
#header {
	height: 245px;
	background-image: url(images/index_02.jpg);
	background-repeat: no-repeat;
}
#innerHeader {
	padding-left: 10px;width: 700px;
	float: left;	
}
#navBar {
	height: 52px;
	background-image: url(images/index_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#innerNavBar {
	width: 590px;
	margin-left: 110px;	
}
#mainNav {
	float: left;
	margin: 0px;
	padding: 0px;
}
#mainNav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding-top: 32px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#mainNav li a {
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 29px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}
#mainNav li a {
	color: #fff;
}#mainNav li a:hover{
	color: #077712;
}
#mainNav .navHome {
	background-image: url(images/index-1.gif);
	background-repeat: no-repeat;
}
#mainNav .navHome:hover {background-image: url(images/index-11.gif);
	background-repeat: no-repeat;}
#mainNav .navHome-active {background-image: url(images/index-11.gif);
	background-repeat: no-repeat;}

#mainNav .navBlog {background-image: url(images/index-2.gif);
	background-repeat: no-repeat;}
#mainNav .navBlog:hover {background-image: url(images/index-22.gif);
	background-repeat: no-repeat;}
#mainNav .navBlog-active {background-image: url(images/index-22.gif);
	background-repeat: no-repeat;}

#mainNav .navImg {background-image: url(images/index-3.gif);
	background-repeat: no-repeat;}
#mainNav .navImg:hover {background-image: url(images/index-33.gif);
	background-repeat: no-repeat;}
#mainNav .navImg-active {background-image: url(images/index-33.gif);
	background-repeat: no-repeat;}

#mainNav .navSound {background-image: url(images/index-4.gif);
	background-repeat: no-repeat;}
#mainNav .navSound:hover {background-image: url(images/index-44.gif);
	background-repeat: no-repeat;}
#mainNav .navSound-active {background-image: url(images/index-44.gif);
	background-repeat: no-repeat;}

#mainNav .navVideo {}
#mainNav .navVideo:hover {}
#mainNav .navVideo-active {}

#mainNav .navProfile {background-image: url(images/index-5.gif);
	background-repeat: no-repeat;}
#mainNav .navProfile:hover {background-image: url(images/index-55.gif);
	background-repeat: no-repeat;}
#mainNav .navProfile-active {background-image: url(images/index-55.gif);
	background-repeat: no-repeat;}

#optionNav {
	float: right;
	padding-right: 10px;
	margin: 0px;
}
#optionNav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 32px 0px 2px;
}
#optionNav li a {
	padding: 29px 6px 0px;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
}
#optionNav li a {
	color: #fff;
}#optionNav li a:hover{
	color: #077712;
}
#optionNav .navSysOpt {background-image: url(images/index-6.gif);
	background-repeat: no-repeat;}
#optionNav .navSysOpt:hover {background-image: url(images/index-66.gif);
	background-repeat: no-repeat;}
#optionNav .navSysOpt-active {background-image: url(images/index-66.gif);
	background-repeat: no-repeat;}

#optionNav .navModOpt {}
#optionNav .navModOpt:hover {}
#optionNav .navModOpt-active {}

#optionNav .navTmplOpt {}
#optionNav .navTmplOpt:hover {}
#optionNav .navTmplOpt-active {}

#optionNav .navPreview {}
#optionNav .navPreview:hover {}
#optionNav .navPreview-active {}

#mainWrapper {
	width: 782px;
	margin:0px auto;
}
#footer {
	clear: both;
	height: 118px;
	text-align: center;
	background-image: url(images/index_05.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#innerFooter{
	color: #333;
	text-align: center;
	padding-top: 5px;
	margin:0px auto;
	width: 450px;
	display: inline;
}
#innerFooter a{
	color: #f4f4f4;text-align: center;
	text-decoration:none;
}
#innerFooter a:hover{
	color:#D20303;
	text-decoration:underline;
}
#contact {
	margin-bottom: 15px;
	width: 450px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#contact td {
	color: #000;
	padding: 0 10px;
}
#contact a {
	color: #000;
	text-decoration: underline;
}
#contact a:hover {
	color: #D20303;
}
#copyright{}
#bottompadding {}

/****** Header Elements Styles ******/



#blogLogo {
	display: none;
}
#blogTitle {
	float: left;
}
#blogTitle, #blogTitle a {
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	font-family: "»ªÎÄÐп¬";
	text-decoration: none;
	margin-top: 20px;
	margin-left: 20px;
	padding-right: 10px;
	display: inline;
}
#blogTitle a:hover {
	color: #ff0000;
}
#blogUrl {
	color: #fff;
	padding-top: 5px;
	padding-bottom: 10px;margin-left: 40px;
	width: 500px;
	clear: both;
}
#blogUrl a {
	color: #fff;
	margin-bottom: 5px;
	padding-right: 10px;
}
#blogUrl a:hover {
	color: #ff0000;
}
#blogDesc {
	color: #fff;
	width: 420px;
	word-break: break-all;
	margin-top: 6px;
	padding-left: 45px;
}
/****** NavBar Elements Styles ******/
#mainNav {
	float: left;
}
#optionNav {
	float: right;
}

/****** Content Layout ******/
/* content */
#content {
	float: right;
	width: 509px;
	overflow: hidden;
	display: inline;
	margin-right: 35px;
}
#innerContent {
	
}
.content-top {	
}
.content-bottom {
}
#contentLabelBox {width: 500px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}
#innerContentLabelBox {
	float: left;
}
.contentLabel {
	color: #077712;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	line-height: 24px;
	height: 22px;
	border: 1px solid #6A6A6A;
	padding: 3px 8px 4px;
	margin: 0px 1px;
}
.contentLabel:hover {
	border: 1px solid #6A6A6A;
	text-decoration: none;
	color: #ff0000;
	background-color: #6A6A6A;
}
.contentLabelActive {
	color: #F4F4F4;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;
	height: 22px;
	border: 1px solid #6A6A6A;
	padding: 3px 8px 4px;
	margin: 0px 1px;
	background-color: #6A6A6A;
}
.contentLabel-new {
	line-height: 22px;
	float: right;
}
.contentLabel-new a {
	color: #077712;
	font-weight: bold;
	font-size: 13px;
}
.contentLabel-new a:hover {
	color: #D20303;
	text-decoration: underline;

}


/* item box */
.item{
	margin-bottom: 5px;
	
}
.item-top {
	/*height: 4px;
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	font-size: 0px;
	line-height: 1px;*/
}
.item-bottom {
	/*height: 4px;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	font-size: 0px;
	line-height: 1px;*/
}
.item-title {
	height: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 8px;
	margin-top: 6px;	
}
.item hr {
	margin: 5px 0px !important;
	height: 1px;
	border: none;
	
}
.item-titleReview {
	color:#6A6A6A;
}
.item-title h3 {
	font-size: 14px;
	float: left;
	margin: 0px;
	color: #077712;
	
}

.item-title a{
	text-decoration:none;
	color: #077712;
}
.item-title h3 a {
	font-size: 13px;
}
.item-label {
	float: right;
}
.item-label a {
	color: #fff;
	margin-left: 8px;
}
.item-label a:hover {
	color: #D20303;
}
.item-body {}
.item-body-hidden {
	display: none;
}
.item-content{
	margin: 0px;
	padding: 4px 5px;
	
	color:#077712;
	font-size:14px;	/*border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;*/
}
.item-content, .item-content table {
	font-size: 13px;
	line-height: 180%;
	color: #077712;
}
.item-info {
	color: #077712;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.item-info a {
	color: #077712;
}
.item-plus{
	color:#DDDDDD;
	font-weight:bold;
}
.item-tit{
	color:#DDDDDD;
}
.item-table {
	margin: 0px 2px;
	width: 100%;
}
.item-table td{
	border-bottom:#6A6A6A solid 1px;
	padding: 0px 5px;
}
.item-table thead td{
	font-weight: bold;
	color: #DDDDDD;
}
.item-table tbody td {
}
.item-pageBox {
	margin: 0px 5px;
	padding: 10px 0px;
	color: #dddddd;
}
.item-pageBox a {
	color: #dddddd;
}
.item-page {
	color:#DDDDDD;
	font-weight:bold;
}
.item-infoBox {
	margin: 10px 20px 5px;
	line-height:20px;
}
.info-content {
	border: none;
	padding: 10px 0px;
	word-break : break-all;
}
.info-title {
	padding-top: 10px;
}
.info-title h3 {
	color: #DDDDDD;
	float: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.item-infoBoxTit, .item-infoBoxTit a{
	color:#DDDDDD;
}
.item-infoBoxTit a{
	text-decoration:underline;
}
.item-infoBoxTit a:hover{
	color:#f4f4f4;
	text-decoration:underline;
}

/****** Sidebar Layout ******/
#sidebar {
	float: left;
	width: 208px;
	overflow: hidden;
	display: inline;
	margin-left: 14px; margin-top:9px;
}
#innerSidebar {
	
}
.panel {
	line-height:20px;
	background-image: url(images/index1_12.gif);
	background-repeat: repeat-y;
	background-position: left top;
} 
.panel-top {

}
.panel-bottom {
	background-image: url(images/index1_14.gif);
	background-repeat: no-repeat;
	background-position: left bottom; height:19px;
}
.panel-title{
	color:#25560D;
	height: 29px;
	padding-top: 3px;
	line-height: 25px;
	background-image: url(images/index1_09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}
.panel-title h3 {
	font-size: 14px;
	float: left;
	margin: 0px auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	text-align: center;
}
.panel-title h3 a {
	font-size: 14px;
}
.panel-menu{
	padding-right: 18px;
	padding-left: 3px;
	float: right;
}
.panel-label {
	float: right;

	padding-right: 13px;
}
.panel-label a {
	margin-left: 8px;
}
.panel-content {
	clear: both;
	color: #077712;
	margin: 0px;
	padding-left: 6px;padding-right: 6px;
}
.panel-content a{
	color: #077712;
}
.panel-content a:hover{
	color: #D20303;
}
.panel-content-hidden {
	margin: 1px 3px;
	overflow: hidden;
	height:0px;
	border-bottom: 1px solid #6A6A6A;
}

.panel-pic{
	float:left;

	margin-bottom:4px;
	margin-top:-4px;
}
.panel-content hr {
	margin: 5px 0px;
	height: 0px;
	border: none;
	border-top: 1px solid #fff;
	clear:both;
}
.panel-content ul {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.panel-content li {
	list-style: none;
}
.panel-content li a{
	text-decoration: none;
}

.panel-content .year{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.panel-content .year a{
	padding: 3px 5px;
}
.panel-content .date td{
	
	height: 21px;
	width: 15px;
	text-align: center;
	font-size: 8px;
	vertical-align: bottom;
	padding: 4px;
	font-weight: bold;
	color: #077712;
}
.panel-content .date .haveLog{
	
}
.panel-content .date .haveLog a{
	padding: 6px 3px 2px;
	color: #077712;
}
.panel-content .date .noDate {
	background: none;
}
.panel-content .week-font td{
	background: none;
	height: 10px;
	font-weight: normal;
	padding: 0px;
	color: #077712;
}
.myfav {
	padding: 1px 2px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.myfav-over {
	padding: 0px 1px;
	border: 1px solid #6A6A6A;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

/****** article content ******/
#articleContent{
	width: 750px;
	padding-top: 5px;
	margin-left: 220px;
	display: inline;
}
#articleInnerContent {
	padding-right: 50px;
	padding-left: 50px;
}
.artItem-label{
	color: #F03309;
	border: #cecece solid 1px;
	padding: 1px 5px;
	cursor: pointer;
}
#articleItem-info a {
	color: #F03309;
	font-weight:bold;
	text-decoration:none;
}
#artItem-infoBox {
	margin: 0px 20px 0px;
	line-height:20px;
}
#artItem-button {
	margin: 10px 20px;
	line-height:20px;
}

/****** templete content ******/
.tmpl-content td {
	height: 130px;
	padding: 5px;
	border-bottom: 1px solid #cecece;
}
.tmpl-content a.tmpla {
	border: none !important;
	border: 1px solid #cecece;
}
.tmpl-content a.tmpla:hover {
	border: none !important;
	border: solid 1px red;
}
.tmpl-content img {
	cursor: pointer;
	height: 100px;
	width: 100px;
	border: 1px solid #cecece !important;
	border: none;
}
.tmpl-content img:hover {
	border: solid 1px red !important;
	border: none;
}
.tmpl-content div {
	width: 100%;
}
/****** other ******/
.dialogBox {
	width: 300px;
}
.dialogBox .dialogTitleBox {
	height:23px;
	background-image: url(images/dot1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.dialogBox .dialogTitleBox h4 {
	margin: 0px;
	padding: 3px 10px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	background-color: white;
	border: 1px solid #5E696F;
	border-bottom: none;
	color: #FF3300;
}
.dialogBox .dialogContent {
	background-color: white;
	border: 1px solid #2A6300;
	border-top: none;
	padding:10px;
}
#pageNotice {
	margin-top:26px !important;
	margin-bottom:12px;
	padding:24px;
	border:1px solid #5E696F;
}
#pageNotice ul {
	margin: 0px;
	padding: 0px;
}
#pageNotice ul li {
	background-image: url(images/warning.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	list-style-type: none;
	padding-left:24px;
	height:28px;
	line-height:28px;
	color:#ff3300;
}
#pageNotice input {
	margin-left: 24px;
}