/* $Id$ */

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


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

.article-header-image{
    float: left;
    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;
}

.article-section {
    padding:    10px;
    width:        98%;
    clear:        both;
    margin:     10px;
}

.article-section-container {
    float:    left;
    padding-left: 5px;
}

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

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

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

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

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

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

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

.article-category .category-container {
    float: left;
    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-left: 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-left:    15px !important;
}

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


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

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

span.article-term{
    margin-right: 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-right: 5px;
}

span.article-content{
}

.article-body {
    padding: 10px;
}

.article-writer{
    text-align: left;
    float: right;
    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: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

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

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

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


.article-copyright {
    text-align: right;
    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: left;
    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;
}