/*
Theme Name: rev-els
Theme URI: http://erikanderica.org/erica
Description: The theme for Erica Schemper’s blog
Author: Erik Vorhes
Author URI: http://erikanderica.org/

Design copyright (c) 2005 Erik Vorhes, all rights reserved. Feel free to use the CSS as inspiration, but create your own images.
*/

/* reset margins */
* {
    margin: 0;
    padding: 0;
    }

/* general styles */
body {
    background: #FFF;
    color: #000;
    font: 62.5%/1.5em Verdana, sans-serif;
    text-align: center;
    }
a:link,
a:visited { text-decoration: none; }
a:link { color: #009; }
a:visited { color: #60C; }
a:hover,
a:active { text-decoration: underline; }
abbr,
acronym,
dfn {
    cursor: help;
    font: inherit;
    border-bottom: 1px dotted #999;
    }
address { font-style: normal; }
code {
    color: inherit;
    font-family: Monaco, monospace;
    }
del { text-decoration: line-through; }
img {
    border: 1px solid silver;
    display: block;
    margin: 1.5em auto;
    max-width: 100%;
    }
* html img { width: 100%; }
p.image-mult { clear: left; }
ins { text-decoration: none; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
q:before { content: open-quote; }
q:after { content: close-quote; }

/* #wrap */
#wrap {
    margin: 0 auto 1em;
    overflow: hidden;
    width: 90%;
    text-align: left;
    }

/* #header */
#header {
    background: #FFF url(h-imgs/rotator.php) no-repeat 0 0;
    height: 200px;
    margin: 0 2% 2em 4%;
    }
#header h1 {
    color: #FFF;
    font: bold italic 6em "omnes-pro-1", "omnes-pro-2", "myriad-pro-1", "myriad-pro-2", "Myriad Pro", Myriad, "Trebuchet MS", serif;
    padding: .25em .25em 1em;
    text-align: left;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.9);
    }
/*.wf-bellopro1bellopro2-n4-active #header h1 {
    font: 4.8em "bello-pro-1", "bello-pro-2";
}*/
#header h1 a {
    color: #FFF;
    text-decoration: none;
    }

/* #content */
#content {
    display: inline;
    float: left;
    margin: 0 4% 1em 4%;
    width: 59%;
    }
.metadata {
    clear: left;
    color: #999;
    text-align: right;
    }

/* #content -- #content */
#content h2,
#content h2 a {
    color: #900;
    }
#content h2 {
    font: 1.8em "myriad-pro-1", "myriad-pro-2", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, sans-serif;
    margin: 0 0 .25em;
    }
#content h3 {
    color: #900;
    font: bold 1.4em "myriad-pro-1", "myriad-pro-2", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, sans-serif;
    margin: .5em 0 .25em;
    text-align: center;
    }
#content h4 {
    color: #900;
    font: bold 1.2em "myriad-pro-1", "myriad-pro-2", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, sans-serif;
    margin: .25em 0 0;
    }
#content ol,
#content ul,
#content p { font-size: 1.1em; }
#content ol,
#content ul,
#content blockquote {
    color: #333;
    margin: 1em 0 1em 4em;
    }
#content li {
    margin: 0 0 .5em;
    }
#content p { margin: 1em 0; }
#content .metadata { font-size: .9em; }
#content #s {
    margin: 1em .5em 1em 0;
    width: 50%;
    }
#content #searchsubmit { margin: 1em 0; }
#content .alignleft,
#content .alignright {
    font-size: .9em;
    font-weight: bold;
    }
.alignright { float: right; }
.figure {
    border: 1px solid #CCC;
    float: right;
    margin: 0 0 5px 5px;
    padding: 5px;
    width: 25%;
    }
.figure img { width: 100%; }
#content .figure p {
    color: #999;
    font-size: .9em;
    margin: 0;
    }

/* #content -- #content -- #post */
.post {
    clear: both;
    margin: 0 0 2em;
    }
#content .post h3 {
    font-size: 1.4em;
    margin: 2em 0 -.75em;
    text-align: left;
    }
.post h3 a:link,
.post h3 a:visited { color: #900; }
.postmeta {
    background: #CCC url(postmeta-bot.gif) no-repeat bottom left;
    clear: both;
    float: right;
    margin: 0 0 5px 5px;
    padding: 0 0 5px;
    text-align: center;
    width: 25%;
    }
.postmeta h5 {
    background: #CCC url(postmeta-h5.gif) no-repeat top right;
    color: #666;
    font-size: .9em;
    letter-spacing: .05em;
    padding: 5px 1px 0;
    text-transform: uppercase;
    word-spacing: .05em;
    }
.postmeta span {
    display: block;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: 0;
    }
    
/* #content - .commentmaterials */
.commentmaterials h3 {
    color: #900;
    font-size: 1.4em;
    margin: 2em 0 1em;
    }
.commentmaterials p { margin: .5em 0; }
.commentmaterials blockquote { margin-left: 4em; }
.commentmaterials .commentlist {
    list-style-type: none;
    margin: .5em 0;
    }
.commentmaterials li {
    background: #CCC;
    margin: 0;
    padding: 5px;
    }
.commentmaterials .alt {
    background: #FFF;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    }
.commentmaterials .metadata { font-size: .9em; }
.nocomments {
    color: #666;
    font-weight: bold;
    text-align: center;
    }
.instructions {
    color: #999;
    font-size: .9em;
    margin: 1em 0;
    }
.info input {
    margin: 0 .5em 0 0;
    width: 25%;
    }
.info label {
    color: #999;
    font-size: .9em;
    }
.commentmaterials textarea { width: 100%; }

/* #sidebar */
#sidebar {
    display: inline;
    float: right;
    margin: 0 2% 1em 1%;
    width: 29%;
    }
#sidebar h3 {
    clear: both;
    color: #8D0606;
    font-size: 1.2em;
    margin: 1.5em 0 .25em;
    }
#sidebar p { clear: both; }
#sidebar ul { margin: 0 0 0 1.5em; }
#sidebar #s {
    float: left;
    margin: 1em 0 2em;
    width: 73%;
    }
#sidebar #searchsubmit {
    float: right;
    margin: 1em 0 2em;
    width: 25%;
    }
#nav ul {
    letter-spacing: .1em;
    list-style-type: none;
    margin: 0 0 1.25em;
    text-align: center;
    text-transform: uppercase;
    }
#nav a { font: bold 1.2em "myriad-pro-1", "myriad-pro-2", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, sans-serif; }
#nav li {
    display: inline;
    padding: 0 .2em 0 0;
    }
#RevGalBlogPals {
    border-top: 1px solid #ccc;
    margin: 4em 0 0;
    padding: .5em 0 0;
    text-align: center;
    }
#RevGalBlogPals p {
    margin: 1em 0 0;
    }
#RevGalBlogPals .r {
    text-align: right;
    }

/* #footer */
#footer {
    background: #FFF;
    border-top: 1px dotted #CCC;
    clear: left;
    color: #333;
    line-height: 1.25em;
    margin: 1em 2% 1em 4%;
    padding: 1em 35% 0 0;
    }
#footer p { margin: 0 0 1.25em; }

.single { text-align: left; }