body {
   background: #fff url(/images/background.gif) left top repeat;
   font: normal 13px/16px Arial, sans-serif;
   color: #333;
   margin: 0;
   padding: 0;
   text-align: center;
   }  
      
#container {
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 800px;  
   }  
   
#header {
   padding: 0;
   margin: 0;
   float: left;
   height: 100px;
   width: 800px;
   background: #fff url(/images/header.gif) left top no-repeat;
   }   
   
#header h1 {
   text-indent: -9999px;
   }
   
#content {
   float: left;
   margin: 10px 0 20px 0;
   padding: 0 20px 0 10px;
   width: 450px;
   } 
   
#left-column {
   float: left;
   width: 175px;
   margin: 0 0 20px 0;
   padding: 0;
   } 
   
#right-column {
   float: right;
   width: 250px;
   margin: 0 0 20px 0;
   padding: 0;
   }    
   
#icons {
   padding: 180px 0 0 40px;
   }   
   
.promo {
   float: left;
   width: 175px;
   margin: 0 0 25px 0;
   padding: 0;
   }     
   
.promo p {
   font-size: 11px;
   }  
   
.rightimg {
   float: right;
   padding: 15px 0 15px 15px;
   }   

.right {
   float: right;
   margin: 0;
   padding: 0 0 10px 0;
   }   
          
#bottom {
   float: left;
   background-color: #dfe5ea;
   border: 1px solid #cbd5de;
   width: 100%;
   margin: 20px 0;
   padding: 15px 0;
   }    
          
.item {
   margin: 0;
   padding: 0;
   width: 25%;
   text-align: center;
   float: left;
   border-right: 1px solid #c9c9c9;
   }    
          
.last-item {
   float: left;
   border-right: none;
   margin: 0;
   padding: 0;
   text-align: center;
   }     
          
.item a, .last-item a {
   outline: none;
   }    
   
.website {
   float: left;
   clear: left;
   margin: 10px 0;
   width: 100%;
   padding: 20px 0;
   border-top: 1px solid #999;
   }    
   
.website.first {
   border-top: 0;
   }
   
.website img {
   float: left;
   }
   
.website p {
   float: right;
   width: 200px;
   padding: 20px 0 0 30px;
   }
   
body#photography #content img {
   border: 1px solid #ccc;
   padding: 2px;
   margin: 1px;
   }   
               
   
/* -------------------------------------- Headings, List, Links & Paragraphs -------------------------------------- */
   
h1 {
   font: normal 18px/20px Arial, Verdana, sans-serif;
   color: #333;
   font-variant: small-caps;
   margin: 0;
   padding: 0;
   }   
   
h2 {
   font: normal 11px/14px Arial, Verdana, sans-serif;
   color: #333;
   text-transform: uppercase;
   margin: 15px 0 10px 0;
   padding: 2px 0 2px 0px;
   border-bottom: 1px dotted #333;
   }    
   
h3 {
   font: bold 11px/14px Arial, Verdana, sans-serif;
   color: #CBD5DE;
   margin: 0;
   padding: 5px 0 0 0;
   }   
   
h5 {
   width: 100%;
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
   }    
   
h5 a {
   width: 100%;
   float: left;
   text-align: center;
   border: 1px dotted #CBD5DE;
   }   
   
p {
   margin: 8px 0;
   line-height: 18px;
   }   
   
body#blogs p {
   margin-top: 0;
   }   
   
a {
   text-decoration: none;
   color: #435470;
   outline: none;
   } 
   
a:hover {
   font-weight: bold;
   } 
   
a img {
   border: 0;
   } 
   
a.rss {
   font-size: 14px;
   margin: 3px 0 0 0;
   padding: 0 0 0 20px;
   background: url(/images/rss.gif) left top no-repeat;
   }   
   
.break, .clearfix {
   clear: both;
   }
   
ul {
   margin: 5px 0 10px 20px;
   padding: 0;
   list-style-type: square;
   }
   
   ul li {
      margin: 0;
      padding: 2px 0 2px 5px;
      } 

.social {
   background: url(/images/social.gif) left top no-repeat;
   width: 229px;
   height: 278px;
   }
   
ul.find-me {
   margin: 0;
   padding: 0 0 0 15px;
   list-style-type: none;
   }   
   
#right-column ul.find-me li {
   float: left;
   margin: 0;
   padding: 0 5px 0px 0;  
   }   
   
body#sitemap ul li ul {
   list-style-type: circle;
   margin: 0;  
   padding: 5px 0 0 15px;
   }  
   
#right-column form {
   float: left;
   margin: 0;
   padding: 20px 0 0 0;
   list-style-type: none;
   }
   
#right-column ul {
   clear: left;
   margin: 0;
   padding: 0;
   list-style-type: none;
   }  
   
#right-column ul li {
   margin: 0;
   padding: 5px 0;
   font: normal 14px/18px Georgia, Verdana, serif;
   color: #CBD5DE;
   }  
   
#right-column ul li ul  {
   margin: 0 0 0 5px;
   padding: 0 0 0 10px;
   list-style-type: circle;
   }  
   
#right-column ul li ul li {
   margin: 0;
   padding: 1px 0;
   font-size: 12px;
   color: #333;
   } 
   
#right-column ul li ul li a {
   font-weight: normal;
   } 
   
table tr td {
   border-top: 1px solid #000;
   vertical-align: top;
   padding: 6px;
   }
   
table tr td.date {
   width: 100px;
   font-style: italic;
   text-align: right;
   }
   
table tr td.detail {
   padding-top: 12px;
   }
   
table tr td.label {
   width: 100px;
   }   
   
table tr td ul.two-col {
   float: left;
   margin: 0 20px 10px 0;
   }      
   
table tr td ul {
   padding: 0;
   margin: 0 0 10px 0;
   }
   
table tr td ul li {
   padding: 0;
   margin: 0 0 0 15px;
   } 
   
table tr td h3 {
   padding-bottom: 5px;
   } 
   
table tr td p {
   margin: 0;
   } 
   
#resumes {
   text-align: center;
   padding: 35px 0 0 0;
   }

.open {
   display: block;
   }   
   
.closed, .hide {
   display: none;
   } 

   
 body#games #content ul {
   float: left;
   list-style-type: none;
   margin: 0 0 30px 0;
   padding: 0;
   }
   
body#games #content ul li {
   padding: 8px 0 0 0;
   width: 100%;
   float: left;
   clear: left;
   }  
   
body#games #content ul li a img {
   float: left;
   padding: 0 8px 5px 0;
   }    
   
body.airplane #content,
body.apples #content {
   width: 800px;
   }   
   
body.airplane #content #game,
body.apples #content #game {
   margin-left: 115px;
   }  

.backtotop {
   text-align: right;
   clear: both;
   margin: 0;
   padding: 0 0 10px 0;
   width: 100%;
   } 
   
   
/* -------------------------------------- Forms -------------------------------------- */

form {
   margin: 15px 0 0 0;
   padding: 0;
   }

ul.form-list { 
   float: left;
   width: 300px;
   margin: 10px 0;
   padding: 0;
   list-style-type: none;
   }

ul.form-list li {
   margin: 12px 0;
   padding: 0;
   border: none;
   background-image: none;
   }

ul.form-list li#two-submits input#reset {
   float: left;
   margin: 0 5px 0 166px;
   }

ul.form-list li#three-submits input#reset {
   float: left;
   margin: 0 5px 0 101px;
   }

ul.form-list li#three-submits input#preview {
   float: left;
   margin: 0 5px 0 0;
   }

ul.form-list li#two-submits input#submit,
ul.form-list li#three-submits input#submit {
   float: left;
   margin: 0 !important;
   }

label {
   float: left;
   color: #435470;
   width: 85px;
   margin: 2px 5px 0 0;
   font-weight: bold;
   font-size: 11px;
   }

input {
   width: 200px;
   background-color: #CBD5DE;
   border: 1px solid #435470;
   }

select {
   background-color: #edf5f1;
   border: 1px solid #435470;
   width: 200px;
   }

textarea {
   background-color: #CBD5DE;
   border: 1px solid #435470;
   width: 200px;
   }

.submit {
   margin: 0 0 0 232px;
   padding: 2px 4px;
   border: 1px solid #435470;
   width: 60px;
   color: #DFECE6;
   background-color: #435470;
   cursor: pointer;
   }

.asterisk {
   color: #CC0000;
   }   
   
   
/* -------------------------------------- Footer -------------------------------------- */   
   
#footer {
   clear: both;
   float: left;
   width: 800px;
   margin: 20px auto 0 auto;
   border-top: 1px solid #829cb7;
   } 
   
#footer p {
   float: left;
   width: 400px;
   font-size: 11px;
   margin: 3px 0;
   }    
   
#footer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   }      
   
#footer ul li {
   margin: 0;
   float: left;
   padding: 4px 5px 4px 0;
   }    
   
#footer ul li a {
   font-size: 11px;
   }
   
#footer #right {
   margin: 0;
   float: right;
   }     
   
   
/* -------------------------------------- Errors -------------------------------------- */

p.red {
   color: #CC0000;
   font-weight: bold;
   }

ul.errorDetails {
   list-style-type: square;
   margin: 0;
   padding: 0 0 0 10px;
   }
   
ul.errorDetails li {
   margin: 0 0 0 10px;
   padding: 0;
   color: #CC0000;
   border: none;
   background-image: none;
   }
   
   
/* -------------------------------------- Blog -------------------------------------- */
 
#content #content {
   padding: 0;
   }
   
#column {
   float: right;
   width: 200px;
   }   
   
p small {
   line-height: 14px;
   }

#column #searchform, #content #searchform {
   margin: 10px 0;
   }
   
#column form label, #content #searchform label {
   width: 50px;
   } 
   
#column form input {
   width: 160px;
   padding: 1px 0;
   }   
   
#content form input#submit {
   width: 65px;
   margin:0 0 0 226px;
   }  

#column form #searchsubmit, #content form #searchsubmit {
   width: 21px;
   cursor: pointer;
   background: transparent url(/images/search.gif) left top no-repeat;
   text-indent: -9999px;
   border: 0;
   }   
    
/* -------------------------------------- Journal -------------------------------------- */

body#journal h4 {
   font: normal 16px/20px Georgia, Verdana, serif;
   text-transform: uppercase;
   padding: 10px 0;
   margin: 0;
   }
   

body#journal .entry h1 {
   padding-top: 10px;
   }   
   
body#journal .postmetadata {
   border-top: 1px solid #000;
   padding-top: 10px;
   margin-top: 20px;
   }


/* -------------------------------------- Dream House -------------------------------------- */

body#dreamtales .post {
   margin: 20px 0;
   border-top: 1px solid #000;
   }
   
body#dreamtales .post h4 {
   font: normal 20px/24px Georgia, Verdana, serif;
   }  
   
body#dreamtales #content .post h3 {
   font: normal 20px/24px Georgia, Verdana, serif;
   margin: 10px 0;
   }