/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* =====================================*/

/* 
NAPA Yellow = #fca91e;
Bright part of blue gradient = #9fe7ff;  
*/
	
body {
	color: #333;
	background-color: #123267;	
	}
	h1 {	
		width: 626px;		
		height: 17px;	
		color: #fca91e;	
		text-transform: uppercase;
		background-repeat: no-repeat; /* Set background images on individual headers below */
		}
		h1 span {
			display: none;
			}
	a {
		color: #fca91e;
		}
	a:hover {
		text-decoration: none;
		}
	a.more {
		margin-left: 10px;
		}		
	img.type1 {
		float: right;
		margin: 0 0 10px 10px;
		}

/* ========== */
/* == MAIN == */
/* ========== */
div#main {
	position: relative;
	width: 1024px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background: transparent url(bg.jpg) no-repeat;
	}	
	div#error {
		color: #ff0000;
		}
	div#header {
		width: 970px;
		height: 214px;
		background: transparent url(header2.jpg) top left no-repeat; 
		}
		div#header a {
			position: absolute;
			top: 20px;
			left: 804px;
			display: block;
			width: 102px;
			height: 80px;	
			text-decoration: none;		
			}
		div#header a#logo_napa {			
			top: 20px;
			left: 804px;			
			width: 102px;
			height: 80px;				
			}
		div#header a#logo_goodguys {			
			top: 121px;
			left: 785px;			
			width: 140px;
			height: 48px;				
			}
			div#header span {
				visibility: hidden;
				}
		
	/* ============= */
	/* == CONTENT == */
	/* ============= */
	div#pageContent {
		width: 626px;				
		margin-left: 300px;
		padding-top: 22px;
		min-height: 420px; /* Edited in IE 6 CSS */		
		line-height: 140%;
		}
		div#pageContent li {
			margin-bottom: 15px;
			}
		h1#hdr_welcome {
			background-image: url(heading_theofficial.gif);
			}
		h1#hdr_about {
			background-image: url(heading_about.gif);
			}
		h1#hdr_journal {
			width: 220px; /* Added 3/38/07 GML - to account of blog photos */
			overflow: hidden; /* Added 3/38/07 GML - to account of blog photos */
			background-image: url(heading_journal.gif);
			}
		h1#hdr_mediaroom {
			background-image: url(heading_media_room.gif);
			}
		h1#hdr_caseybio {
			background-image: url(heading_bio.gif);
			}
		h1#hdr_colebio {
			background-image: url(heading_colebio.gif);
			}
		h1#hdr_viewride {
			background-image: url(heading_view_rides.gif);
			}
		h1#hdr_tricktruck {
			background-image: url(heading_trick_truck.gif);
			}
		h1#hdr_imagedetail {
			background-image: url(heading_detail.gif);
			}
		h1#hdr_schedule {
			background-image: url(heading_schedule.gif);
			}
		h1#hdr_postride {
			background-image: url(heading_post_ride.gif);
			}
		h1#hdr_posttruck {
			background-image: url(heading_post_truck.gif);
			}
		h1#hdr_addentry {
			background-image: url(heading_add_journal.gif);
			}
		h1#hdr_mediareleases {
			background-image: url(heading_media_releases.gif);
			}
		h1#hdr_mediakit {
			background-image: url(heading_media_kit.gif);
			}
		h1#hdr_factsheet {
			background-image: url(heading_fact_sheet.gif);
			}
		h1#hdr_login {
			background-image: url(heading_login.gif);
			}	
		h1#hdr_approveimages {
			background-image: url(heading_approve_images.gif);
			}	
		h1#hdr_hatgallery {
			background-image: url(heading_hat_gallery.gif);
			}	
		h1#hdr_approvejournal {
			background-image: url(heading_approve_journal.gif);
			}
		h1#hdr_hatswap {
			background-image: url(heading_hat_swap.gif);
			}
		h1#hdr_coupon {
			background-image: url(heading_coupon.gif);
			}
		h1#hdr_backgrounder {
			background-image: url(heading_backgrounder.gif);
			}
		h1#hdr_fact_sheet {
			background-image: url(heading_fact_sheet.gif);
			}
		/* REM 3/28/07 GML - interferes with blog photos
		img#caseyphoto {
			position: relative;
			top: -40px;
			} 
		*/
		/* Blog and event items */
		.blog_0, .event_0 {
			margin-bottom: 10px;
			padding: 10px 10px 5px 10px;
			background-color: #193f7d;
			}
		.blog_1, .event_1 {
			margin-bottom: 10px;
			padding: 10px 10px 5px 10px;
			}
		span.blogphoto {
			float: right;
			clear: right;
			width: 284px;
			height: 197px;
			margin: 0 0 5px 15px;
			padding: 1px 0 0 1px;
			overflow: hidden;
			background-repeat: no-repeat;
			}
		.blog_0 span.blogphoto {
			background-image: url(blog_photo_master_0.jpg);
			}
		.blog_1 span.blogphoto {
			background-image: url(blog_photo_master_1.jpg);
			}
			span.blogphoto img {
				width: 274px;
				height: 187px;
				}
		/* Thumbnails for View Your Ride */
		.thumb {	
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;	
			width: 195px;
			height: auto;	
			color: #000717;
			background-color: #fca91e;	
			}
			div.thumbdesc {
				padding: 0 5px 5px 5px;
				}
				span.thumbownername {
					float: left;
					}
				span.thumbcar {
					float: right;
					}		
		div#scheduleNavigation, div#thumbNavigation, div#journalNavigation {
			clear: both;
			width: 626px;
			overflow: hidden;			
			margin-top: 10px;	
			}	
			div#rowNext {
				float: right;				
				}
				div#rowNext a {	
					display: block;	
					width: 130px;
					height: 60px;  
					background: transparent url(next.gif) no-repeat;
					}
				div#rowNext a:hover {
					background: url(next_h.gif) no-repeat;
					}
			div#rowPrevious {
				float: left;					
				}
				div#rowPrevious a {	
					display: block;
					width: 130px;	
					height: 60px;  
					background: url(previous.gif) no-repeat;
					}
				div#rowPrevious a:hover {
					background: url(previous_h.gif) no-repeat;
					}
		/* Detail page */
		div#details {
			margin-top: 5px;
			color: #fff;
			}
		div#details ul {
			margin: 0;
			padding: 0;
			}
			div#details li {				
				padding-bottom: 2px;				
				}		
		/* Press Releases */
		div#mediacontact {
			border: 1px solid #0b1b3c;
			margin-bottom: 15px;
			padding: 15px;
			}			

	/* ============ */
	/* == FOOTER == */
	/* ============ */
	div.footer {
		clear: both;
		width: 1024px;
		}
		div.footer a {
			display: block;
			}
			div.footer span {
				display: none;
				}
	/* Footer navigation */
	div#footernav {		
		height: 250px;
		background: transparent url(gradient.gif) left bottom no-repeat;
		}
		div#footernav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			div#footernav li {
				float: left;
				width: 240px;		
				background-repeat: no-repeat;				
				}								
			li#half_off2 {	
				margin-top: 54px; /* Align image text */
				margin-left: 15px;	
				background-image: url(half_off.gif);
				}
				li#half_off2 a {
					width: 209px;
					height: 152px;
					background-image: url(half_off.gif);
					}
				li#half_off2 a:hover {
					background-image: url(half_off_h.gif);
					}
			li#hat_swap {
				margin-top: 12px; /* Align image text */
				background-image: url(hat_swap.gif);
				}
				li#hat_swap a {
					width: 231px;
					height: 226px;
					background-image: url(hat_swap.gif);
					}
				li#hat_swap a:hover {
					background-image: url(hat_swap_h.gif);
					}
			li#event_gallery {
				background-image: url(event_gallery.gif);
				}
				li#event_gallery a {
					width: 190px;
					height: 215px;
					background-image: url(event_gallery.gif);
					}
				li#event_gallery a:hover {
					background-image: url(event_gallery_h.gif);
					}
			li#ride_post {
				margin-top: 32px; /* Align image text */
				background-image: url(post_ride.gif);
				}
				li#ride_post a {
					width: 235px;
					height: 198px;
					background-image: url(post_ride.gif);
					}
				li#ride_post a:hover {
					background-image: url(post_ride_h.gif);
					}			
		div#footer {
			height: 78px;
			background: transparent url(footer.gif) top left no-repeat;
			}
			p#locator {
				}
				a#locator_h {
					display: block;
					width: 175px;
					height: 32px;
					margin: 26px 0 0 28px;
					background: transparent url(store_locator.gif) no-repeat;
					}					
		
	/* ================ */
	/* == NAVIGATION == */
	/* ================ */
	/* General navigation elements */
	div#navigation {
		position: absolute; 
		top: 30px;
		left: 30px;	
		}		
		div#navigation ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			li.primary, li.secondary {				
				margin: 0;
				padding: 0;
				background-repeat: no-repeat;
				}
				li.primary span, li.secondary span {
					display: none;
					}
					div#navigation a {
						display: block;
						background-repeat: no-repeat;
						}
			/* Primary navigation */
			li.primary {
				margin-bottom: 12px; /* Edited in IE 7 CSS */			
				}			
				li.primary a {					
					width: 240px;
					height: 13px;										
					}
				/* Secondary navigation */
				div#navigation ul.secondary {					
					display: none; /* Hide secondary navigation by default */	
					margin-top: 8px;				
					margin-left: 11px;
					}	
					li.secondary {
						margin-bottom: 4px; /* Edited in IE 7 CSS */						
						}
						li.secondary a {
							width: 231px;
							height: 13px;
							}
			/* Specific navigation elements */	
			li#welcome {
				background-image: url(nav_welcome_h.gif);
				}
				a#welcome_h {
					background-image: url(nav_welcome.gif);
					}
				a#welcome_h:hover {
					background-image: url(nav_welcome_h.gif);
					}		
			li#about {
				background-image: url(nav_about_h.gif);
				}
				a#about_h {
					background-image: url(nav_about.gif);
					}
				a#about_h:hover {
					background-image: url(nav_about_h.gif);
					}		
			li#blog {
				background-image: url(nav_journal_h.gif);
				}
				a#blog_h {
					background-image: url(nav_journal.gif);
					}
				a#blog_h:hover {
					background-image: url(nav_journal_h.gif);
					}		
			li#view_ride {
				background-image: url(nav_view_ride_h.gif);
				}
				a#view_ride_h {
					background-image: url(nav_view_ride.gif);
					}
				a#view_ride_h:hover {
					background-image: url(nav_view_ride_h.gif);
					}		
			li#post_ride {
				background-image: url(nav_post_ride_h.gif);
				}
				a#post_ride_h {
					background-image: url(nav_post_ride.gif);
					}
				a#post_ride_h:hover {
					background-image: url(nav_post_ride_h.gif);
					}		
			li#schedule {
				background-image: url(nav_schedule_h.gif);
				}
				a#schedule_h {
					background-image: url(nav_schedule.gif);
					}
				a#schedule_h:hover {
					background-image: url(nav_schedule_h.gif);
					}		
			li#trick_truck {
				background-image: url(nav_view_truck_h.gif);
				}
				a#trick_truck_h {
					background-image: url(nav_view_truck.gif);
					}
				a#trick_truck_h:hover {
					background-image: url(nav_view_truck_h.gif);
					}			
			li#gallery {
				background-image: url(nav_gallery.gif);
				}
				a#gallery_h {
					background-image: url(nav_gallery.gif);
					}
				a#gallery_h:hover {
					background-image: url(nav_gallery_h.gif);
					}			
			li#media_room {
				background-image: url(nav_media_room_h.gif);
				}
				a#media_room_h {
					background-image: url(nav_media_room.gif);
					}
				a#media_room_h:hover {
					background-image: url(nav_media_room_h.gif);
					}	
				li#media_kit {
					background-image: url(nav_media_kit_h.gif);
					}
					a#media_kit_h {
						background-image: url(nav_media_kit.gif);
						}
					a#media_kit_h:hover {
						background-image: url(nav_media_kit_h.gif);
						}	
				li#backgrounder {
					background-image: url(nav_backgrounder_h.gif);
					}
					a#backgrounder_h {
						background-image: url(nav_backgrounder.gif);
						}
					a#backgrounder_h:hover {
						background-image: url(nav_backgrounder_h.gif);
						}
				li#fact_sheet {
					background-image: url(nav_fact_sheet_h.gif);
					}
					a#fact_sheet_h {
						background-image: url(nav_fact_sheet.gif);
						}
					a#fact_sheet_h:hover {
						background-image: url(nav_fact_sheet_h.gif);
						}
				li#media_releases {
					background-image: url(nav_media_releases_h.gif);
					}
					a#media_releases_h {
						background-image: url(nav_media_releases.gif);
						}
					a#media_releases_h:hover {
						background-image: url(nav_media_releases_h.gif);
						}
			li#store_locator {
				background-image: url(nav_store_locator_h.gif);
				}
				a#store_locator_h {
					background-image: url(nav_store_locator.gif);
					}
				a#store_locator_h:hover {
					background-image: url(nav_store_locator_h.gif);
					}
			li#napa_sponsorships {
				background-image: url(nav_napa_sponsorships_h.gif);
				}
				a#napa_sponsorships_h {
					background-image: url(nav_napa_sponsorships.gif);
					}
				a#napa_sponsorships_h:hover {
					background-image: url(nav_napa_sponsorships_h.gif);
					}
			li#half_off {
				background-image: url(half_off.gif);
				}
				a#half_off_h {
					width: 206px;
					height: 152px;
					background-image: url(half_off.gif);
					}
				a#half_off_h:hover {
					background-image: url(half_off_h.gif);
					}
			/* User nav */
			li#add_journal {
				background-image: url(user_menu_add_journal_entry.gif);
				}
				a#add_journal_h {
					background-image: url(user_menu_add_journal_entry.gif);
					}
				a#add_journal_h:hover {
					background-image: url(user_menu_add_journal_entry_h.gif);
					}			
			li#post_truck {
				background-image: url(user_menu_post_trick_truck.jpg);
				}
				a#post_truck_h {
					background-image: url(user_menu_post_trick_truck.jpg);
					}
				a#post_truck_h:hover {
					background-image: url(user_menu_post_trick_truck_h.jpg);
					}			
			/* Administrator nav */
			li#approve_gallery {
				background-image: url(admin_menu_approve_images.gif);
				}
				a#approve_gallery_h {
					background-image: url(admin_menu_approve_images.gif);
					}
				a#approve_gallery_h:hover {
					background-image: url(admin_menu_approve_images_h.gif);
					}			
			li#approve_blog {
				background-image: url(admin_menu_approve_journal_entry.jpg);
				}
				a#approve_blog_h {
					background-image: url(admin_menu_approve_journal_entry.jpg);
					}
				a#approve_blog_h:hover {
					background-image: url(admin_menu_approve_journal_entry_h.jpg);
					}			
			li#display_hats {
				background-image: url(admin_menu_view_hats.gif);
				}
				a#display_hats_h {
					background-image: url(admin_menu_view_hats.gif);
					}
				a#display_hats_h:hover {
					background-image: url(admin_menu_view_hats_h.gif);
					}	
			li#approve_media_release {
				background-image: url(admin_menu_approve_media_release.jpg);
				}
				a#approve_media_release_h {
					background-image: url(admin_menu_approve_media_release.jpg);
					}
				a#approve_media_release_h:hover {
					background-image: url(admin_menu_approve_media_release_h.jpg);
					}			
			li#post_media_release {
				background-image: url(admin_menu_add_media_release.jpg);
				}
				a#post_media_release_h {
					background-image: url(admin_menu_add_media_release.jpg);
					}
				a#post_media_release_h:hover {
					background-image: url(admin_menu_add_media_release_h.jpg);
					}
			/* Log out form */
			div#navigation input {		
				margin-top: 10px;			
				}
		/* Menu types */
		div#client_menu {			
			}
		div#user_menu {			
			}
		div#admin_menu {			
			}
		
form.adminform {
	padding-bottom: 50px;
	}

/* Rollover states for decoration links. */
div#decoration {width:780px; margin-top:45px;}
div#decoration li {float:left;}
div#decoration ul {margin:0px; padding:0px;}	
div#decoration span {display: none;}	
div#decoration a {display:block;}

div#yellow_splats
{
	width:970px;
}
li#splotch1
{
	float:left;
	width:291px;
	height:244px;
	background: url(../css/yellow_splotch_left.gif) no-repeat bottom right; 
}
li#splotch2
{
	float:left;
	width:291px;
	height:244px;
	background: url(../css/yellow_splotch_right.gif) no-repeat bottom right; 
}


/* Tools for approval items. */
.tools
{
	float:left;
	/* position:relative; */
	width:620px;
	height: auto;
	margin: 15px 0 15px 0;
	padding: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.tools p span.delete, .tools p span.edit, .tools p span.approve {
	float: right;
	display: block;
	width: 200px;	
	white-space: nowrap;	
	}
.tools p span.delete
{
/*
	position:absolute;
	width:40%;
	top:0%;
	left:35%;
*/
}
.tools p span.edit
{
/*
	position:absolute;
	width:35%;
	top:0%;
	left:75%;
*/
}
.tools p span.approve
{
	margin-top: 14px;
/*
	position:absolute;
	top:0%;
	left:0%;
*/
}
	

/* Stylization for approving thumbnails that have been posted. */
.approve_thumb
{
	margin-bottom: 20px;	
	/* border-bottom: 3px dashed #fca91e; */
}
.approve_thumb p span.thumbownername {	font-size:1.1em;}
.approve_thumb p span.thumbdescription  {font-size:1em;}
.approve_thumb p span.thumbmodel  {font-size:1em;}
.approve_thumb p span.thumbmake  {font-size:1em;}
.approve_thumb p span.thumbyear  {font-size:1em;}
.approve_thumb p span.thumbdate {font-size:.7em;}