html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* required for #wrapper min-height */
	
	color: #bfbfbf;
	background: #1a1a1a url(/images/system/background.jpg) no-repeat fixed top center;
	font: normal normal normal 12px/1.5em "Lucida Grande", Helvetica, Arial, sans-serif;
}

a:link, a:visited, a:active { color: #bfbfbf; }
a:hover { color: #D8D8D8; background: transparent; }

a.button, a.minibutton {
	height: 20px;
	
	padding: 5px 10px;
	
	text-decoration: none;
	
	background: url(/images/system/content_bg_white.png);
	border: 1px solid #6D6D6D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
a.button:hover, a.minibutton:hover { color: #ffffff; background: url(/images/system/content_bg_white_hover.png); }
a.minibutton {
	font-size: 10px;
	height: 15px;
	padding: 2px 7px;
	margin: 10px 0;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

form p { margin-bottom: 3px; }
form label { display: block; font-weight: bold; }
form input { display: block; }

div.spinner {
	width: 100%;
	height: 19px;
	
	background: url(/images/system/spinner.gif) no-repeat top center;
}

/* Page container */
#wrapper {
	position: relative; /* required for footer positioning */
	margin: 0 auto; /* doesn't work in IE5, but we don't care */
	
	width: 1142px;
	height: auto !important; /* works in real browsers */
	height: 100%; /* works in IE6 */
	min-height: 100%; /* works in real browsers */
}

/* Header container */
#header {
	width: 100%;
	height: 76px;
	display: block;
	
	position: relative;
	top: 35px;
	
	background: url(/images/system/head_logo.png) no-repeat top center;
	z-index: 3;
}

/* Content container */
#content {
	width: 730px;
	margin: 0 auto;
	
	position: relative;
	top: 76px; /* #header.height */
	
	padding: 0 0 200px 0; /* bottom padding to make room for #footer */
	
	z-index: 1;
	overflow: hidden;
}

	#content #content_gallery {
		width: 100%;
		height: 490px;
		
		position: relative;
		right: -130px;
	}
	
		#content #content_gallery img.gallery_item {
			display: block;
			
			margin: 0 auto;
			
			position: absolute;
			left: 0;
		}
	
	/* Container for actual content header */
	#content #content_header {
		width: 100%;
		height: 60px;
		display: block;
		padding: 0 20px;
		
		position: absolute;
		top: 0;
		
		line-height: 60px;
		
		background: url(/images/system/content_head_bg.png) no-repeat;
	}
	
		#content #content_header h1 {
			margin: 0;
			padding: 0;
			
			font-weight: normal;
			font-size: 24px;
		}
	
	/* Main content area wrapper */
	#content #content_wrapper {
		position: relative;
		top: 62px;
	}
		
		/* Container for actual content */
		#content #content_wrapper #content_main {
			padding: 20px;
			
			background: url(/images/system/content_bg.png) repeat;
		}
		
			/* #content #content_wrapper #content_main * { margin: 0 0 10px 0; padding: 0; } */
			#content #content_wrapper #content_main h2,
			#content #content_wrapper #content_main h3 { color: #fff; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
			#content #content_wrapper #content_main h2 { font-size: 18px; margin: 0 0 10px 0; padding: 0; }
			#content #content_wrapper #content_main h3 { font-size: 14px; margin-bottom: 5px; margin: 0 0 10px 0; padding: 0; }
			#content #content_wrapper #content_main p { font-size: 12px; line-height: 1.5em; margin: 0 0 10px 0; padding: 0; }
			#content #content_wrapper #content_main select {
				width: 150px;
				margin-right: 15px;
				
				background-color: #1a1a1a;
				color: #bfbfbf;
				border: 1px solid #1a1a1a;
			}
			
			#content #content_wrapper #content_main div.content_block {
				width: 100%;
				text-align: left;
			}
			#content #content_wrapper #content_main div.content_block div.left {
				width: 15%;
				float: left;
				text-transform: lowercase;
			}
			#content #content_wrapper #content_main div.content_block div.right {
				width: 85%;
				float: right;
			}
			
			#content #content_wrapper #content_main ol {
			    margin: 0;
			    padding: 0 20px;
			    list-style-position: outside;
			}
			
			ul.galleries li {
				line-height: 12px;
				list-style: square inside;
			}
			
			ul.detail_list {
				margin: 0 0 20px 0;
				padding: 0;
			}
			ul.detail_list li {
				width: 100%;
				display: block;
				
				margin: 0;
				padding: 6px;
				
				list-style: none;
				/* border-top: 1px solid #2D2D2D; */
				/* border-left: 1px solid #1c1c1c; */
			}
			ul.detail_list li.editing { background: url(/images/system/content_bg_red.png); }
			/*ul.detail_list li:first-child { border-top: none; }*/
			ul.detail_list li:nth-child(even) { background: url(/images/system/content_bg.png); }
			/* ul.detail_list li:hover { background: url(/images/system/content_bg_white.png); } */
			ul.detail_list li div.label {
				margin: 0;
				padding: 5px;
				
				font-weight: bold;
			}
			ul.detail_list li div.sub {
				margin: 0;
				padding: 0;
				
				font-size: 10px;
				color: #A3A3A3;
			}
			ul.detail_list a.list_link {
				display: block;
				
				text-decoration: none;
			}
			
			#content_main div.flash_notice {
				width: 100%;
				margin-bottom: 10px;
				padding: 5px;
				
				color: green;
				background: #82D37A;
				border: 1px solid green;
			}
			
			#content_main div.flash_error {
				width: 100%;
				margin-bottom: 10px;
				padding: 5px;
				
				color: #A00;
				background: #DD908D;
				border: 1px solid #A00;
			}
			
			#content_main div.flash_notice p, #content_main div.flash_error p {
				margin: 0;
				padding: 0;
			}
			
			#content_main table#shoot_images {
			    width: 100%;
			    margin-bottom: 10px;
			    
			    text-align: center;
			}
			
			#content_main table#shoot_images td {
			    width: 33%;
			    vertical-align: bottom;
			    
			    background: url(/images/system/content_bg.png);
			}
			
			#content_main table#shoot_images td > img {
			    margin: 5px 0 0 0;
			}
			
			#content_main table#shoot_images td > div.image_info {
			    width: 100%;
			    padding: 3px 0;
			    
			    font-size: 11px;
			    background: url(/images/system/content_bg_hover.png);
			}

/* Grainy "spotlight" effect at bottom of page with nav bar and shadows */
#footer {
	width: 100%;
	height: 193px;
	display: block;
	
	position: relative;
	bottom: 0; /* stick to bottom */
	
	background: url(/images/system/foot_bottom_spot.png) no-repeat top center;
	z-index: 0;
}

#footer_shadows {
	width: 100%;
	height: 50px;
	display: block;
	
	position: absolute;
	bottom: 37px; /* rise above nav bar */
}

	#footer_shadows div.shadow {
		width: 694px;
		height: 50px;
		display: block;
		margin: 0 auto;
		
		background: url(/images/system/foot_shadow.png) no-repeat top center;
	}

/* Container for nav bar content at bottom of page */
#footer_bar {
	width: 100%;
	height: 37px;
	display: block;
	
	position: absolute;
	bottom: 0; /* stick to bottom */
	
	background: url(/images/system/foot_bar_bg.png) no-repeat top center;
	z-index: 2;
}

	/* Container for left side of nav bar */
	#footer_bar #left {
		width: 60%;
		height: 37px;
		display: block;
		
		float: left;
		
		text-align: left;
	}
		
		/* Adds inline padding to left side */
		#footer_bar #left #left_content { padding-left: 150px; }
			
			/* Gallery select menu */
			#footer_bar #left #left_content select#gallery_select {
				width: 150px;
				margin: 10px 10px 0 0;
				
				float: left;
				
				background-color: #1a1a1a;
				color: #bfbfbf;
				border: 1px solid #1a1a1a;
			}
			
			/* Container for gallery nav circles */
			#footer_bar #left #left_content div#circles {
				opacity: 1.0;
				-moz-opacity: 1.0;
				filter:alpha(opacity=100);
				
				cursor: pointer;
			}
			
			/* Empty gallery nav circle */
			#footer_bar #left #left_content #circles div.circle_empty {
				width: 12px;
				height: 37px;
				display: block;
				
				float: left;
				
				background: url(/images/system/foot_nav_circle_empty.png) no-repeat left center;
			}
			
			/* Full gallery nav circle */
			#footer_bar #left #left_content #circles div.circle_full {
				width: 12px;
				height: 37px;
				display: block;
				
				float: left;
				
				background: url(/images/system/foot_nav_circle_full.png) no-repeat left center;
			}
	
	/* Container for right side of nav bar */
	#footer_bar #right {
		width: 40%;
		height: 37px;
		display: block;
		
		float: right;
		
		text-align: right;
	}
		
		/* Adds inline padding to right side */
		#footer_bar #right #right_content { padding-right: 120px; }
			
			/* Right side nav icons */
			#footer_bar #right #right_content a.nav_item {
				width: 94px;
				height: 37px;
				display: block;
				
				text-decoration: none;
				
				background-position: 0 -38px;
			}
			
			#footer_bar #right #right_content a.nav_item.active { background-position: 0 0; }
			
			/* Shift background image on hover */
			#footer_bar #right #right_content a.nav_item:hover { background-position: 0 0; }
			
			/* "Popup bubble" for right side nav icons */
			#footer_bar #right #right_content a.nav_item div.bubble {
				width: 65px;
				height: 29px;
				display: none;
				
				position: relative;
				top: -35px;
				left: 14px;
				
				text-align: center;
				font-size: 12px;
				color: #bfbfbf;
				line-height: 20px;
				
				background: url(/images/system/foot_nav_bubble.png) no-repeat 0 0;
			}
			
			/* Display "popup bubble" on hover */
			#footer_bar #right #right_content a.nav_item:hover div.bubble { display: block; }
			
			/* Nav icon: gallery */
			#footer_bar #right #right_content #nav_gallery {
				float: right;
				background-image: url(/images/system/foot_nav_gallery.png);
			}
			
			/* Nav icon: about */
			#footer_bar #right #right_content #nav_about {
				float: right;
				background-image: url(/images/system/foot_nav_about.png);
			}
			
			/* Nav icon: contact */
			#footer_bar #right #right_content #nav_contact {
				float: right;
				background-image: url(/images/system/foot_nav_contact.png);
			}