body {
    background:#000 url(/_template/img/body-bg.jpg) no-repeat 50% top  ;
}

#mainWrap {
    width:1013px;
    margin:0 auto;
}

.colThin, #colMain {
    float:left;
}

.colThin {
    width:119px;
}

#colMain {
    width:753px;   
}

/* Header */

#header {
    z-index:2;
    position:relative;
    height:150px;
    width:753px;
}

a#logo, #header ul, #countDownTimer {
    position:absolute;
}

#countDownTimer {
    top:0;
    right:0;
    width:206px;
    height:112px;
}

a#logo {
    display:block;
    height:99px;
    width:300px;
    left:210px;
    top:0;
}

#header ul {
    left:103px;
    bottom:0;
}

#header ul li {
    float:left;   
}

#header ul li a {
    display:block;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:50% top;
    height:51px;
    outline:none;
}

#header ul li#home a {
    background-image:url(/_template/img/nav/home.png);
    _background-image:url(/_template/img/nav/home.gif);
    width:100px;
}

#header ul li#aboutCup a {
    background-image:url(/_template/img/nav/about-the-cup.png);
    _background-image:url(/_template/img/nav/about-the-cup.gif);
    width:123px;
}

#header ul li#prizes a {
    background-image:url(/_template/img/nav/prizes.png);
    _background-image:url(/_template/img/nav/prizes.gif);
    width:100px;
}

#header ul li#rules a {
    background-image:url(/_template/img/nav/rules.png);
    _background-image:url(/_template/img/nav/rules.gif);
    width:100px;
}

#header ul li#terryPratchett a {
    background-image:url(/_template/img/nav/terry-pratchett.png);
    _background-image:url(/_template/img/nav/terry-pratchett.gif);
    width:118px;
}

/* Left col */

a#showSupport {
    display:block;
    height:110px;
    width:116px;
    text-indent:-9999px;
    background:url(/_template/img/show-your-support.gif) left top no-repeat;
    margin:5px 0 0 0;
}

/* Content */

#content {
    z-index:1;
}   

/* Home */

.worldcupContainer{
    width:753px;
    background-position:-25px -2px;
    background-repeat:no-repeat;
    _background:none;
    position:relative;
    height:568px;
}

.group-stages {
    background-image:url(/_template/img/worldcup-container-bg.png)
}  

.quarter-finals {
    background-image:url(/_template/img/worldcup-container-bg2.png)
}  

.semi-finals {
    background-image:url(/_template/img/worldcup-container-bg3.png)
}  

.finals {
    background-image:url(/_template/img/worldcup-container-bg4.png)
}  

#videoContainer{
    width:371px;
    height:355px;
    background:url(/_template/img/video-player-bg.png) left top no-repeat;
    position:absolute;
    left:191px;
    top:-56px;
}

#homeVideo{
    width:305px;
    height:245px;
    margin:50px auto 0 auto;
}

.groupContainer {
    width:100px;
    height:126px;
    background-image:url(/_template/img/group-box.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    position:absolute;
    right:300px;
    top:0;
    font-size:84.6%;
}

.groupContainer-inner {
    position:relative;
    padding:3px;
    height:111px;
    width:94px;
    text-align:center;
    color:#1a2e4a;
}

.voteButton {
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width:100px;
    height:15px;
    background:transparent url(/_template/img/vote.gif);
    text-indent:-9999px;
    padding:0!important;
}

.groupContainer a {
    color:#4c280b;
    text-decoration:none;
}

.groupContainer img {
    display:block;
}

.GroupA, .GroupE {
    top:36px;
}

.GroupB, .GroupF {
    top:169px;
}

.GroupC, .GroupG {
    top:301px;
}

.GroupD, .GroupH {
    top:433px;
}

.GroupA, .GroupB, .GroupC, .GroupD {
    left:0;
}

.GroupE, .GroupF , .GroupG, .GroupH {
    right:2px;
}

.QF1, .QF2, .QF3, .QF4, .SF2, .SF1, .Final {
    background-image:url(/_template/img/qf-box.jpg);
    width:100px;
    height:110px;
}

.QF1 .groupContainer-inner, .QF2 .groupContainer-inner, .QF3 .groupContainer-inner, .QF4 .groupContainer-inner, .SF2 .groupContainer-inner, .SF1 .groupContainer-inner, .Final .groupContainer-inner {
    height:94px;
}

.QF1, .QF3 {
    top:109px;
}

.QF2, .QF4 {
    top:375px;
}

.QF1, .QF2 {
    left:103px;
}

.QF3, .QF4 {
    right:104px;
}

.SF2, .SF1 {
    top:309px;
}

.SF1 {
    left:214px;
}

.SF2 {
    right:215px;
}

.Final {
    left:326px;
    top:289px;
}

.Final .groupContainer-inner {
    padding-top:12px;
    height:95px;
}

.groupContainer.expired {  
    -moz-opacity:.50;
    filter:alpha(opacity=50);
    opacity:.50;
}

.groupContainer a {
    display:block;
    padding:2px 0;
    text-align:center;
}

/* content */

#scroll {
    background:url(/_template/img/scroll-bg.jpg) left top no-repeat;
    height:419px;
    width:752px;
    padding-top:5px;
    position:relative;
}

#backButton{
    position:absolute;
    top:5px;
    left:3px;
}

#scrollShadowTop, #scrollShadowBottom {
    _background:none;
    overflow:hidden;
    width:752px;
}

#scrollShadowTop {
    background:url(/_template/img/scroll-shadow-top.png) left top repeat-x;
    height:4px;
}

#scrollShadowBottom{
    background:url(/_template/img/scroll-shadow-bottom.png) left top repeat-x;
    height:10px;
    margin-bottom:130px;
}

#scroll h1 {
    font-size:30px;
    text-align:center;
}

#scroll-inner{
    margin:20px 90px;
    overflow:auto;
    height:300px;
}

#scroll p{
    margin-bottom:10px;
}

.alignCenter {
    text-align:center;
}

.large {
    font-size:28px;
    text-align:center;
    color:#673a16;
}

.large span {
    color:#000;
}

/* book page */

#bookInfo, #voteForm {
    margin:15px 50px;
}

#voteForm {
    margin:15px 80px;
}

#bookInfo .left{
    width:420px;
}

#bookInfo .right{
    width:232px;
    text-align:center;
}

.label, .field, .row {
    float:left;
}

.row {
    padding-bottom:10px;
    width:100%;
}

.label {
    width:80px;
    padding-right:10px;
    text-align:right;
    font-weight:bold;
}

.checkbox {
    font-size:84.6%;
}

.checkbox input {
    margin-right:10px;
    vertical-align:middle;
}

#voteForm .label {
    width:100px;
}

#voteForm .field {
    width:482px;
}

.fixed {
    height:200px;
    overflow:auto;
    width:330px;
}

.textbox, .dropdown, .textbox input, .dropdown select {
    width:325px;
    background:#fff;
}

.textbox, .dropdown {
    padding:3px;
}

.textbox input {
    border:none;
}

.captcha input {
    width:50px;
    background:#fff;
    border:none;
    padding:3px;
}

.captcha span {
    float:none!important;
    margin:0!important;
}

.captcha span img {
    float:left;
    margin-right:10px;
}

#currentVoting {
    text-align:center;
    font-size:20px;
}

#currentVoting span {
    color:#5b0502;
    font-size:40px;
}

/* footer */

#footer {
    background:#642708 url(/_template/img/footer-bottom.gif) left bottom no-repeat;
    width:751px;
    margin:0 auto;  
    font-size:92.3%;
}

#footer-inner {
    background:url(/_template/img/footer-top.gif) left top no-repeat;
    padding:5px 20px;
    text-align:center;
}

#footer, #footer a {
    color:#ffe062;
}

#footer a {
    text-decoration:underline;
}

/* Generic */

.clear {
    clear:both;
}

.left {
    float:left;
}

.right {
    float:right;
}

.small {
    font-size:85%;
}

/* Share this overrides */

#sharethis_0 {
    width:20px!important;
}

#sharethis_0 a {
    text-decoration:none!important;
}

a.stbutton {
    padding:0 0 0 20px!important;
}

.stbuttontext {
    line-height:normal!important;
}