/**********************************************************************
 * General Guidelines
 */
body {
  font-family: georgia, serif;
  color: #000;
  margin: 0;
  background: #357;
}

img {
  border: 1px solid #555;
}

.layouttable {
    width: 100%;
}

a {
  color: #456;
  border: none;
  text-decoration: underline;
}

a.unmarked {
  border: 0;
}

a:hover {
  color: orange;
}


/**********************************************************************
 * Navitaion banner
 */

/* The UL that holds the navigation links */
#sitenav {
  margin: 3px;
  text-align: right;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}

#sitenav li {
  display: inline;
  list-style-type: none;
  text-transform: lowercase;
  letter-spacing: 0;
  font-weight: normal;
  font-variant: small-caps;
}

#sitenav a {
  color: #eee;
  padding: 0;
  margin: 3px;
}

#sitenav a:hover {
  color: orange;
}

#titlebanner {
  font-size: 2em;
  font-weight: bold;
  letter-spacing: -4px;
  padding-bottom: -3px;
  margin: 0;
  border: 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background: #ede9d7 url(../img/soft_light_banner.jpg);
}

#titlebanner a, #titlebanner img, #sitenav a {
  border: 0;
  text-decoration: none;
}

#titlebanner a {
  display: block;
  width: 100%;
  color: #234;
  padding-top: 0.5em;
  padding-left: 3px;
  text-align: left;
}

#titlebanner a:hover {
  color: orange;
}

.content {
  background: white;
  padding: 0px;
  border: 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
  

.sidebar {
  display: none;
}

/**********************************************************************
 * Display styles for Log and Gallery entries.
 */

.entry {
  position: relative;
  display: block;
  clear: left;
  text-align: justify;
  margin-bottom: 1em;
  font-family: sans-serif;
}

.title {
  font-size: 1.2em;
  border-bottom: 1px solid #8d8977;
  color: #357;
  display: block;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 0 3 0 3;
}

.title a {
  text-decoration: none;
  border: 0;
  color: #357;
}

.title a:hover {
 color: orange;
}

.topicname {
  color: #456;
  font-variant: small-caps;
}

.topicname a {
  text-decoration: none;
}

.sectionname a {
  border-bottom: 0px;
}

.entrymetainfo {
  font-size: 0.6em;
  font-weight: bold;
  color: #002;
  display: block;
  padding: 1 3 1 3;
  font-family: sans-serif;
  background: #ede9d7 url(../img/soft_light.jpg);
}

.entrymetainfo a {
  border: 0;
  color: #357;
}

.entrymetainfo a:hover {
  color: orange;
}


.entrycontent {
  display: block;
  border-top: 1px solid #8d8977;
  line-height: 1em;
  padding-top: 0.5em;
  margin-bottom: 0;
  padding: 3px;
}

.entrycontent img {
  border: 1px solid #555;
  padding: 0px;
}


.thumbnail {
  float: left;
  margin-right: 5px;
  border-color: orange;
  padding: 1px;
}

.gallerythumbnails {
  float: right;
  margin-left: 1em;
}

.gallerythumbnails img {
  display: block;
  margin-bottom: 0.5em;
}


.gallerymenu {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0;
}

.gallerymenu li {
  text-align: center;
}

.gallerymenu a {
  display: block;
  border: 1px solid white;
  padding: 2px;
}

.gallerymenu a:hover {
  background: #efe8d0;
  border: 1px solid #dbd1af;
  color: black;
}

.continuedlink {
  display: block;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  clear: left;
  font-size: 0.8em;
  margin: 0.5em 1em 1em 0em;
  text-align: right;
  text-decoration: none;
}

.continuedlink:hover, .paginglink:hover {
  border: 0;
  color: orange;
  border-top: 1px dotted #345;
  border-bottom: 1px dotted #345;
  padding-top: 0;
  padding-bottom: 0;
}


.paginglink {
  display: block;
  padding: 1px 3px 1px 3px;
  border: 0;
  margin-bottom: 0;
  color: #555;
  font-size: 0.8em;
  font-variant: small-caps;
  text-decoration: none;
}

/* below here */

/**********************************************************************
 * Error Messages Style
 */

.errorlist {
  font-size: 0.8em;
  color: red;
}


/**********************************************************************
 * Navigation Menus Style
 */

.navitem {
  margin-bottom: 0.5em;
}

.navtitle {
  display: block;
  background-color: #efe8d0;
  color: black;
  padding-left: 2px;
  font-variant: small-caps;
  border-top: 1px solid #dbd1af;
  border-bottom: 1px solid #dbd1af;
  margin-bottom: 0.5em;
}

.navmenu {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0.5em 0.25em 0.25em 0.5em;
}

.navmenu a {
  display: block;
  width: 120px;
  border: 1px solid white;
  padding: 1px;
}

.navmenu a:hover {
  background: #efe8d0;
  border: 1px solid #dbd1af;
  color: black;
}

.navmenu li {
  background-image: url(../img/rquot.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
  padding-left: 8px;
}



.navtitle a {
  color: black;
}

/**********************************************************************
 * Blogroll, powered by Bloglines.com
 */

.blogrollitem {
  background-image: url(../img/rquot.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
  padding-left: 8px;
  margin: 0 0.25em 0 0.5em;
}

.blogrollfolder {
  padding-left: 2px;
  border-bottom: 1px dotted #555;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #888;
  margin-bottom: 1px;
}

.blogrollitem a {
  display: block;
  width: 120px;
  border: 1px solid white;
  padding: 1px;
}

.blogrollitem a:hover {
  background: #efe8d0;
  border: 1px solid #dbd1af;
  color: black;
}


/**********************************************************************
 * Mopho Style
 */

.mopho {
  width: 140px;
  background-color: #eee;
  border: 1px solid #555;
  margin: 4px;
  margin-bottom: 0.5em;
  float:
}

.mopho img {
  border: 0px;
  border-bottom: 1px solid #555;
}

.mophotext {
  padding: 1px;
}

/**********************************************************************
 * Form Rendering Style
 */

.inputlabel, form th {
  font-size: 0.8em;
  font-weight: normal;
}

form th {
  font-size: 0.6em;
  background: #eee;
  border-bottom: 1px solid #aaa;
}

img.icon {
  border: 0;
}

input {
  border: 1px solid #555;
  font-family: monospace;
  background-color: #eee;
  padding: 1px;
}

input.button {
  font-family: sans-serif;
  font-size: 0.8em;
}

textarea {
  border-style: solid;
  border-width: thin;
  border-color: #555;
  font-size: 1em;
  padding: 1px;
}

.searchform input {
  font-size: 1em;
}

/**********************************************************************
 * Flavor Additives
 */

.disclaimer {
  background: white none;
  border: 3px double red;
  padding: 5px; 
  margin: 0 0 1em 1em; 
  font-size: 0.6em;
}

.attribution {
  display: block;
  margin-top: 0.5em;
  text-align: right;
}

.conversation {
  list-style-type: none;
  padding: 0.5em;
  padding-left: 1.5em;
  margin: 1em;
  border: 1px solid #aaa;
  background-color: #eee;
}

.conversation b {
  color: #777;
  font-variant: small-caps;
  margin-left: -1em;
}

blockquote {
  border: 1px solid #aaa;
  background-color: #eee;
  margin: 1em 0.5em 1em 0.5em;
  padding: 0.5em;
}

code, .code {
  font-family: monospace;
  white-space: pre;
}

pre.code {
  border: 1px solid #aaa;
  background-color: #eee;
  margin: 1em 0.5em 1em 0.5em;
  padding: 0.5em;
}

blockquote pre.code {
  background-color: #ccd;
}