/* (c) Copyright 2008 Jon Walsh. All Rights Reserved. */
@import url('plain.css');

/* Colour glossary

// Green
dark = #79985a
medium = #93af78
light = #eff7e6

// Red
dark = #b85a5a
medium = #c67a7a
light = #fee6e6

// Text
normal = #333
subtle = #aaa

// Background
content = #fff
? = #e0ffb8
base = #2c2c2c

*/

/* ################################################################################ Layout Containers */
/*
margin, border, padding, width etc...
Only for layout preoperties that will mess up the design if changed,
So any general content psoitioning should not be in here.
*/
body                                {  }
#container                          { width: 900px; padding-top: 210px; margin: 20px auto; }
#page                               { width: 700px; padding: 0 20px 40px 20px; margin-left: 80px; }
#content                            { margin-top: 20px; }
#content.narrowcolumn               { width: 450px; padding-left: 16px; border-left-width: 4px;
                                      float: left; }
#content.widecolumn                 { width: 550px; margin-left: auto; margin-right: auto; }
#sidebar                            { width: 190px; padding: 10px 0 0 16px; border-left-width: 4px; margin: 40px 0 0 490px; }
#clear                              { clear: both; }
#footer                             { margin: 0 auto; }

#search input[type="text"]          { width: 110px; border-width: 1px; }
#search input[type="submit"]        { border-width: 1px; margin-left: 10px; }

/* ################################################################################ Style */

/* ============================================================ General */
body                                { background-color: #2c2c2c; font-size: 10px; color: #333; font-family: Verdana, Arial, Sans-Serif; line-height: 1.4; }
p                                   { margin: 10px 0; }
a                                   { color: #93af78; }
a:hover                             { color: #b85a5a; text-decoration: underline; }
#container                          { background: #2c2c2c url('/img/header.png') no-repeat scroll 0 0; }
#page                               { background: #fff url('/img/footer.png') no-repeat scroll 0 bottom; }
#content                            { font-size: 1.2em; border-left-style: solid; border-left-color: #93af78; }
#sidebar                            { font-size: 1.15em; border-left-style: solid; border-left-color: #c67a7a; }
#footer                             { color: #fff; padding: 20px 0; text-align: center; }

/* ---------------------------------------- Headings */
h1, h2, h3, h4, h5, h6              { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-weight: bold; }
h3, h4, h5, h6                      { margin-top: 15px; margin-bottom: 10px; }

/* h1: nav */
h1                                  { margin: 0; font-size: 1.7em; color: #999; }
h1 .current                         { color: #b85a5a; }
h1 span, h1 a                       { font-weight: normal; }

/* h2: post headings */
h2                                  { font-size: 1.5em; }
h2 a                                { color: #333; }
h2 a:hover                          { color: #b85a5a; text-decoration: none; }
h2.pagetitle                        { font-size: 1.7em; margin-bottom: 25px; text-align: center; }

h3                                  { font-size: 1.5em; }
h3 a                                { color: #333; }
h3 a:hover                          { color: #b85a5a; text-decoration: none; }

/* in-post general use */
h4                                  { font-size: 1.2em; color: #803f3f; }
h5                                  { font-size: 1.1em; color: #777; }
h6                                  { font-size: 1em; color: #999; }

/* ---------------------------------------- Forms */
input,
textarea                            { padding: 2px; font-size: 1.05em; }

input[type="text"],
textarea                            { border: 1px solid #ccc; }
input[type="text"]:hover,
textarea:hover                      { border-color: #93af78; }
input[type="text"]:focus,
textarea:focus                      { border-color: #b85a5a; }

input[type="submit"]                { border: 1px solid #ccc; background-color: #eee; }
input[type="submit"]:hover          { border-color: #79985a; background-color: #eff7e6; cursor: pointer; }
input[type="submit"]:active         { border-color: #c67a7a; background-color: #fee6e6; }

/* ---------------------------------------- Tables */
.data                               { border-collapse: collapse; }
.data th                            { padding: 5px; font-weight: bold; border-style: none; }
.data td                            { padding: 5px; border: 1px solid #ccc; }

/* ---------------------------------------- Other */
strong                              { font-weight: bold; }
em                                  { font-style: italic; }
hr                                  { border-style: none; margin: 0; }

blockquote                          { margin: 20px; border: 1px solid #79985a; border-width: 1px 0; padding: 0 20px; background-color: #eff7e6; font-size: 1.2em; }
blockquote p                        { font-style: italic; }
blockquote .src                     { margin: 10px 0; font-weight: bold; color: #79985a; font-style: italic; }
code                                { padding: 0 4px; background-color: #fee6e6; }
code.block                          { display: block; margin: 20px; border: 1px solid #b85a5a;
                                      border-width: 1px 0; padding: 0 20px; overflow: auto; }

/* ---------------------------------------- Multi-use */
.align_left                         { text-align: left; }
.align_right                        { text-align: right; }
.subtle                             { color: #aaa; }
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }


/* ============================================================ Posts */

/* ---------------------------------------- Excerpt */
.excerpt                            { margin-bottom: 40px; }
.excerpt hr                         { display: block; }

/* ---------------------------------------- Post */
.post                               { line-height: 1.6; }

/* ---------------------------------------- Meta */
.meta                               { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f9f9f9; }
.meta .datetime                     { color: #b85a5a; }
.post .meta                         { margin-top: 20px; padding: 10px; font-size: 0.9em; clear: both; }
.excerpt .meta                      { padding: 5px; font-size: 0.8em;  }

.content_img { border: 1px solid #ccc; padding: 4px; margin: 12px; }

/* ============================================================ Sidebar */
#sidebar .widget                    { margin-bottom: 20px; }
#sidebar h2                         { font-size: 1.25em; }
#sidebar > ul                       { margin-left: 0; }
#sidebar > ul > li                  { list-style-type: none; }
#sidebar > ul ul li                 { color: #777; font-weight: bold; }
#sidebar > ul ul                    { margin-left: 30px; }
.widget_categories .children li     { font-weight: normal !important; }

/* ============================================================ Calendar */
#wp-calendar                        { empty-cells: show; margin: 0 auto; width: 168px; height: 150px; text-align: center; vertical-align: middle; border-collapse: collapse; border: 1px solid #ccc; }
#wp-calendar caption                { font-weight: bold; margin-bottom: 5px; }

#wp-calendar thead                  { background-color: #eff7e6; }
#wp-calendar th                     { font-weight: bold; border-bottom: 1px solid #ccc; }

#wp-calendar #today                 { color: #b85a5a; }
#wp-calendar tbody td a             { width: 100%; height: 100%; display: block; background-color: #eff7e6; color: #79985a; text-decoration: none; }
#wp-calendar tbody td a:hover       { background-color: #fee6e6; color: #b85a5a; }

#wp-calendar tfoot                  { border-top: 1px solid #ccc; }
#wp-calendar #prev                  { padding-left: 10px; text-align: left; }
#wp-calendar #next                  { padding-right: 10px; text-align: right; }

/* ============================================================ Comment list */
#commentlist                        { font-size: 0.95em; border-top: 1px solid #ccc; margin: 5px 0 20px; }
#commentlist li                     { list-style: none; border-bottom: 1px solid #ccc;  padding: 5px 20px; background-color: #eff7e6; overflow: hidden; margin: 0; }
#commentlist cite                   { display: inline-block; width: 350px; font-weight: bold; }
#commentlist cite a                 { color: #333; font-weight: bold; }
#commentlist cite a:hover           { color: #b85a5a; }
#commentlist .datetime              { color: #79985a; font-size: 0.9em; }

#commentlist .alt                   { background-color: transparent; }

#commentlist .admin                 { background-color: #fee6e6; }
#commentlist .admin .datetime       { color: #b85a5a; }

/* ============================================================ Comment form */
#commentform #cf_author             { width: 150px; }
#commentform input[type='text']     { width: 250px; margin-right: 10px; }
#commentform textarea               { width: 100%; height: 100px; }
#commentform label                  { color: #aaa; }

/* ============================================================ Specific */
#search_404 input[type="text"]      { width: 200px; }
#search_404 input[type="submit"]    { margin-left: 10px; }
#post_nav                           { width: 100%; font-size: 1.2em; margin: 20px 0; }
#cat_list li                        { margin-left: 15px; font-size: 1.2em; }
#browser_outdated                   { background-color: #444; padding: 10px 20px; font-size: 1.1em; color: #fff; }
/* Update browser */
#update_browser     { background-color: #900; text-align: center; font-size: 11px; padding: 4px;
                      font-weight: bold; color: #fff; font-family: Arial, sans-serif; }
#update_browser a   { color: #93d4ff; }