/* css file for skittles section of site (screen - media) Version 1.0 28.11.2011 */

body 
{
	background-image: url("softblue.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: calibri, "gill sans mt", sans-serif;
	font-size: medium;
}
a 
{
	text-decoration: none;
}
.middle 
{
	text-align: center;
}

.super 
{
	vertical-align: super;
	font-size: 0.7em;
}

.direction
{
	clear: left;
	padding-top: 1em;
}
.heavy
{
	font-weight:bold;
}

/* The navigation area fixed on the left hand side of each page */

div#nav 
{
	position: fixed;
	width: 10.5em;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
	border-right: ridge 2px blue;
	border-bottom: ridge 2px blue;
	background-color: #efefef;
	text-align: center;
}
div#nav ul 
{
	list-style-type: none;
	padding-left: 1em;
	margin-left: 0;
	margin-top: 0.2em;
}
div#nav li 
{
	background-color: blue;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	width: 7.5em;
	margin: 0.15em;
	border: solid thin navy;
	padding: 0:
}
div#nav li:hover 
{
	background-color: red;
}
div#nav #logoimg 
{
	width: 9em;
	padding: 0.5em;
	border-bottom: ridge 2px blue;
}
div#nav a 
{
	color: white;
}
div#nav .contact a 
{
	color: blue;
}
div#nav .contact a:hover
{
	color: red;
}

/* The permananent Seagulls logo which floats over the detailed information as it scrolls up and down the page */

div#banner 
{
	position: fixed;
	left: 10.5em;
	top: 0;
	right: 0;
	text-align: center;
	background-color: transparent;
	z-index: 1;
	margin: 0;
	padding-top: 1em;
}
div#banner .printhead 
{
	display: none;
}

/* The body division forms the background in whiuch the information division floats */

div#body 
{
	position: absolute;
	left: 11em;
	right: 1em;
}

/* all the actual information is displayed in the info division */

div#info 
{
	position: relative;
	margin: auto;
	text-align: left;
	margin-top: 10em;
	width: 60em;	
	background-color: #fffbe0;
	border: solid thin blue;
	padding: 0.5em;
}
div#info a
{
	font-weight: bold;
	color: blue;
}
div#info a:hover 
{
	color: red;
}
div#info h1 
{
	font-size: 1.5em;
	margin: 0;
	color: #b22222;
}
div#info p 
{
	margin: 0.2em;
}
div#info ul.bullet
{
	list-style-type: square;
	list-style-position: inside;
}
div#info ul 
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
div#info ul li.reserve 
{
	float: left;
	margin-right: 0.5em;
}
div#info dl > dt
{
	font-weight: bold;
}
div#info p.dateline 
{
	border-top: dotted thin #686969;
	text-align: center;
	font-size: 0.8em;
	color: #686969;
	padding-top: 0.3em;
	margin-top: 1em;
	clear: left;
}

div#info .footnote 
{
	margin-top: 2em;
	font-size:0.8em;
}
div#info .footnote + .footnote
{
	margin-top: 0;
}
div#info table
{
	width: 100%;
}
div#info thead 
{
	font-weight: bold;
}
div#info table#fixtures
{
	margin-top: 2em;
}

div#info table#fixtures col 
{
	width: 25%;
}

div#info table.results col.date, col.opponents, col.venue 
{
	width: 20%;
}
div#info table.results col.us, col.result
{
	width: 11%;
}
div#info table.results col.them
{
	width: 18%;
}
div#info table.teams 
{
	border-bottom: dashed thin black;
}
div#info table.averages col.qualify 
{
	width: 16%;
}

div#info table.game
{
	margin-top: 2em;
}
div#info table.game col.leg
{
	width: 20%;
}
div#info table.game col.hand1, col.hand2, col.hand3, col.hand4, col.hand5, col.hand6, col.diff, col.cdiff  
{
	width: 2%;
}
div#info table.game col.us, col.them, col.nofines, col.snowball
{
	width: 7%;
}
div#info table.game tr.summary
{
	font-weight: bold;
}
div#info table.alltime
{
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 80%;
}
div#info table.istats1
{
	margin-bottom: 2em;
}

div#info table.istats1 col
{
	width: 25%;
}
div#info table.istats2 col.record
{
	width: 25%;
}
div#info table.istats2 col.value
{
	width: 25%;
}
div#info table.istats2 col.detail
{
	width: 50%;
}
div#info table.istats3
{
	margin-bottom: 2em;
}
div#info table.istats3 col.position
{
	width: 10%;
}
div#info table.istats3 col.desription
{
	width: 20%;
}
div#info table.istats3 col.value
{
	width: 20%;
}
div#info table.istats3 col.detail
{
	width: 50%;
}
div#info table.team0 col.record
{
	width: 30%;
}
div#info table.team0 col.value
{
	width: 10%;
}
div#info table.team0 col.person
{
	width: 20%;
}
div#info table.team0 col.detail
{
	width: 40%;
}
div#info table.team1 td p
{
	line-height: 1em;
}
div#info table.team1 col.record
{
	width: 24%;
}
div#info table.team1 col.value
{
	width: 4%;
}
div#info table.team1 col.detail
{
	width: 34%;
}
div#info table.team1 col.people
{
	width: 38%;
}
div#info table.alltime1 col.position
{
	width: 7%;
}
div#info .floatl 
{
	float: left;
	margin-right: 3em;
	margin-bottom: 0.6em;
}
div#info h2
{
	font-size: 1.3em;
	border-bottom: solid thin black;
}
div#info h3
{
	font-size: 1.2em;
	color: #b22222;
}