/* 
  SITE: Pro-Rally.co.uk
  AUTHOR: Quentin James
  LAST UPDATED: 
  LE VERSION: 1.0
----------------------------------*/

/* COLORS
  HEX COLOR      	 DESCRIPTION
  
  ---MAIN COLORS---
  #FFAF20         	GOLDEN YELLOW (Navigation Bar)
  #0062AB			LIGHT BLUE (Rally Plate)
  #004288			DARK BLUE (Rally Plate)
  #0D0F10			VERY DARK GREY (Background)

  

  ---MISC COLORS---
     
  
----------------------------------*/

/* TABLE OF CONTENTS
  ALL SECTIONS OF THE CSS SHOULD BE NUMBERED FOR EASY REFERENCE AND SEARCHING
  
  =01 GENERIC
  =02 NAVIGATION
  =03 LAYOUT
  =04 MAIN IMAGE (home page)
  =05 LEFT CONTENT
  =06 RIGHT CONTENT
  =07 FOOTER
  =08 MAIN SINGLE
  =09 COLUMN 1
  =10 GALLERY

----------------------------------*/

/* CSS STRUCTURE
  DEFINES THE ORDER OF CSS TAGS WITHIN ELEMENTS TO KEEP THINGS CONSISTENT
  
  - positioning (with coordinates) styles
  - float/clear styles
  - display/visibility styles
  - spacing (margin, padding, border) styles
  - dimensions (width, height) styles
  - typography-related (line-height, color, etc.) styles
  - miscellaneous (list-style, cursors, etc.) styles  

----------------------------------*/

/*---------------------------------
 =02 GENERIC 
 
 NOTES:
 GLOBAL FONT SIZE SET TO 11px
 GLOBAL LINE HEIGHT SET TO 15px
----------------------------------*/

/* PNG FIX */
 img, div { behavior: url(http://www.pro-rally.co.uk/css/iepngfix.htc) }
/* CF2007 last modified 17.04.2008  */

body {
  color: font: .6875em/1.3636em "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  background: url("../images/backgrounds/home.jpg")  #0d0f10;
  background-position: top center;
  background-repeat: no-repeat;
}

#PR_Contact_Us {
	background-image: url("../images/backgrounds/contact.jpg"); 
}

#PR_Terms {
	background-image: url("../images/backgrounds/terms.jpg"); 
}

#PR_Thanks {
	background-image: url("../images/backgrounds/thanks.jpg"); 
}

#PR_Links {
	background-image: url("../images/backgrounds/links.jpg"); 
}

#PR_Media {
	background-image: url("../images/backgrounds/media1.jpg"); 
}

#PR_Guides {
	background-image: url("../images/backgrounds/guides.jpg"); 
}

#PR_Proofs {
	background-image: url("../images/backgrounds/proofs.jpg"); 
}

#PR_Photos {
	background-image: url("../images/backgrounds/photos.jpg"); 
}

#PR_Photo_2011 {
	background-image: url("../images/backgrounds/photos11.jpg"); 
}

#PR_Photo_2010 {
	background-image: url("../images/backgrounds/photos10.jpg"); 
}

#PR_Photo_2009 {
	background-image: url("../images/backgrounds/photos09.jpg"); 
}

#PR_Photo_2008 {
	background-image: url("../images/backgrounds/photos08.jpg"); 
}

#PR_Photo_2007 {
	background-image: url("../images/backgrounds/photos07.jpg"); 
}

#PR_Photo_2006 {
	background-image: url("../images/backgrounds/photos06.jpg"); 
}

#PR_Photo_2005 {
	background-image: url("../images/backgrounds/photos05.jpg"); 
}

#PR_Photo_2004 {
	background-image: url("../images/backgrounds/photos04.jpg"); 
}

#PR_Photo_2003 {
	background-image: url("../images/backgrounds/photos03.jpg"); 
}

#PR_Photo_2002 {
	background-image: url("../images/backgrounds/photos02.jpg"); 
}

#PR_Photo_2001 {
	background-image: url("../images/backgrounds/photos01.jpg"); 
}

#PR_Photo_2000 {
	background-image: url("../images/backgrounds/photos00.jpg"); 
}

#PR_Photo_1999 {
	background-image: url("../images/backgrounds/photos99.jpg"); 
}

#PR_Photo_1998 {
	background-image: url("../images/backgrounds/photos98.jpg"); 
}

#PR_Photo_1997 {
	background-image: url("../images/backgrounds/photos97.jpg"); 
}

#PR_Photo_1993 {
	background-image: url("../images/backgrounds/photos93.jpg"); 
}

#PR_Photo_1992 {
	background-image: url("../images/backgrounds/photos92.jpg"); 
}

#blank {
	background-image: none; 
}


h1, h2, h3, h4, h5, h6,
dt, em, strong, caption{
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
}

h3 {
  letter-spacing:-.05em;
}

fieldset {
  border: 0;
}

a {
  color: #FFAF20;
  text-decoration: underline;
}

p {
  margin: 0;
}

em {
  font-style:normal;
}

strong, dt {
  font-weight: bold;
}

hr
{
	border: 0;
	background: #333333;
	padding: 0;
	margin: 0px;
	height: 1px;
}


.datatable {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif; 
	color:#FFF; 
	font-size: 0.7em; 
	line-height: 100%; 
	text-align: left; 
	width: 100%;
	padding: 5px;
	margin: 2px;
}

.datatable td {
	border: 1px solid #333333; 
	padding: 5px;
	text-align: left;
}	
	
.datatable th {
	border: 1px solid #333333; 
	color: #0D0F10;
	background: #FFAF20;
	padding: 5px;
	text-align: left;
	
}

.hometable {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif; 
	color:#FFF; 
	font-size: 0.7em; 
	line-height: 100%; 
	text-align: left; 
	width: 100%;
	padding: 5px;
	margin: 0px;
}


.grey
{
	color: #666;
}



/*---------------------------------
  =02 NAVIGATION
----------------------------------*/

#navlinks ul
{
	padding: 0.5em 0;
	margin: 0;
	text-align: right;

}

#navlinks li
{
	font-family: WRCCleanBoldRegular, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	display: inline;
	margin-right: 0.5em;
	padding-right: 0.75em;
	border-right: 1px solid #FFAF20;
	text-decoration: none;
}

#navlinks li.menu
{
	border-right: 0;
}

#navlinks a:link
{
	color: #FFF;
	text-decoration: none; 
}


#navlinks a:visited
{
	color: #FFF;
	text-decoration: none; 
}

#navlinks a:hover
{
	color: #FFAF20;
	text-decoration: none; 
}



/*---------------------------------
  =03 LAYOUT
----------------------------------*/

#wrapper 
{
	text-align: left;
	padding: 0px;
	margin: 0;
	border:0;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper2 
{
	padding: 0px;
	margin: 0;
	border:0;
}

#container
{
	width: 980px;
	padding: 0px;
	margin: 0;
}

#containernav
{
	width: 980px;
	height: 60px;
}

#navleft 
{
	margin: 0;
	padding: 0.5em 0;
	float: left;
	height: 90px;
	width: 200px;
}

#navlinks 
{
	margin: 0;
	padding: 0;
	height: 90px;
	float: right;
	width: 780px;
}

#container_content
{
	width: 980px;
	min-height: 100%;
	background-image: url("../images/common/content_tint.png"); 
	background-repeat: no-repeat;
	padding: 0;
}


#content_left 
{	
	margin: 0;
	padding: 0;
	float: left;
	width: 489px;
	border-right: 1px solid #333333;
}

#content_right
{
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
	width: 480px;
}

#column1 
{	
	margin: 0;
	padding: 0;
	float: left;
	width: 239px;
	border-right: 1px solid #333333;
}

#column2wide
{
	margin: 0;
	padding: 0 10px 0 10px;
	float: right;
	width: 716px;
}

.clear {
	clear: both;
}

#content_single
{
	margin: 0;
	padding: 0 10px 0 0;
	width: 980px;
}

/*---------------------------------
  =04 MAIN IMAGE
----------------------------------*/

#main_image
{
	width: 980px;
	height: 350px;
}

#main_image h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	color: #FFAF20;
	padding: 10px 15px;
	margin: 0;
}


/*---------------------------------
  =05 CONTENT LEFT
----------------------------------*/


#content_left h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	color: #FFAF20;
	padding: 15px 10px 5px 10px;
	margin: 0;
}


#content_left h2
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding: 15px 10px 5px 10px;
	margin: 0;
}

#content_left p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 120%;
	padding: 5px 5px 5px 10px;
}


#content_left .gold
{
	color: #FFAF20;
}


#content_left IMG
{
	padding: 2px 2px;
	margin: 5px 0 5px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}


.img_border
{
	padding: 2px 2px;
	margin: 5px 0 5px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}


#content_left IMG.zero
{
	border: 0px;
	padding: 0px;
	margin: -5px 0px 5px 0px;
}

.FrontAlbumSingle 
{
	float: left;
	width: 489px;
	margin-bottom: 25px;
}

.FrontAlbumThumb {
	float: left;
	width: 220px;
}

.FrontAlbumDetails {
	float: left;
	width: 239px;
	padding: 0 0 0 10px;
}


#content_left a:link
{
	color: #FFAF20;
	text-decoration: underline; 
}


#content_left a:visited
{
	color: #FFAF20;;
	text-decoration: underline; 
}

#content_left a:hover
{
	color: #FFF;
	text-decoration: underline; 
}


/*---------------------------------
  =06 CONTENT RIGHT
----------------------------------*/


#content_right  h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	color: #FFAF20;
	padding: 15px 10px 5px 10px;
	margin: 0;
}

#content_right  p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 10px;
}




#content_right a:link
{
	color: #FFAF20;
	text-decoration: underline; 
}


#content_right a:visited
{
	color: #FFAF20;;
	text-decoration: underline; 
}

#content_right a:hover
{
	color: #FFF;
	text-decoration: underline; 
}


/*---------------------------------
  =07 CONTENT FOOTER
----------------------------------*/

#footer_content
{
	float:left;
	overflow:hidden;
	padding:10px;
 	width: 960px;
	background-color:#0D0F10;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	color:#FFF;
}

#footer_content div
{
	float: left;
	padding: 5px 0px;
	width: 190px;
}

#footer_content div ul
{
	padding: 0 1em;
	margin: 0;
}

#footer_content div li
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	margin-left: 0.5em;
	padding-left: 0.75em;
	text-decoration: none;
	list-style-type: square;
}

#footer_content div a:link
{
	color: #FFAF20;
	text-decoration: underline; 
}

#footer_content div a:visited
{
	color: #FFAF20;;
	text-decoration: underline; 
}

#footer_content div a:hover
{
	color: #FFF;
	text-decoration: underline; 
}


#footer_content div  h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding: 10px 0px;
	margin: 0;
}

/*---------------------------------
  =08 CONTENT SINGLE
----------------------------------*/


#content_single  h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	color: #FFAF20;
	padding: 15px 10px 5px 10px;
	margin: 0;
}

#content_single  p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 10px;
}

#content_single  .gold
{
	color: #FFAF20;
}

#content_single  img
{
	padding: 5px 10px;
}


#content_single a:link
{
	color: #FFAF20;
	text-decoration: underline; 
}


#content_single a:visited
{
	color: #FFAF20;;
	text-decoration: underline; 
}

#content_single a:hover
{
	color: #FFF;
	text-decoration: underline; 
}


/*---------------------------------
  =09 COLUMN 1
----------------------------------*/


#column1  h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	color: #FFAF20;
	padding: 15px 10px 5px 10px;
	margin: 0;
}

#column1  p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 10px;
}

#column1  .gold
{
	color: #FFAF20;
}

#column1 IMG.zero
{
	border: 0px;
	padding: 0px;
	margin: -5px 0px 5px 0px;
}

#column1 IMG
{
	padding: 2px 2px;
	margin: 5px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}

#column1 IMG.border0
{
	padding: 2px 2px;
	margin: 5px -5px;
	border-width: 0px;
}


#column1 a:link
{
	color: #FFAF20;
	text-decoration: underline; 
}


#column1 a:visited
{
	color: #FFAF20;;
	text-decoration: underline; 
}

#column1 a:hover
{
	color: #FFF;
	text-decoration: underline; 
}



/*---------------------------------
  =09 COLUMN 2 WIDE
----------------------------------*/


#column2wide  h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	color: #FFAF20;
	padding: 15px 10px 5px 10px;
	margin: 0;
}

#column2wide  h2
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding: 10px 10px 5px 10px;
	margin: 0;
}

#column2wide  p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 10px;
}

#column2wide .FrontAlbumSinglePhoto
{
	float: left;
	width: 716px;
	margin-bottom: 5px;
}

#column2wide .FrontAlbumThumbPhoto {
	float: left;
	width: 120px;
}

#column2wide .FrontAlbumDetailsPhoto {
	float: left;
	width: 550px;
	padding: 0 0 0 10px;
}


#column2wide .FrontAlbumThumbPhoto IMG
{
	padding: 2px 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}

#column2wide  .gold
{
	color: #FFAF20;
}

#column2wide IMG
{
	border: 0px;
	padding: 2px 2px;
	margin: 5px 10px;
}

#column2wide IMG.zero
{
	padding: 0px;
	margin: -5px 0px 5px 0px;
}


#column2wide a:link
{
	color: #FFAF20;
	text-decoration: underline; 
}


#column2wide a:visited
{
	color: #FFAF20;
	text-decoration: underline; 
}

#column2wide a:hover
{
	color: #FFF;
	text-decoration: underline; 
}


#column2wide a.archive:link
{
	color: #0D0F10;
	text-decoration: none;
	background: #FFAF20;
	padding: 2px 2px;
	line-height: 120%;
}


#column2wide a.archive:visited
{
	color: #0D0F10;
	text-decoration: none;
	background: #FFAF20;
	padding: 2px 2px;
	line-height: 120%;
}

#column2wide a.archive:hover
{
	color: #0D0F10;
	text-decoration: underline; 
	background: #FFF;
	padding: 2px 2px;
	line-height: 120%;
}

#column2wide ul
{
	padding: 0 1em;
	margin: 0;
}


#column2wide li
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	margin-left: 0.5em;
	text-decoration: none;
	list-style-type: square;
	padding: 5px 10px;
}


#column2wide form
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	margin: 0;
	text-decoration: none;
	padding: 5px 10px;
}

#column2wide label
{
	float: left;
	width: 200px;
}



/*---------------------------------
  =10 GALLERY
----------------------------------*/


#gallery_right h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	color: #FFF;
	padding: 15px 10px 5px 10px;
	margin: 0;
}


#wrapper_gallery p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 10px;
	clear: both;
}

#wrapper_gallery p.final
{
	padding: 20px 10px 0px 10px;
	text-align: center;
}


#wrapper_gallery 
{
	text-align: left;
	padding: 0px;
	margin: 0;
	border:0;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}


#gallery_left 
{
	margin: 0;
	padding: 15px 0px;
	float: left;
	height: 45px;
	width: 200px;
}

#gallery_right
{
	margin: 0;
	padding: 15px 0px;
	float: right;
	height: 45px;
	width: 400px;
}

#gallery_image
{
	width: 600px;
	height: 400px;
	padding: 0;
	margin: 0;
	border:0;
	clear: both;
}


#gallery_prev
{
	margin: 0;
	padding: 0;
	float: left;
	height: 75px;
	width: 300px;
}

#gallery_next
{
	margin: 0;
	padding: 0;
	float: right;
	height: 75px;
	width: 300px;
}