/*  ...............................
  . style by Todd Ross Nienkerk .
  .      todd.nienkerk.com      .
  ...............................
  .  last updated 08 mar 2006   .
  ............................... */


/*  COLORS ........................
  #CCFFCC  mint
  #B5E6F8 very light blue

  FONTS .........................
  Arial
  Courier New
  Georgia
  Sans-serif
  Tahoma
  'Times New Roman', Times, serif
  'Trebuchet MS'
  Verdana
*/



/* ..... Global ..... */
body {
  margin: 0;
  padding: 0;
  background: #151515 url(http://todd.nienkerk.com/images/bg.stripediag.gif) top left repeat;
  font-size: 12pt;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #888;
  }
/* ..... end Global ..... */



/* ..... Typography ..... */
h1, h2, h3 {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: bold;
  text-decoration: none;
  }

h1 {
  display: none;
/*  color: #B5E6F8; */
  }

h2 {
  font-size: 15pt;
  line-height: 13pt;
  }

h3 {
  font-size: 13pt;
  }

h2 a, h2 a:visited, h3 a, h3 a:visited {
  color: #CCFFCC;
  text-decoration: none;
  }
h2 a:hover, h3 a:hover {
  color: #eee;
  text-decoration: none;
  }

.large {
  font-size: 120%;
  }
.small {
  font-size: 80%;
  }
.tiny {
  font-size: 60%;
  }

.b {
  font-weight: bold;
  }
.i {
  font-style: italic;
  }
.rom {
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  }
.caps {
  text-transform: uppercase;
  }
.smallcaps {
  font-variant: small-caps;
  }

.on {
  color: #B5E6F8; /* blue */
  }
.off {
  color: #444;
  }
.norm {
  color: #888;
}

.help, acronym, abbr {
  cursor: help;
  border-bottom: 1px #444 dashed;
  }

.right {
  text-align: right;
  }
/* ..... end Typography ..... */



/* ..... Links ..... */
a:link, a:visited, a:active, 
a.on:link, a.on:visited, a.on:active, 
a.off:link, a.off external:visited, a.off external:active, 
a.external:link, a.external:visited, a.external:active {
  text-decoration: none;
  }

a:hover, a.on:hover, a.off:hover, a.external:hover {
  color: #eee;
  }

a:link, a:visited, a:active, .notalink {
  color: #CCFFCC;
  }

a.on:link, a.on:visited, a.on:active {
  color: #B5E6F8; /* blue */
  }

a.off:link, a.off:visited, a.off:active {
  color: #888; /* light gray */
  }

a.external:link, a.external:visited, a.external:active {
  border-bottom: 1px #666 dotted;
  }
a.external:hover {
  border-bottom: none;
  }
/* ..... end Links ..... */



#frame {
  width: 720px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-left: 2px solid #333;
  border-right: 2px solid #333;
  background: #151515;
  }

#breadcrumb {
  width: 720px;
  margin: 0 auto 0 auto;
  padding: 5px 0 5px 0;
  background-color: #333;
  font-size: 9pt;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #151515;
  text-align: center;
  }

#main {
  width: 700px;
  margin: 0 10px 0 10px;
  padding: 0;
  }

#header {
  width: 700px;
  height: 40px;
  margin: 0;
  padding: 20px 0 0 0;
  }
  #pagetitle {
    width: 450px;
    margin: 0;
    padding: 0;
    float: left;
    }
  #contact {
    width: 230px;
    margin: 0;
    padding:3px 0 0 0;
    float: right;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 9pt;
    line-height: 13pt;
    text-align: right;
    }

div.section {
  width: 700px;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  font-size: 10pt;
  border-top: 1px solid #333;
  }
div.sectionR {
  float: right;
  }
div.sectiontitle {
  width: 110px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: right;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 8pt;
  line-height: 9pt;
  }
  div.sectiontitle p {
    margin: 0 5px 5px 0;
    padding: 0;
    }

div.jumpto {
  width: 700px;
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 8pt;
  font-family: 'Trebuchet MS', sans-serif;
  }

div.pullquotebox {
  width: 180px;
  margin: 0;
  padding: 0 10px 10px 30px;
  float: right;
  background-color: #151515;
  text-align: center;
  }
  div.pullquote {
    width: 180px;
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 12pt;
    font-weight: normal;
    font-style: italic;
    line-height: 18pt;
    text-align: center;
    }
  div.pullquotecite {
    width: 140px;
    margin: 0 20px 10px 20px;
    padding: 0;
    font-size: 9pt;
    letter-spacing: 1px;
    line-height: 10pt;
    font-style: normal;
    font-weight: normal;
    font-variant: small-caps;
    text-decoration: none;
    text-align: center;
    }

#footer {
  width: 720px;
  margin: 0 auto 0 auto;
  padding: 5px 0 5px 0;
  background-color: #333;
  font-size: 8pt;
  line-height: 10pt;
  font-family: 'Trebuchet MS', sans-serif;
  color: #151515;
  }
  #footer p {
    margin: 0 0 0 20px;
    padding: 0;
    }



/* ..... p Classes ..... */
p.single {
  margin-top: 0;
  margin-bottom: 3px;
  margin-left: 120px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 11pt;
  line-height: 13pt;
  }

p.projecttitle {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 130px;
  padding-bottom: 3px;
  text-indent: -10px;
  border-bottom: 1px solid #333;
  font-size: 11pt;
  line-height: 12pt;
  font-family: 'Trebuchet MS', sans-serif;
  }
p.project {
  margin-top: 3px;
  margin-bottom: 15px;
  margin-left: 135px;
  line-height: 14pt;
  }

p.resumeitem {
  margin-bottom: 0;
  margin-left: 130px;
  padding-bottom: 3px;
  text-indent: -10px;
  border-bottom: 1px solid #333;
  color: #CCFFCC;
  font-size: 11pt;
  line-height: 12pt;
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: bold;
  }
  p.resumeitem.first {
    margin-top: 0;
    }
  p.resumeitem.next {
    margin-top: 20px;
    }
  p.resumeitem.noline {
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: none;
    }
p.resumedescrip {
  margin-top: 3px;
  margin-bottom: 10px;
  margin-left: 135px;
  font-style: italic;
  line-height: 14pt;
  }
p.resumebullet {
  margin-top: 10px;
  margin-left: 135px;
  padding-bottom: 2px;
  padding-left: 5px;
  border-left: 3px solid #222;
  border-bottom: 1px solid #222;
  font-family: 'Trebuchet MS', sans-serif;
  color: #B5E6F8;
  }
  .bulletlist {
    margin-bottom: 2px;
    }
  .bulletnolist {
    margin-bottom: 5px;
    }

.jumpto p {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 120px;
  }
/* ..... end p Classes ..... */



/* ..... Lists ..... */
.section ul {
  margin: 0 0 10px 155px;
  padding: 0;
  list-style: none;
  }
.section ul li {
  margin-top: 2px;
  margin-bottom: 0px;
  padding: 2px 0 3px 5px;
  border-left: 3px solid #222;
  border-bottom: 1px solid #222;
  font-family: Georgia, 'Times New Roman', Times, serif;
  line-height: 14pt;
  }
/* ..... end Lists ..... */



/* ..... span Classes ..... */
span.resumedate {
  font-size: 8pt;
  font-style: italic;
  padding-left: 15px;
  color: #888;
  }
/* ..... end span Classes ..... */



/* ..... del.icio.us Classes ..... */
div.delicious-tags {
  margin: 0 0 10px 135px;
  padding: 0 0 3px 0;
/*  border-bottom: 1px solid #444; */
  }

h2.delicious-banner {
  margin: 0 0 3px -15px;
  padding: 0;
  font-size: 11pt;
  }
  h2.delicious-banner a:hover {
    text-decoration: none;
    }

ul.delicious-cloud li {
  border: none;
  padding: 0;
  margin: 0;
  }
/* ..... end del.icio.us Classes ..... */




/* ..... 30 boxes Classes ..... */
#thirtyBoxes {
  width: 700px;
  margin: 0 0 10px 135px;
  padding: 3px 0 3px 0;
  font-size: 12px;
  cursor: pointer; 
  }
#thirtyBoxes h2 {
  margin: 0 0 3px -15px;
  padding: 0;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 11pt;
  }

#thirtyBoxes .eventItem {
  margin-left:10px;
  text-indent:-10px;
  margin-bottom: 3px;
  }
#thirtyBoxes .eventDate {
  }
#thirtyBoxes .eventSummary {
  color:#666; 
  }
/* ..... end 30 boxes Classes ..... */



/*  ...............................
  . style by Todd Ross Nienkerk .
  ............................... */