/*
///////////////////////////////////////////////////////////////////
garywentz.com styles
© 2008 Gary Wentz
///////////////////////////////////////////////////////////////////
*/
/* ----------------------------------------------------------------- UNDO -- */

* {	margin: 0; padding: 0; }
:link,:visited { text-decoration: none; }
a img, :link img, :visited img { border: none; }
ul, ol { list-style: none; }

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

body {
	background: #FFF;
	background-repeat: no-repeat;
	margin-left: 30px;
	text-align: left;
}

body a, a:link, a:visited {
	text-decoration: none;
	font-style: italic;
	color: #666;
}

body a:hover, a:active {
	background-color: #ffff66;
	color: #666666;
	text-decoration: none;
	line-height: 17px;
}

body h1 {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	width: 160px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 0px;
}

body h2 {
	text-align: left;
	font-size: 10px;
	line-height: 17px;
	width: 160px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 5px;
}

body h3 {
	background: none;
	text-align: center;
	font-size: 9px;
	line-height: 17px;
	width: 700px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 0px;
	padding-bottom: 30px;
}

body h4 {
	background: none;
	text-align: left;
	font-size: 8px;
	line-height: 12px;
	width: 200px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #999;
	margin-top: 20px;
	padding-bottom: 20px;
}

body h5 {
	background: none;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	width: 800px;
	font-family: Courier, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 20px;
	padding-bottom: 20px;
}

body h6 {
	background: none;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	width: 800px;
	font-family: Courier, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 0px;
	padding-bottom: 0px;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 0px;
}

.logo {
	font-size: 350px;
	line-height: 170px;
	background: none;
	float: left;
	margin-top: 50px;
	margin-left: 0px:
}

.port {
	float: left;
	font-size: 350px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 170px;
}

.story {
	padding-bottom: 0px;
}

.clear { clear: both; height: 1px; }

.logotext {
	background: none;
	text-align: center;
	font-size: 10px;
	line-height: 17px;
	width: 590px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	border-bottom: thin dotted #000;
	margin-top: 0px;
	padding-bottom: 10px;
}

.logotext_bottom {
	background: none;
	text-align: center;
	font-size: 10px;
	line-height: 17px;
	width: 590px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-top: 0px;
	padding-bottom: 0px;
}

.blogtitle {
	background: none;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.blogend {
	border-bottom: thin dotted #000;
}	

.blogimg {
	border-top: 5px solid #000;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.credit {
	background: none;
	width: 590px;
	text-align: left;
	font-size: 9px;
	line-height: 17px;
	letter-spacing: .05em;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-left: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: thin dotted #000;
}

#mainnav {width: 455px; height: 22px; background: url("../i/nav.gif"); margin-left: 163px; margin-top: 50px; padding: 0; position: absolute; text-indent: -5000px;}

ul#mainnav li { position: absolute; top: 0px; padding: 0 6px; }

ul#mainnav li, ul#mainnav a { height: 22px; display: block;}	
	

#portfolio {left: 103px; width: 88px;}

#story {left: 199px; width: 54px;}

#email {left: 260px; width: 58px;}

#resume {left: 371px; width: 78px;}


#portfolio a:hover { background: transparent url("../i/nav.gif") -109px -22px no-repeat;}

#story a:hover { background: transparent url("../i/nav.gif") -205px -22px no-repeat;}

#email a:hover { background: transparent url("../i/nav.gif") -266px -22px no-repeat;}

#resume a:hover { background: transparent url("../i/nav.gif") -377px -22px no-repeat;}


#index #portfolio a { background: transparent url("../i/nav.gif") -109px -22px no-repeat;}

#about_gary #story a { background: transparent url("../i/nav.gif") -205px -22px no-repeat;}

#email #email a { background: transparent url("../i/nav.gif") -266px -22px no-repeat;}

#resume #resume a { background: transparent url("../i/nav.gif") -377px -22px no-repeat;}






#page {
	margin-left: 0px;
	margin-top: 40px;
}

#feature {
	margin-left: 0px;
	margin-top: 20px;
	width: 1000px;
	font-size: 600px;
	line-height: 300px;
}

#visual {
	
	background: #c3c3c3;
	margin-left: 0px;
	margin-top: 10px;
	width: 1000px;
}

#text {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#art {
	position: absolute;
	left: 210px;
	top: 114px;
	padding-bottom: 10px;
	margin-top: 0px;
}

#title1 {
	background: none;
	border-top: 5px solid #000;
	border-bottom: thin dotted #000; 
	text-align: left;
	margin-top: 7px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 0px;
}

#top {
	margin-top: 10px;
	margin-bottom: 0px;
}


#buttons {
	margin-top: 30px;
	font-size: 200px;
	line-height: 100px;
}