/*------------------------------------------------
CSS Praties Cycling

Version:	1.0 November 07
Author:		Nick Lancaster
Email:		n.lancaster@mac.com
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: November 2007;

	1: universal reset 
	2: html and body
	3: typography
		: the side bar
		: links
		: general params
		: tables
		: main content headings
		: lists
		: footer
	4: layout
	5: navigation
	6: images
	7: forms
	8: tables

====================
*/
	
/*
===== 1: universal reset =====
*/

*{
/* set the fonts to a uniform size and zero all margins and padding */
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}

* ul, * li{
	list-style: none;
}

/*
===== 2: html and body =====
*/
	
html{
	min-width: 800px;
	margin-bottom: 30px;
}

/*
===== 3: typography =====
*/

#footer p {
	font-size: 65%;
	color: #A9A9AB;
	text-align: center;
	margin: 0 220px 0 15px;
}

#footer p a {
	text-decoration: none;
	font-weight: bold;
	color: #A9A9AB;
}

#body h2 {
	color: #C3261F;
	font-size: 140%;
	margin: 0 0 10px;
}

#body p {
	font-size: 12px;
	margin: 10px 0;
}

.last {
	border-bottom: 1px dotted #000;
	padding: 0 0 15px;
}

.lastUL {
	border-bottom: 10px solid #A9A9AB;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

ul.archive {
	font-size: 12px;
	margin: 10px 0 10px 10px;
}

ul.archive li {
	margin: 10px 0;
}

ul.archive li a {
	color: #000;
	text-decoration: none;
}

ul.archive li a:hover {
	text-decoration: underline;
}

p#description {
	margin-left: 35px;
	margin-right: 35px;
	font-weight: bold;
}

ul#internalnav {
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
}

ul#internalnav li {
	margin: 5px 0 0;
}

ul#internalnav a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

ul#internalnav a:hover {
	text-decoration: underline;
}

ul.biography {
	font-size: 12px;
}

h4 {
	margin: 15px 0 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
}

h3, h3 a {
	margin: 10px 0 0 0;
	color: #C3261F;
}


/*
===== 4: layout =====
*/

body{
	background: transparent url(../images/graphics/mainBG1.jpg) no-repeat top center;
}

#wrapper{
	margin: 0 auto;
	width: 800px;
}

#banner{
	width: 800px;
	height: 105px;
	background: transparent;
	padding: 0px;
	position: relative;
}

#banner h1 a{
	display: block;
	width: 468px;
	height: 82px;
	background: transparent url(../images/graphics/pratiesLge.png) no-repeat center;
	text-indent: -9999px;
	position: absolute;
	left: -620px;
	top: -43px;
}	

#primary{
	width: 280px;
	background: transparent;
	float: right;
	margin-top: 0px ;
	padding: 5px 5px 0;
}

#secondary{
	width: 220px;
	position: absolute;
	top: 66px;
	right: 5px;
}

#masthead{
	width: 500px;
	height: 548px;
	float: left;
	background: #ccc;
}

#profiles{
	width: 290px;
	height: 289px;
	float: right;
	margin: 10px 0;
	background: #999;
}	

#content{
	width: 780px;
	background: transparent url(../images/graphics/contentBG.gif) repeat-x;
	margin: 0 0 20px;
	padding: 10px; 
	clear: both;
}

#body{ 
	width: 470px;
	background: #FFF;
	padding: 10px;
	float: left;
	position: relative;
}


#sidebar{
	width: 280px;
	float: left;
	margin: 0 0 0 10px;
}

#sidebar div h2{
		background: transparent url(../images/graphics/pratiesLogo.png) no-repeat center;
	width: 231px;
	height: 68px;
	margin: 10px auto 20px;
}

#sidebar div{
	width: 260px;
	padding: 10px;
	background: #FFF;
	position: relative;
}

#sidebar div a{
	display: block;
	text-indent: -9999px;
	margin: 2 auto;
}

#sidebar div a#champion{
	background: transparent url(../images/graphics/csCorp.jpg) no-repeat center;
	width: 231px;
	height: 119px;
}

#sidebar div a#cannondale{
	background: transparent url(../images/graphics/cannondaleLogo.png) no-repeat center;
	width: 220px;
	height: 32px;
}

#sidebar div a#cliveroper{
	background: transparent url(../images/graphics/cliveRoper.jpg) no-repeat center;
	width: 229px;
	height: 70px;
}
#sidebar div a#continental{
	background: transparent url(../images/graphics/continental.jpg) no-repeat center;
	width: 165px;
	height: 56px;
}

#sidebar div a#gatorade{
	background: transparent url(../images/graphics/gatorade.png) no-repeat center;
	width: 95px;
	height: 74px;
}

#sidebar div a#bikeRide{
	background: transparent url(../images/graphics/bikeRide.png) no-repeat center;
	width: 120px;
	height: 65px;
}

#sidebar div a#medhurst{
	background: transparent url(../images/graphics/medhurst.png) no-repeat center;
	width: 35px;
	height: 75px;
}

#sidebar div a#pfd {
	background: transparent url(../images/graphics/pfdLogoS.png) no-repeat center;
	width: 100px;
	height: 80px;
}

#sidebar div a#championad {
	background: transparent url(../images/graphics/cyclingnews.gif) no-repeat center;
	width: 220px;
	height: 66px;
}

#sidebar div a#truvativ {
	background: transparent url(../images/graphics/truvativ.png) no-repeat center;
	width: 200px;
	height: 42px;
}

#sidebar div a#sram {
	background: transparent url(../images/graphics/sram.png) no-repeat center;
	width: 220px;
	height: 35px;
}

#sidebar div a#twoxu {
	background: transparent url(../images/graphics/twoxu.png) no-repeat center;
	width: 140px;
	height: 35px;
}

#sidebar div a#tasBake {
	background: transparent url(../images/graphics/tasBake.png) no-repeat center;
	width: 60px;
	height: 66px;
}

#sidebar div a#zipp {
	background: transparent url(../images/graphics/zipp.png) no-repeat center;
	width: 225px;
	height: 45px;
}


#footer{
	position: relative;
	width: 100%;
	background: transparent;
}

#footer h3{
	background: transparent url(../images/graphics/fastFood.png) no-repeat center;
	height: 40px;
	width: 800px;
	text-indent: -9999px;
	margin: 0 0 20px;
}

.clearfix:after{	/*===== Fixes floated elements =====*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img#placeholder {
	margin: 20px 24px 0;
	padding: 10px;
	border: 1px solid #CCC;
}

ul#imagegallery {
	padding: 0;
	font-size: 12px;
	margin-left: 27px;
}

ul#imagegallery li {
	float: left;
	padding: 1em;
}

ul#imagegallery li a img {
	text-decoration: none;
	border: none;
}

#body img.rider {
	border: 5px solid #ccc; 
}

/*
===== 5: navigation =====
*/

#primary ul li, #primary ul li a{
	display: block;
	width: 280px;
/*	height: 28px;	*/
}

#primary ul li{
	/* margin-bottom: 17px; */
}

#primary ul li a{
	background: transparent url(../images/navigation/navMain.png) no-repeat bottom;
	color: #FFF;
	text-decoration: none;
	margin: 0 0 5px;
	padding: 10px 0;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: 1px;
	text-indent: 60px;	
}

#primary ul li a:hover{
	background: transparent url(../images/navigation/navMain.png) no-repeat top;
}

#primary ul li#currentpage a#events, #primary ul li#currentpage a#sponsors, #primary ul li#currentpage a#press, #primary ul li#currentpage a#gallery, #primary ul li#currentpage a#diary{
	background: transparent url(../images/navigation/navMain.png) no-repeat top;
}

#eventsPage a#events, #sponsorsPage a#sponsors, #pressPage a#press, #galleryPage a#gallery, #diaryPage a#diary {
	background: transparent url(../images/navigation/navMain.png) no-repeat top;
}

ul#secondary li{
	float: left;
}

ul#secondary li a{
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	padding: 11px 0 0 20px;
	background: transparent url(../images/navigation/navMain.png) no-repeat bottom;
	height: 24px;
	width: 85px;
	text-decoration: none;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

ul#secondary li a:hover{
	background: transparent url(../images/navigation/subNav.png) no-repeat top;
}

#sidebar ul li a#pratAd, #sidebar ul li a#cannonAd, #sidebar ul li a#rss{
	display: block;
	width: 280px;
	height: 148px;
	text-indent: -9999px;
	background: transparent url(../images/graphics/2008Podiums.gif) no-repeat center;
	margin-bottom: 10px;
}

#sidebar ul li a#rss{
	background: transparent url(../images/graphics/pratiesRSS.png) no-repeat top;
	height: 55px;
}

#sidebar ul li a#rss:hover{
	background: transparent url(../images/graphics/pratiesRSS.png) no-repeat bottom;
}

#sidebar ul li a#cannonAd{
	background: transparent url(../images/adverts/cannondaleAd.png) no-repeat center;
	height: 70px;
}

#footer a#prat{
	position: absolute;
	display: block;
	background: transparent url(../images/graphics/pratiesFooter.png) no-repeat center;;
	width: 164px;
	height: 60px;
	top: 0px;
	right: 55px;
	text-indent: -9999px;
}

a.readMore {
	text-decoration: none;
	color: #000;
	font-size: 12px;
	border-bottom: 1px dotted #000;
	display: block;
	padding: 0 0 10px 17px;
	background: transparent url(../images/graphics/linkArrow.png) no-repeat top left;
}

a.readMore:hover {
	color: #C3261F;
}

a {
	color: #000;
}
	

/*
===== 7: forms ====
*/

form
{
	background: transparent;
	padding: 0 0 15px 0;
}
 
fieldset
{
	margin: 0;
	padding: 10px;
	border: none;
	font-weight: bold;
}

legend
{
	margin: 10px 0 0 0;
	color: #C3261F;
	font-size: 140%;
}

label
{
	display: block;
	margin: 0;
	color: #000;
}

input
{
	width: 50%;
	margin: 2px 0;
	border: 1px solid #ccc;
}

input:focus, textarea:focus
{
	background: #ffc;
}

input#submit
{
	width: 5em;
	color: #fff;
	background: #C3261F;
	font-size: 12px;
	padding: 3px 0;
}

input#submit:hover
{
	cursor: pointer;
}

textarea
{
	height: 150px;
	width: 100%;
	margin: 3px 0;
	border: 1px solid #ccc;
}


/*
===== 8: tables =====
*/

table {
	margin: 1em 0 1em 1px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
	border-width: 1px 0 0 1px;
	font-size: 11px;
	width: 100%;
}

caption {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
}

th {
	font-weight: bold;
}

th, td {
	padding: 5px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 0;
}

.riders th {
	font-size: 14px;
	padding: 20px 0;
}	

thead {
	background: #C3261F;
	color: #fff;
}

table h3 {
	background: #ccc;
	padding: 10px 0;
	color: #fff;
	margin: 10px 0 5px;
	text-align: center;
	font-size: 13px;
}

table h4 {
	margin: 10px 0 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	padding-bottom: 5px;
}	

ul.dash li {
	list-style: disc outside;
	margin: 5px 0 0 15px;
	font-size: 12px;
}

table.noStyle {
	border: none;
	text-align: center;
}

table.noStyle td, table.noStyle td tr {
	border: none;
	text-align: center;
}

table.noStyle img {
	border: none;
}

table a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

table a:hover {
	text-decoration: underline;
}

table a:visited {
	color: #CCC;
}