/* CSS Palette

Off White: #faf7db;
BOM Red: #d10000;

*/

body {
	background-image: url(../images/page-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #1e1e1e;
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica;
}

h2, h3, h4, h5, p, li, span, ul, ol {
	background-color: #faf7db;
}

h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", serif;
	margin:1em 8px;
}

h2 {
	font-size: 2.4em;
	margin: 0.5em 8px;
}

h3 { 
	font-size: 1.8em;
	padding-bottom: 2px;
	border-bottom: 1px solid black; 
	color: #d10000;
}

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em;}

p, ul, ol{ 
	margin:1em 8px;
	line-height: 1.2;
	font-family: Helvetica, Verdana, Arial;
}

p, ul {
	font-size: 1.2em;
}

abbr {
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #d10000;
}

a:hover, a:active {
	text-decoration: underline !important;
	
}

#wrapper {
	width: 600px;
	padding: 0 3px 8px 3px;
	margin: 0 auto 20px auto;
	text-align: left;
	background-repeat: repeat-y;
	background-color: transparent;
	background-position: 0 0;
	background-image: url(../images/wrapper-bg.png);
}

#branding {
	color: #faf7db;
	background-color: #d1000a;
	background-image: url(../images/baseonmars-logotype.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 600px;
	height: 50px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

/* Navigation and Icons
-------------------------------*/

#nav {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/nav-bg.png);
	background-color: transparent;
	width: 582px;
	height: 48px;
	padding: 8px 5px;
	margin: 4px;
	list-style: none;
}

#nav li {
	width: 194px;
	float: left;
	background-color: transparent;


}

#nav a {
	display: block;
	width: 146px;
	padding-left: 48px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #faf7db;
	font-size: 1.4em;
	font-family: Georgia, "Trebuchet MS", "Times New Roman";
	background-position: 8px 4px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#nav .portfolio a {
	background-image: url(../images/icon-portfolio.png);
}

#nav .resume a {
	background-image: url(../images/icon-resume.png);
}

#nav .contact a {
		background-image: url(../images/icon-email.png);
}

/* Contact Infomation
-------------------------------*/

.vcard {
	font-size: 1.2em;
	padding: 0 8px;
	line-height: 1.2;
	margin: 0;
	position: relative;
}

.vcard .contact-details {
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

/* Skills List
-------------------------------*/

.skill-list {
	margin-left: 104px;
	padding: 0 8px;
}

.skill-list li {
	margin: 0;
	padding: 0;
}


/* Experience & Education
-------------------------------*/

.vcalendar {
	padding: 0;
}

.experience, .education {
	position: relative;
	list-style: none;
}

.experience .date, .education .date {
	width:96px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica;
}

.experience .location, .experience .summary, .experience .details, .education .summary, .education .details {
	margin-left: 104px;
	font-size: 1.2em;
}
.experience .location {
	font-weight: bold;
	font-style: italic;
}
.experience .summary, .education .summary {
	font-size: 1.4em;
	margin-bottom: 0.857em;
}

.experience .details, .education .details {
	list-style: none;
	padding: 0;
}

.experience li, .education li {
	list-style: disc;
	margin: 0.5em 0;
}

/* Forms
---------------------------*/

label {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}

fieldset {
	border: 0px none;
	padding: 0 8px;
	margin: 0;
	
}

legend {
	display: none;
}

/* Portfolio
--------------------------*/

ul.main-portfolio {
	list-style: none;
	margin: 1em 0px;
	padding: 0;
	font-size: 1em;
}

.main-portfolio img {
	margin: 1em 8px;
	border: 1px solid #d10000;
}
}