/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 2.0 (2012-03-20) YYYY-MM-DD
* Author: Shaking Paper
* Description: Stylesheet for City of Reubens.

*/
/* Eric Meyer CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: 100;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
    }
/* remember to define focus styles! */
:focus {
    outline: 0
    }
ul, ol, li {
    list-style: none
    }
body {
    background-color: #FFF;
    color: #a5acb0;
    padding: 0 0 35px 35px;
    font-size: 12px
    }
#content a:hover, #footer a:hover, ul#nav li a, #sidebar a {
    color: #a5acb0;
    text-decoration: none
    }
#content a, #footer a, ul#nav a:hover, #sidebar a:hover, ul#nav ul li.current_page_item a {
    color: #595959;
    text-decoration: none
    }
h2 {
    font-size: 16px
    }
/* End CSS Resset */
/* Begin Stylesheet */
#wrapper {
    height: auto;
    min-height: 600px !important;
    overflow: hidden;
    position: relative;
    width: 1024px
    }
#header {
    height: auto;
    padding-top: 30px;
    position: relative;
    width: 100%;
    overflow: auto
    }
#logo img {
    width: 300px;
    margin-bottom: 30px
    }
#nav {
    width: auto;
    position: relative;
    font-size: 14px;
    overflow: auto;
    padding-bottom: 30px;
    text-transform: lowercase;
    line-height: 1.2em
    }
#nav li {
    padding: 0 10px 0 0;
    display: inline
    }
#nav ul {
    position: absolute;
    bottom: 8px;
    font-size: 85%
    }
#nav ul li:before {
    content: "/ "
    }
/*	ul#nav ul {
		position: absolute;
		top: 0;
		left: 110px;
	}*/
#content {
    float: left;
    height: auto;
    min-height: 600px !important;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #a5acb0;
    padding: 12px 0;
    line-height: 18px
    }
.home {
    width: 600px
    }
.work {
    width: 1024px
    }
.blog {
    width: 824px
    }
#mc_embed_signup {
    text-align: right;
    margin: 0 -10px -3px 0;
    padding-left: 270px;
    line-height: 16px
    }
#mc_embed_signup input {
    color: #595959
    }
.email {
    padding-left: 2px
    }
.newsletter {
    margin-right: 10px
    }
.response {
    font-size: 10px;
    width: 330px
    }
.post {
    margin-bottom: 12px
    }
.post h2, .post p {
    padding-bottom: 12px
    }
p.small {
    color: #999;
    font-size: 10px;
    padding: 15px 0
    }
.navigation {
    height: 18px
    }
p.postmetadata {
    font-size: 11px;
    padding: 15px 0 25px 0;
    border-bottom: 1px solid #a5acb0;
    height: 10px
    }
h2#respond {
    margin-top: 15px;
    color: #595959
    }
ol.commentlist li {
    padding-top: 12px;
    border-bottom: 1px solid #a5acb0
    }
.commentmetadata {
    color: #a5acb0;
    font-size: 11px
    }
p.comment_excerpt {
    padding-bottom: 12px
    }
#content input, #content textarea {
    border: 1px solid #a5acb0;
    margin: 5px 10px 5px 0
    }
#content textarea {
    color: #595959;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px;
    height: 120px;
    width: 410px;
    background-color: #F2F1F0
    }
input#submit {
    margin-bottom: 10px;
    color: #595959
    }
#sidebar {
    float: right;
    height: auto;
    width: 180px;
    border-top: 1px solid #a5acb0;
    text-align: right;
    font-size: 12px;
    padding: 12px 0;
    line-height: 18px
    }
#sidebar h2 {
    padding-bottom: 6px;
    color: #595959
    }
li.categories, li.linkcat {
    padding-bottom: 12px
    }
#footer {
    border-top: 1px solid #a5acb0;
    height: 10px;
    padding-top: 8px;
    margin-top: 12px;
    font-size: 10px
    }
/* Sitewide styles */
.left {
    /* applies left float to any element with this class */
    float: left
    }
.right {
    /* applies right float to any element with this class */
    float: right
    }
.aligncenter, div.aligncenter {
    /* positioning for images in WYSIWYG editor */
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.alignleft {
    /* positioning for images in WYSIWYG editor */
    float: left;
    padding: 5px
    }
.alignright {
    /* positioning for images in WYSIWYG editor */
    float: right;
    padding: 5px
    }
/* End Stylesheet */