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

Title : Precious Moments by Andrea
Author : Ben Rinehart
URL : momentsbyandrea.com

Description : Grey on black; Table-less forms.

Created : 7/26/2006
Modified : 

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

body{
	background: #181412;
	color: #ccc;
	margin: 0;
	}

/* START CONTAINER */
#container{
	width: 800px;
	\width: 820px;
	w\idth: 800px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: url(../images/header.jpg) top right no-repeat;
	}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 0;
		float: left;
		margin-bottom: 4px;
		}
	
	#header h1{
		width: 163px;
		height: 125px;
		padding: 0;
		margin: 0;
		background: url(../images/logo.gif) center center no-repeat;
		text-indent: -9000px;
		}
	
	#header h1 a{
		width: 140px;
		height: 100px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}/* END HEADER */
	
	/* START NAVIGATION */
	#navigation{
		float: right;
		font: 12px Georgia, times, "Times New Roman", Serif;
		white-space: nowrap;
		}
	
		#global{
			margin: 97px 0 0 0;
			padding: 0;
			}
		
			#global li{
				list-style-type: none;
				display: inline;
				}
		
				#global li a:link, #global li a:visited{
					color: #fff;
					display: block;
					float: left;
					padding: 14px 8px;
					text-decoration: none;
					}

				#global li a:hover, #global li a:active{
					color: #181818;
					background: #fff url(../images/a.gif) center right no-repeat;
					}

		a:link, a:visited{
			color: #999;
			}
		
		a:hover, a:active{
			text-decoration: none;
			color: #fff;
			}/* END NAVIGATION */
	
	/* START PAGE BODY */
	#page_body{
		clear: both;
		border: 1px solid #4E4A49;
		background: #181412;
		}
	
		h1{
			text-align: center;
			font: 24px Times, "Times New Roman", Georgia Serif;
			}
		
		h2{
			text-align: center;
			font: italic 18px Times, "Times New Roman", Georgia Serif;
			}
		
		p{
			padding: 0 75px;
			text-indent: 25px;
			}
		
		object, object embed{
			display: block;
			margin: 0 auto;
			}/* END PAGE BODY */

	/* START INFO PAGES */	
	img.bio{
		float: left;
		margin: 0 15px 0 75px;
		}
	
	p.bio{
		margin-left: 140px;
		}
	
	dl{
		padding: 0 75px;
		}
	
		dl dt{
			font-weight: bold;
			}
		
		dl dd{
			margin: 0 25px;
			display: list-item;
			}
	
	table.info{
		margin: 0 auto;
		}
		
		table.info thead th{
			border-top: 1px dotted #ccc;
			border-bottom: 5px solid #ccc;
			}
		
		table.info th{
			text-align: left;
			padding: 3px 5px;
			}
		
		table.info{
			border-right: 1px dotted #ccc;
			border-left: 1px dotted #ccc;
			}
		
		table.info td{
			border-bottom: 1px dotted #ccc;
			padding: 3px 5px;
			}
	
	#resources ul{
		text-align: center;
		margin: 0 0 20px 0;
		padding: 0;
		}
	
		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}/* END INFO PAGES */
	
	/* START GALLERIES */
	.instructions{
		text-align: center;
		}
		
		#gallery .instructions{
			padding: 0;
			font-size: 12px;
			text-indent: 0;
			}
	
		#enlarge{
			width: 500px;
			height: 500px;
			}
			
			#enlarge img{
				border: 1px solid #4E4A49;
				padding: 5px;
				}
		
		.thumbnails a{
			display: block;
			width: 50px;
			height: 50px;
			overflow: hidden;
			border: 1px solid #4E4A49;
			margin: 3px;
			}/* END GALLERIES */
	
	/* START FORMS */
	fieldset{
			display: block;
			width: 375px;
			_width: 450px;
			padding: 10px;
			margin: 0 auto;
			border: 0;
			}
			
			fieldset fieldset{
				clear: left;
				float: left;
				margin: 5px 0;
				width: auto;
				}
				
				fieldset fieldset label{
					width: 335px;
					}
			
		legend{
			font-weight: bold;
			color: #ccc;
			}
		
		label{
			display: block;
			float: left;
			clear: left;
			width: 100px;
			margin-top: 3px;
			}
			
		.required{
			color: #981717;
			}

		input[type="checkbox"], input[type="radio"]{
			margin: 0 15px 0 0;
			}

		input[type="text"], textarea{
			width: 250px;
			float: left;
			margin: 3px;
			}

		input[type="submit"], input[type="reset"]{
			margin: 3px;
			}

		input[type="submit"]:hover, input[type="reset"]:hover{
			cursor: pointer;
			}
		
		#buttons{
			display: block;
			clear: both;
			width: 150px;
			margin: 0 auto;
			}/* END FORMS */
				
	/* START FOOTER */
	#footer{
		clear: both;
		padding: 20px 0 0 0;
		margin-top: 0;
		text-align: center;
		font: 24px Times, "Times New Roman", Georgia Serif;
		}
		
		address{
			font-style: normal;
			padding-top: 15px;
			}
		
		#copyright{
			font-size: 10px;
			}/* END FOOTER */