@charset "UTF-8";
/* CSS Document */

/*
----------------------------------------------
Style Sheet

Site: Postrad
Author: Matthew Duffin, postrad.com
Version: v2.0
Revision history: 11/10
----------------------------------------------*/

/*
GENERAL STYLES--------------------------*/

* {
	margin:0;
	padding:0;
}

html, body, div, p {
	font-family:Georgia;
	font-size:14px;
	color:#333;
}

body {background-color:#F5F1E9;}

p {
	margin:15px 10px 10px 15px;
	line-height:150%;
}

h1 {
	margin:15px 10px 10px 15px;
	font-size:30px;
	font-weight:normal;
	color:#666;

}

h2 {
	margin:20px 15px;
	font-size:24px;
	font-weight:normal;
	color:#666;
}

h3 {margin:20px 15px;}

	h3 span {color:#0066FF;}
	
	h3 span a:link, h3 span a:hover, h3 span a:visited, h3 span a:hover:visited  {font-size:16px;}

li {margin:0 0 5px 30px;}

ul {margin-bottom:30px;}

a:link, a:active, a:visited, a:hover, a:visited:hover {
	font-size:14px;
	color:#0066FF;
	text-decoration:none;
}

a:hover, a:visited:hover {text-decoration:underline;}

/*
PAGE LAYOUT--------------------------*/

#container {
	width: 930px;
	margin:0 auto;
	background-color:#F5F1E9;
}

#icon {
	float:left;
	margin:10px 0 0 60px;
}

	#icon img {margin:0 0 0 5px;}

#masthead {
	width:930px;
	height:152px;
	margin:0 auto;
	background-color:#0000FF;
	-moz-border-radius:0 1em 1em 0;
	-webkit-border-radius:0 1em 1em 0;
	-ms-border-radius:0 1em 1em 0;
	-o-border-radius:0 1em 1em 0;
	border-radius:0 1em 1em 0;
}

	#masthead img {
		float:left;
		margin:25px 0px 0px 10px;
	}

#topNav {
	position:relative;
	left:325px;
	top:-66px;
	float:left;
	color:#fff;
	height:1px;
}

	#topNav ul {
		margin:0; 
		padding:0; 
		list-style-type: none; 
		list-style-image: none; 
	}
	
	#topNav li {
		display: inline; 
		margin:0 35px 0 0;
		padding:0;
		font-size:18px;
	}

	#topNav a {
		float:left;
		display:block;
		margin:0 -20px 0 2px;
		font-size:16px;
		padding:8px 0 0 0;
		width:9.8em;
		height:2.0em;
		line-height:1.4;
		text-align:center;
		text-decoration:none;
		border: 1px solid #333;
		-moz-border-radius: 9px;
		-webkit-border-radius: 6px;
		border-radius:6px;
		background-color:#666;
		color:#fff;
		-moz-box-shadow:2px 2px 2px #333;
		-webkit-box-shadow:2px 2px 2px #333;
		-ms-box-shadow:2px 2px 2px #333;
		-o-box-shadow:2px 2px 2px #333;
		box-shadow:2px 2px 2px #333;
	}

#topNav a:hover {
	color:#000;
	background-color:#FFF;
}

#subheader {
	width:700px;
	float:left;
}

	#subheader p {
		font-size:16px; 
		color:#777; 
		text-align:right;
	}

#wideBox {
	margin:0 auto 5px auto;
	padding:15px 15px 15px 0;
	width:915px;
	background-color:#666;
	-moz-border-radius:0 1em 1em 0;
	-webkit-border-radius:0 1em 1em 0;
	-ms-border-radius:0 1em 1em 0;
	-o-border-radius:0 1em 1em 0;
	border-radius:0 1em 1em 0;
}

#bio {
	width:150px;
	float:right;
	margin:0;
}

	#bio p {
		color:#fff; 
		font-size:12px;
		margin:0 0 15px 0; 
		padding:0 6px;
	}
	
	#bio h2 {
		color:#cdcdcd;margin:0 0 10px 0; 
		padding:0 6px; 
		line-height:100%;
	}

#content, #gallery{
	float:left;
	width:740px;
	margin:0 0 1px 15px;
	padding:0;
	background-color:#fff;
	-webkit-border-radius:1em;
	-ms-border-radius:1em;
	-o-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
}

#content {padding-bottom:15px;}

#homeCopy {width:360px;float:left;}

#wideBox #content img {
	float:left;
	margin:0px 10px 12px 15px;
	border:#ccc solid 2px;
}

#content h2 a:link, #content h2 a:active, #content h2 a:visited, #content h2 a:hover, #content h2 a:visited:hover {
	color:#333;
	font-size: 20px;
}

#content h2 a:hover, #content h2 a:visited:hover  {text-decoration:underline;}

#blurbs {
	margin:0 auto;
	padding:0 0 0 15px;
	width:880px;
}

#footer p{
	margin-bottom:0;
	padding-bottom:10px;
	font-size:9px;
	color:#333;
	text-align:center;
}

	#footer a:link, #footer a:active, #footer a:visited, #footer a:hover, #footer a:visited:hover {
		font-size:9px;
		color:#333;
		text-decoration:none;
	}
	
	#footer a:hover, #footer a:visited:hover {color:#666;}

#portfolio #content .clear {padding:25px 0 0 0;}

#portfolio #content img {margin-right:20px;}

/*
CLASSES--------------------------*/

.blurbBox {
	float:left;
	margin:0 20px 40px 0;
	padding:0 4px;
	width:192px;
	height:375px;
	background-color:#666;
}

	.blurbBox h2 {
		margin:15px 0;
		text-align:center;
	}
	
	.blurbBox h2 a:link, .blurbBox h2 a:active, .blurbBox h2 a:visited, .blurbBox h2 a:hover, .blurbBox h2 a:visited:hover {
		margin: 10px 0;
		font-size:28px;
		font-weight:normal;
		color:#fff;
	}
	
	.blurbBox h2 a:hover, .blurbBox h2 a:visited:hover {
		color:#FFCC00;
		text-decoration:none;
	}
	
	.blurbBox p {
		margin:15px 10px 10px 10px;
		line-height:150%;
	}
	
	.blurbBox #content{
		height:250px;
		padding:14px;
		background-color:#fff;
	}
	
	#lastBlurb .blurbBox {margin:0;}

.thankyou {
	font-size:24px;
	color:#0000FF;
}

.galleryItem {
	width:232px;
	height:200px;
	float:left;
	margin:10px 0px 10px 9px;
	padding:15px 0 5px 0;
	border:1px solid #cdcdcd;
	-webkit-border-radius:1em;
	-ms-border-radius:1em;
	-o-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
}

.galleryItem:first-line {
font-size:200%;
}

	.galleryItem img {margin:0 0 0 15px;}

.hrGrey {
	margin:0 6px 40px 6px;
	border:none;
	border-top:1px dashed #cdcdcd;
	height:.01em;
}

.clear {
	clear:both;
	height:0.1em;
}

.center {text-align:center;}

h3 .grey {color:#666;}

/*
Simple Slideshow----------------- */

#slideshow {
    position:relative;
    height:220px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:50%;
	padding:10px 0 0 0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {z-index:9;}

fieldset {
	margin: 1em;
	padding:1em;
	border:1px solid #ccc;
	-moz-border-radius: 9px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius:6px;
}

legend {font-weight:bold;cursor:pointer;}

label {display:block;}

input {width:20em;margin:0 0 5px 0;}

.required {font-size: 0.75em; color:#FF0000;}

input:focus, textarea:focus {background:#F5F1E9;}

.redAlert, .redAlert p {margin:0 0 0 10px;color:#FF0000;}

.redAlert h3 {margin-bottom:0;}

.redAlert p {margin:0 0 0 20px;font-weight:bold;}