* {padding: 0;
   margin: 0;}
a {color: #ff9900;
   text-decoration: none;}
html {min-height: 100%;}
body {font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
      line-height: 1.8em;
      font-size: 62.5%;
      color: #ffffff;
      min-height: 100%;
      background-color: #333333;}
p {font-size: 1.4em;
   margin: 1.275em 0;}
img {border: 0px;}
h1 {font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2.4em;}
h2 {font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    margin-top: 1em;
    margin-bottom: 1em;}
h3 {font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    margin-top: 1.2em;
    font-weight: bold;}

#container {margin-left: auto;
            margin-right: auto;
            max-width: 1440px;
            min-width: 950px;
            background: url(TropicOfCapricornSunset.jpg) no-repeat 50% 0px;}
#header {color: #ffffff;
         position: relative;
         background: url(headergradient.png);
         height: 70px;
         font-size: 1.5em;
         z-index: 1;
         width: 100%;}
#header div {padding: .3em 1.2em;}
#header h1 {margin: .3em 0;}

#mugshot {float: left;
          padding-left: 1.2em;
          padding-right: .5em;}

#ribbon {background-color: #000000;
         position: relative;
         z-index: 1;}
#ribbon a {font-size: 1.5em;
           font-family: Arial, Helvetica, sans-serif;
           font-weight: bold;
           color: #ffffff;
           display: table-cell;
           padding: .15em 1.2em;}
#ribbon a:hover {background-color: #ff9900;}
#ribbon a img {margin-bottom: -3px;}
.email {display: inline; width: 16px; height: 16px; color: #ffcc00; text-align: center; font-weight: bold;}

#footer {color: #ffffff;
         position: relative;
         bottom: 0;
         clear: both;
         background-color: #000000;
         width: 100%;}
#footerContent {padding: .4em 1em;}
#validity {float: right;} 

#main {padding: 1em;
       margin-right: 336px;}

#intro {background-color: #ffe2a1;
        margin-bottom: .6em;
        color: #000000;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        padding: .6em 1.8em;}

#intro a {color: #cc6600;}
.qualifications {font-size: .8em;}

/* ========== Project Details ========== */
#projects {margin-bottom: .9em;
           margin-right: -.2em;
           margin-left: -.2em;}
#projects table {table-layout: fixed;}
.project {width: 33.3333%;
          vertical-align: top;
          background-color: #000000;
          padding: 0em 1.8em;
          -ms-filter:alpha(opacity=60);
          filter:alpha(opacity=60);
          -moz-opacity: 0.60;
          opacity: 0.60}
.projectLink {font-size: 1.1em;
              font-family: Arial, Helvetica, sans-serif;}
.other {font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;}

/* ========== Blog Feed ========== */
#blog {float: right;
       padding: 0 1.8em 0 1.8em; 
       background-color: #000000;
       width: 300px;
       -ms-filter:alpha(opacity=60);
       filter:alpha(opacity=60);
       -moz-opacity: 0.60;
       opacity: 0.60}
#feedIcon {float: right;}
/* FeedBurner styles */
.feedburnerFeedBlock ul {padding-left: 0;
                         margin-left: 0;
                         font-size: 1.2em;
                         list-style-type: none;}
.feedburnerFeedBlock li {margin-bottom: 1.425em;}
.feedburnerFeedBlock a {font-weight: bold;
                        font-family: Arial, Helvetica, sans-serif;}
.date {font-size: .9em;
       color: #999999;
       margin: 0 0 0 0;}