/*


 * font normal 14px, small 12px, footnotes/reference 13px, large 16px, title 24px


 * page-width: 900px


 * font normal 14px, small 12px, large 16px, menu 15px+700


**/





td.menu, td.main-meta, td.main-meta-separator, table.main-meta, table.main-body, td.main-body, tr {


	background-color:#E7E7F7;


	background-image:url('../images/bg1.gif');


}


table.inside-article-noborder, input, textarea {


	background-color:#E7E7F7;


	background-image:url('../images/bg1.gif');


}


body, td.header-h-separator, td.welcome, .out-bg {


	background-color:#E7E7F7;


	background-image:url('../images/bg1.gif');


}


td.menu, td.menu-empty, td.main-meta-title, .abstract, p.abstract-p, table.short-abstract, .frame-bg {


	background-color:#E7E7F7;


	background-image:url('../images/bg1.gif');


}


td.main-meta-separator-top, td.main-meta-separator-bottom, td.main-meta-separator, td.main-meta, td.main-meta-welcome, td.main-meta-date, .main-meta-td {


	background-color:#E7E7F7;


	background-image:url('../images/bg1.gif');


}


a.nodec1:link, a.nodec1:active, a.nodec1:visited, a.nodec1:hover {


	color:#E7E7F7;


	background-color:#E7E7F7;


	background-image:url('../images/bg1.gif');


	text-decoration: none; 


}


td.menu-v-separator, table.header, table.main {


	background-color:black;


	background-image:url('../images/black.gif');


}


body, td.menu, .section-header {


	color:black;	


}


.section-header, p.theorem {


	background-color:#CCCCFF;


	background-image:url('../images/discussionAuthor.gif');


}


td.discussion-author, td.discussion-time {


	background-color:#CCCCFF;


	background-image:url('../images/discussionAuthor.gif');


}





td.discussion-content {


	background-color:#DDDDFF;	


	background-image:url('../images/discussionContent.gif');


}


p.article-title, p.article-date-claim, .framework-color, .article-section-title, p.author, p.article-subtitle, .title-color {


	color:#A52A2A;	


}


p.new-date-claim {


	font-family: courier new;


}





body {


	margin: 30px;


	margin-top: 20px;


	margin-bottom: 20px;


	text-align: justify;


	color: black;


}


/* head */


table.header {


	width: 900px;


	margin-bottom: 4px;


	margin-left: auto;


	margin-right: auto;


}


td.menu, td.menu-empty {


	width: 80px;


	height: 40px;


	text-align: center;


	vertical-align: middle;


	font-size: 15px;


	font-weight: 700;


}


td.menu-highlight {


	color:black;


	background-color:#ccccff;


	width: 80px;


	height: 40px;


	text-align: center;


	vertical-align: middle;


	font-size: 15px;


	font-weight: 700;


	cursor: pointer;


}


td.menu-v-separator {


	width: 0px;


}


td.header-h-separator {


	height: 6px; 


	border-top: 1px solid black;


	border-bottom: 1px solid black;


}


td.welcome {


	text-align: center; 


	font-size: 12px; 


	border-bottom: 1px solid black;


	height: 24px;


	vertical-align:middle;


}





/* main */


table.main {


	width: 900px;


	margin-left: auto;


	margin-right: auto;


}


table.main-meta {


	width: 100%;


	font-size: 16px;


}


table.main-body {


	width: 100%;


	font-size: 14px;


}


td.main-meta {


	width: 150px;


	vertical-align: top;


}


td.main-meta-welcome {


	text-align: center;


	font-size: 14px;


	font-weight: 700;


	padding-top: 20px;


	margin-top: 0px;


	padding-bottom: 5px;


	vertical-align: middle;


}


td.main-meta-version {


	text-align: center;


	font-size: 12px;


	padding-top: 5px;


	padding-bottom: 5px;


	vertical-align: middle;


}


td.main-meta-date {


	text-align: center;


	font-size: 12px;


	padding-top: 5px;


	padding-bottom: 15px;


	vertical-align: middle;


}


td.main-meta-separator-top {


	width:30%; 


	height:10px; 


	border-bottom: 1px solid black;


}


td.main-meta-separator {


	height: 4px;


}


td.main-meta-separator-bottom {


	width:30%; 


	height:10px; 


	border-top: 1px solid black;


}


td.main-meta-title {


	text-align: center;


	vertical-align: middle;


	padding: 5px;


	border: 1px solid black;


	font-size: 14px;


	font-weight: 700;


}


td.main-meta-td {


	font-size: 12px;


	text-align: center;


	padding-left: 8px;


	padding-right: 8px;


	padding-top: 15px;


	padding-bottom: 15px;


}


td.main-body {


	width: 750px;


	vertical-align: top;


}


td.article-container {


	padding-left: 40px;


	padding-right: 40px;


}





/* footer */


table.footer {


	width: 900px;


	margin-top: 4px;


	margin-left: auto;


	margin-right: auto;


	border-top: 1px solid black;


}





/* for index.php */


.inplicit {display: none}


.explicit {}





/* global */


.center {


	text-indent: 0px;


	text-align: center;


}


.vcenter {


	vertical-align: middle;	


}


.left {


	text-align: left;


	text-indent: 0px;


}


.right {


	text-align: right;


}


.warning {


	color: red;


	text-decoration: blink;


}


.highlight {


	color: black; /* orange */


	font-weight:700;


}


.nodec {


	text-decoration: none;


}


.en-publication {


	font-style: italic;


}


.noindent {


	text-indent: 0px;


}


.overline {


	text-decoration:overline;


}


.section-header {


	padding: 3px;


	font-weight: 700;


	text-align: left;


	text-indent: 0px;


}


.float-left {


	float: left;


}


.float-right {


	float: right;


}


.top-space {


	margin-top: 30px;


}


.bottom-space {


	margin-bottom: 30px;


}


.no-bottom-space {


	margin-bottom: 0px;


}


.italic {


	font-style: italic;


}


.bold {


	font-weight: 700;


}


.underline {


	text-decoration: underline;


}


.gray, .quote, .en-quote {


	color: #202020;


}


.left-space {


	margin-left: 30px;


}


.small {


	font-size: 12px;


}


.large {


	font-size: 16px;


}


.trans-comment {


	color: #606060;


}


a.comment-a:link, a.comment-a:active, a.comment-a:visited {


	color: #606060;


}


a.comment-a:hover {


	color:#E7E7F7;


	background-color: #606060; 


}


a.quote-a:link, a.quote-a:active, a.quote-a:visited {


	color: #606060;


}


a.quote-a:hover {


	color:#E7E7F7;


	background-color: #606060; 


}


td {


	vertical-align: top;


}


td.links {


	width: 33%;


	text-align: center;


	padding-top: 10px;


	padding-bottom: 10px;


}


td.standard {


	padding: 5px;


	text-align: center;


	vertical-align: middle;


}


/* strange design: b/c IE/Opera only care about margin-left, mozilla only care about padding-left */


ul {


	padding-left: 30px;


	padding-right: 30px;


	margin-left: 30px;


	margin-right: 30px;


	list-style: square;


}


ul.sub {


	margin-left: 15px;


	margin-right: 15px;


	list-style: circle;


}


ul.less-indent {


	padding-left: 10px;


	margin-left: 10px;


}


ol {


	padding-left: 30px;


	padding-right: 20px;


	margin-left: 30px;


	margin-right: 20px;


}


li {


	padding-top: 2px;


	padding-bottom: 2px;


	line-height: 150%;


}


p {


	text-indent: 28px;


	line-height: 150%;


}


p.poem {


	text-indent: 0px;


	margin-left: 28px;


}


p.article-title {


	margin-top: 0px;


	text-align: center;


	text-indent: 0px;


	font-size: 24px;


	font-weight: 700;


}


p.author, p.article-subtitle {


	text-indent: 0px;


	text-align: center;


}


p.article-section-title {


	text-indent: 0px;


	font-weight: 700;


}


p.article-date-claim {


	margin-top: 30px;


	text-align: right;


}


p.comment {


	margin: 0px;


	text-align: justify;


	text-indent: 0px;


}


p.equation {


	text-align: center;


	text-indent: 0px;


}


p.theorem {


	border: 1px solid;


	text-indent: 0pt;


	padding: 5px 15px 5px 15px;


	margin-left: 28px;


	margin-right: 28px;


}


p.quote {


	padding: 5px 30px 5px 30px;


}


.quote {


	padding: 5px 30px 5px 30px;


}


.top-quote, .top-cn-quote {


	padding-top:15px;	


}


.en-quote {


	padding: 5px 30px 5px 30px;


	font-style: italic;


}


.en-quote-part, .en-font {


	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;


}


a:link, a:active, a:visited {


	color: black;


}


a:hover {


	color:#E7E7F7;


	background-color: black;


}


.notice {


	color: blue;


}


a.notice:link, a.notice:active, a.notice:visited {


	color: blue;


}


a.notice:hover {


	color:#E7E7F7;


	background-color: blue; 


}


.notice2 {


	color: red;


}


a.notice2:link, a.notice2:active, a.notice2:visited {


	color: red;


}


a.notice2:hover {


	color:#E7E7F7;


	background-color: red; 


}


table.short-abstract {


	margin-left: auto;


	margin-right: auto;


	font-size: 12px;


	border: 3px double black;


}


.abstract {


	width: 540px;


	margin-left: auto;


	margin-right: auto;


	padding: 5px;


	font-size: 12px;


	border: 3px double black;


}


p.abstract {


	width: 530px; /* must sync with .abstract */


	border: 3px double black;


}


p.abstract-p {


	margin: 0px; /* used in table structured abstract */	


}


a.abstract-a {


}


.notes {


	width: 540px;


	margin-left: auto;


	margin-right: auto;


	padding: 5px;


	font-size: 12px;


}


.notes-right {


	width: 350px;


	float: right;


	padding: 5px;


	margin-left: 5px;


	font-size: 12px;


}


.notes-left {


	width: 350px;


	float: left;


	padding: 5px;


	margin-right: 5px;


	font-size: 12px;


}


.notes-content {


	background-color:#bbbbff;


	padding:10px;


	-webkit-border-radius: 10px;


	-moz-border-radius: 10px;


	border-radius: 10px;		


	-moz-box-shadow: 5px 5px 3px #888;


	-webkit-box-shadow: 5px 5px 3px #888;


	box-shadow: 5px 5px 3px #888;


}


.blog {


	background-color:#bbbbff;


	padding:10px;


	margin-right:6px;


	width:400px;


	font-family: KaiTi, KaiTi_GB2312, FangSong, FangSong_GB2312;


	text-indent:0px;


	font-size:15px;


	-moz-box-shadow: 5px 5px 3px #888;


	-webkit-box-shadow: 5px 5px 3px #888;


	box-shadow: 5px 5px 3px #888;


}


.blog-comment {


	background-color:#bbffbb;


	padding:10px;


	margin-top:15px;


	width:150px;


	text-indent:0px;


	font-size:12px;


	-moz-box-shadow: 5px 5px 3px #888;


	-webkit-box-shadow: 5px 5px 3px #888;


	box-shadow: 5px 5px 3px #888;


}





a.new1-a:link, a.new1-a:active, a.new1-a:visited {


	color:red;


}


a.new1-a:hover {


	color:#E7E7F7;


	background-color:red; 


}


table.inside-article {


	background-color: #606060;


	margin-left: auto; 


	margin-right: auto;


}


table.inside-article-noborder {


	margin-left: auto; 


	margin-right: auto;


}


img.imgborder {


	border: 3px double black;


}


ol.footnotes, ol.reference ul.cross-ref {


	font-size: 13px;


	padding-right: 10px;


}


pre {


	font-family: Courier New, Lucida Console;


}


pre.code {


	width: 580px;


	margin-left: auto;


	margin-right: auto;


	padding: 10px;


	font-size: 12px;


	border: 1px dotted black;	


}


.code {


	font-size: 12px;


	color:blue;


}





/* discussion related */


input {


	border:1px black solid; 


	padding:3px;


	color:black;


}


textarea {


	border:1px black solid; 


	padding:3px;


	color:black;


	overflow: auto;


}


.discussion-title {


	padding: 8px;


	text-align: center;


	font-weight: 700;


}


tr.discussion-section-title {


}


td.discussion-author {


	text-align: left;


	padding: 5px;


	font-size: 12px;


	border-top: 1px solid black;


	border-bottom: 1px dotted black;


}


td.discussion-time {


	text-align: right;


	padding: 5px;


	font-size: 12px;


	border-top: 1px solid black;


	border-bottom: 1px dotted black;


}





td.discussion-content {


	padding-left: 20px;


	padding-right: 10px;


	padding-top: 10px;


	padding-bottom: 10px;


	font-size: 12px;


	max-width: 660px;


	-ms-word-break: break-all;


    word-break: break-all;


    word-break: break-word;


	-webkit-hyphens: auto;


   	-moz-hyphens: auto;


    hyphens: auto;


	word-wrap: break-word;


	overflow-wrap:break-word;


}


a.discussion {





}


.scrollTitle {overflow: hidden; float:left; width:180px; white-space: nowrap; position: relative;}


.hide {display: none;}


.show {display: inline;}





.bible-box {


	background-color:#FFFFCC; 


	border:3px double #AAAAAA; 


	text-indent:0px; 


	margin-left: 50px; margin-right:50px; 


	padding:10px 20px 10px 20px; 


	font-family:Courier; 


	line-height:2;


}


.bible-index {


	margin-right:5px;	


}


.bible-shadow {


	margin-right:5px;	


	color:#FFFFCC;


}





/* image roller */


#wrapper {


	position: relative;


	left: 0px;


	top: 0px;


	width: 300px;


	height: 80px;


	overflow: hidden;


}


#carousel {


	position: relative;


	left: 20px;


	top: 8px;


}


#carousel div {


	text-align: center;


	width: 65px;


	height: 65px;


	float: left;


	position: relative;


}


#carousel a, #carousel a:hover, #carousel a:link, #carousel a:active, #carousel a:visited {


	text-decoration: none; 


	color: transparent;


	background-color: transparent;


}


#carousel div img {


	border: none;


	width: 44px;


	height: 65px;


	cursor: pointer;


}


#mag {


	position: absolute;


	left: 0px;


	top: 0px;


	width: 200px;


	height: 290px;


	z-index: -1;


}