/* Begin Layout */
* {
   margin:0;
   padding:0;
}

body {
   background:#fefff2 url('images/body.png');
   cursor:default;
   text-align:center;
}

#wrapper {
   background:#fefff2 url('images/wrapper.png') repeat-x;
}

header {
   background:url('images/banner.png');
   height:399px;
   margin:0 auto 40px auto;
   width:900px;
}

#container {
   margin:0 auto;
   text-align:left;
   width:900px;
}

nav {
   float:right;
   padding-right:25px;
   width:180px;
}

main {
   float:left;
   padding-left:25px;
   width:630px;
}
/* End Layout */



/* Start Footer */
html {
   min-height:100%;
   position:relative;
}

body {
   margin-bottom:35px; /* footer height */
}

footer {
   background:#233c45;
   height:35px;
   line-height:35px;
   position:absolute;
   bottom:0;
   width:100%;
}

footer #content {
   background:#233c45;
   color:#edfff0;
   font-size:7pt;
   margin:0 auto;
   width:900px;
}

footer #content p {
   margin:0;
}

footer a {
   color:#ddd;
}

footer a:hover {
   color:#fff;
}
/* End Footer */



/* Begin Typography */
@font-face {
   font-family:Merriweather;
   src:url('fonts/merriweather.ttf');
}

@font-face {
   font-family:Railway;
   src:url('fonts/railway.ttf');
}

body, input, select, textarea {
   color:#2c1428;
   font:9pt Merriweather, Georgia, Tahoma, sans-serif;
   line-height:2;
}

input, select {
   line-height:1;
}

h2 {
   font:italic 14pt Georgia, serif;
   margin-bottom:2pt;
}

p, ul, ol, table {
   margin:8pt 0;
}

strong { /* tooltip */
   color:#dbdbdb;
}

em {
   color:#5b4c5b;
}

a {
   color:#1b6d8d;
   text-decoration:none;
}

a:hover {
   color:#2e8b57;
   text-decoration:underline;
}

blockquote {
   border-left:5px solid #b0b0b0;
   margin:8pt 10px;
   padding-left:10px;
}

nav h2, main strong {
   color:#76584f;
}
/* End Typography */



/* Begin Forms */
input, select, textarea {
   padding:2px;
}

input[name="name"],
input[name="email"],
input[name="url"],
select[name="subject"],
select[name="series"] {
   width:222px;
}

select[name="series"] {
   margin:12pt 0;
}

input[type="submit"] {
   width:100px;
}

textarea[name="comments"] {
   height:125px;
   width:100%;
}
/* End Forms */



/* Begin main */
main h2 {
   border-bottom:1px dotted;
   color:#a82d3b;
}

p.metadata {
   color:#595458;
   margin-top:0;
}

small.metadata {
   color:#aaa;
}

main ul, main ol {
   margin-left:30px;
}

main img {
   background:#fff;
   border:1px solid #ddd;
   padding:3px;
}
/* End main */



/* Begin nav */
nav h2 {
   text-align:center;
}

nav ul {
   font-family:Railway, sans-serif;
   list-style:none;
}

nav li a {
   background:#a82d3b;
   border-bottom:1px solid #991f31;
   color:#edfff0;
   display:block;
   padding:3px 5px;
   text-align:center;
}

nav li a:hover {
   background:#c4b15f;
   color:#243c45;
   font-weight:bolder;
   text-decoration:none;
}

nav ul li:nth-child(1) a {
   -webkit-border-top-left-radius:6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -moz-border-top-left-radius:6px; /* Firefox 1-3.6 */
   border-top-left-radius:6px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   -webkit-border-top-right-radius:6px;
   -moz-border-top-right-radius:6px;
   border-top-right-radius:6px;
}

nav ul li:nth-last-child(1) a {
   -webkit-border-bottom-left-radius:6px;
   -moz-border-bottom-left-radius:6px;
   border-bottom-left-radius:6px;
   -webkit-border-bottom-right-radius:6px;
   -moz-border-bottom-right-radius:6px;
   border-bottom-right-radius:6px;
}
/* End nav */



/* Begin Images */
.avatar, .icon {
   height:100px;
   width:100px;
}

.avatar {
   margin:5px;
}

.icon {
   float:right;
   margin:10px;
}

.texture, .png {
   height:215px;
   margin:10px;
   width:215px;
}

img.png {
   background:#fff url('images/png.png');
}

a:hover img {
   position:relative;
   bottom:2px;
}

.past-layout {
   height:125px;
   width:200px;
}

.button {
   height:31px;
   margin:2px;
   width:88px;
}

.fl {
   height:50px;
   margin:2px;
   width:50px;
}
/* End Images */



/* Begin Comments */
#comments li {
   clear:both;
   margin-bottom:12pt;
}

.gravy {
   float:right;
   margin:6px;
}
/* End Comments */



/* Begin Classes & ID's */
.center {
   text-align:center;
}

.clear, #form {
   clear:both;
}

.dvdr {
   background:url('images/dvdr.png') no-repeat center;
   clear:both;
   height:20px;
   margin:16pt 0;
}

.error {
   color:#a82d3b;
}

.success {
   color:#1b6d8d;
}

#titles li {
   float:left;
   width:50%;
}

#pagination {
   word-spacing:5px;
   text-align:center;
}

#eXTReMe {
   visibility:hidden;
}

#EXim {
   height:1px;
   width:1px;
}
/* End Classes & ID's */