/*
Site Design (HTML & CSS): Brett Dunnam
If you take this, link to me or send me cookies...the edible kind.
*/

/*general presets*/
html {
	margin: 0;
	padding: 0;
	color: #555;
	background: #f1f1f1;
	font-family: monospace;
	font-size: 10pt;
	overflow: scroll;
	}
	
body {
	margin : 0;
	padding : 0;
	}

a {
	text-decoration: none;
	}
	
#container {
	width : 800px;
	height : auto;
	margin : 0 auto;
	padding : 0;
	/*border-top: 8px solid #555;*/
	}

/*next part controls header*/
#header {
	background-position: center;
	width: 800px;
	height: 200px;
	font-family: Helvetica, sans serif !important;
	border: none !important;
	}
	
#header a {
	text-decoration: none;
	border: none !important;
	}
	
#header img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: none !important;
	}
	
#header h1 {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 77pt;
	font-weight: 900;
	text-align: center;
	text-shadow: 1px 1px #fff;
	line-height: .25em;
	}
	
#header p {
	margin:25px 75px;
	font-size: 24pt;
	font-weight: 900;
	color: #a1a1a1;
	text-align: center;
	text-shadow: 1px 1px #fff;
	line-height: normal;
	}
	
#header a {
	text-decoration: none;
	color: #555;
	}

/*next part controls the main link boxes*/
.nav {
	margin-top: 40px;
	display: block;
	clear: right;
	text-align: center;
	}
	
.nav a {
	font-size: 30pt !important;
	text-decoration: none;
	}
	
.nav li {
	padding-bottom: 20px;
	}
	
.nav a:hover {
	color: #ff3300 !important;
	}
	
/*next part controls content div*/
#content {
	margin: 0 75px;
	}
	
#content .subhead {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-decoration: none;
	border: none;
	}
	
#content h2 {
	color: #555;
	font-size: 30pt;
	text-align: center;
	line-height: .5em;
	}
	
h3 {
	margin-top: 20px;
	margin-bottom: -10px !important;
	color: #ff3300;
	font-size: 12pt;
	font-weight: bold;
	}
	
h4 {
	margin-bottom: 5px;
	font-size: 10pt;
	}
	
p { 
	padding: -10px 0 20px;
	line-height: .5em;
	font-size: 10pt;
	}
	
#content ul {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	list-style: none;
	}
	
#content a {
	color: #555;
	text-decoration: none;
	}
	
#content a:hover {
	color: #ff3300;
	}

/*next part controls the photo galleries*/	
#gallery {
	width : 650px;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#gallery h3 { 
	clear: left;
	}

#gallery p {
	clear: left;
	margin: 0 0 20px;
	padding: 0;
	line-height: normal;
	}
	
#gallery li {
	margin : 0;
	padding : 0;
	}
	
#gallery ul {
	margin : 0;
	padding : 0;
	}
	
#gallery ul.gallery {
	margin : 0;
	padding: 0;
	}
	
#gallery ul.gallery h3{
	padding-top: 20px;
	}
	
#gallery ul.gallery li a {
	float : left;
	padding-bottom: 15px;
	}

#gallery ul.gallery li a:hover {
	text-decoration: none;
	}
	
#gallery p.caption {
	margin: 0;
	padding: 0 0 4px 0;
	font-size : 10pt;
	font-weight: 900;
	text-align : center;
	color: #555;
	}
	
#gallery .img {
	display : inline;
	margin : 0;
	padding: 0;
	}

#gallery .img a {
	width: 200px;
	max-height: 115px;
	margin : 0 16px 15px 0;
	overflow: hidden;
	}

#gallery .img a:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	}
	
#gallery .img a img {
	float: left;
	margin-left: -2px !important;
	width : 202px;
	overflow: hidden;
	padding : 0;
	margin: 0;
	}

#gallery .img a:hover p.caption {
	padding: 0 0 4px 0;
	color: #555;
	}
	
/*next part controls footer*/
#footer {
	width: 800px;
	float: left;
	margin-top: 30px;
	}
	
#footer p { 
	color: #a1a1a1;
	font-size: 8pt;
	font-weight: 900;
	text-align: center;
	}