/* vim: set foldmethod=marker: */
/********************************************************************
This CSS sheet is based off a design originally written by
    Eric Meyer (http://www.meyerweb.com/)
And modified for use with this site.
********************************************************************/

/* {{{ Generics */

* { font-size: 100%; padding: 0; margin: 0; }
html { padding: 0 1em; background: #666; }
body { font: 0.9em/1.3 Arial, sans-serif; margin: 0; padding: 0;
    color: #202020; background: #ffffff; border: 1px solid #000000;
    min-width: 40em; margin: 0 auto; }
a:link { color: #33f; }
a:visited { color: #66f; }
a:hover { color: #f00; }
a img { border: none; }
hr { display: none; }
h1 { font-size: 2em; margin: 2em 0 0 0.5em; padding: 0.25em 0; }
h2 { font-size: 1.5em; margin: 2em 0 0 0.33em; padding: 0.25em 0; }
h3 { font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0; }
h4 { font-size: 1.1em; margin: 0.5em 0 0; }
h5 { font-size: 1em; margin: 0.5em 0 0; }
h6 { font-size: 0.95em; margin: 0.5em 0 0; }
p { margin: 0.33em 0 1em 0; }
ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }
pre, code, tt { font: 110% "Andale Mono", Courier, "Courier New", monospace; }
small { font-size: 85%; }
big { font-size: 115%; }
sup { font-size: smaller; vertical-align: 0.5em; line-height: 1px; }
blockquote { font-size: 85%; margin: 1em 3em 1em 3em; padding: 0 1em 0 1em; border-left: 6px solid #f00; }
img.pic { float: right; position: relative; margin: 0.25em 0 0.66em 1.5em; }
img.border { border: 3px double; }
img.standalone { display: block; margin: 0.5em auto; width: auto; max-width: 100%; }
p.standalone { text-align: center; }
p.standalone img { display: inline; }
.warning { background: #ffff88; color: red; border: 2px solid; padding: 1em; }
.highlight { background: #b4d5ff; font-weight: bold; }

/* }}} *************************************************************/
/* {{{ table */

table.chart { margin: 1em auto; }
table.chart caption { font-weight: bold; font-style: italic; font-size: 90%; }
table.chart th { text-align: left; }
table.chart thead th { border-bottom: 1px solid #cccccc; }
table.chart th, table.chart td { border-bottom: 1px dotted #dddddd; }
table.chart tbody th { padding-right: 1em; }

table.rpg { margin: 1em auto; border: 1px solid #666; border-collapse: collapse; }
table.rpg th { padding: 0 2px; text-align: left; }
table.rpg tr.evn { background-color: #eeeeee; }
table.rpg td { padding: 0 2px; }
table.spells td, table.spells th { padding: 0 1em; text-align: center; }
table.spellstats th { padding: 0 0.5em; text-align: right; }

table.data { margin: 1em auto; }
table.data caption { font-weight: bold; font-style: italic; font-size: 90%; }
table.data th { text-align: left; }
table.data col.centered { text-align: center; }
table.data th, table.data td { border-bottom: 1px dotted #dddddd; padding: 1px 0.5em; }

/* }}} *************************************************************/
/* {{{ header */

#header { padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000000;
    height: 69px; width: 100%; position: relative; z-index: 1; }
#header h1 { font-size: 2em; line-height: 1em; letter-spacing: -0.03em;
    padding: 0; margin: 0; position: absolute; left: 0; top: 30px;
    font-style: italic;
    /* hide-from-IE5/Mac hack \*/
    top: auto; bottom: 0;
    /* end hack */ }
#header h1 a { padding: 0 0.5em; color: #666; text-decoration: none; }
#header { background: url(/_img/logo.gif) no-repeat top right; }

/* }}} *************************************************************/
/* {{{ main */

#main { margin: 2.25em 20em 0 5em; padding: 2em 0 0; min-height: 30em; }
#main h2 { border-bottom: 1px solid #888888; margin: 0; padding: 0;
    font-size: 1.75em; line-height: 1; }

#main_wide { margin: 2.25em 5em 0 5em; padding: 2em 0 0; min-height: 30em; }
#main_wide h2 { border-bottom: 1px solid #888888; margin: 0; padding: 0;
    font-size: 1.75em; line-height: 1; }

body.gallery #main_wide { margin: 2.25em 1em 0 1em; padding: 2em 0 0; min-height: 30em; }

/* }}} *************************************************************/
/* {{{ blog posts */

h2 a, h2 a:link, h2 a:visited { text-decoration: none; color: #000000; }
h2 a:hover { color: #d00; }
.post small { color: #888888; margin-left: 2em; font-size: 0.9em; line-height: 1.5em; }
.post .entry { margin: 1em; }
.post p.postmetadata { text-align: right; margin: 0 4em 0 0; }

/* }}} *************************************************************/
/* {{{ akb_questions */

div.question-answer { border-bottom: 1px dotted #999999; }
div.question-answer p.question { background: #eeeeee }
div.question-answer p.question span { font-style: italic }

/* }}} *************************************************************/
/* {{{ Begin Images */

p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* }}} End Images */
/* {{{ navigation bar */

#navigate { position: absolute; top: 70px; left: 0; right: 0;
    padding: 0.25em 1em 0.25em 1em;
    z-index: 1; overflow: hidden;
    height: auto; width: 85%; line-height: 2; }
#navigate h4 { display: none; }
#navigate ul, #navigate li { margin: 0; padding: 0; }
#navigate ul { padding-left: 0.5em; }

#navlinks { float: left; width: 100%; }
#navlinks a { text-decoration: none; }
#navlinks li { float: left; list-style: none; margin-left: 1px; }
#navlinks li a { padding: 0.25em 1em; margin-right: 0.125em;
    border-top: 0.25em solid #666; border-bottom: 1px dotted #ffffff;
    font-weight: bold; color: #666; }
#navlinks li ul { display: none; border: none; }
#navlinks li li a { font-weight: normal; }
#navlinks a:hover { border-top-color: #f00; color: #000; }
#navlinks #otherLink { margin-left: 1.75em; }

.arch #archLink a,
.proj #projLink a,
.rpg #rpgLink a,
.pic #picLink a,
.ego #egoLink a
{ border-color: #f00 #fff #fff; background: #000; color: #f00; font-style: italic; }

/* }}} *************************************************************/
/* {{{ sidebar (right) */

#sidebar { position: absolute; top: 61px; right: 1.25em; z-index: 100; width: 18em;
    font-size: 1em; line-height: 1.2;
    padding: 1.75em 0 0; margin: 0;
    color: #5a5a5f; }
#sidebar .section a { text-decoration: none; }
#sidebar .section a:hover { text-decoration: underline; }

#sidebar .section { margin: 1em 0 0; padding: 1em 1em 0 3em; border: 1px dotted #fff; }
#sidebar .section h4, #sidebar .section h5 { margin: 0 0 0.25em; padding: 0 0.5em 0 0;
    font-size: 95%; line-height: 1; font-style: italic;
    border-bottom: 1px solid #f00; color: #666; }
#sidebar .section ul { list-style: none; margin: 0 1em 0 0.25em; padding: 0; font-size: 90%; }
#sidebar .section li { margin-left: 1em; text-indent: -1em; }
#sidebar .section .more { float: right; 
    font-style: italic; text-align: right; font-size: smaller; }
#sidebar .section .more a { padding-left: 15px; }

#sidebar #searchform { text-align: right; margin-right: 1em; }

/* }}} *************************************************************/
/* {{{ Sidebar links (list) */

ul#categories, ul#categories ul { list-style: none; margin: 0 1em 0 0.25em; padding: 0; }
ul#categories { font-size: 90%; }
ul#categories li { margin-left: 1em; text-indent: -1em; }
ul#categories ul { display: normal; }
ul#categories a.toggleOff { padding: 0 0.25em 0.25em 0; }

/* }}} *************************************************************/
/* {{{ footer */

#footer { margin: 3em 18em 0 12em; padding: 0.5em 0 3.5em; border-top: 1px solid #ccc; text-align: center; color: #666; background: #fff; }
#footer p { line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

/* }}} *************************************************************/