/* Generic Fitbaw Styles
 * ---------------------
 * 
 * This file is layed out in sections:
 * - colour first to group all the colours and make changing them easier
 * - default element styles next (size, weight, etc)
 * - structure of the page (layout, background img, etc)
 * - div element styling (specific styles for elements in the header, side bar, post, comment and footer divs)
 * - one off styles for static single pages (archives, media, links, etc)
 */

/* colour styles */
body {
    background-color: #fff;
}

body, #teams h1, #motm h1, #motm table font {
    color: #333;
}

a:visited {
    color: #084c8f;
}

#nav a, #nav a:visited {
    color: #fff;
}

h1, a, a:link, .post h1 a:visited,
#home #nav-home a, #home #nav-home a:visited,
#about #nav-about a, #about #nav-about a:visited, 
#history #nav-about a, #history #nav-about a:visited,
#rules #nav-about a, #rules #nav-about a:visited,
#players #nav-players a, #players #nav-players a:visited,
#stats #nav-stats a, #stats #nav-stats a:visited, 
#media #nav-media a, #media #nav-media a:visited,
#archive #nav-archive a, #archive #nav-archive  a:visited {
    color: #166bb3;
}

h2, h3, .post-footer, .comment-post, caption {
    color: #666;
}

html#players div.section {
    border-color: #666;
}

#teams h2 {
    color: #494949;
}

#teams table, #teams th, #teams td, table.main, table.main th, table.main td {
    border-color: #B8D1E5;
}

#teams th, table.main th {
	color: #FFF;    
}

td.mince {
	background-color: #FFF;
	color: #4F6B72;    
}

td.tatties {
	background-color: #CFEBFF;
	color: #797268;
}

#comments h2 {
    border-bottom-color: #166bb3;
}

.post-photo img, .post img, .post  a img , #map iframe{
    border-color: #d5d5d5;
}

.person1 {
    color: red;
}

.person2 {
    color: blue;
}

/* default element styles */
body {
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 13px;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 95%;    
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

div.clear {
    clear: both;
}    

blockquote {    
    background-image: url( "../img/quote.gif" ); 
    background-repeat: no-repeat;
    background-position: 0px -10px;
    font-style: italic;        
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: 10px; 
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;    
} 

/* structure */
#navbar {
    display: none;
}

body {
    background-image: url( "../img/background.png" );
    background-repeat:  repeat-x;
    background-position: top;
}

#wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border: 0;
    width: 776px;
    overflow: hidden;
}

#header {
    background: url( "../img/header.png" ) no-repeat;
    height: 295px;
}

/* IE hack as doesn't support alpha-transparent PNGs */
* html #header {
    background: url( "../img/header.jpg" ) no-repeat;
}

#container {
    margin-top: -120px;
}

#main, #side-a, #side-b {
    background: url( "../img/container.png" ) repeat-y;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
}

/* IE hack as doesn't support alpha-transparent PNGs */
* html #main {
    background: url( "../img/container.gif" ) repeat-y;
}

/* IE hack as doesn't support alpha-transparent PNGs */
* html #side-a {
    background: url( "../img/container.gif" ) repeat-y;
}

/* IE hack as doesn't support alpha-transparent PNGs */
* html #side-b {
    background: url( "../img/container.gif" ) repeat-y;
    background-position: right;
}

#main {
    float: left;
    margin-top: -10px;
    width: 776px;    
}

#side-a {
    float: left;
    margin-top: -10px;    
    width: 548px;
}

#side-b {
    background-position: right;
    float: left;
    height: 1%; /* Holly hack for Peekaboo Bug */    
    width: 228px;
}

#footer {
    background: url( "../img/footer.png" ) no-repeat;
    clear: both;    
    font-variant: small-caps;    
    position: relative;    
    height: 70px;
    text-align: center;
}

/* header div styles */
#header h1 {
    display: none;
}

#header ul {
    font-size: 13px;
    list-style-type: none;      
    margin-right: 26px;
    padding-top: 143px;   
    text-align: center;     
}

#header li {
    background-image: url( "../img/tab-bg.png" );
    background-position: top;    
    background-repeat: no-repeat;     
    display: inline;       
    float: right;
    width: 55px;    
}

/* IE hack as doesn't support alpha-transparent PNGs */
* html #header li {
    background-image: url( "../img/tab-bg.gif" );
}

/* override bg image and colour for individual pages */
#home #nav-home,
#about #nav-about,
#history #nav-about,
#rules #nav-about,
#players #nav-players,
#stats #nav-stats,
#media #nav-media,
#archive #nav-archive {
    background-image: url( "../img/tab.png" );
    font-weight: bold;
} 

* html#home #nav-home,
* html#about #nav-about,
* html#history #nav-about,
* html#rules #nav-about,
* html#players #nav-players,
* html#stats #nav-stats,
* html#media #nav-media,
* html#archive #nav-archive {
    background-image: url( "../img/tab.gif" );
}

#nav a:hover {
    text-decoration: none;
}

#nav a {
    position: relative;
    top: -1px;
}

/* side bar div styles */
#teams, #motm {
    font-size: 12px;
    margin-bottom: 10px;    
    margin-left: 8px;    
    margin-right: 24px;
    margin-top: 0px;
    padding: 10px;
    padding-top: 35px;    
}

#teams {
    background-image: url( "../img/teams-bg.gif" );
    background-repeat: no-repeat;    

}

#teams h1, #motm h1 {
    font-size: 16px;
}

#teams h2 {
    font-size: 14px;
    line-height: 95%;
}

#teams table {
    border-collapse: collapse;    
    border-style: solid;
    border-width: 1px;   
	margin: 0;    
	padding: 0; 
    width: 100%;
}

table.main {
    border-collapse: collapse;    
    border-style: solid;
    border-width: 1px;   
	margin: 0;    
	padding: 0; 
    width: 180px;
}

#teams caption {
    font-size: 14px;
    font-weight: normal;
	text-align: left;
}

.tableheader {
    background-repeat:  no-repeat;
    background-position: right;  
    display: block;    
    height: 24px;
    padding-right: 3px;     
    padding-top: 7px;    
    width: 100%;
}

#teams th, table.main th {
    background-image: url( "./../img/th.gif" );       
    background-repeat:  no-repeat;    
	font-weight: bold;
    letter-spacing: 1px;    
    padding-bottom: 3px;    
    padding-left: 7px;
    padding-top: 5px;
	text-align: left;    
	text-transform: uppercase;    
    width: 50%;
}

th.mince {
	border-right-style: solid;
	border-right-width: 1px;
}

#minceheader {
    background-image: url( "./../img/mince.gif" );
}

#tattiesheader {
    background-image: url( "./../img/tattie.gif" );   
}

#teams td, table.main td {
	border-top-style: solid;
	border-top-width: 1px;
    padding: 4px 0 4px 10px;
}

td.mince {
	border-right-style: solid ;
	border-right-width: 1px;    
}

#motm {
    background-image: url( "../img/motm-bg.gif" );
    background-repeat: no-repeat; 
}

#motm table {
    width: 100%;
}

#motm table b {
    display: none;
}

#motm table hr, #motm table img {
    display: none;
}

#motm table font {
    font-size: 12px;
}

#motm table div {
    text-align: center;
}

/* post div styles */
.post {
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 30px;
}

.post h1 a:hover {
    text-decoration: none;
}

.post h2 {
    margin-top: -10px;
}

.post-photo, .post img, .post  a img {
	display: block;
	margin: 0 auto;
    text-align: center;
}

.post-photo img, .post img {
    border-style: solid;
    border-width: 10px;
}

.post  table.main {
    margin: 0 auto;
    text-align: center;
}

.post table.main td {
    text-align: left;
}

.post-footer {
    font-size: 11px;
    font-style: italic;
    text-align: center;
}

/* comments div styles */
#comments {
    background: url( "../img/baw.png" ) no-repeat;
    background-position: bottom right;    
    margin-left: 40px;
    margin-right: 40px;
    min-height: 200px;
}

#comments h2 {
    border-style: solid;
    border-width: 1px;    
    width: 100%;
}

.comment-post {
    font-size: 11px;
    margin-top: -15px;
}

/* player profile styles */
#hardcore {
    float: left;
    padding-top: 10px;
    width: 100%;
}

#hardcore small {
    float: left;
    width: 100%;
}

#reserves {
    padding-top: 30px;
    float: left;
    width: 100%;
}

#retired {
    padding-top: 30px;
    float: left;
    width: 100%;
}

.profile-list li {
    display: inline;
    float: left;
    width: 100px;
    text-align: top;
    padding-bottom: 10px;
}

.profile-list li img {
    border-width: 7px;
}

.profile-list li a:hover {
    text-decoration: none;
}

#profile-picture {
    float: right;
    padding-top: 10px;
}

#profile-details {
    float: left;
}

#profile-details dl {
    width: 420px;
    padding: 0;
}

#profile-details dt {
    width: 150px;
    float: left;
    margin: 0 0 0 0;
    padding: 5px;
    border-top: 1px solid #999;       
    font-weight: bold;
}

#profile-details dd {
    float: left;
    width: 250px;
    margin: 0 0 0 0;
    padding: 5px;
    border-top: 1px solid #999;         
}

#profile-details ol {
    margin-left: 5px;
}

#profile-details li {
    font-weight: bold;
    padding: 1px;
}

.league-list {
    font-weight: normal;
}

/* team picker */
html#players div.section {
    display: block;
    padding-top: 20px;
}

html#players div.section h2{
    display: block;
}    

html#players div.picker-player {
    float: left;
    padding: 10px;
    cursor: move;
}

html#players div.section {
    background-image: url( "./../img/picker-bg.png" );       
    background-repeat:  no-repeat;    
    background-position: -10px -5px; 
    border-style: solid;
    border-width: 1px;    
    float: left;    
    height: 660px;    
    margin-bottom: 10px;
    text-align: center;
    width: 150px;    
}

html#players div.section div.picker-player {
    margin-top: -10px;
    margin-left: 19px;
}

div#picker-mince {
    margin-left: 185px;
    margin-right: 10px;
}

div#createplayer {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* footer div styles */
#footer p {
    padding-top: 30px;
}

/* one off pages styles - archives, media, players, about, etc*/
.archives-year {
    float: left; 
    margin-right: 30px; 
    padding-top: 5px;
}

#dates {
    display: block;
    width: 100%;
}

#matchreports, #labels {
    padding-top: 10px;
    width: 520px;    
}

#labels li {
    text-transform: capitalize;
}

.media {
    padding-top: 50px;
}

#hod {
    padding-top: 10px;
}

#hod-out {
    float: left; 
    padding-left: 200px;

}

#hod-in {
    float: left; 
    padding-left: 25px;
}

#map {
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
}

#map iframe {
    border-style: solid;
    border-width: 10px;
}

#map small {
    display: block;
    margin-top: 5px;   
    text-align: right;
    width: 95%;
}

.chat {
    display: inline-block;
    width: 40px;
    font-weight: bold;
}