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

body {
  background: #F9F9F7 url('/media/img/topback.gif') repeat-x;
  font-family: helvetica, sans-serif;
  line-height: 1.3em;
  color: #2C2015;
  padding: 0.5em;
  margin: 0em;
}

/*
 * Layout
 */
div#topbox {
  width: 100%;
  margin: 0.5em;
  max-width: 53em;
}

div#page-title {
  background-image: url("/media/background.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-color: #FF6200;
  height: 60px;
  width: 100%;
  padding: 1em;
  margin-bottom: 0.5em;
  border: solid 1px #F7CEB5;
  border-bottom: .75em solid #034587;
  color: #034587;
}

div#page-content {
  float:left;
  #max-width: 50em;
  width: 80%;
  padding: .5em;
  background-color: #FFFFFF;
  border: solid 1px #F7CEB5;
}

div#sidebar
{
  float:left;
  #position: relative;
  width: 10%;
  max-width: 6.5em;
  margin-left: 0.5em;
  padding: .67em;
  background-color: #DDD;
  color: #000;
  border: 1px solid #036;
  #border-top: none;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

div.img-box {
  width:auto;
  margin: 0.3em;
  padding: 0px;
  color: #FF6200;
  text-align: center;
}

div.img-box p {
  font-size: smaller;
  vertical-align: top;
  line-height: 0.9em;
  margin: 0px;
}

/*
 * Style
 */

.left {float: left;}
.right {float: right;}

#page-title > h1{
  font-size: 1.5em;
  font-variant: normal;
  margin: 0px;
}

img {
  border: none;
  padding: 0em;
}

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

#a:link    { }
a:visited { color: #467; }
a:hover   { color: #07D; }
a:focus   { color: #07D; }
/*#a:active { color: #6CF; }*/

#page-title a{ color: inherit; font-family: "mono"}
.name a{ color: inherit;}

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

div#sidebar input {
  width: 88px;
}

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%;
  text-align: right;
  padding-bottom: .1em;
  border-bottom: 4px solid #036;
  margin-bottom: .5em;
}

.content {
 padding-bottom: 1em;
}

.name {
  display:inline;
  float:left;
  vertical-align: top;
  font-weight: bold;
  color: #333;
  font-size: 1.2em;
  margin: 0px;
}

.buttons {
  position:relative;
  top: 5px;
  font-size: .67em;
}

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

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.preview {
  background-color: #DDD;
  border: 1px dashed #8AD;
  -moz-border-radius: 1em;
}

h1 {
  color: #036;
  font-size: 1.2em;
  font-variant: small-caps;
}

h2 {
  color: #036;
  font-variant: small-caps;
  font-size: 1.2em;
}

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

blockquote {  font-style: italic; 
  background-color: #EFEFEF;
  padding: 0.5em;
  border: 1px dashed #CCC;
}

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

#google search stuff
div.gsc-back           { float: right; }
div.gs-result          { margin-top: 1em; }
div.gs-title           { text-decoration: underline; }
div.gs-visibleUrl      { color: green; }
div.gs-visibleUrl-long { display: none; }
div.gs-watermark       { display: none; }
div.gs-snippet {
  font-size: .8em;
  letter-spacing: -.05em;
}
div.gs-snippet br { display: none; }
table.gsc-branding   { border: none; }
td.gsc-branding-text { color: gray; }

td.gsc-branding-img-noclear {
  padding-left: 2px;
  padding-top: 5px;
}
img.gsc-branding-img-noclear { margin-bottom: -3px; }