@import "reset.css";

/* Color Key
 *
 * Orange:  #ff4200
 *
 *
 *
 */

body {
	background-color: #8C8C8C;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	min-width: 750px;
  max-width: 1280px;
  line-height: 1.25;
}

#page {
	padding: 20px 2.5%;
}

a:link {
  text-decoration: underline;
  color: #000000;
}
a:visited {
  text-decoration: underline;
  color: #555555;
}

a:link:hover, a:visited:hover {
  color: #0057BF;
}

address {
  font-style: normal;
}

dt {
  font-weight: bold;
  margin-top: 1em;
}

dd {
  margin-left: 0.5em;
}


/* HEADER *******************************************/
#header {
	text-align: left;
  margin-bottom: 1.5em;
  position: relative;
  left: 20px;
  width: 90.5%;
}
.header-main {
  background-image: url('header-middle.png');
  background-repeat: repeat-x;
  background-position: center left;
  position: relative;
  height: 98px;
  padding: 5px 20px;
  margin: 0 18px;
  z-index: 20;
}
.header-left {
  background-image: url('header-left.png');
  background-repeat: no-repeat;
  background-position: center left;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  width: 19px;
  height: 108px;
}
.header-right {
  background-image: url('header-right.png');
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  width: 19px;
  height: 108px;
}

#header h1 {
  font-size: 300%;
}

#header h2 {
  font-size: 200%;
  font-weight: normal;
}

/* CONTENT *****************************************/
#main_content {
  float: left;
  width: 52.5%;
}
#side_content {
  width: 40%;
  float: left;
  margin-left: 0;
}

#content .main-block {
  margin-bottom: 1.5em;
  position: relative;
  left: 20px;
  z-index: 20;
  float: left;
  width: 95%;
}

#content .block-head {
  background-image: url('head-tr.png');
  background-position: top right;
  background-repeat: no-repeat;
  margin-left: 18px;
  position: relative;
  z-index: 20;
}

#content h2 {
	background-color: transparent;
  font-size: 140%;
  line-height: 1.33;
  padding: 0.5em 0.7em;
  margin-left: -18px;
  background-image: url('head-tl.png');
  background-position: top left;
  background-repeat: no-repeat;
}

#content h3 {
  font-size: 100%;
  margin-top: 0.5em;
}

#content h4 {
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
}

#content .block-body-wrap {
  background-color: #f7f7f7;
  position: relative;
  z-index: 20;
}

#content .block-body {
  padding: 1px 1em 1em;
  background-image: url('body-top.png');
  background-position: top left;
  background-repeat: repeat-x;
  position: relative;
  z-index: 2;
  background-color: #f7f7f7;
}

#content .block-body-end {
  background-image: url('body-bottom.png');
  background-position: top left;
  background-repeat: repeat-x;
  height: 100px;
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

#content .block-end {
  background-image: url('end-br.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-left: 18px;
  position: relative;
  z-index: 20;
}

#content .block-end-inner {
  height: 13px;
  background-image: url('end-bl.png');
  background-position: top left;
  background-repeat: no-repeat;
  margin-left: -18px;
  overflow: hidden;
}

/* Shadows *****************************/
.shadow-top {
  background-image: url('shadow-tl.png');
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
  top: 0;
  left: -20px;
  height: 39px;
  width: 39px;
	background-color: #8C8C8C;
}

.shadow-left {
  background-image: url('shadow-bl-long.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 9;
  bottom: -20px;
  left: -20px;
  height: 100%;
  width: 39px;
	background-color: #8C8C8C;
}

.shadow-bottom {
  background-image: url('shadow-br-long.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 8;
  bottom: -20px;
  right: 0;
  width: 100%;
  height: 39px;
	background-color: #8C8C8C;
}


/* Skills ********************************************/

#skills {
}

#skills h3 {
  margin-top: 1em;
}

#skills ul {
  margin-bottom: 1em;
}

#skills li {
  display: inline;
  padding-right: 1em;
}

/* Work Experience ***********************************/

#experience {
  clear: left;
}

#experience .job {
  margin-bottom: 1.5em;
}

#experience .job .employer {
  font-style: italic;
  margin: 0.5em 0;
}

#experience .job-dates {
}

#experience .job-description {
  list-style-type: disc;
  padding-left: 1.5em;
}

/* Projects *****************************************/

#projects {
  position: relative;
}

#projects .project-group {
  margin-top: 1em;
  position: relative;
  clear: left;
}

#projects .project {
  position: relative;
  clear: left;
  margin-bottom: 0.25em;
  padding-left: 0.5em;
}

#projects .summary h4 {
  float: left;
}

#projects .summary p {
  text-align: right;
  font-size: 75%;
  line-height: 1.8;
}

#projects .more {
  margin-right: 0.5em;
}
#projects .more a:visited {
  color: #000000;
}
#projects .more a:visited:hover {
  color: #0057BF;
}

#projects .details {
  margin: 0 1.25em;
  font-size: 80%;
}

#projects .details p {
  margin-top: 0.25em;
  margin-bottom: 0.75em;
}
  


/* Education *****************************************/
#education .degree {
  margin-top: 1em;
}

#education p {
  margin-left: 0.5em;
}

/* PRESENTATIONS ************************************/

#presentations .presentation {
  margin-bottom: 1em;
}

#presentations p {
  margin: 0.25em 0 0.25em 0.5em;
}

/* CONTACT FORM *************************************/
#contact {
}

label {
  display: block;
  font-style: italic;
  margin-top: 0.5em;
}

.form-field input, textarea {
  width: 96%;
  background-color: transparent;
}
.form-field input:focus, textarea:focus {
  background-color: #FFFFFF;
}

textarea {
  height: 8em;
}

#contact_form_activate, #contact_form_response {
  display: none;
  margin: 1em 0;
}

#TB_ajaxWindowTitle {
  font-weight: bold;
}

/* FOOTER *******************************************/
#footer {
  clear: both;
}