/************************* Body **************************/
html,body {
  overflow:hidden;
  margin:0px;
}

body {
  font-family: Verdana, Arial, "Times New Roman", Helvetica;
  font-size:   80%;
  color:       #223355;
  background-color: #dadada;
}


/************************* Links *************************/
a                { text-decoration: none; }
a:link           { color: #47A; }
a:visited        { color: #47A; }
a:active         { color: #169; }
a:hover          { color: #06C; background-color: #ddd; }

a.hidden         { text-decoration: none; }
a.hidden:link    { color: black; border: none; }
a.hidden:visited { color: black; border: none; }
a.hidden:active  { color: black; border: none; }
a.hidden:hover   { color: black; border: none; }

body {
  text-align: center;
  height: 100%;
}

#body {
  margin-left: auto; 
  margin-right: auto;
  position: relative;
  text-align: left;
  background:  url("saskia-the-shepherd.jpg") no-repeat;
  background-position: top center;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  width: 100%;
  max-width: 1024px;
  max-height: 100%;
  height: 600px;
  z-index: 0;
}

/*********************** Nav Styles **********************/
#top-nav {
  margin-left: auto; 
  margin-right: auto;
  position: relative;

  width: 100%;
  max-width: 1024px;
  height: auto;

  text-align: left;
  font-size: 15px;
}

#top-nav ul {
  margin: 0px;
  padding: 0px;
}

#top-nav li {
  float: left;
  margin: 0px 15px 0px 15px;
  padding: 0px;
  list-style: none;
}


/******************** Page Body Styles *******************/
#page {
/*  display: none; */

  position: absolute;
  top: 100px;
  left: 5%;
  height: 400px;
  width: 90%;

  opacity: 0.75;
 -moz-opacity: 0.75;
  filter: alpha(opacity=75);

  background-color: #ebeded;
  border: 1px solid #2f2f2f;
}

.show {
  display: block;
}

.hide {
  display: none;
}

#page-header {
  overflow: hidden;
  clear: both;
  height: 20px;
  width: 100%;
  background-color: #ffffaa;
  border-bottom: 1px solid #2f2f2f;
}

#page-close {
  float: right;
  width: 18px;
  margin: 1px 1px 0px 0px;
  text-align: center;
}

#page-title {
  float: left;
  margin: 2px 0px 0px 8px;
  font-weight: bold;
}

#page-body {
  position: relative;
  top: 0px;
  left: 0px;
  height: 379px;
  width: 99%;
  padding: 0px 0px 0px 8px;
  overflow: auto;
}

/******************** Blog Content Styles *******************/

div.blog-entry {
  padding: 5px 0px 15px 0px;
  border-bottom: 1px solid #155;
}


/********************* Header & Footer ********************/
#header {
  position: absolute;
  top: 10px;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  padding: 1px 0px 2px 0px;
  z-index: 1;
}

#footer {
  position: absolute;
  bottom: 10px;
  right: 15px;

/*
  border-top: 1px solid #bbaa88;
  border-bottom: 1px solid #bbaa88;
*/
  font-family: Arial, Verdana, "Times New Roman", Helvetica;
  font-size: 9px;
  text-align: right;
  color: #bbaa88;
}