/*
Theme Name: Comfort Cafe
Theme URI: http://www.comfortcafe.net
Description: A custom theme created for Ruth Wood for Comfort Cafe.
Version: 1.0
Author: Natalie Jost
*/
p.alert 
{
background: #ffe;
padding: 2px 8px;
margin: 5px;
width: 710px;
border-left: 8px solid #ffa;
}
/* =DEFAULTS
------------------------------------------------------------------ */
* 
{
	margin:0;
	padding:0;
}
p 
{
	margin: 20px 0;
}
/* =LINKS
------------------------------------------------------------------ */
a 
{
	color: #6B3520; 
	text-decoration: none;
}
a:visited 
{
	color: #6B3520;
}
a:hover, a:active 
{
	color: #A2B761;
}
a img 
{
	border: none;
}
/* =IMAGES
------------------------------------------------------------------ */
/*.post img { max-width: 100%; }*/
img.alignleft {float:left; margin: 2px 10px 0 0;}
img.alignright {float:right; margin: 2px 0 0 10px;}

/* =LAYOUT
------------------------------------------------------------------ */
body {
	background: #f0ebdd url(back.jpg) repeat-y center top;
	font-size: small;
	color: #333;
	font-family: 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align: center;
}

#container 
{
	margin: 0 auto;
	width: 750px;
	background: transparent;
	text-align: left;
}
#content 
{
	float: right;
	display:inline;
	width: 530px;
	padding-right: 20px;
        font-size: 100%;
}

#sidebar {
	float: left;	
	display:inline;
        width: 180px;

} 
/* header */
#header a {
display:block;
height: 1%;
	padding:0;
        margin:0;
	background: #fff bottom center no-repeat url(header.jpg);
	border-bottom: 10px solid #6F3522;
	height:160px;
	width:750px;
}
#search input {background-color:#E1E1D9; border:1px solid #777;}
#search {float:right;width:200px;text-align:right;padding:5px;}
#login {width:500px;margin-bottom:10px;padding:5px;}
#footer 
{
	clear: both;
	font-size: 0.9em;
	text-align: left;
}
#footer img 
{
	border:none;
}
	/* Footer Styles */
	#footer p {
		margin: 0;
		padding: 10px 0 20px 0;
		background:transparent;
		border-top: 10px solid #6F3522;
		font-size: 0.9em;
		text-align: center;
	}


/* =SIDEBAR
------------------------------------------------------------------ */
#sidebar li h2 { display:none; }
#sidebar li { list-style:none; }
#sidebar ul {
	list-style-type: none;
	border-top: 2px solid #E4DBC3;
	width: 180px;
}
	#sidebar ul li a {
		display: block;
		height: 1%;
                width: 160px;
		padding: 1px 5px;
		background-color: #F7F1E0;
		border-bottom: 1px solid #E4DBC3;
		border-left: 10px solid #E4DBC3;
	} 
	#sidebar ul ul li a {
		background: #FCFCF8;
	} 

	#sidebar ul li a:hover {
		background: #FFF;
		border-left: 10px solid #704428;
		color:#704428;
	}
	#sidebar ul li a:active {
		background: #fff;
		border-left: 10px solid #704428;
		color:#704428;
	}

#sidebar h3 
{
	text-align:center;
}
#sidebar img.random 
{
	width:180px; 
	margin:0;
}


/* =FORMATTING
------------------------------------------------------------------ */
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {font-size: 90%;letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}
cite 
{
	font-size: 90%;
	font-style: normal;
}
h2 {
	font: 95% "Lucida Sans Console", Tahoma, sans-serif;
	padding-bottom: 2px;
}
h3 {
	display:block;
	margin: 25px 0 10px;
	border-bottom: 1px solid #704428;
	font-family: "Lucida Bright", Georgia, serif;
}
h3.storytitle a { text-decoration: none;  }

h4 {
	font-family: "Lucida Bright", Georgia, serif;
	margin: 20px 0 10px;
	border-bottom: 1px solid #E4DBC3;
	padding-bottom: 2px;
	color:#A2B761;
}
ol#comments li p 
{
	font-size: 100%;
}
p, li, .feedback
{
	font: 100%/175% Arial, Verdana, sans-serif;
	letter-spacing: 0px;
}
li
{
	font: 90%/175% Arial, Verdana, sans-serif;
}




/************************************************* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

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

.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: 90%;
}
span.print
{
background: url(print.gif) no-repeat left center;
padding-left: 20px;
margin-right: 10px;
}
span.email
{
background: url(email.gif) no-repeat left center;
padding-left: 20px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

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