@import url(reset.css);
@import url(uv/pastels_on_dark.css);
@import url(textile.css);

/* anchor links */
a:link {
  text-decoration: none;
  color: #6d3026; }

a:visited {
  text-decoration: none;
  color: #6d3026; }

a:hover {
  text-decoration: underline; }

a:active {
  text-decoration: underline; }

/* text input fonts */
input, textarea {
  font-family: Monaco, monospace; }

/* body */
body {
  background-color: #577c2f;
  font-family: Optima, serif;
  line-height: 1.1;
  text-align: center; }

body #header, body #container, body #footer {
  width: 920px;
  font-size: 11px;
  margin: 0px auto; }

/* header */
#header {
  background: url(/images/greenheader.jpg) no-repeat;
  height: 142px;
  width: 100%;
  padding-bottom: 0px; }

#title {
  padding-right: 10px;
  text-align: right;
  height: 50%; }

#title a, #title a:link, #title a:visited, #title a:hover, #title a:active {
  font-size: 4em;
  text-decoration: none;
  color: #EEEFBF; }

/* Tabbed Menu */
#menu {
  text-align: left;
  position: relative;
  color: black;
  height: 50%; }

#menu ul {
  position: absolute;
  bottom: 0px; }

#menu li {
  display: inline; }

#menu li a {
  float: left;
  list-style-type: none;
  background-color: #EEEFBF;
  margin-right: 8px;
  padding: 8px;
  font-size: 1.8em; }

#menu li.selected a {
  background-color: #fff; }

a#feed {
  position: absolute;
  right: 4px;
  bottom: 4px; }

/* main container */
#container {
  background-color: #ffffff;
  text-align: left;
  padding: 0px;
  overflow: hidden;
  color: #4d4d4d; }

#container .column {
  padding: 10px;
  float: left;
  padding-bottom: 20010px  /* X + padding-bottom */;
  margin-bottom: -20000px  /* X */; }

#posts_navigation {
  width: 140px;
  font-size: 1.2em; }

#posts_navigation li {
  padding-bottom: 4px; }

#content {
  color: #4d4d4d;
  width: 644px; }


/* footer */
#footer {
  background-color: #ffffff;
  position: relative;
  clear: both; }

/* Exception errors */
p#exception {
  font-size: 3em; }

/* admin */
div#admin table {
  width: 100%;
  padding: 20px 0px 10px 0px;
  margin-bottom: 20px;
  border-bottom: 2px;
  border-style: solid;
  border-collapse: collapse; }

div#admin a.new_link {
  display: block;
  font-size: 2em;
  margin-bottom: 10px; }

div#admin th {
  font-weight: bold; }

div#admin td.title {
  font-size: 1.5em; }

/* post next/previous navigation */
#post_navigation {
  margin-bottom: 20px; }

#post_navigation #next {
  float: left; }

#post_navigation #previous {
  float: right; }

/* posts */
.post {
  clear: both;
  border-bottom: 2px;
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 20px; }

.post .title {
  float: left;
  font-size: 2em;
  margin-bottom: 5px; }

.post .date {
  float: right;
  font-style: italic; }

.post .body {
  clear: both;
  margin: 10px; }


div.line {
  border-bottom: 2px;
  border-style: solid;
  margin-bottom: 14px; }

div.paginated {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: right; }

div.paginated ul, div.paginated ul li {
  display: inline;
  padding: 2px; }


/* Code Highlighting */
.Ultraviolet pre {
  width: 83%;
  font-family: Monaco, monospace; }

/* post and page form elements */
#article_form h1 {
  font-size: 1.5em;
  float: left; }

form div.booleans {
  float: right; }

#article_form div.title, #article_form div.body {
  clear: both;
  padding-top: 10px;
  padding: bottom 10px; }

#article_form input.text_field, #article_form textarea {
  width: 100%; }

#article_form textarea {
  height: 400px; }

input.button {
  margin-top: 10px;
  margin-bottom: 10px; }

a.edit {
  font-size: 0.75em; }

/* post comments */
#comments {
  padding-top: 10px; }

#comments h1 {
  font-size: 1.5em;
  padding-bottom: 10epx; }

div.comment, div.unapproved_comment {
  width: 80%;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 4px;
  border: 1px;
  border-style: dashed; }

/* display unapproved comments differently admin index view */
div.unapproved_comment {
  border-width: 2px;
  border-color: red; }

div.comment .author {
  font-size: 1.2em;
  float: left; }

div.comment .author .email {
  font-size: 0.7em; }

div.comment .date {
  float: right;
  font-style: italic; }

div.comment .body {
  clear: both;
  padding: 10px; }

.comment_navigation {
  margin-left: 10px;
  margin-bottom: 20px; }

#comments form {
  width: 80%;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 4px; }

#comments input.text_field {
  display: block;
  width: 40%;
  color: #4d4d4d;
  border: 1px solid; }

#comments form textarea {
  height: 100px;
  width: 100%;
  color: #4d4d4d;
  border: 1px solid; }

/* page */
#page {
  height: 100%; }

/* flash messages */
#messages, #errors {
  font-size: 1.1em; }

#errors ul {
  list-style: disc;
  font-size: 0.8em;
  list-style-position: inside; }

.error_message {
  color: red; }

.notice_message {
  color: green; }

table#photos {
  border-spacing: 2px 0px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto; }

#flickr_url {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 2.2em; }

div.conversation ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 1px;
  border-left: solid 5px #6d3026; }

div.conversation ul li {
  font-size: 12px;
  padding: 4px 10px 4px 8px;
  margin-bottom: 1px; }

div.conversation ul li span.label {
  font-weight: bold; }

div.conversation ul li span.user_1 {
  color: #6d3026; }

div.conversation ul li span.user_2 {
  color: #745b00; }

div.conversation ul li.odd {
  background-color: #f4f4f4; }

div.conversation ul li.even {
  background-color: #e8e8e8; }