body {
    margin: 0;
    padding: 0; 
    font-size: 62.5%;
    font-family: Georgia, serif;
    color: #000;
    background: #f0f2e9 url(./img/bg.jpg) repeat;
}

a:link {
    text-decoration: none;
    color: #930;
}
  
a:visited {
    text-decoration: none;
    color: #930;
}

a.selected {
    color: #000;
}

a:link:hover, a:visited:hover {
    text-decoration: none;
    color: #c63;
}

.smallcaps {
    font-variant: small-caps;
}

img {
    border: 0;
}

form {
    margin: 0;
}

p {
    margin: 1.2em 0;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.3em;
}

small {
    line-height: 1.2em;
}

pre {
    font-size: 1.3em;
}

li {
    margin: 5px 0;  
    font-size: 1.4em;
    line-height: 1.4em;
}

h1 {
    float: left;
    margin: 15px 0 0 5px;
    padding: 0;
    font-size: 2.1em;
    font-weight: normal;
    letter-spacing: -0.03em;
    color: #554;
}

label {
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}

.textbox, textarea {
    font-size: 1.2em;
    color: #443;
}

.button {
    font-size: 0.8em;
    font-family: Georgia, serif;
    text-transform: uppercase;
    font-weight: bold;
    
}

.jumplink {
    padding: 0 10px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    white-space: nowrap;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}


/*  */

#header {
    width: 72em;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#alert {
    float: left;
    background: url(./img/alert.gif) no-repeat;
    margin: 8px 0;
    padding: 0;
    font-weight: bold;
    width: 40em;
    text-align: left;
}

#alert p {
    margin: 0;
    padding: 0 0 0 18px;
    font-size: 1.1em;  
    color: #03c;          
}

.error {
    color: #f00;
}

#authnav {
    text-align: right;
    border-bottom: 1px solid #aa9;
    padding: 10px 0;
}

#authnav ul {
    margin: 0;
    padding: 0;
}

#authnav li {
    display: inline;
    padding: 10px 0 0 10px;
    list-style-type: none;
    text-align: right;
    font-size: 1.1em;
    color: #444;
    white-space: nowrap;
}

#brand {
    margin: 9px 0 5px 0;
}

#brand p {
    width: 667px;
    margin: 0 auto;    
    text-align: justify;
    font-size: 1.3em;
    line-height: 1.6em;
    color: #554;
}

#nav {
    clear: left;
}

#nav ul {
    margin: 0;
    padding: 0 0 0 10px;
}

#nav li {
    text-align: left;    
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    list-style-type: none;
    float: left;
    /* margin: 5px 27px 9px; */
    margin: 5px 24px 9px;
    color: #444;
    white-space: nowrap;
}

#nav li p {
    margin: 0;
    font-size: 1.8em;
    font-weight: normal;
    text-transform: none;
    line-height: 1.1em;
}


/* */

.content {
    width: 72em;
    margin: 20px auto 0 auto;
    clear: left;
    border-top: 1px solid #aa9;
}

.widesection {
    clear: left;
    margin: 0;
    padding: 0;
}

.widesection p {
    clear: left;
    margin: 0;
    padding: 5px 0 10px 5px;
    font-size: 1.5em;        
}

.section {
    margin: 0;
    padding: 20px 0 20px 0;
}

.subsection {
    margin: 0;
    padding: 15px 0 0 5px;
    clear: left;
}
    
.subsection h2 {
    font-size: 1.3em;
    float: left;
    margin: 0;
    padding: 0.2em 0 15px 0;
    width: 220px;
    color: #333;
}

.section p, .subsection p, .section ul, .subsection ul, .section #recaptcha_widget_div {
    margin: 0 5px 15px 240px;
}


/*  */

#list {
    margin: 0 0 15px 0;
    font-size: 1.4em; 
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #aa9; 
}

#list th {
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    padding: 5px;
    border: 1px solid #ddc;
    border-top: 1px solid #aa9;

}

#list td {
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddc;
    padding: 4px 5px;
}

#list td.id {
    font-size: 1.1em;
}

#list td.forecast {
    text-align: left;
    font-size: 0.9em;
}

#list td.duration, td.stakes, td.count {
    white-space: nowrap;
}

#list td.winbadge-listitem {
    background: url(./img/winbadge-listitem.gif) no-repeat right bottom;
    background-color: inherit;
    padding: 4px 5px 20px 4px;
}

.alt {
    background: #eeede5 url(./img/goldengrade-abrupt.gif) 
}


/*  */

#betbrand {
    width: 70em;
    clear: left;
    border-top: 1px solid #aa9;
    margin: 0 auto;
    padding: 17px 0 0 0;
}

.betdetail {
    clear: left;
    width: 70em;
    margin: 20px auto 0 auto;
    border-top: 1px solid #aa9;
    border-bottom: 1px solid #aa9;
    background: #eeede5 url(./img/goldengrade.gif) repeat-x;
}

.betdetail b {
    font-size: 0.6em;
    text-transform: uppercase;
    color: #444;
}

.betdetail h3 {
    margin: 8px 25px 0 25px;
    font-weight: normal;   
    font-size: 2.1em;   
    clear: left;
}

.betdetail .id, .betdetail .predictor {
    clear: left;
    float: left;
    width: 20em;
    margin: 10px 10px 0 10px;
    padding: 0;
    font-size: 1.8em;
    line-height: 1.1em;
}

.betdetail .duration, .betdetail .challenger {
    margin: 10px 10px 0 10px;
    padding: 0;
    font-size: 1.8em;
    line-height: 1.1em;
    text-align: right;
}

.betdetail .winbadge-predictor {
    background: url(./img/winbadge-detail.gif) no-repeat;
    padding: 0 0 10px 50px;    
}

.betdetail .winbadge-challenger {
    background: url(./img/winbadge-detail.gif) no-repeat right;
    padding: 0 50px 10px 0;    
}

.betdetail .stakes {
    clear: left;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.1em;
    margin: 0;
    padding: 0 10px 10px 10px;
}

.betdetail .stakes small {
    text-align: center;
    font-size: 0.7em;
}

.betparticipate {
    clear: left;
    width: 70em;
    margin: 0 auto;
    border-bottom: 1px solid #aa9;
    background: #eeede5 url(./img/goldengrade.gif) repeat-x;
}

.betparticipate .vote {
    float: left;
    width: 44em;
    padding: 10px;
}

.betparticipate .discuss {
    margin-left: 46em;
    padding: 10px;
    border-left: 1px solid #aa9;
}

.betparticipate .discuss p {
    padding: 0;
}

.betparticipate .discuss .right {
    padding: 0 0 15px 0;
}

.betparticipate .discuss a {
    margin: 5px 0 0 0;
    font-size: 1.4em;
}

.betparticipate h4, .votedetail h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    color: #444;
    margin: 0 0 4px 0;
}

.betparticipate p, .votedetail p {
    margin: 0;
    line-height: 1.3em;
    font-size: 1.2em;
}

.betparticipate .sidewith, .votedetail .sidewith {
    margin: 6px 0 0 0;
    font-size: 1.4em;
    line-height: 1.4em;
}

.betparticipate .leftsidewith, .votedetail .leftsidewith {
    float: left;
}

.betparticipate .rightsidewith, .votedetail .rightsidewith {
    text-align: right;
}

.betparticipate .leftbar, .votedetail .leftbar {
    margin: 2px 0;
    padding: 0;
    font-size: 1.0em;
    background-color: #c63;
}

.betparticipate .rightbar, .votedetail .rightbar {
    margin: 0;
    padding: 0;
    background-color: #996;
}

.betparticipate .counts, .votedetail .counts {
    padding: 0;
    text-align: center;
}

.betparticipate .leftcount, .votedetail .leftcount {
    float: left;
}

.betparticipate .rightcount, .votedetail .rightcount {
    float: right;
}

#betarguments, .judgement, .discussion {
    clear: left;
    width: 72em;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

 #betarguments p, .judgement p {
    margin: 15px 10px;
}

#betarguments h2, .judgement h2, .discussion h2 {
    margin: 0 10px;
    color: #554;
    font-weight: normal;
    font-size: 2.1em;
    letter-spacing: -0.03em;
}

#betarguments .predictor {
    float: left;
    width: 34em;
    margin: 0;
    padding: 0;
}

#betarguments .challenger {
    margin: 0 0 0 36em;
    padding: 0;
}

.discussion .discussadmin {
    margin: 5px 0 0 0;
    float: right;
    text-align: right;
    width: 250px;
    font-size: 1.1em;
}

.discussion .post {
    margin: 10px;      
    border-top: 1px solid #aa9; 
    clear: right;
}

.discussion h3 {
    margin: 0;
    padding:  10px 0 5px 0;
    font-weight: normal;
    font-size: 1.8em;
}

.discussion .byline {
    font-size: 1.5em;
    margin: 0;   
}

.discussion .byline b {
    font-size: 0.7em;
    text-transform: uppercase;
    color: #444;
}

.discussion .comment_form {
    margin: 10px;        
    border-top: 1px solid #aa9; 
}

.discussion .comment_form h2 {
  margin: 15px 0 0 0;
}


.spam {
    color: #aa9;
}

.betlinks {
    clear: left;
    width: 70em;
    margin: 0 auto;
    border-bottom: 1px solid #aa9;
    background: #eeede5 url(./img/goldengrade.gif) repeat-x;
}

.betlinks p {
    margin: 0;
    line-height: 1.3em;
    font-size: 1.6em;
}

.betlinks .leftlink {
    width: 25em;
    padding: 10px;
    float: left;
}

.betlinks .rightlink {
    padding: 10px;
    text-align: right;
}

.betlinks .rightlink {
    padding: 10px;
    text-align: right;
}

.choicedivider {
    border-bottom: 1px solid #aa9;
}

/*  */

#footnav {
    clear: both;
    width: 72em;    
    margin: 0 auto;
    padding: 25px 0 50px 0;
    text-align: center;
}

#footnav ul {
    margin: 0;
    padding: 0;
}

#footnav li {
    display: inline;
    padding: 0 0 0 13px;
    list-style-type: none;
    color: #444;
    font-size: 1.3em;
    white-space: nowrap;
}

#footnav li.logo {
    padding: 0 6px 0 0;
}



/* legacy styles, remove once 2008 facelift is fully in place */

.txt-lg {font-size: 16px; font-family: Georgia, Times, serif;}
.txt    {font-size: 14px; font-family: Georgia, Times, serif;}
.txt-sm {font-size: 11px; font-family: Georgia, Times, serif;}
.txt-lt {font-size: 14px; font-family: Georgia, Times, serif; color: #666666;}
.exp    {font-size: 11px; font-family: Verdana, Helvetica, sans-serif;}