/* matt-land.com main style sheet
 * This file is Copyright (C) 2006-2008  Matthew Nicholson.
 *
 * I'm awesome!!
 */

/* formatting */
html,
body {
   /* color: #c9d4c9; */
   /* background-color: #829a82; */
   background-color: rgb(140, 154, 140); 
   margin: 0;
   padding: 0;
   font-family: verdana, sans-serif;
}

a {
   color: green;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a:visited {
   color: gray;
}

div#login {
   float: right;
   clear: both;
   font-size: 0.8em;
   color: black;
   text-align: right;
   background-color: white;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 1px;    /* nullify margins of child elements */
   padding-bottom: 1px; /* nullify margins of child elements */
}

div#login form * {
   font-weight: bold;
   font-size: 0.7em;
}

h2.error {
   font-size: 1.2em;
   color: red;
}

/* page content */
div#page-content {
   color: black;
   line-height: 1.3em;
   background-color: white;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 1px;    /* nullify margins of child elements */
   padding-bottom: 1px; /* nullify margins of child elements */
}

div#page-content > h1:first-child {
   font-size: 1.6em;
}

/* navigation links */
div#links {
   color: white;
   /* color: #c9d4c9; */
   /* color: black; */
   margin-top: 90px;
   margin-right: 30px;
   padding-right: 2em;
   font-size: 0.8em;
   font-weight: normal;
   float: right;
   text-align: right;
}

div#links a {
   color: white;
   text-decoration: none;
   font-weight: bold;
}

div#links a:hover {
   text-decoration: underline;
}

div#links a:active {
}

div#links a:visited {
}

/* title/logo */
div#title {
   float: left;
   margin-top: 20px;
   margin-left: 20px;
}

div#title span.title {
   color: white;
   font-size: 2.5em;
   font-weight: bold;
   text-align: right;
   vertical-align: bottom;
   display: block;
}

div#title span.title a,
div#title span.title a:link,
div#title span.title a:hover,
div#title span.title a:active,
div#title span.title a:visited {
   text-decoration: none;
   color: white;
}

div#title span.subtitle {
   color: #c9d4c9;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 0.1em;
   vertical-align: top;
   text-align: right;
   display: block;
}

/* footer */
div#footer {
   /* color: white; */
   color: rgb(210, 220, 210); 
   font-size: 0.8em;
   font-weight: bold;
   text-align: right;
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 0.5em;
}

div#footer-left {
   float: left;
}

div#footer-right {
   float: right;
}

/* header */
div#header-content {
   background-image: url(../images/backgrounds/header-flower.png);
   background-repeat: no-repeat;
   background-position: 85% 0%;
   height: 120px;
}

div#header {
   background-image: url(../images/backgrounds/header-gradient.png);
   background-repeat: repeat-x;
}

div#header-border-bottom {
   background-image: url(../images/borders/header-shadow-bottom-notrans.png);
   background-position: bottom;
   background-repeat: repeat-x;
   padding-bottom: 5px;
}

/* page */
div#page {
   margin-left: 5%; /* This margin is in addition to the shadow. */
   margin-right: 5%;
   min-width: 35em;
}

div#page-border-left,
div#page-border-right {
   background-repeat: repeat-y;
}

div#page-border-left {
   background-image: url(../images/borders/page-shadow-left.png);
   background-position: left;
   padding-left: 15px;
}

div#page-border-right {
   background-image: url(../images/borders/page-shadow-right.png);
   background-position: right;
   padding-right: 15px;
}

div#page-border-bottom {
   background-image: url(../images/borders/page-shadow-bottom.png);
   background-position: bottom;
   background-repeat: repeat-x;
   margin-left: 52px;
   margin-right: 52px;
}

div#page-corner-bottom-left {
   background-image: url(../images/borders/page-corner-bottom-left.png);
   background-position: bottom left;
   background-repeat: no-repeat;
   margin-left: -52px;
   margin-right: -52px;
}

div#page-corner-bottom-right {
   background-image: url(../images/borders/page-corner-bottom-right.png);
   background-position: bottom right;
   background-repeat: no-repeat;
   padding-bottom: 52px;
}

/* list formatting */
ul.pipes {
   list-style-type: none;
   font-size: 0.9em;
   padding: 0;
   margin: 0;
}

ul.pipes li {
   display: inline;
}

ul.pipes li:first-child:before {
   content: "";
}

ul.pipes li:before {
   content: "\007C \0020";
}

ul.article_actions {
   list-style-type: none;
   text-align: right;
   font-size: 0.7em;
   padding: 0;
   margin: 0;
}

ul.article_actions li {
   display: inline;
}

ul.article_actions li:first-child:before {
   content: "";
}

ul.article_actions li:before {
   content: "\007C \0020";
}

/* form formatting */
form {
   clear: both;
}

form table {
   width: 100%;
}

form.compact {
   display: inline;
}

form .wrong {
   /* border: solid 1px red; */
   background-color: rgb(255, 200, 200);
}

form textarea {
   width: 25em;
   height: 6em;
}

form textarea.comment {
   width: 25em;
   height: 6em;
}

form textarea.article {
   width: 100%;
   height: 20em;
}

form input,
form textarea {
   border: solid 1px;
}

form .submit {
   /* float: right; */
}

form .required {
   font-weight: bold;
}

form label {
   font-size: 0.8em;
}

form .note {
   font-size: 0.8em;
}

/* next and previous link formatting */

span.prev_link,
span.next_link {
   font-size: 0.8em;
}

span.prev_link {
   float: left;
   clear: left;
}

span.next_link {
   float: right;
   clear: right;
}

span.prev_link:before {
   content: "\00AB \0020";
}

span.next_link:after {
   content: "\0020 \00BB";
}

/* article formatting */

span.article,
span.even_article,
span.odd_article {
   display: block;
   clear: both;
}

span.even_article,
span.odd_article {
   border-bottom: dotted 1px;
   margin-top: 1em;
}

span.article > h1:first-child,
span.even_article > h1:first-child,
span.odd_article > h1:first-child {
   font-size: 1.6em;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

span.article > h1:first-child a,
span.even_article > h1:first-child a,
span.odd_article > h1:first-child a {
   color: black;
   text-decoration: none;
}

span.article > h1:first-child a:visited,
span.even_article > h1:first-child a:visited,
span.odd_article > h1:first-child a:visited {
   color: black;
}

span.article > h1:first-child + h2,
span.even_article > h1:first-child + h2,
span.odd_article > h1:first-child + h2 {
   padding-top: 0px;
   margin-top: 0px;
   margin-bottom: 0.2em;
   font-size: 0.6em;
   font-weight: normal;
}

/* comment formatting */
span.comment,
span.even_comment,
span.odd_comment {
   display: block;
   clear: both;
   padding: 0.3em;
   border-bottom: dotted 1px;
}

span.comment > h1:first-child,
span.even_comment > h1:first-child,
span.odd_comment > h1:first-child {
   font-size: 0.8em;
   font-weight: bold;
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

span.comment > h1:first-child + h2,
span.even_comment > h1:first-child + h2,
span.odd_comment > h1:first-child + h2 {
   font-size: 0.6em;
   font-weight: normal;
   padding-bottom: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   margin-top: 0px;
}

span.even_comment {
   background-color: #c9d4c9;
}

span.odd_comment {
   background-color: inherit;
}

/* tag formatting */
span.tags {
   display: block;
   font-size: 0.7em;
   text-align: right;
}

/* wiki formatting */

span.underline {
   text-decoration: underline;
}

span.strike {
   text-decoration: line-through;
}

/* vim: set et sw=3 enc=utf-8: */