﻿/* Colchester & East Essex Cricket Club screen style sheet - ©Atom14 Ltd 2009 */
/* Colour palette: black, grey = rgb(181,181,181) = #b5b5b5, purple = rgb(139,69,98) = #8b4562, mid-purple = rgb(140,94,113) = #8c5e71, light-purple = rgb(140,117,127) = #8c757f */
/* */

/* Top level styles */

* { 	font-family: Arial;
		font-size: 12px;
		margin: 0;
		padding: 0; }

body { 	background-color: black; }

a { 	text-decoration: none;
		color: rgb(139,69,98); }

a:hover {	text-decoration: underline; }

h2 { 	color: rgb(139,69,98);
		font-size: 16px;
		padding: 4px; }

h2 span {
	float: right;
}
h2 span a {
	font-size: x-small;
}

h3 {
	margin: 2px;
	padding: 4px;
	color: white;
	background-color: rgb(139,69,98);
}

h4 {	padding: 4px; }

h5 {	padding: 4px;
		font-size: 11px;
		font-weight: bold; }

p {		font-size: 12px;
		margin: 6px; }

ul {	margin-left: 4px;
		list-style-type: none; }

ol {
	margin-left: 48px;
}

li {	padding-left: 30px; }

ul.academy {
	list-style:lower-alpha;
}
ul.academy li {
	padding: 0px;
	margin: 20px;
}

img {	float: left; 
		padding: 8px;
		border: 0px; }
img.icon {
	float: right;
	border: 1px rgb(181,181,181) solid;
	padding: 0px;
	margin: 0px 4px;
}

table {
	margin: 6px 4px;
	border-collapse: collapse;
	border: 1px solid rgb(139,69,98); }

thead {
	background-color: rgb(139,69,98);
	color: #FFF; }
	
th { border:1px solid rgb(139,69,98);
	padding: 1px;
	vertical-align: middle; }

tbody {
	background-color: #FFF;
	color: #000; }

td {border: 1px solid rgb(139,69,98); 
	padding: 1px; }

tfoot {
	border: 1px solid #BD3644;
	background-color: #345A45;
	color:#FFF; }

blockquote {
	padding: 8px;
	font-style: italic;
}

#wrapper {	background: rgb(181,181,181) url('images/bg.gif') repeat-x 0 0; }

#smallnav {	width: 877px;
			margin: 0 auto;
			height: 30px; }

#smallnav p {
	text-align: center;
	color: #FFF;
}

#smallnav a {
	color: rgb(140,117,127);
}

#picnav {	position: relative;
			top: 0px;
			width: 877px;
			margin: 0 auto;
			height: 218px;
			border-bottom: black 2px solid; }

#picnav h1 { 	position: absolute;
				top: 0px;
				left: 0px;
				text-indent: -5000px;
				background: url('images/cee.jpg') no-repeat left top;
				border: 4px black solid;
				width: 869px;
				height: 210px;
				z-index: 0; }

#picnav ul {	position: absolute;
				top: 182px;
				left: 0px;
				display: block;
				width: 877px;
				list-style: none; }

#picnav ul li {float: right; }

#picnav ul a {	display: block;
				width: 122px;
				height: 37px;
				line-height: 37px;
				text-align: center; }

#picnav .club a {	position: absolute;
					right: 6px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav .ladies a {	position: absolute;
					right: 126px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav .colts a {	position: absolute;
					right: 246px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav .stats a {	position: absolute;
					right: 366px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav .social a {	position: absolute;
					right: 486px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav .clubhouse a {	position: absolute;
					right: 606px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav .history a {	position: absolute;
					right: 726px;
					top: 0px;
					color: black;
					background: transparent url('images/button.png') no-repeat left top;
					z-index: 20; }

#picnav a:hover {	text-decoration: underline; }

#content {	position: relative;
			top: 0px;
			background-color: white;
			width: 875px;
			margin: 0 auto;
			border-left: 1px solid rgb(139,69,98);
			border-right: 1px solid rgb(139,69,98); }

.content-left {
	padding: 4px;
	float: left;
	width: 48%;
	border-right: 1px rgb(139,69,98) dotted;
}
.content-right {
	padding: 4px;
	float: right;
	width: 49%;
}

#intro, #teamsheet, #events, #googlefc {
	border-bottom: 1px rgb(139,69,98) solid;
	margin-bottom: 2px;
	margin-top: 2px;
}

#gfc {
	border:1px solid #cccccc;
	padding: 4px;
	background-color: rgb(139,69,98);
	color: white;	
}

#gfc a {
	color: white;
	text-decoration: underline;	
}

#gfc-members p {
	margin: 0;
}

#gfc-members img {
	padding: 4px;
	float: left;
}

#gfc-footer a {
	font-size: x-small;
}

#controls-top a {
	padding: 2px;
}
#controls-top span {
	color: white;
}

.photoSet { margin: 8px;
			border-bottom: 1px dotted rgb(139,69,98); }

.photoSet img { float: left;
				padding: 8px; }

.date {		font-size: 9px;
			color: rgb(139,69,98); }

.newsitem {	border-bottom: 1px dotted rgb(181,181,181); }

.newsitem p {	text-align: justify;
				padding: 0px 4px 0px 2px; }

.alignRight, .newsitem p.alignRight {
	text-align:right;
}

.show {
	display: inherit;
}
.hide {
	display: none;
}

#easyFundRaising {
	position: absolute;
	left: -180px;
	width: 216px;
	top: -180px;
	border: 2px black ridge;
	background-color: rgb(139,69,98);
}
#easyFundRaising p {
	color: white;
	text-align: justify;
}

/* Player Sponsorship page */
#supporters {
	height: 160px;
	padding: 20px;
}
.sponsorship div.player {
	float: left;
	width: 49%;
}
.sponsorship img {
	float: left;
	margin-right: 12px;
}
.sponsorship div.sponsor {
	float: right;
	width: 49%;
}

#footer {	background-color: black;
			border-top: 8px solid rgb(139,69,98); }

#footer p { text-align: right;
			font-size: 10px;
			color: white; }

.clear { clear: both; }

/* Blogger styles */
.post-title {
	background-color: white;
}
.author {
	text-align: right;
	font-size: 9px;
}

#navbar-iframe { display: none !important;}
