body {
  font-family: helvetica, sans-serif;
  line-height: 1.3em;
  color: #222;
  background-color: #222;
  margin: 0em;
  padding: .5em;
	}

/*
 * Layout
 */

div#global {
  width: 40em;
  margin-left: auto;
  margin-right: auto;
}

div#page-title {
  background-image: url("/pics/common/white_mountains.jpg");
  background-repeat: no-repeat;
  background-color: #222;
  height: 149px;
  width: 40em;
  max-width: 40em;
  margin: 0px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: .75em solid #106c11;
  color: #222;
}

div#footer {
  color: #444;
  font-size: .67em;
}


div#page-content {
  width: 31.5em;
  max-width: 31.5em;
  margin: 0em;
  padding: .5em;
  padding-left: 9em;
  background-color: #FFF;
}

div#sidebar
{
  position: absolute;
  width: 7em;
  max-width: 7em;
  margin-left: .2em;
  padding: .5em;
  background-color: #cef4b5;
  color: #000;
  border: 1px solid #036;
  border-top: none;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-bottomright: 1em;
}

div#date
{
  vertical-align: bottom;
  color: #666;
  font-size: .67em;
}

/*
 * Style
 */

.blosxomCalendar {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 0.5em;
  line-height: 75%;
}

.blosxomCalendarHead {
  font-weight: bold;
}

.blosxomCalendarWeekHeader {
  border-bottom: 1px solid #000;
}


.blosxomCalendarBlogged {
  font-weight: bold;
  font-size: 1.2em;
}

.blosxomCalendarCell {
  color: #999;
}

img {
  border: none;
  padding: .1em;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #073607;
}

a:link    { color: #0c570c; }
a:visited { color: #0a4b0a; }
a:hover   { color: #117611; }
a:focus   { color: #117611; }
/*#a:active { color: #6CF; }*/

input, select, textarea {
  font-family: verdana, arial, sans-serif;
  border: 1px solid #036;
  margin-top: .5em;
  padding-left: .2em;
}

div#sidebar input {
  width: 6em;
}

div#sidebar form {
  margin: 0px;
}

div#sidebar ul {
  list-style-type: none;
  list-style-position: outside;
  margin-top: 0px;
  padding-left: 0px;
}

div#sidebar li {
  margin-bottom: 0px;
}


textarea {
  width: 100%;
  overflow: auto;
}

.ajax-message {
  color: #8AD;
  font-weight: bold;
  font-style: italic;
}

.ajax-error {
  color: #F44;
  font-weight: bold;
}

table {
  empty-cells: show;
}

.title {
  width: 100%;
  padding: 0em;
  padding-bottom: .3em;
  border-bottom: 1px solid #036;
}

.name, h1.index, h1.photogallery {
  vertical-align: top;
  font-weight: bold;
  color: #333;
  font-size: 1.2em;
}

.name { float: left; }

.buttons {
  float: right;
  font-size: .67em;
  text-align: right;
}

.clearing {
  clear: both;
}

.post-comments {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

div.commentcomment {
  margin-bottom: 3em;
  margin-top: 1em;
  color: #666;
  font-size: .67em;
}

div.comment {
  padding-top: .33em;
  padding-bottom: .33em;
  margin-bottom: .33em;
}

div#comment-input {
 display: none;
}

h2.comment-name {
  font-size: 1.1em;
  margin: .33em;
}

div.comment-content {
  margin: .33em;
  margin-left: 1.5em;
}

div#ryan {
  background-color: #DDD;
  border: 1px solid #8AD;
  -moz-border-radius: 1em;
}

div.preview {
  background-color: #DDD;
  border: 1px dashed #8AD;
  -moz-border-radius: 1em;
}

h1 {
  margin: 0em;
}

h3 {
  color: #036;
  background-color: inherit;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.1em;
}

blockquote {  font-style: italic; }

pre {
  margin: .3em;
  padding: .3em;
  background-color: #DDD;
  border: 1px dotted #036;
  font-family: courier, courier new, monospace;
  line-height: 100%;
  white-space: pre;
  width: 98%;
  overflow: auto;
}

code {
  color: #024;
}

li {
  margin-bottom: .67em;
}

/*
 * Plugins style
 */
span.diff-removed { color: red; }
span.diff-added   { color: green; }
span.diff-changed { color: yellow; }

table.index {
  width: 100%;
  table-layout: fixed;
  empty-cells: show;
}

h3.index {
  color: #222;
}

tr.index-row-stripe-1 {
  background-color: #DDD;
}