/*---------------------------------------------------------------
Theme Name: structure
Theme URI: http://www.jasoncoleman.net/
Description: super-structure theme.
Version: 1.3
Author: Jason Coleman
Author URI: http://www.jasoncoleman.net/
-----------------------------------------------------------------

super_structure - A WordPress CSS Template
2005 Jason Coleman (CC License)

Based on: Dots 3-Column Template by Alex King, although ironically,
now only a two-column theme. Funny how life will do that to you, 
isn't it?

---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
/*          LINKS                                                */
/*---------------------------------------------------------------*/
a {
    color: #5A4111;
}

a img {
    border: none;
}

a:visited {
    color: #461D05;
}

a:hover {
    color: #D38E0A;
}


body {
    /* background: black url(images/background_main_38.png) center repeat-y; */
    color: #000;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}
h1, h2, h3, h4, p, li, a, span, th, td, input, select, textarea {
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
}
p, li, td, caption, input, select, textarea {
    font-size: 12px;
    font-weight: normal;
}
#rap {
    display: block;
    margin: auto;
    position: relative;
    text-align: left;
    width: 770px;
}

/*---------------------------------------------------------------*/
/*          HEADER (MASTHEAD)                                    */
/*---------------------------------------------------------------*/
#header {
    background: /*#9D7B52*/ black url(http://www.jasoncoleman.net/images/header_background.png) no-repeat;
    border: solid 2px black;
    text-align: right;
    color: white;
    font: bold 125% Verdana, "Bitstream Vera Sans", sans-serif;
    letter-spacing: 0.15em; 
    height: 141px;
    width: 590px;
    margin: 0;
    padding: 15px 166px 20px 10px;
    z-index: -1;
}
#header a {
    color: white;
    display: block;
    padding: 70px 10px 10px 10px;
    text-decoration: none;
}

/*---------------------------------------------------------------*/
/*          TOP NAVIGATION BAR                                   */
/*---------------------------------------------------------------*/
#topnav {
    float: left;
    width: 100%;
    background: #9D7B52;
}
#topnav ul {
    margin: 0;
    padding: 0 0 0 50px;
    white-space: nowrap;
    width: 650px;
    text-align: center;
    position: absolute;
    top: 160px;
}
#topnav ul li {
    list-style: none;
    float: left;
    font-size: 14px;
    width: 20%;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}
#topnav ul li a {
    display: block;
    text-decoration: none;
    height: 20px;
    background: #FFF;
    color: #9D7B52;
    font: bold 12px Verdana, "Bitstream Vera Sans", sans-serif;
}
#topnav ul li a:hover {
    text-decoration: none;
    /* background: #EFE4CA; */
    background: #006198;
    color: black;
    /* background: #FBB048; */
}

/*---------------------------------------------------------------*/
/*          HEADING (SUB)                                        */
/*---------------------------------------------------------------*/


/*---------------------------------------------------------------*/
/*          CONTENT                                              */
/*---------------------------------------------------------------*/
#content {
    background: white;
    padding: 0px 0px 10px 10px;
    position: relative;
    float: left;
    width: 540px;
}

#content div.narrowcolumn {
    width: 696px;
}

#content h2 {  /* Used for post date & time */
    border-bottom: black solid 1px;
    font-size: 10px;
    letter-spacing: 0.2em;
    margin: 15px 0 0 0;
    padding-bottom: 2px;
}
#content div.post h3.storytitle {
    position: relative;
    /* background: #EFE4CA; */
    background: #EEEEEE;
    color: #62400B;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.4em;
    padding: 3px 0px 5px 5px;
    /* border: 1px solid black; */
    margin-top: -1px;
    text-align: center;
    display: block;
}
#content div.post h3.storytitle:first-line {
    font-size: 16px;
}
#content div.narrowcolumn h3 { /* For Static Pages */
    color: #62400B;
    text-align: center;
    display: block;
}
#content div.post h3.storytitle a {
    text-decoration: none;
    color: #62400B;
}
#content div.post h3.storytitle a:visited {
    text-decoration: none;
    color: #62400B;
}
#content h4 {
    clear: both;
    /* border-bottom: solid 1px black; */
}
#content h5 {
    border-bottom: black 1px solid;
    font-weight: bold;
    font-size: 14px;
}
#content div.post {
    padding: 0 0 10px 0;
}
#content p.note {
    background: #EEE;
    padding: 5px;
}
#content div.post table {
    border: none;
    cellspacing: 0;
}
#content div.post thead {
    background: #EFE4CA;
    font: 13px bold;
    padding: 5px;
}
#content div.post td {
    padding: 5px;
    border: solid 1px black;
}

#content div.post blockquote {
    background: #EFE4CA url(http://www.jasoncoleman.net/wp-content/themes/super_structure/images/begin_quotes.png) no-repeat;
    font: normal 12px "Courier New", Courier, mono;
    color: #333333;
    padding: 10px;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    border-left: 10px solid #EFE4CA;
}
#content div.post blockquote p:after {
    content: " " url(http://www.jasoncoleman.net/wp-content/themes/super_structure/images/end_quotes.png);
   display: block;
   text-align: right;
   margin-top: 0px;
   z-index: -2;
} 
#content quote {
   quotes: '\201C' '\201D' '\2018' '\2019';
}
#content quote:before, q:before {
    content: open-quote;
}
#content quote:after, q:after {
    content: close-quote;
}

#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
    color: #9D7B52;
    font-size: 10px;
}
#content div.post div.meta ul {
    display: inline;
    margin: 0;
    padding: 0;
}
#content div.post div.meta ul li {
    display: inline;
    margin: 0;
    padding: 0 3px 0 0;
}
#content div.post div.storycontent {
    margin: 0 10px 0 0;
    padding: 0 0 0 7px;
}
#content div.related {
    font-size: 12px;
}
#content div.related ul {
    display: inline;
    margin-left: -3.5em;
}
#content div.related li {
    list-style: none inside;
    display: inline;
}
#content div.related li:before {
    content: '\2003';
    /* margin-left: 10px; */
}
#content div.related li a {
    font-size: 12px;
}
#content div.post div.feedback a {
    color: #9D7B52;
    font-size: 10px;
}
#content div.feedback {
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-align: right;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
    margin-left: 10px;
    padding-left: 0;
}

#comment {
    height: 150px;
    width: 400px;
}

div.photo-left {
    background: none;
    float: left;
    /* border-right: 2px silver solid;
    border-bottom: 2px silver solid;
    padding-right: 3px;
    padding-bottom: 2px; */
    margin-right: 10px;
    margin-bottom: 5px;
}
div.photo-right {
    background: none;
    float: right;
    /* border-left: 2px silver solid;
    border-bottom: 2px silver solid;
    padding-left: 3px;
    padding-bottom: 2px; */
    border: none;
    margin-left: 10px;
    margin-bottom: 5px;
}
div.photo-right p, div.photo-left p {
    font-size: 10px;
    padding: 5px;
    text-align: center;
}
#content div.post div.storycontent ol.footnotes {
    border-top: dashed gray 1px;
    margin-top: -10px;
    padding-top: 5px;
}

#content ul.storetable {
    list-style-type: none;
    display: inline;
    clear: both;
}
#content ul.storetable li {
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

/*---------------------------------------------------------------*/
/*            REMAINDERS                                         */
/*---------------------------------------------------------------*/
ul.linklog li {
    list-style: none outside;
    margin-left: -32px; /* Slide remainder post outside of container */
    margin-bottom: 25px;
}
ul.linklog a {
    text-decoration: none;
    border-bottom: 1px solid gray;
}
ul.linklog a:hover {
}
ul.linklog div.feedback {
    background: yellow;
    height: 15px;
}

/*---------------------------------------------------------------*/
/*            MENU / SIDEBAR                                     */
/*---------------------------------------------------------------*/
#menu {
    /* background: #EFE4CA; */
    background: #EEEEEE;
    padding: 10px;
    font-size: 10px;
    float: right;
    width: 153px;
    border: 1px solid black;
    margin-top: 31px;
    margin-left: 10px;
}

#menu h2 {
    font-size: 12px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu ul li {
    color: #9D7B52;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding-left: 5px;
    padding-right: 5px;
}

#menu #rss-feeds, #calendar, #delicious, #flickr, #cc-license {
    position: relative;
    width: 150px;
}
#menu #archives, #search-2 {
    position: relative;
    width: 140px;
}
#menu #rss-feeds, #archives-2, #delicious, #flickr, #cc-license, #flickrrss, #text-1, #text-3, #rss-1, #rss-2, #rss-3, #netflix-widget, #now-reading, #text-4, #text-6, #mytwitter_widget, #text-337264911, #text-375577742, #text-375577743, #readernaut-widget-3 {
    background: white;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 22px;
    border: 1px solid gray;
}
#text-1 ul li {
    list-style: square url(http://www.jasoncoleman.net/wp-content/plugins/widgets/rss.png) inside;
}

#menu ul li h2.widgettitle {
    text-align: left;
}
#menu #flickrrss, #netflix-widget, #text-2, #readernaut-widget-3 li {
    text-align: center;
}
#menu #calendar {
    text-align: center;
}

#calendar, #search-2 {
    /* background: #EFE4CA; */
    background: #EEEEEE;
}

/* ---- deprecated -----
#menu #rss-feeds {
     margin-left: -10px;
}
#menu #flickr ul {
    text-align: center;
}
#memu #flickr {
    text-align: center;
}
#menu #flickr a {
    text-decoration: none;
}
#menu #flickr li {
    list-style: none;
} */

#menu.widget widget_rss li {
    list-style: circle inside;
}
#menu #cc-license, #text-2 {
    font: x-small lighter 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
#menu #cc-license, #text-2 a{
}
#menu #now-reading h3 {
    font-size: 11px;
    color: black;
}
#menu ul li div.now-reading #current-books-list li {
    list-style-type: none;
}
#menu ul li div.now-reading img {
    width: 86px;
}

#menu ul li div.now-reading ul li {
     list-style: circle inside;
}

#rss-1, #rss-3 ul li  {
     list-style: circle inside;
}

#rss-2 ul li {
     list-style: circle inside;
}

#menu #mytwitter_widget li {
     padding-bottom: 10px;
}

#menu #text-337264911 {
     padding-bottom: 40px;
}

/*---------------------------------------------------------------*/
/*          CALENDER                                             */
/*---------------------------------------------------------------*/
#wp-calendar {
    background: white;
    border: 1px solid black;
    empty-cells: show;
    font-size: 10px;
    width: 80%;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
    text-decoration: none;

}

#wp-calendar a:hover {
    background: #EEE;
    color: #333;
}


#wp-calendar caption {
    color: #74614A;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 3px 0px 5px 5px;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    background: #EEE;
}

#wp-calendar td {
    color: #ccc;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}


#wp-calendar td.pad:hover {
    background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color: #bbb;
}


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}

#menu form {
    margin: 0;
    padding: 0;
}
#menu ul li ul {
    margin: 2px 0 0 0;
    padding: 0;
}

#menu ul li ul li {
    color: #000;
    font-weight: normal;
    margin: 0 0 2px 10px;
    padding: 0;
}
#menu ul li ul li a, #menu ul li ul li a:link, #calendar td a, #calendar td a:link {
    color: #74614A;
}
#menu ul li ul li a:visited, #calendar tfoot td a:visited {
    color: #9D7B52;


}

/*---------------------------------------------------------------*/
/*          FOOTER                                               */
/*---------------------------------------------------------------*/
p.credit {
    text-align: center;
    clear: both;
    position: relative;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px;
    background: silver;
    border-top: solid 2px black;
}
img#wpstats {
    display:none
}