/*
Résumé -- René Vreeken
Daniel Baer -- resume@DanielBaer.com -- http://resume.DanielBaer.com/
*/


/****************************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


/****************************************************************************/
/* Nathan Ford - http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
/*Baskerville, 'Times New Roman', Times, serif - p*/
/*Baskerville, 'Times, Times New Roman', serif - t*/
/* Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t */


/****************************************************************************/
/*
light blue  #698bd4
medium blue #27339a

light grey  #dbdbdb
medium grey #bebebe
*/

/************************************/
/*DRB - Default Style Sheet*/

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }
.h1 { font-size:200%; font-weight:bold; line-height: 36px; }
.h2 { font-size:150%; font-weight:bold; line-height: 18px; }
.h3 { font-size:122%; font-weight:bold; line-height: 18px; }
.h4 { font-size:100%; font-weight:bold; line-height: 18px; }
.h5 { font-size:90%; font-weight:bold;  line-height: 18px; }
.h6 { font-size:70%; font-weight:bold;  line-height: 18px; }
.p1 { font-size:200%; font-weight:normal; line-height: 36px; }
.p2 { font-size:150%; font-weight:normal; line-height: 18px; }
.p3 { font-size:122%; font-weight:normal; line-height: 18px; }
.p4 { font-size:100%; font-weight:normal; line-height: 18px; }
.p5 { font-size:90%; font-weight:normal;  line-height: 18px; }
.p6 { font-size:70%; font-weight:normal;  line-height: 18px; }
.hl { text-align:left; }
.hc { text-align:center; }
.hr { text-align:right; }
.vt { vertical-align:top; }
.vc { vertical-align:middle; }
.vb { vertical-align:bottom; }
.fl { float:left; }
.fr { float:right; }
.fcb { clear:both; }
.pos_abs { position:absolute; }
.pos_rel { position:relative; }

.rw11 { width:100%; } /*rw32 = relative width two thirds*/
.rw21 { width:50%; }
.rw31 { width:33%; }
.rw32 { width:66%; }
.rw41 { width:25%; }
.rw43 { width:75%; }

.margin_no { margin: 0; }
.padding_no { padding: 0; }

.pl { padding-left: 18px; }
.pt { padding-top: 18px; }
.pr { padding-right: 18px; }
.pb { padding-bottom: 18px; }


/************************************/
/*HTML Elements*/

html {
  overflow: scroll;
}

body {
  background: #dbdbdb;
}

body, table, form, input, textarea, select  {
  font-family: Baskerville, 'Times New Roman', Times, serif;
  font-size: 100%;
  line-height: 18px; /* 16px x 1.125 = 18px */
}

p {
  font-size: 14px; /* 16px x .875 = 14px */
  margin-bottom: 18px;
}

hr {
  background: #bebebe;
  border: 0;
  color: #bebebe;
  height: 2px;
  margin-bottom: 18px;
}

a:link {
  color: #27339a;
  text-decoration: underline;
}

a:visited,
a:hover,
a:active {
  color: #698bd4;
  text-decoration: underline;
}


/************************************/
/*Structural Elements*/

#header_bar {
  background: #bebebe;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#downloads {
  margin: 0 auto;
  text-align: right;
  width: 760px;
}

#mainbox {
  background: #fff;
  margin: 18px auto 0 auto;
  width: 760px;
}

#logobox {
  height: 134px;
  width: 760px;
}

#contact {
  padding-top: 18px;
  text-align: center;
}

#content {
  min-width: 724px;
  padding: 18px;
  width: 724px
}

#footer {
  color: #555;
  font-size: 70%;
  line-height: 18px;
  margin: 0 auto 18px auto;
  text-align: right;
  width: 760px;
}


/************************************/
/*Formatting Elements*/

.ico {
  height: 16px;
  width: 16px;
}


/************************************/
/*Special Elements*/


#contact a.email {
	font-weight: bold;
  text-decoration: none;
}

#contact .address {
	font-size: 90%;
	font-style: italic;
	margin-top: .5em;
}

#downloads .ico {
  margin-left: 6px;
}

#resume .section { /*h3*/
  font-size: 122%;
  font-weight: bold;
  line-height: 18px;
  padding-top: 18px;
}
#resume .company {
  font-weight: bold;
  padding-top: 18px;
}

#resume .company span {
  font-weight: normal;
  float: right;
}

#resume .company span:first-child {
	font-style: italic;
  float: none;
}

#resume ul {
	padding-left: 36px;
}

#resume .job {
  font-weight: bold;
  padding-left: 36px;
}

#resume .job ul {
  font-weight: normal;
  padding-left: 0;
}

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

#footer a:hover,
#footer a:active {
  text-decoration: underline;
}

#footer .ico {
  margin: 3px 0px 3px 6px;
}

/****************************************************************************/