/* CSS Document */
/* February 2009 Gayle Ormand Boyer */


/* HTML tag styles                   */

* { 
	margin: 0; padding: 0; 
	}

body {
	font-family:  Verdana, Arial, "Trebuchet MS",  Sans-serif;	
	font-size: small;
	color: #555555;
	margin: 0 auto;
	}

#content a:link, #main_nav ul li a {
	color: #7ca653;
	text-decoration: none;	
	}
	
#content a:visited,  #main_nav a:visited  {
	color: #7ca653;
	text-decoration: none;
	}

#content a:hover, #main_nav ul li a:hover {
	color: #68cddf;
	text-decoration: none;
	}

#content a:hover {
	border-bottom: 1px dotted #68cddf;
	}
	
/*** Layout divs ***/

	
#wrap {
    width: 1000px;
	margin: 2em auto 5em auto;
	background:    url(../images/bg/dragonright_sm.jpg) no-repeat left top;

	}
	
#main {
	float: left;
	width: 720px;

	}
	
#content {
	float: right;
	width: 510px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f8895b;

	}
	
#main_nav {
	float: left;
	width: 200px;
	position: relative;
	top: 175px;

	}
	
#sidebar {
	float: right;
	width: 270px;
	text-align: right;


	}

#footer {
	clear: both;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 10px;

	}

#flashcontent {
		height: 100%;
		margin: 0;
		padding: 20px 0 0 0;
	}

/* Text Styles */



h1 {
	height: 35px;
	margin: 55px 0 40px 0;
	text-indent: -9999px;
	}

h1.portfolio {
	width: 159px;
	background: url(../images/bg/h-portfolio.gif) no-repeat; 
	}
	
h1.about {
	width: 245px;
	height: 45px;
	background: url(../images/bg/h-about.gif) no-repeat; 
	}

h1.comments {
	width: 319px;
	height: 45px;
	background: url(../images/bg/h-comments.gif) no-repeat; 
	}


h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin: 15px 10px 15px 0;
}

h2 {
	font-size: 130%;
	color: #7ca653;
	}

h3 {
	font-size: 120%;
	color: #eb8357;
	}

p {
	margin: 10px 10px 10px 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 110%;
	}

img, img a {
	border: 1px solid #999;
	margin: 5px 15px;
	}

.author {
	text-align:right;
	font-size: 90%;
	margin-bottom: 30px;
	}

/* General Div Styles */



#main_nav ul {
	margin: 0 8px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 110%;

}

#main_nav li {
	margin: 0 0 3px 0;
	line-height: 1.4em;
	padding: 5px 0 5px 20px;
}

#main_nav li a {
	padding: 5px 0 5px 20px;

}

#main_nav li a.active {
	background: url(../images/bg/arrow.gif) no-repeat 10px 9px;
}

#footer p {
	margin: 0 0 5px 50px;
	padding: 0;
	width: 800px;

	}


#footer p.gkb {
	height: 25px;
	text-indent: -9999px;
	background:  url(../images/bg/h-gkb_pg.gif) no-repeat center center;
	}

#footer p.freelance {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/bg/h-freelance_pg.gif) no-repeat center center;
	}
	
#footer p.email {
	height: 20px;
	width: 220px;
	margin-left:340px;
	background: url(../images/bg/h-email-on.gif) no-repeat;
	
}

#footer p.email a, #footer p.email a:link, #footer p.email a:visited {
	display:block;
}

#footer p.email img {
	width:100%;
	height:100%;
	border:0;
	margin: 0;
	padding: 0;

}

#footer p.email a:hover img {
	visibility: hidden;
	}