/* 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: 1024px;
	margin: auto;
}

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


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

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

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

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

#mainNav {
	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;
}

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

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

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

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

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

#mainNav .home a, #mainNav .about a, #mainNav .portfolio a, #mainNav .projects a, #mainNav .resume a, #mainNav .contact a, #mainNav .table a, #mainNav .multimedia a, #mainNav .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;
}


/* .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;
}

*/