/**
 * snarfed.org stylesheet.
 * @author Ryan Barrett <snarfed@ryanb.org>
 * @modifier Kapil Paranjape
 */

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

/*
 * Layout
 */
div#page-title {
/*  background-image: url("images/stylized-grass.jpg");
  background-repeat: no-repeat;
  background-position: 0px -35px;
  background-color: #FFF; */
/*  background-color: #556B2F; */
/*  background-color: #6B8E23; */
  background-color: #BDB76B;
/*  background-color: #F5DEB3; */
  height: 20%;
  width: 92%;
  max-width: 92%;
  margin-left: .5em;
  margin-top: .5em;
  padding: 1em;
  border-bottom: .75em solid #036;
  color: #036;
}

div#page-content {
  width: 72%;
  max-width: 72%;
  margin: 0em;
  margin-left: .5em;
  padding: .5em;
  padding-right: 22%;
  background-color: #FFF;
}

div#sidebar
{
  position: absolute;
/*  position: fixed; */
  width: 16%;
  max-width: 16%;
  /* top: 28%; */
  left: 77%;
  padding: .67em;
  background-color: #DDD;
  color: #000;
  border: 1px solid #036;
  border-top: none;
  -webkit-border-radius-bottomright: 1em;
  -webkit-border-radius-bottomleft: 1em;
  -khtml-border-radius-bottomright: 1em;
  -khtml-border-radius-bottomleft: 1em;
  -moz-border-radius-bottomright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -o-border-radius-bottomright: 1em;
  -o-border-radius-bottomleft: 1em;
  border-radius-bottomright: 1em;
  border-radius-bottomleft: 1em;
}

/*
 * Style
 */
img {
  border: none;
  padding: .1em;
}

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

a:link    { color: #036; }
a:visited { color: #267; }
a:hover   { color: #07D; }
a:focus   { color: #07D; }
/*#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;
}

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; }

.tags {
  float: left;
  font-size: .8em;
  text-align: left;
}

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

.clearing {
  clear: both;
}

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

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

div#comment-input {
 font-size: 0.8em;
/*
 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;
}

/*
table.blosxomCalendar {
  font-size: .80em;
  line-height: 0.80em;
  margin-bottom: .60em;
}
*/