/* -----------------
Basic Style Sheet

version:.1
author: Brandon Rubenstein
e-mail: brandonrubenstein@gmail.com
website: www.brandonrubenstein.com/resume.html
created: 10/3/2009

Colors: 
Green (Header Banner): #090
Orange (Fire/Header Subtitle Text): #F90 (#FF7F00 was not websafe)
Yellow (Fire): #FFFF00
Brown (Header Trim/Link Body/Body Text): #630
Brown (Logs - Main Body): #963 (#8B5C29 was not websafe)
Brown (Logs - Main Shading): #630 (#5A3D1C was not websafe)
Tan (Logs - End Body): #FC9 (#E4BC96 was not websafe)
Tan (Logs - End Shading): #C96 (#D59758 was not websafe)

RESUME PAGE Colors:
#wrapper ul text - #333
h2 text: #630 / H2 bottom border: #963
h3 text: #666
h4 text: #333

Header Green: #030
Paragraph Green: #063
--------------- */

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;
}

#wrapper {
	position: relative;
}

	
#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: .25em;
}
/* ALL CSS in #mainContent (until next COMMENT box) was planned/decided using RESUME.HTML as base page. Double-check changes to CSS on that page, and copy as ".resume #mainContent" if necessary */


#mainContent {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 0;
	padding: 3.2em 0 1.5em 1.5em;
	width: 583px;
	margin-left: 23.7em;
	max-width: 674px;
}

#mainContent ul {
	list-style: outside;
	color: #333;
	margin-left: 4em;
}


h1 {
	font-size: 1.8em;
	line-height: 1em;
	padding-bottom: 7px;
	border-bottom: 1px solid #963;
	margin-bottom: 7px;
	/*margin-top: 14px;*/
	color: #630;
	font-weight: normal;
}

h2 {
	font-size: 1.3em;
	color: #666;
	font-weight: 900;
}


h3 {
	font-size: 1.2em;
	margin-top: .5em;
	margin-left: 1.6em;
	color: #333;
}

h4 {
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 1.5em;
	font-size: 1.4em;
}

p {
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 1.5em;
	font-size: 1.4em;
}

ul+h2 {
	margin-top: 14px;
}

ul+h3 {
	margin-top: 14px;
}


.links {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: .1em;
	margin-bottom: 1em;
}

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

a:link {
	color: #090;
}

a:visited {
	color: #090;
}

a:hover {
	color: #963;
}

a:active {
	color: #fc9;
}

#timestamp {
	font-size: 100%;
	font-size: .8em;
	text-align: center;
}

.portfolio #timestamp {
	text-align: left;
	margin: 0 auto;
}

/* ALL CSS in #mainContent (from previos COMMENT box) was planned/decided using RESUME.HTML as base page. Double-check changes to CSS on that page, and copy as ".resume #mainContent" if necessary */

#validation {
	margin: 0 auto;
	width: 200px;
}

#validation p {
	float: left;
}
#validation p + p {
	float: right;
}

#validation p + p + p {
	float: left;
	margin-top: -1.2em;
}

.projects #footer {
	margin-top: 2em;	
}

.projects #footer #timestamp {
	margin-bottom: -1.2em;
}

/* CSS UNIQUE TO INDEX.HTML */


.home #text h1 {
	padding: 0 100px 20px 0px;
	border: none;
	text-align: left;
	width: 400px;
}


#logo .fireBig {
	width: 400px;
	height: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	color: #fff;
	float: right;
	top: -250px;
}

#logo .fireBig span {
	background: url(img/fire-big.gif);
	position:absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: right;
	right: -70px;
}

#logo h2 {
	text-align: center;
	margin-left: 2em;
	color: #630;
}

.hidden {
	display: none;
}


/* CSS UNIQUE TO ABOUT.HTML */

.about img.profilePic {
	background-color: #630;
	width: 150px;
	height: 225px;
}

.about h1,
.portfolio h1 {
	font-family: Arial, Verdana, sans-serif;
	border: none;
	color: #630;
}

.about #sidebar {
	width: 210px;
	border: 2px solid #630;
	background: #c96;
	margin: 0 0 2em 2em;;
	float: right;
}

.about #sidebar h2 {
	font-variant:small-caps;
	color: #fff;
	background-color: #630;
	padding: 0 10px 5px;
}

.about #mainContent #profileInfo p {
	text-align: justify;
	color: #333;
}

.about #mainContent #sidebar ul {
	list-style:none;
	padding: 10px;
	margin: 0;
	color: #030;
	font-weight: bold;
}

.left {
	float: left;
	border: 1px solid #630;
	margin-right: 2em;
	margin-bottom: 2em;
}

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

/* CSS UNIQUE TO PORTFOLIO.HTML  is in portfolio.css */


/* CSS UNIQUE TO RESUME.HTML */


.topReturn {
	text-align: left;
	margin: 1.6em 2.8em;
	font-size: 1em;
	letter-spacing: .1em;
}

.resume #mainContent .fineprint {
	font-style: italic;
	font-size: 1em;
}

/* CSS UNIQUE TO MULTIMEDIA.HTML */


.multimedia #wrapper {
	width: 1024px;
}

.media {
	width: 500px;
	margin: 6em auto;
	position: relative;
}

.movie {
	border: 1px solid #630;
}

.movie, .sound, .flash {
	width: 400px;
	padding: 1em;
	border-bottom: 1px solid #630;
	border-left: 1px solid #630;
	border-right: 1px solid #630;
	margin: auto;
	text-align: center;
}

.flash h1 {
	border: none;
	font-size: 1em;
}

.flash h1 a {
	letter-spacing: .1em;
}

/* CSS UNIQUE TO CONTACT.PHP -- see contact.css */

#ieMessage h4 {
	color: #030;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: none;
	border: 1px solid red;
	padding: 0 .3em;
	display: none;
}

#ieMessage h4 a {
	color: #000;
	text-decoration: underline!important;
	font-weight: bold!important;
}

.w3link {
	font-size: .8em;
	color: #333;
}

.w3icon {
	margin-bottom: 0;
	margin-top: 1em;
}

.printInfo, .pageHeader {
	display: none;
}

#printerFriendly {
	float: right;
	color: #333;
	font-size: .8em;
	background: #c96;
	border: 1px solid #630;
}

#printerFriendly h5 {
	font-size: 1em;
	font-weight: normal;
	margin-top: -2.4em;
	line-height: 1.4em;
}