html, body{  
	margin:0; padding:0;
}

body {
	background: url(/images/woodtile.jpg);
	text-align:center;
}

img, a {
	border: 0;
	outline: 0;
}

a, a:link, a:visited {color:#138ed1; text-decoration:none;} 
a:hover, a:active {color:#8B4B2F; text-decoration:underline;}

h1{
	margin:0px auto 0px auto;
	padding:5px 0 0px 0px;
	border:0px;
	text-align:left;
	font: normal 1.7em/1.1em Georgia,Verdana,serif;
	color: #e2e2e2;
	text-decoration: none;
	text-transform:uppercase;
}

h2{
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align:left;
	font: normal 14pt/1.1em Georgia,Verdana,serif;
	color: #e2e2e2;
	text-decoration: none;
	font-style:italic;
}

h3{
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align:left;
	font: normal 1.1em/1.1em Georgia,Verdana,serif;
	color: #666666;
	text-decoration: none;
	font-style:italic;
}

p{
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align:justify;
	font: normal 0.9em/1.2em Georgia,Verdana,serif;
	color: #e2e2e2;
	text-decoration: none;
	clear:both;
}

li,ul{
	margin:0px auto 0px auto;
	padding:0px 0 5px 20px;
	border:0px;
	text-align:justify;
	font: normal 0.9em/1.2em Georgia,Verdana,serif;
	color: #e2e2e2;
	text-decoration: none;
	clear:both;
}

.clear {
	clear:both;
}

#main{
	background: #000 url(/images/ornament.gif) no-repeat right bottom;
	margin: 10px auto; padding: 0 30px;
	text-align:center;
	position:relative;
	width:940px;
	-moz-box-shadow: -3px 3px 10px #000;
	-webkit-box-shadow: -3px 3px 10px #000;
	box-shadow: -3px 3px 10px #000;
}

#crown{
	background:url(/images/top.png) repeat-x;
	position: absolute; top: -2px; left: 0;
	width:1000px; height:2px;
}

#logo{
	background:url(/images/logo.png) no-repeat center top;
	text-indent:-999em;
	margin: 0 auto;
	width:939px; height:140px;
}

.dividerH{
	width:941px;
	height:5px;
	background:url(/images/dividerFull.gif) no-repeat center top;
	margin:10px auto 0px auto;
	clear:both;
}

hr {
	background:url(/images/dividerFull.gif) repeat-x;
	border: none;
	clear: both;
	height: 1px;
	margin: 10px auto;
	width: 938px;
}


/* ========[ Gallery ]======== */

	#gallery {
		width: 945px; height: 293px;
		margin-left: -2px;
		overflow: hidden;
		position: relative;
	}
	
	#gallery div {
		top: 0;
		position: absolute;
	}
	#gallery a img { float: left; border: 2px #333 solid; margin: 0 3px 3px 0; }
	#gallery a:hover img, #gallery a:active img { border: 2px #138ed1 solid; }

	#arrowLeft, #arrowRight{
		background: url(/images/arrowLeft.gif) no-repeat scroll center center transparent;
		display:block;
		position:absolute; left: -15px; top:132px;
		text-indent:-999em;
		width:55px; height:308px;
		border:2px #333333;
	}

	#arrowRight{
		background-image: url(/images/arrowRight.gif);
		left: auto; right: -15px;
	}

	#galleryBox img {
		border: 5px #eee solid;
		cursor: pointer;
	}


/* ========[ Quote ]======== */

	#quote {
		border:0px;
		color: #e2e2e2;
		float:left;
		font: normal .87em/1.5em Georgia,Verdana,serif;
		margin:20px auto 0px 20px; padding:0 0 10px 10px;
		text-align:justify;
		text-decoration: none;
		width:550px;
	}

	#quote em {
		display: block;
		font-weight: bold;
		text-align: right;
	}


/* ========[ Email Button ]======== */

	#email{
		background:url(/images/patternFloral.gif);
		color: #fff;
		display: block;
		float:right;
		font: normal .7em/2.5em Georgia,Verdana,serif;
		margin:0 0 10px 0; padding: 25px 0 0 0;
		text-transform: uppercase;
		width:308px; height:79px;
	}

	#email big {
		display: block;
		font-size: 3.5em;
	}

	#email:hover {
		color: #138ed1;
		text-decoration: none;
	}


/* ========[ About Bar ]======== */

	#about{
		background:url(/images/about.gif) no-repeat center top;
		clear:both;
		margin:10px auto 0px auto;
		text-indent:-999em;
		width:186px; height:15px;
	}


/* ========[ Biography ]======== */

	#bio{
		background: url(/images/dividerFull.gif) repeat-y right top;
		float:left;
		margin:15px auto 10px 0; padding:0 30px 10px 0;
		width:600px;
	}

	.avatar{
		border-style:solid;
		border-width:1px;
		border-color:#666666;
		float:left;
		margin: 0px 12px 5px 2px;
	}

	#bio h1 {
		font-size: 1.6em;
	}

	#bio h3 {
		font-size: 1em;
	}

	#bio p {
		font: normal .9em/1.6em Georgia,Verdana,serif;
	}


/* ========[ Contact Me ]======== */

	#contact{
		float:right;
		margin:15px 0 10px 0px; padding:0px;
		width:285px;
	}

	#contact h2 {
		clear: both;
		font-style: normal;
		margin: 0;
		text-transform: uppercase;
	}

	#contact dl{
		color: #e2e2e2;
		font: normal .8em/1.2em Georgia,Verdana,serif;
		margin: 0; padding: 0;
		text-align:left;
	}

	#contact dt{
		clear: left;
		float:left;
		margin:0; padding:9px 0 0 0;
		width:115px;
	}

	#contact dd{
		float:right;
		margin:0; padding: 9px 0 0 0;
		width:170px;
	}

	#links {
		text-align: left;
	}

	#links a {
		display: block;
		font-size: .9em;
		font-style: italic;
		float: left;
		margin: 5px 0;
		width: 110px;
	}


/* ========[ Footer ]======== */

	#footer{
		background: url(/images/dividerFull.gif) repeat-x;
		clear: both;
		color: #666666;
		font: italic 0.7em/1.5em Georgia,Verdana,serif;
		margin:20px auto 5px auto; padding:15px 0 15px 0px;
		text-align:center;
		text-decoration: none;
		width:938px;
	}