/*  
Theme Name: T.E.A.R.S. GRITTY
Theme URI: http://www.tears.org/
Description: The T.E.A.R.S. GRITTY Theme
Version: 0.1
Author: Keith Prickett 
Author URI: http://www.tears.org/
*/


/* style/layout inspired by Reisio on irc.efnet.us #css */

/*
The official T.E.A.R.S. green is:
#00B259
The official T.E.A.R.S. brown is:
#90492C
 */


/* styles that apply to all */
* { 
    padding: 0;
    margin: 0;
}
body {
    background:  #ffffff url('./images/bg_top.jpg') repeat-x left top;
    font-size:   62.5%; /* resets 1em to 10px */
    font-family: Helvetica, Arial, Geneva, sans-serif;
    color:       #ffffff;
}
#fauxbg {
    background:  #6e934d url('./images/bg_bottom.jpg') repeat-x left top;
}

#lachrymose {
    width: 750px;
    margin: 0 auto;
    overflow: auto;
    font-size: 1.2em;
}
#navigation {
    height: 36px;
    text-align: center;
}
#navigation img {
    border: none;
}
#right_column {
    padding-top: 0;
    margin-top: 0;
    float: left;
    width: 145px;
}
#right_column li {
    list-style-type: none;
/*    margin-left: 1em;*/
    line-height: 1.4em;
    padding-bottom: 0.5em;
    font-size: 1em;
}
#right_column li ul li {
    font-size: 0.9em;
    margin-left: 0em;
    padding-left: 0em;
}
#right_column ul {
    padding-bottom: 1em;
}
#footer {
    background: #ffffff url('./images/footer_bg.jpg') repeat-x left top;
    clear:both;
    color: #90492C;
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 10px;
    font-size: 1.2em;
}
ul {
    margin-left: 1em;
}
ul ul {
    margin-left: 1.2em;
}
ol {
    margin-left: 1em;
}
ol ul {
    margin-left: 1em;
}

.space {
    padding-top: 15px;
}
#footer a {
    color: #6e934d;
}
#footer a:hover {
    text-decoration: none;
}
.feature {
    vertical-align: middle;
}
.feature p {
    clear: none;
    float: right;
    width: 139px;
    top: 39px;
    position: relative;
    font-weight: bold;
}
.feature img {
    float: left; 
}
.inside-sep {
    padding-top:2px;
}
.inside-sep a {
    font-weight: bold;
    text-decoration: underline;
}
.inside-sep a:hover {
    text-decoration: none;
}
#right_column p {
    font-size: .9em;
}
#sep1 {
    height: 53px;
    background: url('./images/sep1.jpg') no-repeat left bottom;
}
#sep1 img { 
    border: none;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}
#sep1 p {
    padding-top: 5px;
    clear: none;
    float: right;
    width: 90px;
    position: relative;
    font-weight: bold;
}

#sep2 {
    height: 51px;
    background: url('./images/sep2.jpg') no-repeat left bottom;
}
#sep2 img { 
    border: none;
    float: left;
    padding-left: 10px;
    padding-top: 6px;
}
#sep2 p {
    padding-top: 5px;
    clear: none;
    float: right;
    width: 90px;
    position: relative;
    font-weight: bold;
}
#sep3 {
    height: 48px;
    background: url('./images/sep1.jpg') no-repeat left bottom;
}
#sep3 img { 
    border: none;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}
#sep3 p {
    padding-top: 5px;
    clear: none;
    float: right;
    width: 90px;
    position: relative;
    font-weight: bold;
}
#sep4 {
    height: 53px;
    background: url('./images/sep2.jpg') no-repeat left bottom;
}
#sep4 img { 
    border: none;
    float: left;
    padding-left: 10px;
    padding-top: 4px;
}
#sep4 p {
    padding-top: 11px;
    clear: none;
    float: right;
    width: 90px;
    position: relative;
    font-weight: bold;
}
#sep5 {
    height: 53px;
    background: url('./images/sep2.jpg') no-repeat left bottom;
}
#sep5 img { 
    border: none;
    float: left;
    padding-left: 10px;
    padding-top: 4px;
}
#sep5 p {
    padding-top: 11px;
    clear: none;
    float: right;
    width: 90px;
    position: relative;
    font-weight: bold;
}
.page, .post-inside, .navigation, .author, .search_results, .leave_comment, .archives {
    padding-left: 25px;
    padding-right: 20px;
}
.author dd {
    padding-bottom: 1em;
}
.leave_comment #commentform {
    width: 400px;
}

#blog_content {
    width: 448px;
    float: left;
    background: #b57d4c url('./images/inside/content_bg.jpg') repeat-y left top;
    padding-top: 10px;
}
#blog_content p {
    padding-bottom: 1em;
    font-size: 1.1em;
    line-height: 1.4em;
}
#blog_content h1 {
    margin-left: 25px;
    width: 75%;
    color: #90492C;
    border-bottom: 1px solid #90492C;
    margin-bottom: 1em;
}

#blog_content h2 {
    margin-bottom: 0em;
    padding-bottom: 0em;
}
#blog_content h2 a {
    text-decoration: none;
}
#blog_content .post {
    margin-bottom: 2em;
    border-bottom: 3px solid #90492C;
    margin-left: 2em;
    width: 90%;
}

#blog_content .post p, .post-inside p {
    margin-top:1em;
}

#blog_content small {
    padding-top: 0em;
    margin-top: 0em;
}

div.post-summary {
    padding-top: 1em;
}
.post-summary a {
    float: left;
    width: 150px;
    padding-right: 1em;
    border: none;
}
.post-summary img 
{
    border: none;
}

.post-summary p {
}

/*
.author li {
    margin-left: 1em;
}
*/



/* styles that apply to only the HOME PAGE */
#home_header {
    text-align: center;
    height: 177px;
}
#home_header img {
    border: none;
}
#left_column {
    width: 296px;
    float: left;
    position: relative;
}
#content {
    width: 298px;
    float: left;
    background: #b57d4c url('./images/content_bg.jpg') repeat-y left top;
    padding-top: 10px;
}
#content p {
    padding-bottom: 1em;
}
#content h2 {
    font-size: 1.4em;
    padding-bottom: 0.5em;
    padding-top:   0.5em;
}
#content a {
    color: #ffffff;
    font-weight: bold;
}
#content a:hover {
    text-decoration: none;
}

#bottom {
    background: #b57d4c url('./images/content_bottom.jpg') no-repeat left bottom;
    width: 298px;
    height: 28px;
}



a {
    color: #ffffff;
    font-weight: bold;
}
a:hover {
    text-decoration: none;
}

/* styles that apply to only the INSIDE PAGES */
#inside_header {
    text-align: center;
    height: 75px;
}
#inside_header img {
    border: none;
}
#inside_left_column {
    width: 146px;
    float: left;
    position: relative;
}
#inside_left_column p {
    padding-top:1em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size:   1.2em;
    line-height: 1.3em;
    text-align: center;
}
p#verse  {
    padding-top: 0em;
    padding-bottom: 1em;
    font-style: italic;
}
#inside_content {
    width: 448px;
    float: left;
    background: #b57d4c url('./images/inside/content_bg.jpg') repeat-y left top;
    padding-top: 10px;
}

p#breadcrumb {
    padding-left: 25px;
    padding-right: 20px;
}
#inside_content p {
    padding-bottom: 1em;
}
#inside_content h2 {
    font-size: 1.4em;
    padding-bottom: 0.5em;
    padding-top:   0.5em;
}
#inside_content h3 {
    font-size: 1.2em;
    padding-bottom: 0.5em;
    padding-top:   0.5em;
}
#inside_content a {
    color: #ffffff;
    font-weight: bold;
}
#inside_content a:hover {
    text-decoration: none;
}
#inside_content img {
    border: #ffffff 1px solid;
}
#inside_bottom {
    background:  url('./images/inside/content_bottom.jpg') no-repeat left bottom;
    width: 458px;
    height: 31px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}


td {
    padding-bottom: 1em;
}