/* CSS - joshkephart.net */

/* 
|-------------- Globals --------------| 
*/
body {
	font-family: Century Gothic, Verdana, Geneva, sans-serif;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
a, a:visited {
	text-decoration: none;
	color: #7BB739;
}
a:hover {
	color: #666666; 
}
li {
	position: relative;
	left: 20px; 
	padding-left: -5px;
	list-style-type: circle;
	font-size: 14px;
	color: #333333;
}
blockquote {
	margin: 0px auto 0px auto;
	padding: 20px 40px 20px 40px;
}
img {
	border: 0px none;
}

/* 
|-------------- Layout --------------| 
*/

#page {
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 821px;
	height: 742px;
}

/* site navigation */
/* styling for the container div of the navigation */
#menu-box {
	position: relative;
	float: right;
	top: 105px;
	width: 340px;
}
/* class for all of the navigation divs */
.nav-link {
	position: relative;
	float: right;
}
.nav-link:hover {
	cursor: pointer;
}
/* class for all of the navigation underlines */
.nav-underline {
	background-repeat: no-repeat;
	position: relative;
	float: right;
	right: 3px;
	width: 326px;
	height: 2px;
}
/* individual styling for each of the links and their rollovers*/
#resume {
	background-image: url(images/resume.png);
	background-repeat: no-repeat;
	top: 20px;
	width: 138px; 
	height: 28px;
}
#resume-rollover {
	top: 23px;
}
#contact {
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	top: 41px;
	width: 152px; 
	height: 33px;
}
#contact-rollover {
	top: 44px;
}
#portfolio {
	background-image: url(images/portfolio.png);
	background-repeat: no-repeat;
	top: 59px;
	width: 155px; 
	height: 41px;
}
#portfolio-rollover {
	top: 62px;
}
.rollover-active {
	background-image: url(images/underline.png);
}

/* styling for the site logo container div*/
#name {
	background-repeat: no-repeat;
	position: relative;
	top: 62px;
	left: 30px;
	float: left;
	width: 426px;
	height: 261px;
}
/* styling for the site logo */
#name-link {
	background-image: url(images/name.png);
	background-repeat: no-repeat;
	position: relative;
	top: 278px;
	left: 100px;
	width: 297px;
	height: 97px;
	z-index: 1;
}
/* styling for the content container div */
#content {
	background-image: url(images/content-bg.png);
	background-repeat: no-repeat;
	position: relative;
	top: 300px;
	right: 1px; 
	float: right;
	width: 334px;
	height: 463px;
	padding: 10px 30px 10px 10px;
	opacity: 0;
}

/* 
|-------------- Typography --------------| 
*/
.intro {
	font-size: 14px;
	color: #333333;
}
.body {
	padding-top: 10px;
	font-size: 14px;
}