* {padding: 0;
   margin: 0;}
a {color: #cc0000;
   text-decoration: none;}
a:hover {text-decoration: underline;}
body {font-family: Arimo, Helvetica, Arial, sans-serif;
      line-height: 1.8em;
      font-size: 62.5%;
      color: #222222;
      min-height: 100%;
      background-color: #222222;}
fieldset, p, dl {font-size: 1.4em; margin: 1.286em 0;}
fieldset {border: 0; margin: 0 2em;}
input[type='text'], input[type='password'], textarea, select {border: 1px solid #cccccc; font-family: Monaco, monospace; font-size: 1em; padding: .1em; width: 100%;}
input[type='button'], input[type='reset'], input[type='submit'] {padding: .5em; font-family: inherit; font-size: inherit; border: 1px solid #444444; float: right; background: #cccccc; width: inherit; box-shadow: 1px 1px 2px #666666; -webkit-box-shadow: 1px 1px 2px #666666; -moz-box-shadow: 1px 1px 2px #666666; border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em;}
input[type='radio'] {margin: 0 1em;}

img {border: 0px;}
h1, h2, h3 {font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;}
h1 {font-size: 2.4em;
    margin: .3em 0;}
h2 {color: #555555;
    font-size: 2.4em;
    line-height: 1.5em;
    margin: .75em 0;}
h3 {color: #555555;
    font-size: 1.8em;
    margin: 1.0em 0 0 0;}

dt {font-weight: bold;}

#ad {margin-top: 1.8em;}

#container {margin: 2em auto 2em auto;
            width: 960px;
            background-color: #ffffff;
            box-shadow: 0 0 3px 2px #111111;
            -moz-box-shadow: 0 0 3px 2px #111111;
            -webkit-box-shadow: 0 0 3px 2px #111111;}
#header {color: #ffffff;
         position: relative;
         background-color: #444444;
         background-image: url("/images/headergradient.png");
         height: 80px;
         font-size: 1.5em;
         z-index: 1;
         width: 100%;}
#header div {padding: .8em 0 0 1.8em;}

.formlabel {padding-right: 1em; white-space: nowrap;}

#mugshot {padding-left: 1.8em;
          padding-top: 10px;}
#logo {float: right; padding-right: 1.8em; padding-top: 20px;}

#ribbon {background-color: #777777;
         background-image: url("/images/ribbongradient.png");
         position: relative;
         z-index: 1;
         border-top: 1px solid #222222;
         border-bottom: 1px solid #222222;
         padding: 0 .9em;}
#ribbon a {font-size: 1.5em;
           font-family: Arimo, Helvetica, Arial, sans-serif;
           font-weight: bold;
           color: #ffffff;
           display: table-cell;
           padding: .15em 1.2em;}
#ribbon a:hover {background-color: #999999;
                 text-decoration: none;}
#ribbon a img {margin-bottom: -3px;}

#footer {color: #ffffff;
         position: relative;
         bottom: 0;
         clear: both;
         background-color: #777777;
         background-image: url("/images/ribbongradient.png");
         width: 100%;
         border-top: 1px solid #222222;}
#footerContent {padding: .2em 1em; text-align: right; font-size: 1.1em;}

#content {padding: .9em 2.7em;}
#main {width: 579px; float: left;}
#sidebar {width: 300px; float: right;}

#headlines dd p {font-size: inherit; margin-top: 0;}

/* ========== Project Details ========== */
#projects table {table-layout: fixed; border-spacing: 4px;margin: -4px -4px .9em -4px;}
.project {width: 33.3333%;
          border-radius: 1em;
          -moz-border-radius: 1em;
          -webkit-border-radius: 1em;
          vertical-align: top;
          background-color: #ede7cd;
          padding: 0em 1.8em}
.projectLink {font-size: 1.1em;
              font-family: Arial, Helvetica, sans-serif;}
.other {font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;}