.article-breadcrumbs { padding: 5px; font-size: 120%; font-weight: bold; } .article-header-image{ float: left; text-align: center; font-size: small;  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;  } .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;  } .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: ; } .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; }  .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-table;}  * html .clear {height: 1%;} .clear {display: block;}  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; }  span.article-highlight{ color: red; } acronym { cursor: help; border-bottom: 1px dotted #000; }