/* -----------------
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 {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
font:62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
max-width:1024px;
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;
}

#wrapper {
position:relative;
}

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:700;
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 .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:.25em;
}

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

#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;
color:#630;
font-weight:400;
}

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

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

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

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

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

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

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

body.home #validation {
position: relative;
top: -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;
}

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

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

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

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

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

.about aside 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 aside ul {
list-style:none;
color:#030;
font-weight:700;
margin:0;
padding:10px;
}

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

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

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

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

abbr {
cursor:help;
border-bottom:1px dotted #333;
}

.multimedia #wrapper {
width:1024px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a:link,a:visited {
color:#090;
}

.hidden,.printInfo,.pageHeader,.hide {
display:none;
}