/*
 * Text attributes
 */

.lefttext { text-align: left }
.centertext { text-align: center }
.righttext { text-align: right }

.hidden { display: none; }

.float-right { float: right }
.float-left { float: left }
.clear-right { clear: right }
.clear-left { clear: left }

/*
 * Page Util Formatting
 */

.login { font-size: 14pt }

div.sidebar { 
    float: left;
    width: 160px;
}

.sidebar-ad {
    padding-top: .5ex;
}

div.body-sidebar {
    margin-left: 165px;
}

.pagetitle p {
    font-size: 250%;
    margin: 0;
    margin-top: 2ex;
    margin-bottom: 2ex;
    padding: 0;
    font-weight: bold;
    text-align: center;
}

.login_status, .login {
   text-align: right;
}

.login_status p, .login p {
    margin: 0;
    padding: 0;
}

div.footer {
    clear: both;
    padding-top: 3ex;
    margin: 0;
}

.hot-links p {
    margin: 0;
    margin-top: .5ex;
    padding: 0;
}

.hot-links a {
    margin: 0;
    padding: 0;
    padding-left: 1em;
}

.hot-links .rss {
    padding-left: 0;
}

.hot-links .rss img {
    border-width: 0;
    vertical-align: bottom;
}

.resellers a {
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 1em;
}

a.reseller-info {
    display: inline;
    padding-left: 0;
}

div.banner {
    text-align: center; 
    padding: 0 0 5ex 0;
    font-size: 150%;
}

/*
 * Basic attributes.
 */

.editor {
    font-style: italic;
}

/* 
 * Table Attributes
 */

table.article_table {
    border: medium solid black;
    background: #E8E8E8;
    border-collapse: collapse;
}

td.article_center_table {
    text-align: center;
}

.article_table td, .article_table th {
    vertical-align: top;	
    padding-left:  .5em;
    padding-right: .5em
}

/*
 * Card List Chooser.
 */

table.getcardlist { 
    padding: 0;
    margin-bottom: 4px;
    border: medium solid black;
    background: #E8E8E8;
    border-collapse: collapse;
}

th.getcardlist { 
    color: white;
    margin: 0;
    background:  #A00000;
}

td.getcardlist-label {
    padding-top: 2px;
    padding-left: 2px;
    border-width: 0;
}
.getcardlist-combo {
    border-width: 0;
    text-align: right;
    padding-right: 4px;
}

.getcardlist-submit {
    border-width: 0;
    text-align: center;
}

/*
 * Card Comment Info Box
 */

div.cardcommentinfobox {
    padding: 2px;
    margin-right: 1.5em;
    border: 2px solid #000000;
    background: #E8E8E8;
}

/*
 * Info Box
 */

.infobox {
    padding: 0;
    margin: 0;}

.index-info {
/*    margin-top: 50px; */
    width: 25em;
}

div.infobox {
    padding: 3px;
    border: 4px solid #A00000;
    background: #E8E8E8;
}

H3.infobox {
    font-size: 120%;
    text-align: left;
}

H4.infobox {
    font-size: 100%;
    text-align: left;
    padding: 0;
    margin-top: .5ex;
    margin-bottom: 0;
}

p.infobox {
    font-size: 100%;
    text-align: left;
    margin-top: .5ex;
}

p.infobox-want {
    text-align: left;
    margin-top: 2ex;
}

/*
 * Lists.
 */

dl.bold_terms dt {
    font-weight: bold;
    margin-top: 2ex;
}

/*
 * Ads.
 */

.large-ad { }

.float-right { 
    float: right;
    padding-left: .5em;
}

.float-left { 
    float: left;
    padding-right: .5em;
}

.top-leaderboard .banner {
   margin-left: 12%;
   padding-top: 15px;
}

.top-leaderboard .buttons {
   float: right;
}

/*
 * Article Comments.
 */

.article-comment-table {
    border-collapse: collapse;
    margin-bottom: 2ex; 
}

th.article-comment {
    padding-left: .5em;
    white-space: nowrap;
}

.article-comment-header {
    background: #E8E8E8;
}

.article-comment-author {
    text-align: left;
    width: 100%
}

p.article-comment-instructions {
    padding: 0;
    margin: 0;
}

div.article-comment-instructions {
    padding: 3px;
    border: 4px solid #A00000;
    background: #E8E8E8;
}

/*
 * Kit vs Wuppin Game Articles
 */

table.game-turn-table {
    padding-left: 2em;
}

td.game-mid-panel {
    text-align: center;
    vertical-align: top;
    width: 400px;
}

.game-hand-map {
  background: #094656; 
}

.game-comments {
    font-size: 120%;
    min-height: 280px;
}

.game-hand-deck { 

}

.game-hand { 
    vertical-align: top;
    color: white;
    padding: 0;
    margin: 0;
    margin-top: 2px;
}

p.game-hand { 
    margin-top: .5ex;
    margin-left: .5em;
}

p.game-hand-title { 
    font-weight: bold;
    margin-top: 2ex;
}

p.Order { 
    color: white;
    margin-left: 1em;
}

p.Life { 
    color: #00FF00;
    margin-left: 1em;
}

p.Mind { 
    color: #FF1493;
    margin-left: 1em;
}

p.Entropy { 
    color: #CCCCCC;
    margin-left: 1em;
}

.game-map { 
  align: center;
}

.countdown {
    list-style: none;
}

.topten-list ul {
    list-style-type: none;
}

.topten-list > li, .spaced_list > li, 
.spaced_list > li > img, .spaced_list > dt {
    margin-top: 2ex;
}

.spaced_list > dd {
    margin-top: .5ex;
}

li.add-space {
    margin-top: 1ex;
}

.play_test {
    background: #BAE6AD;
    border: 2px solid black;
    margin: 10px 140px 10px 10px;
}

.play_test .inner {
    padding: 4px 4px 4px 4px;
}

.play_test .header {
    font-weight: bold;
    font-size: 20pt;
}
