/*
Theme Name: Timeless Grace
Theme URI: http://www.leliathomas.com
Version: 1.0
Description: Light greens, yellows, purples and browns with earthly elements of grass and classic art. Little girl in design is part of William Bouguereau's well known painting, "The Little Marauder" (1900).
Author: Lelia Katherine Thomas
Author URI: http://www.leliathomas.com
*/

/* Basics
----------------- */
html, body {
	background: #DBDAC3 url(images/background.gif) repeat-y 50% 0%;
	margin: 0;
	padding: 0;
	}
	
#secondbackground {
	/*background: url(images/secondbackground.jpg) repeat-x 50% 0%;
	OR CHOOSE TO USE BACKGROUND WITHOUT IMAGE FROM PAINTING
	background: url(images/secondbackground4.jpg) repeat-x 50% 0%; */
	background: url(images/secondbackground.jpg) repeat-x 50% 0%;
	height: 370px;
	margin: 0 auto;
	padding: 0;
	}
	
.imgleft {
	background: #DBDAC5;
	border: 5px solid #453E36;
	float: left;
	margin: 3px 15px 5px 0;
	}
	
.imgright {
	background: #DBDAC5;
	border: 5px solid #453E36;
	float: right;
	margin: 3px 0 5px 15px;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
/* Basic Design Elements
------------------------------------- */
#title {
	color: #F9F6E3;
	font-family: "Times New Roman", Georgia, "Palatino Linotype", serif;
	font-size: 27px;
	font-variant: small-caps;
	letter-spacing: 7px;
	/*CONSIDER INCREASING LETTER SPACING IF USING BACKGROUND WITHOUT PAINTING IMAGE
	letter-spacing: 10px; */
	padding: 13px 15px 0 2%;
	text-transform: uppercase;
	}

#title a:link, #title a:visited, #title a:hover {
	color: #F9F6E3;
	text-decoration: none;
	}
	
#container {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	}
	
/* Navigation
----------------------- */
#navigation {
	margin: 0;
	padding: 0;
	width: 500px;
	text-align: center;
	}
	
#navigation ul {
	height: 20px;
	margin: 0 0 15px -12px;
	padding: 15px 0 0 0;
	list-style-type: none;
	}
	
* html #navigation ul {
	padding-top: 20px;
	}

#navigation ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
	/* text-transform: lowercase; */
	}

#navigation ul li a:link, #navigation ul li a:visited {
	color: #74735B;
	padding: 0 0 4px 20px;
	text-decoration: none;
	}

#navigation ul li a:hover {
	color: #800;
	font-weight: bold;
	text-decoration: none;
	}
	
/* Content Elements
------------------------------- */
#content {
	float: left;
	margin: 0;
	padding: 117px 0 0 0;
	width: 500px;
	}
	
.post {
	padding: 0px 30px 5px 30px
	}
	
#content h1 {
	color: #855A13;
	font-family: Georgia, "Palatino Lintotype", "Times New Roman", serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#content h1 a:link, #content h1 a:visited, #content a:hover {
	color: #855A13;
	font-weight: normal;
	text-decoration: none;
	}
	
#content h2 {
	color: #8C8B6C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0;
	}
	
#content h2 a:link, #content h2 a:visited {
	color: #7F23A5;
	text-decoration: none;
	}
	
#content h2 a:hover {
	color: #7F23A5;
	text-decoration: underline;
	}
	
#content h3 {
	background: #E9E8D3;
	color: #74735B;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px 0 5px 0;
	padding: 5px;
	width: 90%;
	word-spacing: 1px;
	}
	
#content h3 a:link, #content h3 a:visited, #content h3 a:hover {
	color: #74735B;
	font-weight: bold;
	text-decoration: none;
	}
	
#content h4 {
	border-top: 1px solid #E9E8D3;
	color: #8C8B6C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: -15px 0 40px 0;
	padding-top: 3px;
	text-align: right;
	}
	
#content h4 a:link, #content h4 a:visited {
	color: #7F23A5;
	text-decoration: none;
	}
	
#content h4 a:hover {
	color: #7F23A5;
	text-decoration: underline;
	}
	
#content p {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 0;
	text-align: justify;
	}
	
#content p a:link, #content p a:visited {
	color: #8E9F59;
	font-weight: bold;
	text-decoration: none;
	}

#content p a:hover {
	color: #800;
	font-weight: bold;
	text-decoration: none;
	}

.post td {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 0;
	text-align: justify;
	}

.post td a:link, .post td a:visited {
	color: #8E9F59;
	text-decoration: none;
	}
	
.post td a:hover {
	color: #855A13;
	text-decoration: none;
	}
			
.post ul {
	list-style: none;
	margin: 0 15px 30px 15px;
	padding: 0;
	}

.post ul li {
	border-bottom: 1px solid #EFEBD1;
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 3px;
	}
	
.post ul li a:link, .post ul li a:visited {
	color: #8E9F59;
	text-decoration: none;
	}
	
.post ul li a:hover {
	color: #855A13;
	text-decoration: none;
	}

.post ol {
	margin: 0 15px 30px 15px;
	padding: 0;
	}

.post ol li {
	border-bottom: 1px solid #EFEBD1;
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;

	margin: 0 0 10px 0;
	padding: 3px;
	}
	
.post ol li a:link, .post ul li a:visited {
	color: #8E9F59;
	text-decoration: none;
	}
	
.post ol li a:hover {
	color: #855A13;
	text-decoration: none;
	}	
/* Sidebar Elements
------------------------------- */
#sidebar {
	float: right;
	padding-top: 30px;
	width: 200px;
	}
	
#sidebar h1 {
	background: #E9E8D3;
	color: #888769;
	margin: 5px 5px 0 5px;
	font-family: "Palatino Linotype", serif;
	font-size: 26px;
	letter-spacing: 3px;
	line-height: 24px;
	padding: 0;
	text-align: center;
	text-transform: lowercase;
	}
	
#sidebar ul {
	list-style: none;
	margin: 7px 15px 5px 15px;
	padding: 0;
	}
	
#sidebar ul li {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	margin: 0 0 2px 0;
	padding: 0;
	}
	
#sidebar a:link, #sidebar a:visited {
	color: #807485;
	font-weight: bold;
	text-decoration: none;
	}
	
#sidebar a:hover {
  color: #800;
	text-decoration: none;
	}
	
#sidebar p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 5px 4px 5px;
	}
	
#sidebar td {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}		

/* Registration Form */

#registerform {
	background: #E9E8D3;
	border-bottom: 4px double #FFF;
	border-top: 4px double #FFF;
	margin-left: -30px;
	padding: 10px 10px 10px 10px;
	width: 480px;
	}
	
#registerform td {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#holler_response {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

/* Comments
--------------------- */
#writecomment {
	background: #E9E8D3;
	border-bottom: 4px double #FFF;
	border-top: 4px double #FFF;
	margin-left: -30px;
	padding: 10px 30px 10px 30px;
	width: 440px;
	}
	
#writecomment p {
	padding: 3px 0 0 0;
	margin: 3px 0 0 0;
	}
	
#writecomment input, #writecomment textarea {
	background: #FFFEEF;
	border: 1px solid #DBDAC3;
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	}

#writecomment label {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}

#comment-body {
	padding: 5px;
	margin: 0;
	font-size: 8px;
	clear: both;
	display: block;
	}
	
#comment-body p {
	padding: 5px;
	margin: 5px 0 5px 0;
	}

.comment-wrapper {
	clear: both;
	display: block;
	margin: 2px 0 2px -30px;
	padding: 5px 30px 15px 30px;
	position: relative;
	overflow: hidden;
	}

#comment-posted {
	margin: 0 auto;
	padding: 5px;
	background: #E9E8D3;
	}
	
#comment-posted p {
	font-size: 11px;
	margin: 0;
	}	
	
/* Footer Elements
----------------------------- */
#footer {
	background: #C0C199;
	border-top: 1px solid #A4A07A;
	clear: both;
	margin: auto;
	padding: 0 5px 3px 5px;
	}
	
.footertext {
	color: #5D6244;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	}
	
#footer a:link, #footer a:visited {
	color: #F9F6E3;
	text-decoration: none;
	}

#footer a:hover {
	color: #800;
	text-decoration: none;
	}	
	
/* Miscellaenous Items
----------------------------------- */
.nextprevious {
	margin: -25px 30px 30px 30px;
	padding-bottom: 10px;
	text-align: center;
	}

#search {
	border-bottom: 1px solid #C6BBC7;
	height: 35px;
	margin: 0 5px 0 5px;
	text-align: center;
	}

#searchbar {
	background: #C1C097 url(images/searchbackground.gif) 3px 4px no-repeat;
	border: 1px solid #A1A07C;
	color: #3F3F33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 7px;
	text-transform: lowercase;
	}
	
code {
	background: #FFFDEF;
	padding: 5px;
	}
	
.commbox {
  overflow: auto;
  position:relative;
  display: block;
  margin: 0px 0px 5px 0px;
  padding: 10px;
  width:450px;
  border:1px solid #ddd;
  background:#f5f5f5;
  font:11px Lucida Sans Typewriter, Courier, monospace;
}	

#post-cal-3 {
	text-align: center;
	float:left; 
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/clip-bottom.gif) 
		right bottom no-repeat;
	width:2.2em;
	overflow:hidden; 
	margin: 2px 2px 0px 0px;
}

#post-month-3 {
	font-size: .9em;
	margin:0; 
	padding:0;
	padding-top:12px;
	background:url(/images/clip-top.gif) 
		center top repeat-x;
}

#post-date-3 { 
	font-size:1.4em;
	margin:0; 
	padding:0;
}
		
#searchbutton {
  margin-top:5px;
}