@charset "UTF-8";
/* CSS for JOSHUA HOLLAND Summer 2010 Site */

/*background-color:rgba(255, 255, 255, 0.1); <-- a newly discoverd and invaluable tool.. used to show the exact bounding box of any div */

*{
	margin-left:auto;
	margin-right:auto;
}

body{
	font-size:100%;
	background-color:#ffffff;
}

h1{
	font-family:Georgia, serif;
	font-style:italic;
	font-weight:lighter;
	color:#4f4f4f;
	font-size:1.5em;
	padding-top:15px;
	text-align:center;
}

h2{
	font-family:Arial, sans-serif;
	font-size:1em;
	letter-spacing:0.125em;
}

.h2small{
	font-size:0.7em;
	letter-spacing:0.12em;
}

p{
	font-family:Arial, sans-serif;
	font-size:0.71875em;
	line-height:1.3em;
	letter-spacing:0.015em;
	color:#4f4f4f;
	text-align:justify;
}

#wrapper{
	width:600px;
	margin-top:20px;
}

#contentBox{
	width:600px;
	padding-bottom:20px;
	background-color:#dadada;
	border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 15px #999999;
	-webkit-box-shadow: 0 0 15px #999999;
	-moz-box-shadow: 0 0 15px #999999;
}

#header{
	width:542px;
	height:47px;
	background-image:url('images/header.gif');
}

#galleryExpander{
	width:550px;
	background-color:#ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px 0 5px 0;
}

/*---------------NAVIGATION BAR START---------------*/
#nav{
	/*background-color:rgba(255, 255, 255, 0.1);*/
	outline:0;
	width:600px;
}

#nav ul{
	outline:0;
	text-align:center;
	padding:0;
}

#nav li{
	outline:0;
	display:inline;
	color:#4f4f4f;
}

#nav a:link,a:visited{
	outline:0;
	color:#4f4f4f;
	text-decoration:none;
}

#nav a:hover, a:active{
	background-color:rgb(79, 79, 79);
	border-radius:5px;
	-moz-border-radius:5px;
	outline:0;
	color:#dadada;
}
/*---------------NAVIGATION BAR END---------------*/


/*---------------JUNE PAGE START---------------*/
#wave{
	width:288px;
	height:202px;
	background-image:url('images/wave.jpg');
	background-repeat:no-repeat;
	float:left;
	padding:0 10px 0 0;
	margin-left:35px;
}

#junExpander{
	width:529px;
	background-color:#ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#junExpander p{
	padding:0 20px 20px 20px;
}

#junExpander a{
	outline:0;
	text-decoration:none;
	color:#af94ff;
}
/*---------------JUNE PAGE END---------------*/


/*---------------JULY PAGE START---------------*/
#trg{
	width:531px;
	height:213px;
	background-image:url('images/trg.jpg');
	background-repeat:no-repeat;
}

#julExpander{
	width:531px;
	background-color:#ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#julExpander p{
	padding:0 20px 10px 20px;
}

#julExpander a{
	outline:0;
	text-decoration:none;
	color:#af94ff;
}
/*---------------JULY PAGE END---------------*/


/*---------------AUG PAGE START---------------*/
#surLeft{
	width:271px;
	height:238px;
	background-image:url('images/surLeft.jpg');
	background-repeat:no-repeat;
	float:left;
	margin-left:35px;
}

#surRight{
	width:259px;
	height:310px;
	background-image:url('images/surRight.jpg');
	background-repeat:no-repeat;
	float:right;
	margin-right:35px;
}
#augExpander{
	width:530px;
	background-color:#ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#augExpander p{
	padding:0 20px 10px 20px;
}

#augExpander a{
	outline:0;
	text-decoration:none;
	color:#af94ff;
}
/*---------------AUG PAGE END---------------*/


/*---------------SEP PAGE START---------------*/
#castleTop{
	width:531px;
	height:155px;
	background-image:url('images/castleTop.jpg');
	background-repeat:no-repeat;
}

#castleBot{
	width:531px;
	height:155px;
	background-image:url('images/castleBot.jpg');
	background-repeat:no-repeat;
}

#sepExpander{
	width:531px;
	background-color:#ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#sepExpander p{
	text-align:center;
	padding-bottom:15px;
}

#sepExpander a{
	outline:0;
	text-decoration:none;
	color:#af94ff;
}
/*---------------SEP PAGE END---------------*/

#footer{
	width:600px;
	height:30px;
	background-color:#dadada;
	border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 15px #999999;
	-webkit-box-shadow: 0 0 15px #999999;
	-moz-box-shadow: 0 0 15px #999999;
	margin-top:20px;
	padding-top:0.1em;
	text-align:center;
	color:#3a3a3a;

}