/*  
Theme Name: Lunar Rhythms
Author: Sandi Gauder/Heather Chapman
Author URI: http://cmswebsolutions.com/
Description: Based on State of Mind theme http://the-cloisters.net/themedemos/?SelectedTheme=State+Of+Mind. 3 Column Split, widget-ready theme reminiscent of Old World Style with red leather and wood highlights.  Fixed width featuring an author box, author info page, gravatars and along with custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WP 2.7.
*/

p {
	margin: 10px 0;
}
ul, ol {
	width: 90%;
	margin: 15px;
	padding-left: 15px;
	list-style-position: outside;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
img {
	border: none;
}
a, a:visited {
	color: #993;
}
a {
	font-weight: bold;
}
a:visited {
	font-weight: normal;
}
a:hover {
	color: #231f20;
}
h1, h2, h3, h4, h5 { 
	color: #993; 
	font-weight: normal;
	margin: 10px 0 0;
}
h1 {
	margin: 20px 0;
	font-size: 1.8em;
}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
hr {
	border: none 0;
	border-top: 1px solid #eee;
	width: 80%;
	height: 1px;
	margin: 20px;
	text-align: center;
	clear: both;
}

/***** MAIN CONTENT *****/
body { 
	margin: 0px auto;
	color: #231f20;
	font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #fbf7e7 url(img/topbar.gif) 50% 0 repeat-x;
	text-align: center;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 952px;
	overflow: auto;
}
.postmetadata { margin: 10px 0 0 0; font-size: 1em; }
.date {	font-size: 1em; }

#author-box h2, 
#author-box h4 { color: #61574a; background: none; border: none; padding-bottom: 5px;}

#header {
	width: 952px;
	height: 292px;
	background: url(img/header.jpg) no-repeat;
	float: left;
}
/* --- navigation --- */
ul#nav {
	position: absolute;
	top: 250px;
	margin: 0;
	padding: 0;
	width: auto;
	list-style-type: none;
	color: #fff;
	float: left;
}
ul#nav li {
	padding: .3em 0;
	font-size: 1.6em;
	line-height: 30px;
	float: left;
}
html>body ul#nav li {
	padding: .5em 0;
}
ul#nav a,
ul#nav a:visited {
	margin: 0 6px;
	padding: 0 6px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	float: left;
}
ul#nav a:hover,
ul#nav a:focus {
	color: #fff;
	background: #7f7f2a;
}
ul#nav a.first  {
	margin-left: 0;
}
.hidden {
	display: block;
	position: absolute;
	left: -9999em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #7f7f2a 1px solid; padding: 3px; background: none; }
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; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #993; text-align: center; background-color: #fff;   padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
img.avatar { float:left; margin: 5px; border: #afb997 1px solid; }
#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

/***** SUBSCRIPTION *****/
.subscribe  { background: url(img/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: -20px 0 0 40px; padding: 6px 0 6px 15px; text-decoration: none; }
.subscribe a:hover { text-decoration: none; }
#content {
	width: 952px;
	font-size: 1.2em;
	line-height: 1.6em;
	background: url(img/copybg.gif) repeat-y;
	float: left;
}
div#center-col {
	margin: 0;
	padding: 20px 40px 20px 0;
	width: 720px;
	float: left;
}
/***** SIDEBAR *****/
div#right-col {
	margin: 0;
	width: 172px;
	font-size: 1.2em;
	float: left;
}
div#right-col h2 {
	padding: 10px;
	color: #7f7f2a;
	font-size: 1.2em;
	line-height: 110%;
	font-weight: normal;
}
div#right-col ul {
	list-style: none;
	margin: 5px 0;
	padding: 0 0 0 10px;
}
div#right-col li a,
div#right-col li a:visited {
	text-decoration: none;
	color: #633;
	display: block;
	font-weight: normal;
}
div#right-col li a:hover,
div#right-col li a:focus {
	color: #000;
}
li.cat-item { padding-bottom: 5px;}
/***** SEARCH *****/
#searchform { margin: 0 10px auto; padding: 5px 0;}
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align:center; background:#dcd7bc; margin:0 0 10px 0;
padding:0; width: 85%; border: #61574a 3px double; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height:10px; font-size:10px; color:#333; font-variant:  small-caps; }
#wp-calendar td a { display:block; color:#333; text-decoration:none; line-height:10px;
font-weight:bold; font-variant: small-caps; font-size:10px; }
#wp-calendar #prev a { width:30px; font-variant: small-caps; }
#wp-calendar #next a { width:30px; margin:0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background:#600000; color:#d7d7bf; font-variant: small-caps; }
#wp-calendar #today a { color:#d7d7bf; font-weight:700; font-variant: small-caps; }
#wp-calendar caption { text-align: center; width: 85%; margin: 5px 0 5px 0; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; font-size:12px; }

/***** COMMENTS *****/
.comments-template { border-top: 1px solid #dcd7bc; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.commentmetadata { font-size: 1em; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-size: 1.2em; background: #fff; }
.authorcomment { background: #bab195; }

/***** FOOTER *****/
#footer {
	margin: 0px auto;
	position: relative;
	width: 952px;
	padding: 5px 0;
	font-size: .8em;
	clear: both;
}
#footer h2 {
	margin: 0;
	text-align: center;
	color: #222;
}
#footer h2 a:visited, #footer h2 a:link {
	color: #222;
	text-decoration: none;
}
#footer h2 a:hover {
	color: #222;
	text-decoration: none;
}