/*

[ vector | element ] v2

created: Wed., June 21, 2006
modified: Wed., September 20, 2006
author: me, bitches


*/

body {
	margin:0px;
	background:url("images/background.gif") repeat-y #000;
	color:#fff;
	font:11px/14px "Lucida Grande", "Helvetica", Arial, Verdana, sans;
}

#container {
	width:100%;
	/*margin-left:auto;
	margin-right:auto;*/
}

#logo, #logo span {
	width:50px;
	height:448px;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	background:url("images/logo.gif");
	font-size:1px; /* added for Safari 2.x scroll issue. Scrolling causes the text to show above the image. Not easily reproduced, but occurs almost every time. */
	color:#222; /* also added for Safari 2.x */
}

#logo {
	position:fixed;
	overflow:hidden;
	
}

#logo span {
	position:absolute;
	z-index:1;
}

#nav{
	position:fixed;
	width:150px; /* minus 20 px b/c of padding*/
	margin-top:10px;
	top:0px;
	left:110px;
	text-align:left;
}

/* experimental */
#footer {
	position:fixed;
	left:50px;
	bottom:0px;
	width:150px;
	padding:10px;
	text-align:center;
}

#footer img {
	/*padding-bottom:10px;*/
}
/* end experimental */

#content {
	position:absolute;
	top:0px;
	left:220px;
	padding:0px 10px;
}

/*======================================================*/
/* NAV STYLES */

#nav div {
	margin-bottom:20px;
}

.nav_portfolio, .nav_portfolio span,
.nav_resume, .nav_resume span, 
.nav_contact, .nav_contact span, 
.nav_tracks, .nav_tracks span, 
.nav_myspace, .nav_myspace span,
.nav_myspace_music, .nav_myspace_music span {
	width:100px;
	height:20px;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

.nav_portfolio,
.nav_resume,
.nav_contact,
.nav_tracks,
.nav_myspace,
.nav_myspace_music {
	position:relative;
	overflow:hidden;
	
}

.nav_portfolio span,
.nav_resume span, 
.nav_contact span, 
.nav_tracks span, 
.nav_myspace span,
.nav_myspace_music span {
	position:absolute;
	z-index:1;
}

.nav_portfolio, .nav_portfolio span { background:url("images/nav_portfolio.gif"); }
.nav_resume, .nav_resume span {	background:url("images/nav_resume.gif"); }
.nav_contact, .nav_contact span { background:url("images/nav_contact.gif"); }
.nav_tracks, .nav_tracks span {	background:url("images/nav_tracks.gif"); }
.nav_myspace, .nav_myspace span { background:url("images/nav_myspace.gif"); }
.nav_myspace_music, .nav_myspace_music span { background:url("images/nav_myspace_music.gif"); }

/* experimental */
/* I'm aware that the following doesn't work too well in IE, but since MY method of CSS image rollovers
	is fuxxed in Safari due to the nav having a fixed position, I'm doing this anyway. */

a.nav_portfolio:hover span { background:url("images/roll_portfolio.gif"); }
a.nav_resume:hover span { background:url("images/roll_resume.gif"); }
a.nav_contact:hover span { background:url("images/roll_contact.gif"); }
a.nav_tracks:hover span { background:url("images/roll_tracks.gif"); }
a.nav_myspace:hover span { background:url("images/roll_myspace.gif"); }
a.nav_myspace_music:hover span { background:url("images/roll_myspace_music.gif"); }

a.nav_portfolio,
a.nav_resume,
a.nav_contact,
a.nav_tracks,
a.nav_myspace,
a.nav_myspace_music {
	cursor:pointer;
}

/* end experimental */

/*======================================================*/
/* MISC STYLES */

#portfolio, #resume, #contact{
	display:block;
	clear:both;
}

div.hr {
	color:#0f9;
	background:#0f9;
	line-height:0em;
	font-size:1px;
	width:90%;
	height:1px;
	/*margin-left:auto;
	margin-right:auto;*/
	margin:20px auto;
	clear:both;
}

#content a {
	color:#ff0;
	text-decoration:none;
}

#content a:hover {
	background:#ff0;
	color:#000;
}

.strike {
	text-decoration:line-through;
}

/*======================================================*/
/* PORTFOLIO STYLES */

#portfolio {
	text-align:center;
}

/*======================================================*/
/* RESUME STYLES */

#resumeContent, #resumeDownload {
	/*display:inline;
	border:solid 1px;*/
}

#resumeContent {
	width:75%; /* changed from 600px */
	float:left;
}

#resumeDownload {
	width:20%; /* changed from 150px */
	float:right;
	text-align:center;
}


#resumeContent div {
	display:block;
	clear:both;
}

#resumeContent div h3 {
	position:absolute;
	left:0px;
	margin:0px;
	width:120px;
	text-align:right;
}

#resumeContent div p, #resumeContent ul {
	position:relative;
	margin-left:150px;
}

#resumeContent ul {
	padding:0px;
	padding-right:40px;
	left:40px;
	/*list-style-type:none;*/
	list-style-image:url("images/ve_bullet.gif");
}

.back222 {
	background:#222;
}