@import url(reset.css);
@import url(syntax.css);

/*
 * blue = #006
 * green = #090
 * med green = #9ad79a
 * lt green = #e6f5e6
*/

html {
}

body {
  font-family: 'Gill Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12pt;
  color: #006;
  background: #fff url(/images/background.gif) repeat-y;
}

h1 {
  font-size: 200%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 150%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

h2 a {
  text-decoration: none;
}

h2 a:hover, h2 a:focus {
  text-decoration: underline;
}

h3 {
  font-size: 125%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

p {
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}

pre, tt, code {
  font-size: 75%;
  font-family: "Courier New", Courier, monospace;
}

pre code {
  font-size: 100%;
  display: block;
  border: 1px solid #d0d0d0;
  background-color: #ededed;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5em 12px;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

#user-bar {
  position: fixed;
  z-index: 1;
  width: 100%;
  background: #006;
  color: #fff;
  font-size: 0.67em;
  line-height: 1.5em;
  padding-left: 778px;
}

#navbar {
  position: absolute;
  width: 199px;
  padding: 1.5em 1px 1.5em 0;
}

#page {
  padding-top: 1em;
}

#main {
  position: absolute;
  left: 200px;
  width: 500px;
  padding: 2.5em 42px 1em 18px;
  background-color: #fff;
  min-height: 28em;
  margin-bottom: 1.5em;
}

#footer {
  position: absolute;
  bottom: -1.5em;
  padding-bottom: 1em;
}

#sidebar {
  position: absolute;
  left: 760px;
  margin-top: 2.5em;
  padding: 1em 18px;
  min-width: 200px;
}

#user-bar a {
  color: #e6f5e6;
}

.notice, .warning, .error {
  padding: 0.3em 1em;
  border-width: 1px;
  border-style: solid none;
}

.notice {
  background: #e6f5e6;
  border-color: #9ad79a;
  color: #393;
}

.warning {
  background: #ffd;
  border-color: #ddb;
  color: #993;
}

.error {
  background: #f0d4d4;
  border-color: #daa;
  color: #A33;
}

a {
  color: #090;
}

a:focus, a:hover, a:active {
  color: #0c0;
}

#footer a {
  color: #aac;
}

#footer a:focus, #footer a:hover, #footer a:active {
  color: #fff;
}

table {
  width: auto;
  border-collapse:collapse;
}

th, td {
  padding: 0.5em;
}

th {
  background: #444;
  color: #fff;
}

hr {
  border: none;
  border-bottom: 1px #000 solid;
}

#logo {
  margin: 0 16px;
}

#heroku {
  margin: 2em 16px 0;
}

#navbar p {
  font-size: 120%;
  text-align: center;
  line-height: 3em;
  margin: 0 16px 0 0;
}

#navbar ul {
  line-height: 29px;
}

#navbar li {
  color: #fff;
  padding: 0 30px;
}

#navbar li.selected {
  background-image: url(/images/selected.gif);
}

#navbar li a {
  text-decoration: none;
}

#navbar li.selected a {
  color: #fff;
}

#navbar a {
}

#navbar a:hover, #navbar a:focus {
  text-decoration: underline;
}

#navbar address {
  margin: 1em 30px;
  font-size: 75%;
  font-style: normal;
  color: #888;
}

.tiny {
  font-size: 75%;
}

#sidebar .sidebar_item {
  padding-bottom: 1em;
}

#sidebar a {
  text-decoration: none;
}

#sidebar a:hover, #sidebar a:focus {
  text-decoration: underline;
}

#sidebar li, #sidebar p {
  margin: 0.3em 0;
  line-height: 0.9em;
}

.pagination {
  background: #fff;
}

.pagination a, .pagination span {
  display: block;
  float: left;
  width: 148px;
  padding: 0.2em 0;
  text-align: center;
}

.pagination span.disabled {
  color: #ccc;
  border: 1px solid #ccc;
}

.pagination span.current {
  font-weight: bold;
  background: #9ad79a;
  color: #fff;
  padding: 1px;
}

.pagination a {
  text-decoration: none;
  border: 1px solid #9ad79a;
}

.pagination a:hover, .pagination a:focus {
  border-color: #090;
  background-color: #e6f5e6;
}

.pagination .page_info {
}

.pagination .page_info b {
}

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .pagination {
  height: 1%;
}

*:first-child+html .pagination {
  overflow: hidden;
}

img.framed {
  border: 1px solid #ccc;
}

img.left {
  float: left;
  margin: 0.45em 16px 0.55em 0;
}

img.right {
  float: right;
  margin: 0.45em 0 0.55em 16px;
}

label {
  font-size: 90%;
  font-weight: bold;
}

form p {
  margin: 0.4em 0 0 0;
}

.postinfo {
  font-size: 75%;
}

.archive_month {
  margin-top: 0.5em;
  margin-left: 12px;
}

.archive_month li {
  padding: 0.3em 0;
  font-size: 75%;
}

#post ul, #post ol {
  list-style-position: outside;
  margin-left: 20px;
  line-height: 1.2em;
}

#post ul {
  list-style-type: disc;
}

#post ol {
  list-style-type: decimal;
}

.low { font-size: 80%; }
.medium-low { font-size: 90%; }
.medium { }
.medium-high { font-size: 120%; }
.high { font-size: 140%; }

#tags .tagged {
  font-weight: bold;
}

#project {
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  padding: 0 12px;
}

#project h2 {
  border-top: 2px solid #e0e0e0;
  padding-top: 0.5em;
}

#project h4 {
  font-size: 110%;
}

#project ul, #project ol {
  list-style-position: outside;
  margin-left: 20px;
  line-height: 1.2em;
}

#project ul {
  list-style-type: square;
}

#project ol {
  list-style-type: decimal;
}

#disqus_thread	{ margin-top: 2em; }

#dsq-extra-links { display: none; }

#sidebar #resume ul {
  height: 60px;
  width: 160px;
  background: url(/images/scroll.png)
}

#sidebar #resume ul li {
  padding: 1em 0 1em 70px;
}

.resume h2 { font-size: 110%; }
.resume h3 { font-size: 100%; font-weight: bold; }
.resume ul { list-style: square outside; margin-left: 1.5em; margin-bottom: 1em; font: 11pt "Palatino Linotype", "Book Antiqua", Palatino, serif;
 }
.resume ul li { margin-bottom: 0.3em; }
.resume ul.no-bullets { list-style: none; margin-left: 0; }
.resume ul ul { list-style: circle; margin-top: 0.25em; margin-bottom: 0.75em; font-size: 95%; }