/*  
Theme Name: Sacred Space
Theme URI: http://www.websitesbyjen.com
Description: A wordpress theme by Jen Rotar
Version: 1.0
Author: Jen Rotar
Author URI: http://www.websitesbyjen.com

The CSS, XHTML is released under a Creative Commons License
http://creativecommons.org/licenses/by/2.5/
*/




/*

1. Universal Declarations
2. Structure
	2.1. Header
	2.2. Content
	2.3. Comments
	2.4  Sidebar
	2.5  Footer
3. Lists
4. Headings
5. Images
6. Forms
7. Page Specific
8. Extras
*/





/* Universal Selectors

----------------------------------------------------------------------------- */



	*  {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}

	

	* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
		color: #51512C;
		}
	* a:hover, * a:active {
		text-decoration: none;
		color: #663;
		}
		
	* a:hover {
		cursor: pointer;
		/* works well for onclick anchors */
		}



	* a:active {
		outline: none;
		}

		

	:focus {

		-moz-outline-style: none;

		}

/* Structure

----------------------------------------------------------------------------- */

	html { 
		background: #cc9;
		}

	body {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size: 100%; /* Sets the page font to 10px */		
		text-align: center;
		color: #51512c;
		padding: 0;
		}


#wrapper {

	width:800px;
	\width:802px;
	w\idth:800px;
	padding:0;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #c9cEA4;	
	border: 1px solid #F9E69A;
	min-height: 500px;

		}

		

#header {
	width:100%;
	margin: 0;
	padding: 0;

		}

#banner
	{
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #c9cEA4;
	border-bottom: 5px solid #F9E69A;
	}

#banner ul
 { 
	padding: 0;
	margin: 15px 0 5px 0;	
}

#banner ul li
 { 
	text-align: left;	
	display: inline;
	padding: 0;
	margin: 0;	
}

#banner  #current {
	background-image: url(http://www.anneknorr.com/images/navbg.gif);
	background-repeat: no-repeat;
	background-position: top left;	
      }

#banner   #current a {
	background-image: url(http://www.anneknorr.com/images/navbg.gif);
	background-repeat: no-repeat;
	background-position: top left;	
      }	
			
#banner a
{
font-family: verdana, "lucida console", sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: 500;
text-decoration: none;
line-height: 1.2em;
padding: 5px 15px 5px 25px;
margin: 20px 0 0 0;
border: 0;
}
	
#banner a:link
{

color: #51512c;
} 

#banner a:visited
{

color: #51512c;
}

#banner a:hover
{
	background-image: url(http://www.anneknorr.com/images/navbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #000;
;	
}

#banner a:active
{
	background-image: url(http://www.anneknorr.com/images/navbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #000;
;	
} 

#content {
margin: 0;
padding: 0;
text-align: left;
float:left;
width: 600px;
background-color: #ffc;
min-height: 500px;
	background-image: url(http://www.anneknorr.com/images/nautilusbg.jpg);
	background-position: top left;
	background-repeat: repeat;	
		}

		
	.content {
		margin: 0;
		padding: 5px;
		}

		

	#sidebar {
		float: right;
		margin:0;
		padding: 0;
		text-align: left;
		float: right;
		width: 190px;
		background: #c9cEA4;
		}

		

	/* Header

	----------------------------------------------------------------------------- */

	

		#header h1 a {

			font-size: 12pt;
			padding-bottom: 5px;
			color: #063;

			}

			

		#header p.description {

			padding-top: 5px;
font-size: 10pt;

			}

					

		ul.mainmenu {

			list-style: none;
			display: block;
			overflow: auto;
			height: 1%;
			padding: 20px 1px 1px 0;
			}

		

		.homepage ul.mainmenu {

			padding: 20px 1px 1px 155px;

			}

		

		.mainmenu li {

			float: left;
			position: relative;

			}

			

		.mainmenu li a {

			_width: 1%;

			/* Or else IE6 does a crappy of job of displaying the menu */

			height: 15px;

			display: block;

			padding: 15px;

			text-transform: uppercase;

			font: bold 1em arial, helvetica, verdana, sans-serif;

			color: #888;

			}

		

		.mainmenu li.home a {

			padding-left: 0;

			}

		

		.homepage .mainmenu li.home a {

			padding-left: 15px;

			}

		

		.mainmenu li a:hover {

			color: #999;

			text-decoration: underline;

			}

	

	

	

	

				

	/* Content

	----------------------------------------------------------------------------- */

				

		#content h2 a {
			font: 12pt 'Lucida Grande', Verdana, Arial, Sans-Serif;		
			color: #51512c;
			}

	

		#content p a, #content .metadata a {
			font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif;	
			color: #51512c;
			padding-bottom: 2px;
			}

	

		#content p a:hover, #content .metadata a:hover {
			font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif;	
			}

			

		#content p a:visited, #content .metadata a:visited {

			color: #51512c;

			}

	

		#content p {

			font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
			padding: 1.2em 0;
			color: #51512c;
			text-align: left;
			}

	

		#content .post h3 {

			font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
			padding-top: 20px;
			}

						

		#content .post-contain {
			font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
			overflow: auto;
			height: 1%;
			clear: both;
			padding: 0 0 50px;
			}

			
		#content .postright {

			float: right;
			width: 500px;

			}

	#content blockquote
	{
		margin: 0 auto;	
		padding: 0;
		width: 50%;
	}
			
	#content blockquote p 
	{
		margin: 0;
		padding: 0;
		font: 1-pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
		font-weight: bold;
		font-style: italic;
		}					
					

		#content ul.metadatafront {
font-size: 9pt;
                        display: inline;

			}

		

		#content ul.metadatafront li {
font-size: 9pt;
display: inline;			
padding: 2px 0;

			background: none;

			}

			

		#content ul.metadatafront li.category ul li {
			padding-left: 25px;
			background: url(images/icon_folder.gif) center left no-repeat;
font-size: 9pt;
			}

		

		#content ul.metadatafront li.category ul {

			margin: 0;
			padding: 0;
			}

			

		#content ul.metadatafront li.date {
font-size: 9pt;
			padding-left: 25px;
			background: url(images/icon_date.gif) center left no-repeat;
		}

			

		#content ul.metadatafront li.leave_comment {
	font-size: 9pt;	
			padding-left: 25px;
			background: url(images/icon_comments.gif) center left no-repeat;

			}

			

		#content .metadata {
font-size: 9pt;
			padding: 10px;

			background: #f8f8f8;

			border: 1px solid #ddd;

			margin: 5px 0 40px;

			}

	

	

	

	

	

	/* Comments

	----------------------------------------------------------------------------- */

	

		#comments {

			overflow: auto;
			height: 1%;

			}

	

		.commentlist {

			width: 360px;
			float: left;

			}

			

		#respond {

			width: 300px;
			float: right;

			}

				

		.respond {

			padding: 25px 0 0 25px;

			}

					

		.commentlist li {

			/* This fixes a Firefox / Safari bug where the bottom border sometimes shwoed up and sometimes don't */

			margin: 5px 0;
			padding: 10px 0 5px 0;
			list-style-type: none;
			width: 100%;
			overflow: auto;
			height: 1%;
			}

			

		.comment_number a {

			font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
			float: right;
			padding-right: 10px;
			margin-top: -0.8em;
			color: #663;

			}

			

		.comment_author {

			font-size: 11pt;

			}

			

		h3#comments {

			display: block;
			font-size: 11pt;
			}

	

		#commentform input, #commentform textarea 
			{

			width: 95%;

			}

		

		#commentform textarea {

			padding-right: 1px;

			}

		

		#commentform p {

			padding: 5px 0;

			margin: 0;

			}

		

		#commentform label {

			text-transform: uppercase;

			font: 1.1em arial, helvetica, verdana, sans-serif;

			}

		

		#commentform #submit {

			width: auto;

			background: #f8f8f8;

			border: 1px solid #ccc;

			margin-top: 15px;

			text-transform: uppercase;

			font-size: 10pt;

			padding: 5px 10px 3px 10px;

			}

	

	

	

	

	/* Sidebar

	----------------------------------------------------------------------------- */


		#sidebar h2 {
	
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			font-size: 12pt;
			display: block;
			margin-bottom: 5px;
			}

		

		#sidebar ul.sidebar {
			margin-left: 15px;
			list-style: none;
			font-size: 10pt;

			}

	

		#sidebar ul li.side {
			list-style: none;
			font-size: 10pt;	
			padding-bottom: 10px;

			}

			

		#sidebar div {

			border-bottom: 1px solid #F9E69A;

			}
		

		#sidebar ul li a {
			list-style: none;
			line-height: 1.2em;

			}

			

		#sidebar ul li ul li ul {
			list-style: none;
			padding-left: 15px;

			}

			

		#sidebar ul li ul li ul li ul {
			list-style: none;
			padding-left: 30px;

			}

	

	

	

	

	

	/* Footer

	----------------------------------------------------------------------------- */

	
#images
	{
	clear: both;
	width: 100%;
	background-color: #f2f1b8;
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 5px solid #F9E69A;	
	}
	
#images img
{
	background-color: #c9cEA4;	
	border: 0;
	margin: 2px 2px;
	padding: 0;
}
	

	#footer
	{
	width:100%;
	background-color: #c9cEA4;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#footer p
	{
	margin: 5px;
	font-family: verdana, "lucida console", sans-serif;
	font-size: .65em;
	font-weight: normal;
	color: #000;	
	} 	
	
#footer a
	{
	font-weight: normal;
	text-decoration: none;
	}

#footer a:link
	{
	color: #000;
	}
#footer a:visited
	{
	color: #000;
	}
#footer a:hover
	{
	color: #663;
	} 	
#footer a:active
	{
	color: #663;
	} 		 		 	 		














/* Lists

----------------------------------------------------------------------------- */



	#content ul, #content ol {

		line-height: 1.25em;
		padding: 15px 0 15px;

		}



	#content ul li a, #content ol li a {

		line-height: 1.5em;

		}



	#content .postright ol, #content .post ol {

		padding-left: 25px;
		*padding-left: 30px;

		}

	

	#content ul li {

		padding-left: 15px;

		background: url(http://www.anneknorr.com/images/nautilus.gif) center left no-repeat;

		}

	

	#content ul li a {

		padding: 0 !important;
		margin: 0 !important;

		}

			





/* Headings

----------------------------------------------------------------------------- */



	h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {

		color: #663;
		font-weight: normal;
	font-family: verdana, "lucida console", sans-serif;
		}



	h1 {

		font-size: 2em;

		}



	h2 {

		font-size: 1.75em;

		}



	h3 {

		font-size: 1.2em;

		}



	h4 {

		font-size: 1em;

		}

		

		

		

		

		

/* Images

----------------------------------------------------------------------------- */



	#content img {

		padding: 10px;
		border: 1px solid #c9cea4;
		max-width: 100%;
		display: block;
		margin: 0 auto;

		}



	#content img.none {

		border: 0;
		max-width: 90%;
		margin: 0 auto;

		}

		

	#content img.wp-smiley {

		border: 0;

		padding: 0;

		margin: 0;

		display: inline;

		/* For whenever one uses smileys in posts */

		}











/* Forms

----------------------------------------------------------------------------- */



	.searchform {

		width: 250px;

		float: right;

		text-align: right;

		}

	

		

		

		

/* Page Specific

----------------------------------------------------------------------------- */



	.last_20 li {

		line-height: 2em;

		}



	.archive_date {

		width: 100px;

		float: left;

		}

		

	/* This is if you use the current page-archives.php for your archives */

		

	h2.pagetitle {

		display: block;

		text-align: center;

		padding: 10px;

		background: #f8f8f8;

		border: 1px solid #ddd;

		text-transform: uppercase;

		font-size: 1.4em;

		margin-bottom: 30px;

		}

					

			

			

			

			

/* Extras

----------------------------------------------------------------------------- */



	blockquote {

		margin: 0;
		padding: 0;
		font: 12pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
		padding-top: 5px;
		text-align: center;
		font-style: italic;
			}



	html>body blockquote {

		background-position: 0 0;

		}

		

	.center {

		text-align: center;

		}



	hr {

		display: none;

		}