/*
site: photographybygaryjohnson.com 
design by: crosshilldesign.com
last updated: 3/10/07
site inspiration credited to viktor pressen
*/


/* standard elements */
* {
	margin: 0;
	padding: 0;
	}

body {
	background: #494949 url(../images/bg.jpg);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0 auto;
	}

h1 {font: normal 1.6em serif;}

h2 {
	font: bold 1em Verdana,serif;
	margin: 3px 0 1px;
	}

ul {margin-left: 1.8em;}
p {margin-top: 1.2em;}
blockquote,ul {margin-bottom: 1.2em;}

/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	background: url(../images/bgcontainer.gif) repeat-y center top;
	margin: 0 auto;
	width: 736px;
}


.gfx {
	background: url(../images/camera.gif) no-repeat;
	float: left;
	height: 140px;
	margin-top: 60px;
	width: 51px;
}

.top {
	float: left;
	text-align: center;
	width: 632px;
}

.header {
	background: #646464;
	background-image:url(../images/header.gif);
	background-position:top left;
	background-repeat:no-repeat; 
	color: #fff;
	font-size: 1.4em;
	height: 200px;
}

.header h1 {
	font: normal 3.2em serif,sans-serif;
	padding: 50px 0 24px 0;
}

.flash{
	float:right;
	height: 200px;
	}

.pattern {
	background: #494949;
	clear: both;
	height: 12px;
}

/* navigation */
.navigation {
	margin: 0px;
	background-color:#000;
	}

.navigation a {
	color: #fff;
	font: normal 1.9em serif;
	line-height: 50px;
	margin: 0 16px;
	text-decoration: none;
}
.navigation a:hover,.navigation #selected {
	color: #494949;
	text-decoration: none;
}

/* content */
.content {
	background: url(../images/bgcontent.gif) no-repeat;
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	padding: 0 38px 12px;
}

.gallery {
	background: url(../images/bgcontent.gif) no-repeat;
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	padding: 0 16px 12px;
}

.content .spacer {height: 42px;}
.gallery .spacer {height: 12px;}

/* content item */
.item {clear: both;}
.item .body {clear: both;}
a {color: #444; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}

.title {
	color: #494949;
	font: normal 2em serif;
	}

.imageLeft {
	margin: 0 10px 6px 0;
	float: left;
	border: 1px solid #fff;
	}

/* footer */
.footer {
	color: #444;
	font-size: 1.1em;
	line-height: 41px; 
	margin: 0 auto;
	text-align: center;
	width: 632px;
}