html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.container {
   min-height:100%;
   position:relative;
}

#flashcontent {
    height: 600px;
}

body {
    background: url('/images/palm_trees_b_1024.jpg') repeat-x bottom left;
    background-attachment: fixed;
    background-color: #000;
    color:#fff;
    font-family: Verdana, sans-serif;
    font-weight: bold
}

* + html body {
    margin-bottom: 0;
}

a {	
    color:#990000;
}

.light_background a {
    color: #990000;
}

.header_container {
    width: 100%;
    height: 25px;
    padding-top: 5px;
    background-color: #222;
    border-bottom: 1px solid #bbb;
}

.header {
    margin: 0 auto;
    width: 920px;
    font-size: 9pt;
    font-family: 'Verdana';
}

.breadcrumbs {
    font-size: 8pt;
    padding-left: 10px;
}

.content {
    font-weight: normal;
    font-size: 12px;
    margin: 20px auto 0;
    padding-bottom: 40px;
    width: 920px;
    clear: both;
}

.light_background {
 background-color: #999;
 color: #000;
 border: 10px solid #fff;
 padding: 10px;
 opacity: 0.9;
}

.lighter_background {
 border: 1px solid #000;
 padding: 10px;
}

.banner {
    margin: 20px 0;
}

.footer_container {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 30px; /* keep this in sync with #mainContent > padding-bottom */
}

.copyright_container {
    background-color: #333;
    opacity: 0.7;
}

.copyright {
    color: #fff;
    font-size: 7pt;
    font-weight: normal;
    padding: 5px;
    text-align: right;
}

.copyright a {
    color: #fff;
}


/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus User's Manual for a detailed explanation if you like. */

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

.flash-notice, .flash-error {
    border: 1px solid #555;
    padding: 6px;
    margin-bottom: 15px;
}

.flash-notice {
    background-color: #ccffff;
    color: #000;
}

.flash-error {
    background-color: #993333;
}

/* SMART MENU STUFF */
.MM {
    margin-top: -1px !important;
}

.MM li a.selected, .MM li a.selected:visited {
    background-color: #555;
    border: 1px solid #fff;
}

.MM li a.selected_cat, .MM li a.selected_cat:visited {
    text-decoration: underline;
}


/* BLOGGER stuff */
/* Posts
----------------------------------------------- */
.date-header {
  margin:0 28px 0 10px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#586;
  }
.post {
  margin:.3em 0 25px;
  padding:0;
  }
.post-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  display:block;
  border-width:0 1px 1px;
  padding:2px 14px 2px 10px;
  color:#333;
  }
#main a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
#main a.title-link:hover {
  background-color:#fff;
  color:#000;
  }
.post-body {
  padding:10px 14px 1px 29px;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#fff;
  margin:0;
  padding:2px 14px 2px 29px;
  font-size:100%;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
  a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.nickburwell.com/images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.nickburwell.com/images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #586;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #596;
  border-width:1px 0;
  padding:5px 15px;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted #6a7;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #6a7;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:url("http://www.nickburwell.com/images/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#fff;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
  
  /* Sidebar Boxes
----------------------------------------------- */
#sidebar {
  font-size: 12px;
  font-weight: normal;
  width: 300px;
  float: right;
}

@media all {
  .box {
    margin:0 0 15px;
    padding:10px 0 0;
    color:#333;
    }
  .box2 {
    padding:0 13px 8px;
    }
  }
@media handheld {
  .box {
    background:#234;
    }
  .box2 {
    background:none;
    }
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  border-bottom:1px dotted #456;
  font-size:115%;
  line-height:1.5em;
  color:#333;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  background:url("http://www.nickburwell.com/images/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #345;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }


  /* xkcd styles */
  .xkcd_caption {
      background-color: #eee;
      padding: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
  }

  .xkcd_actions {
      font-size: 2em;
      font-family: Tahoma;
  }

  .xkcd_actions a {
      padding-right: 5px;
  }