/*
Theme Name: MTS
Theme URI: http://www.damn.org.za/blog/mts
Description: Modular Template System
Version: 0.5
Author: Eugéne Roux
Author URI: http://damn.org.za/blog

MTS Template for WordPress 2.x
    Designed and built by Eugéne Roux
*/

/******************************************************************************
*                                                                    Defaults *
******************************************************************************/
/*                                                          Default Elements */
body {
    background: #9F9F9F;
    /*background: #c2bd8a url( images/mts-background.png ) bottom left fixed repeat-x;*/
    font-family: "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    font-size: 80%;
    color: #464646;
    margin: 0;
    padding: 10px;
    text-align: justify;
}

a, a:link, a:visited, a:hover {
    color: #2e2319;
}

a img {
    border: none;
}

acronym, abbr, dfn {
    cursor: help;
    border-bottom: 1px dashed #2e2319;
}

span.caps {
    cursor: help;
    font-size: 90%;
    letter-spacing: .07em;
}

cite {
    font-size: 90%;
    font-style: normal;
}

h1 {
    font-size: 140%;
    margin: 15px 0 5px 0;
    text-align: center;
    padding-bottom: 2px;
}

h2 {
    font-size: 130%;
    border-bottom: 1px dotted #D9D9D9;
    margin: 15px 0 5px 0;
    text-align: left;
    padding-bottom: 2px;
}

h3 {
    font-family: "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    font-size: 120%;
    border-bottom: 1px dashed #9F9F9F;
    margin: 10px 0 5px 0;
    text-align: left;
    padding-bottom: 2px;
}

h4 {
    font-size: 110%;
    margin: 10px 0 5px 0;
    text-align: left;
    padding-bottom: 2px;
}

p, li, .feedback {
    font: 100% "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
}

/******************************************************************************
*                                                        Wrapper for our page *
******************************************************************************/
.rap {
    background: #D9D9D9;
    width: 90%;
    margin: auto;
    overflow: hidden;
    /* border: 1px dashed #000; /* DEBUG */
}

/******************************************************************************
*                                                          Main Display Areas *
******************************************************************************/

/* ---------------------------------------------------------- Header Section */
#header {
    background: url('images/mts-jadb-gray.png') no-repeat 50% 50%;
    /* background: #8b4726 url('images/mts-jadb.png') no-repeat 50% 50%;*/
    /* background: #cfcfcf url('images/mts-jadb.png') no-repeat 50% 50%;
       border: 1px solid #cfcfcf; /* Overrides the background... */
    /* border: 1px dashed #00c; /* DEBUG */
}

/* ----------------------------------------------------------- Data Sections */
#sidebar {
    float: right;
    width: 17em;
    padding: 5px 1em 1em 1em;
    margin: 1em 5px;
    font: italic normal 90% 'Times New Roman', Times, serif;
    letter-spacing: 0.1em;
    /* border: 1px dashed #7f7; /* DEBUG */
}

#content {
    padding: 5px 1em 1em 1em;
    margin: 1em 17.5em 0 1em;
    /* border: 1px dashed #0f0; /* DEBUG */
}

/******************************************************************************
*                                                   Header Element Formatting *
******************************************************************************/

#header h1 {
    visibility: hidden;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 400%;
    letter-spacing: 0.2em;
    text-align: center;
    /* border: 1px dotted #00f; /* DEBUG */
}

#header p {
    visibility: hidden;
    font-family: "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    font-size: 140%;
    text-align: right;
    padding: 0 100px 0 2em;
    /* border: 1px dotted #00f; /* DEBUG */
}

#header a, #header a:hover, #header a:visited {
    text-decoration: none;
}

/******************************************************************************
*                                                     Data Element Formatting *
******************************************************************************/

/******************************************************************************
*                                                                     Sidebar *
******************************************************************************/
/*--------------------------------------------------------- Sidebar Elements */
/*                                          Modify the Display of List Items */
#sidebar {
    font-weight: bold;
    font-size: 95%;
    line-height: 100%;
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    text-transform: lowercase;
}

#sidebar li, #sidebar ul {
    font-family: "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 95%;
    list-style-type: none;
    margin-top: 0;
    padding: 0;
    border: 0;
}

#sidebar > ul, #sidebar > li {
    margin-left: 1em;
}

#sidebar > li {
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 120%;
    color: #3E3E3E;
    letter-spacing: 0.1em;
    margin-bottom: 3px;
    padding-bottom: 2px;
}

#sidebar > li > h2 {                            /* Get Links lists to conform */
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 95%;
    letter-spacing: 0.1em;
    border-bottom: none;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

#sidebar > li > * {
    font-size: 83.4%;
}

#sidebar > li > * > * {
    font-size: 100%;
}

#sidebar > li > ul li {
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sidebar > ul a, #sidebar > li a {
    /*margin-left: 5px;*/
    text-decoration: none;
}

#sidebar > ul a:hover, #sidebar > li a:hover {
    border-bottom: 1px dotted #809080;
}

.children {
    margin-left: 1em;
}

#sidebar a[href$="/feed/"] {
    background: url(images/mts-rss.png) no-repeat right center;
    padding-right: 1em;
}


/*--------------------------------------------------------- Sidebar Elements */
/*                             Adjust the Search Form to fit into the design */
#searchform {
    width: auto;
    margin: 0 1ex;
}

#searchform input {
    border: 1px dotted #9F9F9F;
    background: #eee;
    font-size: 90%;
}

#searchform input:hover, #searchform input:focus {
    background: #C4C4C4;
}

#searchform input#s {
    width: 75%;
    margin-right: 2px;
}

/*--------------------------------------------------------- Sidebar Elements */
/*                                               Fix the Calendar Properties */
#wp-calendar {
    border: 1px dotted #9F9F9F;
    margin: 0 0 0 -5px;
    width: 100%;
}

#wp-calendar > tbody {
    color: #9E9E9E;
}

#wp-calendar a {
    text-decoration: none;
/* Had to enable this. IE is drain bread! */
    display: block;
    border: 1px dotted #9E9E9E;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    border: 0;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    border: 0;
}

#wp-calendar a:hover {
    color: #000;
}

#wp-calendar caption {
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-bottom: 2px;
    text-align: left;
}

#wp-calendar td {
    font: normal 80% "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    letter-spacing: normal;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
    text-align: center;
}

#wp-calendar td.pad, #wp-calendar #next, #wp-calendar #prev {
   border: 0;
}

#wp-calendar #today {
    border: 1px dotted #2e1d0c;
}

#wp-calendar th {
    font-style: italic;
    text-transform: lowercase;
    text-align: center;
    border-bottom: 1px solid #C4C4C4;
}

/*--------------------------------------------------------- Sidebar Elements */
/*                                            Layout for Optional Inclusions */
#sidebar li.badge {
    width: auto;
    margin: 1ex 1em 0 0;
    padding: 10px;
    border: 1px dotted #9F9F9F;
    background: #C4C4C4;
}

.badge li > img {
    margin: 5px auto 0 auto;
}

.badge li {
    text-align: center;
    line-height: 125%;
}

/******************************************************************************
*                                                                     Content *
******************************************************************************/
/*--------------------------------------------------------- Content Elements */
/*                                                   Story Meta Data Display */
ul.post-meta {
    list-style: none;
}

ul.post-meta span.post-meta-key {
    font-weight: bold;
}

.meta {
    font-size: .75em;
    text-align: right;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 2px;
}

.meta li, ul.post-meta li {
    display: inline;
}

.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.meta, .meta a {
    font-weight: normal;
    letter-spacing: 0;
}

.meta a {
    text-decoration: none;
}   

/*--------------------------------------------------------- Content Elements */
/*                                                          Story Formatting */
h2.date {
    background: #3E3E3E;
    color: #D9D9D9;
    font-family: "Swis721 BlkEx BT", "Arial Black", "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", "Nimbus Sans L", Geneva, Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 130%;
    letter-spacing: 0.2em;
    border-bottom: none;
    text-align: center;
    margin: 15px 0 2px;
    padding: 4px 1em;
}

h3.storytitle {
    font-size: 120%;
    /*border-bottom: 1px dashed #e2e0c9; /* eae8d0 */
    border-bottom: none;
    text-align: left;
    margin: 0;
    padding-bottom: 2px;
}

h3.storytitle a, h3.storytitle a:link, h3.storytitle a:hover, h3.storytitle a:visited {
    color: #2e1d0c;
}

.storytitle {
    margin: 0;
}

.storytitle a {
    text-decoration: none;
}

.post {
    border: 1px dotted #9F9F9F;
    background: #eee;
    padding: 1em;
    margin: 1em 0;
}

.storycontent {
    line-height: 135%;
}

.storycontent p {
    padding: 5px;
}

.storycontent hr {
    height: 0;
    width: 95%;
    border-style: dashed;
    border-width: 1px 0 0 0;
    border-color: #9F9F9F;
}

.storycontent img {
    float: left;
    display: inline;
    margin: 0 5px;
}

.storycontent a, .storycontent a:link, .storycontent a:hover, .storycontent a:visited, .storycontent a:active {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.storycontent > table {
   float: none;
   margin: 0 auto;
}

.block {
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.block img {
    float: none;
    margin: 0 auto;
    border: none;
}

.block a img {
    margin-bottom: 2px;
    text-decoration: none;
}

div.asides {
    font: 85%/175% "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    list-style-type: none;
}

.asides a, .asides a:link, .asides a:hover, .asides a:visited {
    text-decoration: none;
    border-bottom: 1px dotted #8b5a2b;
}

.post > blockquote {			/* Should take care of "asides"... */
    background: #D9D9D9;
    border: 1px dotted #9F9F9F;
    border-left: 2px solid #9F9F9F;
    margin-left: 1em;
    padding-left: 5px;
    padding-right: 5px;
}

.asidecomments {
    float: right;
    margin: 0 0 0 1em;
}

.storycontent blockquote {
    background: #D9D9D9;
    border: 1px dotted #9F9F9F;
    border-left: 2px solid #9F9F9F;
    margin-left: 1.5em;
    padding-left: 5px;
}

/*--------------------------------------------------------- Content Elements */
/*                                                          Readers Comments */
.feedback {
    text-align: right;
}

.feedback a, .feedback a:link, .feedback:visited a, .feedback:hover a {
    text-decoration: none;
    border-bottom: 1px dotted #2e2319;
}

ol#comments li p {
    font-size: 100%;
}

#commentform {
    padding: 0.5em 0;
}

#secureimgdiv img {
    margin: 1em 0 0 1em;
}

#commentform #submit, #commentform #author, #commentform #name, #commentform #email, #commentform #url, #commentform textarea, #commentform .genericbutton, #commentform #securitycode {
    border: 1px dotted #9F9F9F;
    padding: .2em;
}

#commentform > p > input {
   font-size: 90%;
}

#commentform textarea {
    width: 100%;
}

#commentform a {
    text-decoration: none;
    border-bottom: 1px dotted #9F9F9F;
}

.commentlist li {
    border: 1px dotted #9F9F9F;
    background: #E5E5E5;
    padding: 1em;
    margin: 1em 0;
}

.commentlist a {
    text-decoration: none;
    border-bottom: 1px dotted #9F9F9F;
}

/*--------------------------------------------------------- Content Elements */
/*                                                     Multi-Page Navigation */
#multipagenav {
    font: 95%/175% "Bitstream Vera Sans", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, "Lucida Grande", sans-serif;
    letter-spacing: -1px;
    color: #4A4A4A;
    text-align: right;
    clear: both;
    padding: 5px 1em;
}

#multipagenav a, #multipagenav a:link, #multipagenav:visited a, #multipagenav:hover a {
    color: #3E3E3E;
    text-decoration: none;
    border-bottom: 1px dotted #3E3E3E;
}

/******************************************************************************
*                                                   Footer Element Formatting *
******************************************************************************/
.clearer {
    font-size: 0px; /* We just want to clear space, not actually display anything. */
    margin: 0;
    clear: both;
    /* border: 1px dotted #f00; /* DEBUG */
}

.credit {
    background: #242424;
    color: #D9D9D9;
    font-size: .75em;
    bottom: 0;
    padding: 3px;
    margin: 0;
    text-align: center;
    /* border: 1px dashed #c00; /* DEBUG */
}

.credit a:link, .credit a:hover, .credit a:visited {
    color: #eae8d0;
    text-decoration: none;
    border-bottom: 1px dotted;
}