/*
 * Basic Attributes
 */

form {
    padding: 0;
    margin: 0;
}

.hidden { 
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;     
    left: 0px;     
}

.lefttext { text-align: left }
.centertext { text-align: center }
.righttext { text-align: right }
.nowrap { white-space: nowrap; }
.number { text-align: right; padding: 0 .5em 0 .5em }
.price { text-align: right; padding: 0 .5em 0 .5em }
.cardname { text-align: left; padding: 0 .5em 0 .5em }

.float-right { float: right }
.float-left { float: left }
.clear-right { clear: right }
.clear-left { clear: left }
.hidden { display: none }

.required, .error_message {
     color: red; 
     border-color: black 
}

/*
 * Table attributes.
 */

/*
 * "table.invisible table" - is for ad boxes.
 */ 

table.invisible, table.invisible table {
    padding: 0;
    border: 0;
}

table.invisible th, table.invisible td {
    border: 0; 
}

td.left_space {
    padding-left: 1em;
}

img.no-border {
    border: 0;
}

/*
 * WCIT
 */

img.wcit_reward {
    padding-right: 20px;
    padding-left: 20px;
}

.wcit_game {
    margin-right: 250px;
}

.wcit_score {
    clear: right;
    float: right;
    margin-top: 1ex;
    font-size: 120%;
}

.magic_image {
    width: 214px;
    height: 157px;
}

.wcit_score table {
    background: #F4F4F4;
    border: 2px solid black;
    border-collapse: collapse;
}

.wcit_score th {
    padding-left: .5em;
}

.wcit_score td.num_col {
    text-align: right;
    padding-right: .5em;
}

.wcit_status_report p, .wcit_status_report h3, .wcit_status_report input {
    font-size: 120%;
}

.wcit_score table tr.wcit_player_score {
    font-weight: bold;
    background: #FFE0E0;
}

.wcit_award {
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
}

img.wcit_player_award {
    padding-right: 4px;
    vertical-align: middle;
}

p.wcit_player_award {
    font-weight: bold;
    font-size: 140%;
}

p.wcit_player_award_indent {
    padding-left: 2em;
    padding-right: 1em;
}

.wcit_score img.award {
    vertical-align: middle;
    padding-right: 2px;
}

.wcit_score span.award {
    padding-left: 4px;
}

.wcit_score td.awards {
    background: #FFFFFF;
    font-size: 20px;
}

.wcit_button input {
    font-size: 120%;
}

.wcit_button {
    margin-left: 10px;
    margin-top: .5ex;
}

/*
.wcit_image {
    margin-bottom: 1ex;
}
*/

.wcit_intro_box {
    padding-left: 15px;
    padding-right: 15px;
}

.wcit_intro p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.wcit_intro H2 {
    margin-bottom: 0;
}

.wcit_intro .wcit_image {
    margin-bottom: 0;
    margin-top: 1.5ex;
}

/*
 * Advertisements.
 */

.top-buttons {
    padding-top: 5px;
}

.top-banner {
    padding-top: 5px;
    padding-left: 10px;

}

.main-top-ad {
    float: right;
    margin-bottom: .5ex;
    margin-left: .5em;
}

table.footer-ads, table.footer-ads td {
    padding: 0;
    border: 0;
    margin: 0;
}

table.footer-ads .footer-banner td {
    padding-top: 2px;
}

table.footer-ads .spacer {
    width: 50%;
}


/*
 * Header Basics
 */

table.header-main {
    width: 100%;
}

table.header-main td.banner {
    width: 100%;
}

.header {
    background: #b14b4b;
}

.header table, .header table th, .header table td {
    background: #b14b4b;
    border: 0; 
}

.header .table {
    padding: 0;
    margin: 0;
}

.header p {
    margin: 0;
    color: white;
}

.header a, .header th, .header td {
    color: white;
}

.header .link-menu {
    margin: 0 0 0 20px;
    padding: 2px 0 .25ex 0;
    font-size: 120%; 
}

.header .link-menu li {
    display: inline;
    margin-right: 1em;
}

.header .login {
    float: right;
}

/* 
 * Page Basics
 */

body {
    margin: 0;
    padding: 0;
}

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

div.sidebar table,  div.sidebar table td {
    padding: 0;
    border: 0;
    margin: 0;
}

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

div.body-sidebar {
    margin-left: 165px;
    zoom: 1; /* Keeps IE from dropping the body when size changes. */
    margin-right: 10px;
}

div.body-no-sidebar {
    margin-left: 10px;
    margin-right: 10px;
}

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

/* admin */
.admin_table {
    border-collapse: collapse;
    border: 3px solid black; 
}

.admin_table .even_row {
    background: #F4F4F4;
}

.admin_table th, .admin_table td {
    padding: 0 .5em 0 .5em;
}


/*
 * Login
 */

.login {
   text-align: right;
}

.login .seeking-games {
   background: #16a5e0;
}

.login .seeking-games td {
   color: black;
}

.login table {
   margin-top: .7ex;
   float: right;
   border-collapse: collapse;
   font-size: 140%;
}

.login table th {
   text-align: center;
}

.login img {
    border: 0;
    vertical-align: bottom;
    margin-left: .5em;
}

/*
 * Show Cartoon Nav Bar.
 */

.fullnavbar {
    margin: 0;
    padding: 0;
    background: #b14b4b;
}

.fullnavbar INPUT {
    font-size: 12pt;
    margin: 1px 4px 2px 4px;
}

.fullnavbar .label {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 20pt;
    text-align: center;
}

.fullnavbar .left {
    float: left;
}

.fullnavbar .right {
    float: right;
}

/*
 * Index Page
 */

div.artist-list {
    float: left;
}

div.artist-list H2 {
    margin-top: 0;
}

div.main-toons, div.show-toons {
    clear: both;
}

.whats-new .date {
    font-weight: bold;
}

div.artist-list {
    margin-right: 50px;
}

.game_list {
    font-size: 110%;    
}

.game_list .game_name {
    font-size: 140%;    
    font-weight: bold;
}

.game_list .game_name .set_name {
    font-size: 80%;    
    font-weight: normal;
}

/*
 * Show Author/Show Cartoon Page
 */

.keywords {
    margin-top: 1ex;
    margin-left: 0;
}

.keywords .title {
    padding: 0;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
}

.keywords .words {
    padding: 0;
    margin-left: .5em;
    margin-top: 0;
}

.admin {
    margin-left: 0;
    margin-top: 1ex;
}

.admin .title {
    padding: 0;
    font-weight: bold;
}

.admin p {
    padding: 0;
}

.author-top-left, .toon-top-left {
    float: left;
    margin-right: .5em;
    width: 165px;
}

.description, .author_bio {
    margin-left: 170px;
}

.author-top-left p, .toon-top-left p {
    padding: 1px 0 2px .5em ;
    margin: 0 0 0 0
}

p.author-name {
    font-size: 110%;
    font-weight: bold;
    padding-left: 0;
    padding-top: 1.5ex;
}

p.author-employer {
    padding-left: 1em ;
}

.author-web-presence {
    background: #F4F4F4;
    border: 1px solid black; 
    margin-top: 2ex;
}

.author-web-presence .title {
    background: #b14b4b;
    color: white;
}

.author-toon-list, .toon-list {
    padding-top: 2ex;
    clear: both;
}