/*
<!-- phppp (D.J.): http://xoopsforge.com; http://xoops.org.cn -->
*/


.article-breadcrumbs {
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
}

.article-header-image{
	float: right;
	text-align: center;
	font-size: small; /* caption */
	margin: 0px 10px 10px 0px;
}

.article-header-image img{
	border: solid 2px #ddd;
}

.article-spotlight .article-header-image img{
	width: 	100px;
}

.article-meta {
	font-size: 100%;
	padding: 5px 0;
}

.article-title {
	/* font-weight: bold; */
	padding: 2px 0;
	color:		#C5450E;
}

.article-section {
	padding:	5px;
	width:		96%;
	clear:		both;
	margin: 	2px;
	background: #f9f9f3;
}

.article-section-container {
	float:	right;
	padding-right: 5px;
	background: #f9f9f3;
}

.article-section-title {
	float:	right;
	margin:	10px 5px;
	border-bottom: solid #ddd 1px;
	clear:	both;
	width: 100%;
	color:		#C5450E;
}

.article-section-title span.subject{
	float:	right;
	text-align:	right;
	font-size: 150%;
	font-weight: bold;
	padding: 2px 10px;
	/*
	border-top: solid #ddd 1px;
	border-right: solid #ddd 3px;
	border-left: solid #ddd 3px;
	*/
}

.article-section-title span.navigation{
	padding-right:	12px;
	float: 			left; 
	text-align:		left;
	vertical-align:	bottom;
	/*background: 	url(../../images/pointer.gif) no-repeat right;*/
}

.article-summary {
	text-align:	justify;
	padding: 5px 0;
}

.article-continue {
	padding: 5px 0;
}

.article-category-navigation {
	float: right;
	border-bottom: 2px solid #ddd;
}

.article-category-navigation span.subject{
	float: 		right; 
	text-align:	right;
	background:	#eee;
	padding: 	2px 10px;
	font-size:	120%;
}

.article-category-navigation span.navigation{
	float: 			left; 
	text-align:		left;
	font-size:		95%;
	padding-left:	10px;
}

.article-category .category-container {
	float: right;
	margin: 5px 2px;
}

.article-category .category-container .article-header-image img{
	margin: 2px 10px 0px 0px;
	width: 	80px;
}

.list-article .article-header-image img{
	margin: 2px 10px 0px 0px;
	width: 	50px;
}

.article-category .category-container div.article-list {
	line-height: 150%;
	margin-right: 100px;
}

.article-category .category-container .article-list ul {
	list-style: disc outside;
}

.article-category .category-container .article-list li {
	list-style: disc outside;
}


.article-feature .article-header-image img{
	border: 	0;
	margin:		0px 10px 0px 0px;
	width: 		50px; /* the value must be consistent with the `margin-left` in `.article-feature .article-list .article-title` */
}

.article-feature .article-list{
	padding: 	10px 0;
}

.article-feature .article-list div{
	padding-right:	15px !important;
}

.article-feature .article-list div.article-title:before{
	content:	/* url(../../images/pointer.gif) */;
}


.article-article .article-section-container ol li {
	list-style: decimal outside;
	margin: 10px;
}

span.article-subject {
	margin-left: 2px;
	font-weight: bold;
	display: inline;
}

span.article-term{
	margin-left: 10px;
	display: inline;
}

.article-header .article-list{
	padding: 5px 0;
}

.article-header .article-list div{
	padding: 2px 0;
}

span.article-label{
	font-weight: bold;
	padding-left: 5px;
}

span.article-content{
}

.article-body {
	padding: 10px;
}

.article-writer{
	text-align: right;
	float: left;
	width: 200px;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	border: medium;
	background: #eee;
}

.article-writer .article-title{
	border-bottom: solid 1px #ddd;
	margin-bottom: 5px;
}

.article-writer .avatar{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.article-subtitle ol li {
	list-style: decimal outside;
}

.article-sibling span.previous{
	float: right;
}
.article-sibling span.next{
	float: left;
}

span.article-copytext{
	padding: 1px 2px;
	font-family: Arial;
	cursor: pointer;
	cursor: hand;
}


.article-copyright {
	text-align: left;
	padding: 5px;
	margin: 20px 10px;
}

.article-copyright span {
	border-top: 1px solid #888;
}


.article-rate .rate-item {
	padding: 5px 2px;
	border: 1px solid #aaa;
	background: #eee;
}

.article-rate .rate-item span{
	padding: 0px 5px;
}

.article-rate .rate-item input{
	margin: 0px 2px;
	padding:	0;
}


.list-article .article-section-container ol li {
	list-style: decimal outside;
	margin: 10px;
}

/*
 * From http://www.positioniseverything.net/easyclearing.html
 */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

span.article-button{
	border: 1px solid #999;
	display: inline;
	text-align: right;
	padding: 2px;
	background: #eee;
}

span.article-button a{
	color: #666;
}

span.article-button a:hover{
	color: #000;
}

/* For keywords highlightening */
span.article-highlight{
	color: red;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}