/**
 * Copyright (c) 2008 ClanTemplates.com
 * Kontrol; a free template by pJeh at ClanTemplates.com
 * No part of this file may be redistributed without written permission
 * Designed by pJeh <pJeh@clantemplates.com>
 * Coded by Ross <ross@clantemplates.com>
 * http://www.clantemplates.com/pages/Legal
 */

/**
 * CSS Reset Reloaded
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**
 * Body
 */
body {
    background: #121212;
    color: #fff;
    font: 0.75em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    padding-bottom: 20px;
    text-align: center;
}

/**
 * Links
 */
a, a:visited {
    color: #fff;
}

a:hover, a:visited:hover {
    text-decoration: none;
}

/**
 * Content formatting
 */
.news-content p {
    line-height: 1.40em;
    margin: 1.25em 0;
}

strong {
    font-weight: bold;
}

em {
    font-weight: bold;
}

.news-content ul, .news-content ol {
    margin-left: 20px;
}

h3 {
    font-size: 1.30em;
    font-weight: bold;
}

h4 {
    font-size: 1.15em;
    font-weight: bold;
}

/**
 * Containers
 */
#container {
    background: url('./images/container-background.png') repeat-y;
    margin: 0 auto;
    padding: 0 5px;
    text-align: left;
    width: 851px;
}

body > #container {
    /*width: 851px;*/
    width: 841px;
}

/**
 * User-bar
 */
#user-bar {
    background: url('./images/userbar/background.png') repeat-x;
    color: #fff;
    font-size: 0.83em;
    height: 21px;
}

#user-bar .login-cap-right {
    background: url('./images/userbar/end-cap-right.png') no-repeat;
    display: block;
    float: right;
    height: 21px;
    width: 3px;
}

#user-bar .login-cap-left {
    background: url('./images/userbar/end-cap-left.png') no-repeat;
    display: block;
    height: 21px;
    padding-left: 7px;
    padding-top: 2px;
}

/**
 * Header
 */
h1 {
    height: 202px;
    overflow: hidden;
    width: 841px;
}

/**
 * Navigation
 */
#navigation {
    clear: both;
    height: 39px;
}

#navigation li {
    float: left;
    list-style: none;
}

/* IE6 fixer */
#navigation a:hover { border:0; }

#navigation a {
    display: block;
    height: 39px;
}

#navigation a:visited {
    border: 0;
}

#navigation a img {
    display: block;
}

#navigation a:hover img {
    display: none;
}

#home a {
    background: url('./images/navigation/home-hover.png') no-repeat;
    width: 89px;
}

#roster a {
    background: url('./images/navigation/roster-hover.png') no-repeat;
    width: 99px;
}

#news a {
    background: url('./images/navigation/news-hover.png') no-repeat;
    width: 89px;
}

#downloads a {
    background: url('./images/navigation/downloads-hover.png') no-repeat;
    width: 138px;
}

#history a {
    background: url('./images/navigation/history-hover.png') no-repeat;
    width: 109px;
}

#store a {
    background: url('./images/navigation/store-hover.png') no-repeat;
    width: 92px;
}

#contact a {
    background: url('./images/navigation/contact-hover.png') no-repeat;
    width: 118px;
}

#forum a {
    background: url('./images/navigation/forum-hover.png') no-repeat;
    width: 107px;
}

/**
 * Sections (Recent Matches etc.)
 */
.col {
    float: left;
}

.col table {
    border: 1px solid #fff;
    border-right: 1px solid #dadada;
    border-bottom: 0;
    color: #000;
    width: 100%;
}

.col caption {
    color: #fff;
    height: 21px;
    padding-left: 25px;
    padding-top: 1px;
}

.col > caption {
    /*height: 21px;*/
    height: 20px;
}

.col td {
    background: #fff;
    border-top: 1px solid #dadada;
    margin: 1px;
    padding: 4px 0;
    text-align: center;
}

.col .hl td {
    background: #e8e8e8;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

col.post {
    width: 70%;
}

col.date {
    width: 20%;
}

col.dash {
    width: 10%;
}

.col-left {
    width: 297px;
}

    .col-left caption {
        background: url('./images/sections/left-background.png') no-repeat;
    }

.col-center {
    width: 297px;
}

    .col-center caption {
        background: url('./images/sections/center-background.png') no-repeat;
    }

.col-right {
    width: 247px;
}

    .col-right caption {
        background: url('./images/sections/right-background.png') no-repeat;
    }

/**
 * Content
 */
h2 {
    background: url('./images/content/header-background.png') repeat-x;
    color: #fff;
    font-size: 1.17em;
    font-weight: bold;
    height: 31px;
    text-transform: uppercase;
}

    h2 .header-left {
        background: url('./images/content/header-left.png') no-repeat;
        display: block;
        height: 31px;
        padding: 6px 0 0 6px;
    }
    
    h2 > .header-left {
        /*height: 31px;*/
        height: 25px;
    }
    
    h2 .header-right {
        background: url('./images/content/header-right.png') no-repeat;
        display: block;
        float: right;
        height: 31px;
    }

.news-content {
    background: url('./images/content/content-background.png') repeat-y;
    margin: 0;
    padding: 0 10px 0 10px;
    margin-bottom: -16px;
}

/* Strange margin bug doesn't occur on gt IE6 */
#container > .news-content {
    margin-bottom: 0;
}

.content-top {
    background: url('./images/content/content-top.png') no-repeat;
    display: block;
    height: 2px;
    margin: 0 -10px 5px -10px;
}

.content-bottom {
    background: url('./images/content/content-bottom.png') no-repeat;
    display: block;
    height: 2px;
    /*margin: 10px -10px 0 -10px;*/
    margin: 0 -10px 0 -10px;
}

.comments {
    background: url('./images/content/comments-background.png') repeat-x;
    color: #737373;
    height: 21px;
    margin: 0;
}

    .comments a {
        color: #737373;
    }

    .comments .comments-right {
        background: url('./images/content/comments-right.png') right no-repeat;
        display: block;
        float: right;
        height: 21px;
        padding: 2px 5px 0 0;
    }
    
    .comments .comments-left {
        background: url('./images/content/comments-left.png') no-repeat;
        display: block;
        height: 21px;
        padding: 2px 0 0 5px;
    }
    
    .comments > .comments-left, .comments > .comments-right {
        /*height: 21px;*/
        height: 19px;
    }

.readmore a {
    font-weight: bold;
    text-decoration: none;
}

/**
 * Footer
 */
#footer {
    background: url('./images/footer/background.png') repeat-x;
    height: 27px;
    margin: 20px -5px 0 -5px;
}


    #footer .footer-right {
        background: url('./images/footer/right.png') right no-repeat;
        display: block;
        float: right;
        height: 27px;
        padding: 0 5px 0 0;
    }
    
    #footer .footer-left {
        background: url('./images/footer/left.png') no-repeat;
        display: block;
        height: 27px;
        padding: 0 0 0 5px;
    }
    
    #footer a#copyright {
        background: url('./images/footer/copyright.png') right no-repeat;
        display: block;
        height: 23px;
        width: 386px;
    }
    
    #footer a#copyright span {
        display: none;
    }

/**
 * Win/lose colours
 */
.win {
    color: #049f00;
}

.lose {
    color: #f00;
}

/**
 * Misc.
 */

.clear-fix {
    clear: both;
}