﻿/* general HTML styling */
* { padding: 0; margin: 0; }

body { font: 14pt Calibri, Arial Narrow, sans-serif; 
       /*
        background-image: URL(/images/bg.jpg); 
       background-image: URL(/images/bg2.jpg); 
       background-image: URL(/images/bg3.jpg); 
       background-image: URL(/images/bg4.jpg); 
       background-image: URL(/images/bg5.jpg); 
       background-repeat: repeat-x;
*/
       background-color: #efefef;
       background-color: #FAFAFA;
       }

.bannersides, .bannersidesr
{
       background-image: URL(../../images/ChampEm-Banner4_slice.png); 
       background-repeat: repeat-x;
       background-position: left top;
}   
.bannersidesr
{
       background-position: right top;
}   
.bannermain
{
       background-image: URL(../../images/Champem-banner-Gray.png); 
       background-repeat:  no-repeat;
    
}    
input, td { font: 14pt Calibri, Arial Narrow, sans-serif; }       
img { display: block; border: none; }
table { border-spacing: 0; border-collapse: collapse; }
td { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { }
h1 { font: 2.4em Calibri, Arial Narrow, sans-serif; color: #1e1858; }
h2 { font: 1.7em Calibri, Arial Narrow, sans-serif; color: #1e1858; }
h3 { font: 1.4em Calibri, Arial Narrow, sans-serif; color: #1e1858; }
h4 { font: bold 1em Calibri, Arial Narrow, sans-serif; color: #1e1858; margin-bottom: .2em; }

label { cursor: hand; }

div.loginStrip
{
    width: 100%;
    text-align: right;
    font-size: 10pt;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-top: 20px;
    color: #FFFFFF;
}

div.loginStrip *
{
    color: #FFFFFF;
    font-weight: bold;
}

.champInput {
    font-size: 14pt;
    color: #AAAAAA;
    width: 480px;
}

a {
    color: #8ed300;
    color: #f7941d;
    font-size: 10pt;
    text-decoration: none;
}

a.dead, a.dead:hover
{
    color: Silver;
    text-decoration: none;
}

a:hover 
{
    text-decoration: underline;
}

.mainContent {
    width: 1024px;
    padding-top: 20px;
}


.sortLinks, .sortLinks a {
    font-size: 10pt;
}

.whatsShowing TD {
    color: #999;
    color: Black;
    font-size: 16x;
    border-bottom: 1px solid #999;
}

.membership TD {
    font-size: 12pt;
    padding: 5px;
    color: #777;
}

.banner TABLE TR TD {
    font-size: 12pt;
    color: Black;
    vertical-align: middle;
    background-color: #fafafa;
}

.thumbtbl td {
    padding: 1px;
    color: #777;
    text-align: center;
    white-space: nowrap;
    font-size: 12pt;
}

.champtbl {
    width: 100%;
}

.champTitle {
    color: #777;
    color: Black;
    font-size: 12pt;
    margin-top: -5px;
}

.votes, .votedUp, .votedDown
{
    margin-top: -3px;
    width: 32px;
}
.votedUp
{
    color: #9bd602;
}
.votedDown
{
    color: #ec0000;
}

.champEx
{
    font-size: 9pt;
    font-style: italic;
}

.smallText, .smallLnk
{
    font-size: 8pt;
}


.champComments TD
{
    white-space: nowrap;
    font-size: 8pt;
    vertical-align: bottom;
}

.comments TD
{
    font-size: 12pt;
    /*padding: 5px;*/
}

.commentsTable TD 
{
    background-color: White;
}
.champDetail TD
{
    padding: 5px;
}
.commentHeader
{
    background-color: #fff;
    color: Black;
    /*padding: 10px 0px 0px 10px;*/
}

.theComment, .firstComment
{
    font-style: italic;
    color: #777;
    font-size: 12pt;
}

.theComment
{
    background-color: #fff;
    padding: 0px 20px 20px 0px 
}


.commentFooter
{
    border-top: 1px solid silver;
    background-color: #efefef;
    font-size: 8pt;
    color: #777;
    padding: 5px 0px 5px 10px;
}

.champLink
{
    font-size: 14pt;
}

.voteHalf
{
    border: 1px solid silver;
    
}
.voteHalf, .voteHalf TD
{
    background-color: White;
}
.voteHalf .title td
{
   background-color: #efefef;
   border-bottom: 1px solid silver;
}

.aheader 
{
    color: silver;
    text-decoration: underline;
    color: White;
}

.tooltipwin
{
    background-image: url(../../images/tooltip_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid goldenrod;
}

.userDetails TD
{
    font-size: 10pt;
    color: #777;
}

.goBack, .goBack a
{
    font-size: 7pt;
}
.goBack
{
    font-size: 7pt;
    font-family: Verdana;
    color: #777;
}

.sidenote
{
    color: #777;
    font-size: 8pt;
}

.voterCloud 
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.feedTime
{
    color: #999;
    font-size: 8pt;
}

.new
{
    font-variant: small-caps;
    font-size: 7pt;
    color: Red;
}

.feedRow a 
{
    font-size: 12pt;
}

/* ====
5. Footer
==== */
.footerPad{height:57px;}
/*.footerContainer{width:100%; height:36px; background:#fff url('/images/footer.gif') repeat-x bottom; clear:both; bottom:0;}*/
.footerContainer{width:100%; height:36px; border-top: 1px solid silver; clear:both; bottom:0;}
.footerContainer p{font-size: 8pt; color:#999; padding-top:4px; bottom:0;}
.footerContainer .centeredContent{width:800px; margin:0 auto 10px auto; bottom:0;}
.footerLeft{float:left;}
.footerRight{float:right;}
.footerRight .fLink {font-size: 8pt;}