/* @override http://www.clwydcountydarts.co.uk/workspace/css/screen.css */

/*  

	Clwyd Country Darts Screen.css
	VERSION 1.0 
	NICK TOYE
	NICK@NICKTOYE.CO.UK
	
	CONTENTS ----------
		
		0.  IMPORTS
		1.  BODY
		2.  DEFAULT 
		3.  HEADINGS
		4.  LINKS
		5.  IMAGES
		6.  LAYOUT
		7.  BRANDING/MASTHEAD
		8.  NAVIGATION
		9.  SITE INFO/FOOTER
		10. TABLES
		11. SITE SPECIFICS
	
	------------------
		
	PALETTE ----------
	
		colour #hex
	
	------------------
	
*/

/* 0. IMPORTS
----------------------------------------------------------------------- */


@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH CSS */



/* 1. BODY
----------------------------------------------------------------------- */
html {
	background: #3C3C3C !important;
}

body {
	font-family: Myriad Pro, Verdana, sans-serif;
	 font-size:16px;
    line-height:1.125em; /* Baseline grid of 18px */
	background: #3C3C3C !important;
	color: #3d3d3d;
}

/* @group Font sizes */

/* basic font sizes */
p, ul, ol, dl, address, blockquote, fieldset, pre, form div {
	font-size: 0.8125em;  /* 13px */
}

/* deal with likely (but certainly not all) inherited shrinkage */

ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, li blockquote, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}

/* size headings using classic scale of 14, 16, 18, (21), 24 */

h1 {
	font-size: 1.5em;   /* 24px */
	line-height: 1.125em;  /* 27px */
}
h2 { font-size: 1.125em;   /* 18px */ }
h3 { font-size: 1.0em;     /* 16px */ }
h4 { font-size: 0.875em;   /* 14px */ }
h5, h6 { font-size: 0.8125em;  /* 13px */ }

/* @group Margins */

p, ul, ol, dl, address, table, pre, fieldset {
	margin-bottom: 1.385em !important; /* 18px */
}

form {
	margin-bottom: 1.125em; /* 18px */
}

h1 {
	margin-top:1.125em;	   /* 27px */
	margin-bottom: 0.75em; /* 18px */
}

h2 {
	margin-top:1.5em;	   /* 27px */
	margin-bottom: 0.5em !important;  /* 9px */	
}

h3 {
	margin-top:1.6875em;     /* 27px */
	margin-bottom: 0.5625em; /* 9px */	
}

h4 {
	margin-top:1.286em;	   /* 18px */
	margin-bottom: 0.643em; /* 9px */
}

ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}

/* @end */



/* hides the access menu */
ul#nav_access { 
	position:absolute; 
	top:-9999px; 
	left:-9999px; 
}

/* 2. DEFAULTS 
----------------------------------------------------------------------- */

/* SIDENOTES */

p.sidenote {
	font-size: 1em;
	line-height: 1.2em; 
	margin-right:0; 
	margin-top: 0.28em;
}

/* LISTS */

ul { list-style:none; margin-bottom: 1.5em;}
ul li, ol li { 
	font-size: 1em; /* 12px */
	line-height: 1.5em;
	margin: 0; 
}

ul.generic-list li {
	padding-left: 24px;
	background: url(../img/icons/tick.png) no-repeat 0 50%;
}

ol { list-style:decimal inside;}
ol li { color:#000;}

ul.selections li {
	float: left;
	width: 50%;
}

ul.selections li li {
	float: none;
}

ul.selections li.reserves {
	width: 100%;
}

ul.selections li.reserves li {
	display: inline;
}

/* BLOCKQUOTES */

blockquote {
	font-style: italic;  
	padding: 20px 20px 4px 20px; 
	margin-bottom: 1.5em; 
	border-top: 2px solid #BEB3A3; 
	border-bottom: 2px solid #BEB3A3; 
	background: #F7E8D4; 
	color: #333; 
	font-family: Georgia; 
}
blockquote p {  } 
blockquote cite { 
	
	font-size: 1em; /* 12px ÷ 12px */
	line-height: 1.5em; /* 18px ÷ 12px */
	text-align: right; 
	margin: 1.5em 0 0; 
	display: block;
}



/* TYPE EMBELLISHMENTS */

abbr { border-bottom:1px dotted #999; cursor:help;}
abbr:hover { border-bottom:1px dotted #666; }
del { color:#999; }
strong { font-weight:bold; color:#333; }
em { font-style:italic; color:#666;}
sup { font-size: 75%; position: relative; top: -5px;}


/* 3. HEADINGS 
----------------------------------------------------------------------- 
(divide whatever the desired pixel size by 12px and that gives you your EM value)
*/




/* 4. LINKS 
----------------------------------------------------------------------- */

a:link, a:visited {
	text-decoration: none;
	color: #AD5000;
}

a:hover, a:focus {
	text-decoration: underline;
	color: #78623E;
}



/* 5. IMAGES 
----------------------------------------------------------------------- */



img.right {
	float: right;
	padding: 2px;
	background: #f7eed0;
	border: 1px solid #CBB14F;
	margin: 0 0 10px 10px;
}

ul#gallery {
	float: left;
	margin: 15px 0 20px 18px;
}

ul#gallery li {
	float: left;
	margin: 0 13px 10px 0 !important;
	border: 3px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
}

ul#gallery li a img {
	float: left;
	opacity: .9;
}

ul#gallery li a:hover img {
	opacity: 1;
}



/* 6. LAYOUT 
----------------------------------------------------------------------- */

#container {
	background: url(../img/faux.png) repeat-y !important;
	margin-bottom: 50px;
}

#content {
	position: relative;
	background: url(../img/content-faux.jpg) repeat-y right;
	padding-bottom: 20px;
}







/* 7. BRANDING 
----------------------------------------------------------------------- */

#branding {
	background: #3C3C3C url(../img/branding.png) no-repeat 0 30px;
	width: 960px;
	height: 78px;
	margin: 0;
	position: relative;
	z-index: 11;
}

#branding h1 {
	text-indent: -3000px;
	width: 350px;
	height: 100px;
	position: absolute;
	top: 18px;
	left: 20px;
	background: url(../img/h1.png) no-repeat;
	z-index: 15;
}

#branding h1 a {
	display: block;
}

/* 8. NAVIGATION 
----------------------------------------------------------------------- */

ul#nav {
	position: absolute;
	right: 30px;
	bottom: 8px;
	margin-bottom: 0 !important;
}

ul#nav li {
	display: inline;
	font-size: 14px;
	text-transform: uppercase;
	font-family: Myriad Pro, Verdana, sans-serif;
	margin-left: 20px;
}

ul#nav li a:link, ul#nav li a:visited {
	color: #fff;
	text-decoration: none;
}

ul#nav li a:hover, ul#nav li a.current {
	color: #e1cb0d;
	text-decoration: none;
}

/* 9. SITE INFO/FOOTER 
----------------------------------------------------------------------- */

#site-info {
	height: 100px;
	width: 940px;
	padding: 10px 10px 20px;
	margin: 0 auto;
	background: #4F6969;
}

#site-info h3 {
	font-size: 1em; /* 12px ÷ 12px */
	line-height: 1.5em; /* 18px ÷ 12px */
	margin: 0 !important;
	color: #96A799;
}

/* 10. TABLES 
----------------------------------------------------------------------- */

table {
	font-size: .825em;
	border-collapse: collapse;
}


/* AVERAGES */

table#averages thead th {
	margin: 0 0 5px 0!important;
	border-bottom: 1px solid #F3E3AB;
}

table#averages th,table#averages td {
	border-right: 1px solid #F3E3AB;
	border-bottom: 1px solid #F3E3AB;
}

table#averages th.sml, table#averages td.sml {
	width: 2em;
	padding: 0;
	text-indent: 0;
	text-align: center;
}

table#averages th.name, table#averages td.name {
	width: 15em !important;
	padding: 0 0 0 10px;
	text-align: left;
}

table#averages th.team, table#averages td.team {
	width: 15em !important;
	padding: 0 0 0 10px;
	text-align: left;
}

table#averages th.med, table#averages td.med {
	width: 4em;
	padding: 0;
	text-align: center;
}

/* LEAGUE TABLE */



table#table thead th {
	margin: 0 0 5px 0!important;
	border-bottom: 1px solid #F3E3AB;
}

table#table th,table#table td {
	border-right: 1px solid #F3E3AB;
	border-bottom: 1px solid #F3E3AB;
}

table#table th.sml, table#table td.sml {
	width: 2em;
	padding: 0;
	text-indent: 0;
	text-align: center;
}

table#table th.team, table#table td.team {
	width: 19em !important;
	padding: 0 0 0 10px;
	text-align: left;
}

table#table th.med, table#table td.med {
	width: 4em;
	padding: 0;
	text-align: center;
}

table#table tbody tr:hover {
	background: #F1D57E;
}

table#table td:hover {
	background: #C9B169;
}

/*

table {
	text-align: left;
	margin: 0 0 15px 0 !important;
	padding: 0;
	border-collapse: collapse;
}

caption {
	line-height: 1.5em; 
	font-style: italic;
	margin: 0 !important;
}

thead {
	line-height: 1.5em; 
	text-indent: 5px;
	float: left;
	
	margin: 0 0 5px 0!important;
	border: 1px solid #3d3d3d;
	border-bottom: 0;
	background: #8E9F90;
}



thead tr {
	border-bottom: 1px solid #3d3d3d;
}

tbody tr {
	border-bottom: 1px solid #F3E3AB;
}

tbody {
	line-height: 1.5em; 
	text-indent: 5px;
	margin: 0 !important;
	float: left;
	color: #3d3d3d;
	border: 1px solid #3d3d3d;
	border-bottom: 0;
}



/* 11. SITE SPECIFICS 
----------------------------------------------------------------------- */

#banner {
	background: #030201;
	position: relative;
	z-index: 10;
	margin: 0;
}

#banner blockquote {
	position: relative;
	top: 80px;
	right: 20px;
}

#banner blockquote p {
	padding-left: 20px;
	padding-right: 20px;
	color: #e1cb0d;
	font-size: 1.3em !important;
	line-height: 1.5em;
}

#banner blockquote cite {
	color: #e1cb0d;
	font-style: normal;
	margin-right: 10px;
}


#main-content {
	min-height: 500px;
	background: url(../img/main-content-body.jpg) repeat-y top left;
	clear: both;
	float: left;
	margin-top: 20px;
	position: relative;
}

#main-content-header {
	background: url(../img/main-content-header.jpg) no-repeat;
	width: 620px;
	padding: 30px 20px 0 20px;
}

#main-content-body {
	width: 620px;
	padding: 0px 20px 0 20px;
	float: left;
}

#main-content h2 {
	text-align: center;
}

#main-content-footer {
	
	height: 10px;
	float: left;
	width: 660px;
	background: url(../img/main-content-footer.jpg) no-repeat left bottom;
}


p.welcome {
	padding-bottom: 15px;
	border-bottom: 1px solid #F3E3AB;
	margin-bottom: 10px !important;
}



#main-content h3 {
	font-size: 14px;
	
	margin-bottom: 15px !important;
}

#main-content h4.date {
	margin-bottom: 5px;
	font-style: italic;
}

a.more {
	display: block;
	font-size: 14px;
	margin: 10px 0;
}

.match-block {
	width: 50%;
	float: left;
}

ul.fixtures, ul.results {
	margin-bottom: 15px;
	
}



ul.results li strong, ul.results li em {
	padding: 0 5px;
	
}

ul.results li span.results {
	width: 50%;
	float: left;
}





#sidebar-diary a.sidebar-link, #sidebar-scoreboard a.sidebar-link, #sidebar-news a.sidebar-link, #sidebar-other-news a.sidebar-link {
	position: absolute;
	bottom: 20px;
	left: 30px;
	font-size: .8em !important;
}

#sidebar-diary img, #sidebar-scoreboard img, #sidebar-news img, #sidebar-other-news img {
	position: absolute;
	right: -30px;
	top: 330px;
	z-index: 10;
}

#sidebar-diary {
	width: 290px;
	height: 420px;
	position: absolute;
	right: 1px;
	top: 238px;
	z-index: 20;
	background: url(../img/diary-sheet.png) no-repeat;
}

#sidebar-scoreboard {
	width: 290px;
	height: 420px;
	position: absolute;
	right: 0px;
	top: 240px;
	z-index: 20;
	background: url(../img/scoreboard.png) no-repeat;
}

#sidebar-news {
	width: 290px;
	height: 420px;
	position: absolute;
	right: 1px;
	top: 238px;
	z-index: 20;
	background: url(../img/news-sheet.png) no-repeat;
}

#sidebar-other-news {
	width: 290px;
	height: 420px;
	position: absolute;
	right: 1px;
	top: 238px;
	z-index: 20;
	background: url(../img/other-news.png) no-repeat;
}




dl.diary-date {
	position: relative;
	top: 78px;
	margin: 0 20px 10px 30px;
	border-bottom: 1px solid #F3E3AB;
	padding-bottom: 5px;
}

dl.diary-date dt {
	font-size: 1.0em;
	font-weight: bold;
	
}

dl.diary-date dd {
	font-style: italic;
	
}

dl.diary-date dd.info {
	
}

dl.diary-date dd.info p, dl.diary-date dt.info p {
	margin-bottom: 0 !important;
}

#main-content dl.diary-date {
	position: relative;
	top: 0;
	margin: 0 0 10px 0 !important;
}

dl.news {
	position: relative;
	top: 78px;
	margin: 0 20px 10px 30px;
	border-bottom: 1px solid #F3E3AB;
	padding-bottom: 5px;
}

dl.news dd {
	
	font-style: italic;
}




ul.menu {
	position: relative;
	top: 35px;
}

ul.left {
	position: absolute;
	width: 100px;
	top: 60px;
	left: 30px;
}

ul.right {
	position: absolute;
	width: 100px;
	top: 60px;
	left: 160px;
}

ul.menu li {
	margin-bottom: 2px;
	height: 19px;
	width: 100px;
}

li#mens-averages a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/mens-averages-menu.png) no-repeat;
}

li#ladies-averages a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/ladies-averages-menu.png) no-repeat;
}

li#league-table a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/league-table-menu.png) no-repeat;
}

li#results a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/results-menu.png) no-repeat;
}

li#team-selection a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/team-selection-menu.png) no-repeat;
}

li#mens-table a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/mens-table-menu.png) no-repeat;
}

li#ladies-table a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/ladies-table-menu.png) no-repeat;
}

li#mens-fixtures a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/mens-fixtures-menu.png) no-repeat;
}

li#mens-results a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/mens-results-menu.png) no-repeat;
}

li#ladies-fixtures a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/ladies-fixtures-menu.png) no-repeat;
}

li#ladies-results a {
	text-indent: -3000px;
	display: block;
	height: 19px;
	background: url(../img/ladies-results-menu.png) no-repeat;
}

li#mens-averages a:hover, li#mens-averages a.current, li#ladies-averages a:hover, li#ladies-averages a.current, li#league-table a:hover, li#league-table a.current, li#results a:hover, li#results a.current, li#team-selection a:hover, li#team-selection a.current, li#mens-table a:hover, li#mens-table a.current, li#ladies-table a:hover, li#ladies-table a.current, li#mens-fixtures a:hover, li#mens-fixtures a.current, li#ladies-fixtures a:hover, li#ladies-fixtures a.current, li#mens-results a:hover, li#mens-results a.current, li#ladies-results a:hover, li#ladies-results a.current {
	background-position: 0 -19px;
}