/* CSS Document

Portfolio Style Sheet

version:.1
author: Brandon Rubenstein
e-mail: brandon.rubenstein@drexel.edu
website: www.sandbox.westphal.drexel.edu/~br323/portfolio.html
created: 12/8/2009

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	max-width: 1036px;
	margin: auto;
}

body.home nav li.home, body.about nav li.about, body.portfolio nav li.portfolio, body.projects nav li.projects, body.resume nav li.resume, body.contact nav li.contact, body.multimedia nav li.multimedia, body.table nav li.table, body.experiment nav li.experiment {
	background-image:url(img/mainNavButtonsGreen.png);
}


body.home nav li.home a, body.about nav li.about a, body.portfolio nav li.portfolio a, body.projects nav li.projects a, body.resume nav li.resume a, body.contact nav li.contact a, body.multimedia nav li.multimedia a, body.table nav li.table a, body.experiment nav li.experiment a {
	cursor:default;
	color: #fff;
}

header {
	width: 874px;
	height: 163px;
	position: relative;
	margin-left: 8.5em;
	margin-right: auto;
}

header span {
	background: url(img/header-wood.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

header h1, header h2 {
	text-align: center;
	border:none;
	padding-top: 2em;
}

nav {
	list-style-type: none;
	font-size: 2em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	margin-top: 1em;
	margin-left: 4em;
	text-align: left;
	width: 185px;
	float: left;
	position: relative;
}

nav li {
	display: block;
	margin-top: .3em;
	padding-top: 15px;
}

nav li a:link, nav li a:visited {
	text-decoration: none;
	color: #fff;
	padding-left: 1.5em;
	font-variant:small-caps;
	height: 45px;
}

nav li a:hover {
	color: #fc9;
}

nav li a:active {
	color: #963;
}

nav .home, nav .about, nav .portfolio, nav .courses, nav .projects, nav .resume, nav .contact, nav .table, nav .multimedia, nav .experiment {
	background-image:url(img/mainNavButtonsBrown.png);
}

nav .home a, nav .about a, nav .portfolio a, nav .courses a, nav .projects a, nav .resume a, nav .contact a, nav .table a, nav .multimedia a, nav .experiment a {
	display: block;
	padding-top: .2em;
}

a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a:link {
	color: #090;
}

a:visited {
	color: #090;
}

a:hover {
	color: #963;
}

a:active {
	color: #fc9;
}

.hide {display: none;}

/* .portfolio h1 border is removed with .about h1 in master.css */
/*

.portfolio h1 {
	font-size: 1.4em;
	margin-left: 7em;
}

.portfolio #mainContent a {
	text-decoration: none;
	font-size: .9em;
}

.thumbnails {
	margin-right: 2em;
	float: left;
}

.portfolio img {
	border: 2px solid #630;
}

.left,
.right {
	margin-bottom: 2em;
	border: 0;
}

.thumbnails p {
	text-align: center;
	margin-bottom: .2em;
}

.portfolio #validation {
	clear: both;
	margin-left: 10em;
}

#validation img  {
	border: none;
}

.logoIlls {
	clear: both;
	float: left;
}

.payce {
	width: 200px;
	left: 0;
}

*/