﻿/*
Theme Name: rev-els
Theme URI: http://erikanderica.org/erica
Description: The theme for Erica Schemper&#8217;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;
	width: 300px;
	}
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 2.4em "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, sans-serif;
	padding: .25em .25em 1em;
	text-align: left;
	text-shadow: 0.1em 0.1em 0.3em #000;
	}
#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", Myriad, "Trebuchet MS", Trebuchet, sans-serif;
	margin: 0 0 .25em;
	}
#content h3 {
	color: #900;
	font: bold 1.4em "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", 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", 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; }