/* 
Template: katharsis
Theme Name: Katharsis Theater
Description: Two column based on Ubu Roi. Based on Dark Maple.
Author: Drake Creative LLC
Author URI: http://www.drakreate.com
.
Distributed under the same license (GPL) as the WP package.

Odyssey interface and Gemini template for WordPress 1.3 designed and built 
by Root http://www.atthe404.com/, updated for 1.5 by Stuart http://thebombsite.com. Redistributed by not (that) ugly designs http://not-that-ugly.co.uk
.
*/

/* ----   Structure   ------ */

body     { color: #333; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; background: #981307; text-align: center; margin: 0; padding: 0 }
a.index { color: #900; font-size: 30px; font-family: cursive, Georgia; font-style: italic }
a.body { color: #900 }
#rap  { background: #fff url(images/bar.gif) repeat-y right 50%; text-align: left; margin: 20px auto; width: 772px; border: solid 1px #333 }

#rapsing  { background: #fff; text-align: left; margin: 20px auto; width: 772px; border: solid 1px #333 }

#masthead    { background: #241e21 url(images/logo.jpg) no-repeat left top; height: 191px; border-bottom: 1px solid #241e21 }

#main {
 }

#content {
	float: left;
	width: 591px;
}

#contentsing { /*for single pages*/
	float: left;
	width: 770px;
}

#menu {
	float: right;
	width: 175px;
}
#menu1   { background-image: url(images/costume.gif); background-repeat: no-repeat; width: 175px; height: 750px; float: right }
#splash   { color: #333; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; background-image: url(images/indexback.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; width: 772px; height: 600px }
p.splash  { text-align: left; margin: 0; padding-top: 75px; padding-right: 200px; padding-left: 30px }
p.splash2 { text-align: left; margin: 0; padding-right: 200px; padding-left: 0 }
#nav {
	padding-left: 10px;
	padding-right: 3px;
 }

#hmenu {
	margin: 0;
	padding: 0;
}

#hnav  { background: #000; padding: 0 175px 0 0; height: 22px; border-top: 1px solid #333; border-bottom: 1px solid #333 }

#clearer {
	clear: both;
	margin: 0;
	padding: 0;
}

#footer  { background: #333; margin-bottom: 0 }

#test {
	width: 450px;
}

/* -------------------------- WordPress Stuff ------------------------------ */

a  { color: #fff }

a img {
	border: none;
}

/*a:visited {
	color: #;
}*/

a:hover  { color: #ccc }

acronym, abbr {
	border-bottom: 1px dashed #711323;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote  { background: #fff; margin-left: 1.5em; padding-right: 10px; padding-left: 5px; border-style: solid; border-width: 1px 5px 1px 1px; border-color: #a87040 }

.center {
	text-align: center;
	margin-top: 25px;
}

cite {
	font-size: 90%;
	font-style: italic;
}

.pagetitle {
	margin-top: 40px;
	text-align: center;
	}

#header a {
	color: #db0017;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

h1 {
margin: 0;
padding: 40px 20px 20px 20px;
text-align: left;
}

h2  { font: italic bold 100% Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em; margin-top: 10px; margin-bottom: 0 }

h3  { color: #c91d30; font: bold 140% Verdana, Arial, Helvetica, sans-serif; margin-top: 0; padding-bottom: 0; border-bottom: 1px dotted #981307 }


h3 a:hover {
	color: #241E21;
}

ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {
	font: 90%/175% Georgia, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.small  { font: 60%/120% Georgia, "Times New Roman", Times, serif }

.textarea {
width:200px;
margin:0;
}

#commentform  #comment{
width:450px;
margin:0;
}

#content ul{
	list-style-type: none;
}

/* ------------------------- Classes used by the_meta() ---------------------*/


ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit  { color: #999; font-size: 70%; text-align: center; margin: 10px 0 0; padding: 3px; border-top: 3px double #333 }

.credit a:link, .credit a:hover, .credit a:visited {
color: #fff;
text-decoration: none;
}

.feedback {
	color: #711323;
	text-align: right;
	clear: both;
	margin-right: 30px;
	font-size: 90%;
	padding-left: 25px;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a  { color: #999; font-weight: normal; letter-spacing: 0 }

.post {
	margin-top: 35px;
	margin-right: 45px;
	margin-left: 35px;
	text-align: justify;
}

.storytitle {
	margin-top: 10px;
	margin-bottom: 2px;
	color: #981307;
}

.storytitle a {
	text-decoration: none;
	color: #981307;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea  { background: #999; padding: 0.2em; border: solid 1px #a87040 }

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentspopup  { background: #ccc; text-align: left }

input#s  { color: #711323; background: #ccc; width: 40%; border: solid 1px }*

input#searchsubmit  { color: #ccc; background: #981307; border: solid 1px #711323 }

/* ----------  All menu styling except #menu itself (in layout above) ------- */

#nav form {
	margin: 0 0 0 13px;
}

/*#nav input#s {
	width: 80%;
	background: #ffedd6;
	border: 1px solid #711323;
	color: #711323;
}  ---- if you put the search form in the sidebar, decomment this*/

#nav ul   { color: #333; font-weight: bold; list-style-type: none; margin: 0; padding-left: 3px }

#nav ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	margin-top: 10px;
	padding-bottom: 2px; 
	font-weight: bold;
}

#nav ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#nav ul ul li {
	border: 0;
	font: normal normal 70%/115% Georgia, 'Times New Roman', Times, serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#nav ul ul li a   { color: #666; text-decoration: none }

#nav ul ul li a:hover {
	border-bottom: 1px solid #ffedd6;
}

#nav ul ul ul.children {
	font-size: 100%;
	padding-left: 4px;
}

#nav ul li ul li ul li{
	border: 0;
	font: normal normal 100%/115% Georgia, 'Times New Roman', Times, serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

/* ---------------------------- WP Calendar styling --------------------------*/

#wp-calendar  { font-size: 14px; background: #999; margin: 0; width: 90%; border: solid 1px #711323; empty-cells: show }

#wp-calendar #next a  { color: #333; background: #ccc; text-align: right; padding-right: 10px }

#wp-calendar #prev a  { color: #666; background: #ccc; text-align: left; padding-left: 10px }

#wp-calendar a {
	display: block;
	text-decoration: none;
	background: #981307;
	color: #fff;
}

#wp-calendar a:hover  { color: #711323; background: #ccc }

#wp-calendar caption  { color: #333; font: italic bold 110% "Times New Roman", Times, serif; text-align: left; margin-top: 15px }

#wp-calendar td  { color: #000; font: 12px Georgia, "Times New Roman", Times, serif; text-align: center; letter-spacing: normal; padding: 2px 0 }

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today  { color: #fff; background: #711323 }

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/*-------    Horizontal menu -- if you don't use it, delete below till Misc.   ----------*/
#navcontainer
{
margin: 0;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
  { color: #fff; font: 11px/22px Georgia, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; background: #666; text-align: center; display: block; margin: 0; padding-top: 0; width: 78px; height: 22px; border-right: medium none }

#navcontainer ul li a:hover
 { color: #ccc; background: #981307 }

#navcontainer a:active
 { color: #ffedd6; background: #a87040 }

#navcontainer li#active a /*not in use*/
 { color: #fff; background: #666; border: solid 1px #900 }

/*-------------    Misc.  ----------*/

.slogan { /*blog tagline*/
color: #fff;
margin-left: 50px;
font-size: 20px;
}

.navigation { /*paged navigation stuff*/
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	margin-right: 30px;
	margin-left: 30px;
	}
		
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
.alt  { background-color: #ccc; border-top: 1px solid #a87040; border-bottom: 1px solid #a87040 }
	
.alt {
	margin: 0;
	padding-left: 8px;
	padding-right: 4px;
}
	
.paged {
	margin-left: 30px;
}
p.credit { color: #ccc; font-size: 10px; line-height: 12px; margin-top: 0; border-width: 0 }
p.splnav { color: #ccc; font-size: 11px; font-weight: bold; margin: 0; padding-bottom: 0; border-width: 0 }