/*
Daniel Baer (DRB) - Resume
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/ */
/* 'Helvetica Neue', Arial, Helvetica, sans-serif - p */
/* Helvetica, 'Helvetica Neue', Arial, sans-serif - t */


/****************************************************************************/
/*
dark        #595959
medium      #8b8b8b
light       #595959
extra-light #bdbdbd

light blue  #06c
medium blue #039
*/

/************************************/
/*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; }
.p2 { font-size:150%; font-weight:normal; }
.p3 { font-size:122%; font-weight:normal; }
.p4 { font-size:100%; font-weight:normal; }
.p5 { font-size:90%; font-weight:normal; }
.p6 { font-size:70%; font-weight:normal; }
.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; }

.margin_t { margin-top: 18px; }
.margin_r { margin-right: 18px; }
.margin_b { margin-bottom: 18px; }
.margin_l { margin-left: 18px; }

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

html {
  overflow: scroll;
}

body {
  background: #8b8b8b;
}

body, table, form, input, textarea, select  {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 18px; /* 16px x 1.125 = 18px */
}

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

a:link,
a:visited {
  color: #06c;
}

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


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

#bcdnet {
  background: #dbdbdb;
  border-bottom: 2px solid #000;
  font-size: 10pt;
  font-weight: bold;
  height: 20px;
  padding: 2px 4px 0 0;
  text-align: right;
}

#bcdnet a {
  color: #333;
  text-decoration: none;
}

#mainbox {
  /*background: url("bg18px.png") 0px -2px;*/ /*TESTING*/
  margin: 18px auto;
  padding: 0;
  width: 770px;
}

#submenu {
  text-align: right;
  /*margin: -46px -9px 18px 0;*/ /*w/text*/
  margin: -44px -9px 18px 0; /*icons only*/
}

#submenu .ico {
  float: right;
  margin-left: 9px;
}

#content {
  clear: both;
  font-size: 14px;
  min-width: 770px;
  width: 770px
}

#content ul li {
  list-style: disc;
  margin-left: 1.4em;
}

#c_head {
  background: url("bar_top.png") no-repeat #bdbdbd;
  height: 36px;
}

#c_body {
  background: #fff;
  padding: 18px;
}

#c_foot {
  background: url("bar_bot.png") no-repeat #bdbdbd;
  height: 25px;
  padding: 11px 0 0 9px;
}

#footer {
  color: #595959;
  font-size: 12px;
  padding-right: 18px;
  text-align: right;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
  color: #595959;
}


/************************************/
/*Main Menu*/

#nav {
  color: #595959;
  font-weight: bold;
  padding-left: 18px;
}

#nav li {
  display: block;
  float: left;
  margin: 0;
  padding-right: 9px;
}

#nav li a:link,
#nav li a:visited {
  color: #595959;
  display: block;
  font-weight: bold;
}

#nav li a:active,
#nav li a:hover {
  color: #bdbdbd;
  text-decoration: none;
}

#nav li a.selected {
  color: #bdbdbd;
}


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

a.pdf:link,
a.pdf:visited {
  background: url("ico_pdf.gif") no-repeat center right;
  padding-right:22px;
}

a.print:link,
a.print:visited {
  background: url("ico_print.png") no-repeat center right;
  padding-right:22px;
}

a.lnk_title:link,
a.lnk_title:visited {
  color: #039;
}

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

.btn {
  float: left;
  height: 15px;
  padding-right: 9px;
  width: 80px;
}

.upcase {
  text-transform: uppercase;
}


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

#myinfo {
  float: right;
  font-size: 12px;
  font-style: italic;
  text-align: right;
}

#myemail {
  font-size: 14px;
  text-transform: lowercase;
}

#myname {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  font-size: 27px;
  font-weight: bold;
  line-height: 27px; /* 16px x 2.25 = 36px */
}

#mytitle {
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0.2em
}

#resume .r_title {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 18px 0 0 0;
  text-transform: uppercase;
}

#resume .r_text, .r_text p {
  margin: 0 0 0 18px;
}

#portfolio div {
  clear: left;
  height: 94px;
  margin: 18px 0 0 0;
}

#portfolio a {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

#portfolio img {
  background: #595959;
  border: 2px solid #8b8b8b;
  float: left;
  height: 90px;
  margin-right: 18px;
  width: 120px;
}


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