body,html { 
   /* html body and html tag */
   margin: 0px;
   padding: 0px;
   background: #fff;
   }
body {
   /* html body tag */
   font-family: sans-serif;
   color: #247;
   }
/* main html selectors */
p {
   /* paragraphs need less margin on top */
   margin-top: 4px;
   }
a {
   /* links in general */
   color: #008;
   }
a:visited {
   /* visited links */
   color: #00a;
   }
a:hover {
   /* active links */
   color: #00f;
   }
#container {
   /* main holder for content */
   margin: 0 auto;
   background: #fff;
   }
#header {
   /* Page header */
   height: 50px;
   }
#header h3 {
   /* Special header value for the header */
   padding: 1px;
   padding-top: 5px;
   margin: 0px;
   height: 50px;
   background: #ddd url( '/images/watermark.png' ) no-repeat 5px 5px;
   }
#title {
   /* make the text go away */
   display: none;
   }
#column1 {
   /* First column, navigation */
   background: #ddd;
   }
.menu {
   /* whole navigation section */
   text-align: right;
   }
.menu ul {
   padding: 0px;
   margin: 4px;
   border-bottom: 4px solid #ddd;
   }
.menu a {
   /* links that are part of the menu */
   text-decoration: none;
   display: inline;
   color: #247;
   padding: 4px
   }
.menu li {
   /* link list in the menu */
   padding: 2px;
   padding-left: 50px;
   margin: 4px;
   list-style-type: none;
   font-family: sans-serif;
   font-weight: 700;
   background-color: #eee;
   border-bottom: 2px solid #ddd;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-topleft: 10px;
   display: inline;
   }
.menu li.menucurrent {
   /* link list in the menu */
   text-decoration: none;
   display: inline;
   margin: 4px;
   background: #fff;
   border-bottom: 2px solid white;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-topleft: 10px;
   }
.menu .menusection {
   /*border-top: 3px solid #ddd; */
   font-weight: 700;
}
.menu a:hover {
   /* active links that are part of the menu */
   text-shadow: #aaa 3px 3px 4px;
   color: #6ce;
   }
#column2 {
   /* Second column, content */
   margin: 0px auto;
   width: 850px;
   padding-right: 5px;
   font-size: .9em;
   }
#portfolio-column2 {
   /* Second column, content */
   margin: 30px;
   margin-left: auto;
   margin-right: auto;
   width: 1000px;
   padding-right: 5px;
   font-size: .9em;
   }
#left-text {
   width: 500px;
   float: left;
}
#illustration {
   float: right;
   margin: 20px;
}

.attribution {
   display: block;
   text-align: right;
   padding: 5px;
}
#footer {
   /* the footer */
   clear: both;
   width: 80%;
   padding-top: 4px;
   padding-bottom: 4px;
   margin-bottom: 10px;
   background: #ddd;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   }
.copyright {
   /* the copyright block */
   font-size: 60%;
   padding-left: 50%;
   padding-right: 10px;
   font-family: serif;
   text-align: right;
   }