﻿/*Styles for 3 column layout*/

body {
	margin:0;
	padding:0;
	background:#f0f7f6;
}
#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}

#footer {
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	margin-left:2%;
	padding-right:2%;
}

/* Start of Column CSS */

#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#f0f7f6; /* column 3 background colour */
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
	background:#f0f7f6; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	background:#f0f7f6; /* column 1 background colour */
}
#col1 {
	float:left;
	width:29.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:29.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
}

/*Styles for upcoming events (left column)*/

table.event-table {padding-left: 0px; border: none;}
table.event-table tr {padding-left: 0px; border: none;}
table.event-table td {padding-left: 0px; border: none;}

.event-date{vertical-align: top; margin: none; width: 24%; padding-bottom: 3px; padding-right: 10px; color: blue}
.event-item{text-align: left}
.event-name {font-weight: bold; padding-bottom: 0px}
.event-detail{font-weight: normal; font-style: italic; padding-top: 0px; text-align: left}

/*Styles for Game of the Week (left column)*/

.subhead1 {text-align: center; font-weight:bold; color: #800000; padding-bottom: 8px; font-size: 130%}
.subhead1l {text-align: left; font-weight:bold; color: #800000; padding-bottom: 8px; font-size: 130%}
.subhead1a {text-align: left; font-weight:bold; padding-bottom: 8px; font-size: 110%}
.subhead1b {text-align: left; font-weight:bold; padding-bottom: 2px; font-size: 110%}
.subhead2 {text-align: center; font-weight:500; color: #800000; padding-bottom: 3px;}
.subhead3 {text-align: center; font-weight:500; color: #800000; padding-bottom: 8px;}
.game-info {font-weight: bold; text-align: center; padding-bottom: 3px;}
.standfirst {font-style: italic; padding-left: 30px; padding-right: 30px; text-align: justify}
.board-position {text-align: center;}
.click {font-size: 90%; text-align: center; padding-top: 10px}
.game-footer {text-align: justify; padding-left: 30px; padding-right: 30px; font-size: 100%}

/*Styles for daily puzzle (left column)*/
.puzzle-text {text-align: justify;}
.puzzle-position {text-align: center;}

/*Styles for British Championship results table (centre column)*/

.british-name {color: #800000; text-align: left; font-size: 110%}
.british-column {padding-right: 10px}
.british-result {color: red; font-weight:bold; text-align: left; padding-right: 12px}
.british-game {vertical-align: middle}
.british-score {color: black; font-size: 110%; text-align: left; padding-top: 5px; padding-bottom: 5px}
.british-score2 {text-decoration: underline; font-weight: bold}
.british-score3 {color: blue; font-weight: bold; text-decoration: none}
.british-result2 {color: blue; font-weight:bold; text-align: left}

/*Styles for twitter (right column)*/
.twitter {text-align: left; width:100%}

/*Styles for condensed league tables (right column)*/

table.league-table {padding-left: 0px; border: none}
table.league-table tr {padding-left: 0px; border: none}
table.league-table td {padding-left: 0px; border: none}

table.team-list {padding-left: 0px; border: none}
table.team-list tr {padding-left: 0px; border: none}
table.team-list td {padding-left: 0px; border: none}


.league-club {text-align: left; vertical-align: middle; padding-right: 35px}
.league-p {text-align: right; vertical-align: middle; padding-right: 20px}
.league-pts {text-align: right; vertical-align: middle; color: red}

/*Styles for match results (right column)*/

table.comp-table {padding-left: 0px; border: none; width: 99%}
table.comp-table tr {padding-left: 0px; border: none}
table.comp-table td {padding-left: 0px; border: none}

.comp-boardcol {text-align: left; vertical-align: middle; width: 1%}
.comp-gradecol {text-align: right; vertical-align: middle; width: 2%}
.comp-playercol {text-align: left; vertical-align: middle; width: 35%} 
.comp-scorecol {text-align: center; vertical-align: middle; width: 21%}


.comp-head {color: #800000; font-style: normal; font-weight: bold; font-size: 120%; text-align: left; padding-bottom: 5px; padding-top: 5px}

.comp-datevenue{text-align: left; font-weight: bold}

.comp-team{color: black; font-weight: bold; text-align: left}
.comp-score{color: red; font-weight: bold; text-align: center}

.comp-board {color: #800000; padding-right: 3px; font-weight: bold}
.comp-grade {padding-right: 3px; color: blue}
.comp-player {text-align: left; padding-right: 0px}
.comp-result {padding-right: 2px; color: red; text-align: center}

.comp-text{font-style: italic; padding-bottom: 0px}
.comp-note{text-align: left; font-style: italic; font-weight: bold}

