/*
Theme Name: Elena Blog
Theme URI: http://www.vanderwykdesign.com
Description: Custom blog theme for Elena Storer Nitzberg
Version: 1
Author: Julia van der Wyk
Author URI: http://www.vanderwykdesign.com
*/


body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fdefc7;
}
#wrapper {
	width:975px;
	margin:0 auto;
	padding:0;
	border:1px #000 solid;
	background:#ccc48f;
	position:relative;
	z-index:0;
}
#sidebar {
	width:132px;
	float:left;
	background:#fdefc7 url(../../../images/border_sidebar.gif) right repeat-y;
	margin:0;
	padding:0;
}
#heading {
	width:480px;
	height:87px;
	position:absolute;
	top:0;
	left:265px;
	z-index:2000;
	background:#ba764f url(../../../images/border_heading.gif) bottom no-repeat;
	margin:0;
}
#extra {
	margin:0;
	padding:0;
}
#main {
	width:842px;
	float:right;
	margin:53px 0 0 0;
	border-top:1px #000 solid;
	padding:0;
	z-index:1;
}
#content {
	width:713px;
	float:left;
	margin:0;
	padding:0;
	background:#e9e5ce;
}
#text_area {
	margin:0;
	padding:0;
	float:left;
	width:534px;
}
#image_area {
	margin:0;
	padding:0;
	position:absolute;
	top:100px;
	right:20px;
	width:287px;
	z-index:3000;
}
#footer {
	width:100%;
	clear:both;
	margin:0;
	padding:20px 0;
}
/* Header Styles */
 
#heading h1 a {
	font-size:42px;
	color:#f9f6f6;
	font-weight:normal;
	margin:20px 5px 5px 5px;
	padding:0;
	line-height:1em;
	font-family:Garamond, Serif;
	text-decoration:none;
}
/* page navigation Styles */
#sidebar h2 {
	font-size:16px;
	text-align:left;
	font-weight:normal;
	color:#999;
	padding:3px 3px 3px 0;
	margin:8px 8px 5px;
}
#sidebar ul {
	margin:0 1px 0 0;
	padding:0;
	list-style:none;
	text-align:left;
	width:128px;
	background:#f3cf7d;
}
#sidebar li {
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px #000 solid;
	width:128px;
}
#sidebar a {
	color:#000;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:3px;
	margin:0;
	width:120px;
}
#sidebar a:hover {
	background:#fff;
}

#sidebar .secondary-nav a {
	color:#555;
	font-size:12px;
	padding-left:10px;
}
#sidebar .secondary-nav li {
	
}
#sidebar .secondary-nav li.widget {
	padding-left:0;
}
#sidebar .secondary-nav li.widget a, #sidebar .secondary-nav a {
	width:115px;
}
/* Text Styles */



#text_area p {
	font-size:12px;
	margin:1em 1em 1em 2em;
	padding:0;
	text-align:left;
}
#text_area p.paragraph_start {
	margin:4.5em 1em 1em 2em;
}
#text_area p.paragraph_end {
	margin:1em 1em 2.5em 2em;
}

#text_area p.meta {
	color:#555;
	font-style:italic;
	font-size:11px;
}
#text_area h2, #content h2.title {
	font-size:18px;
	text-align:left;
	margin:2.6em 1em 2em;
	padding:0;
}

#content h2.title {
	margin-bottom:0;
}
#text_area h2 a {
	text-decoration:none;
	color:#ba764f;
}
#text_area p.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#520;
	border-left:#fff 1px solid;
	padding-left:15px;
	margin-left:1em;
}

.post ul.meta {
	text-align:left;
	font-size:11px;
	margin:25px;
	padding:0;
	clear:left;
}
.post ul.meta li {
	display:inline;
	list-style:none;
	
	border-top:1px #555 dashed;
	margin:0;
	padding:6px;
	background:#e9e5ce;
}

.post-thumb {
	float:left;
	margin:0 10px 0 0;
}

.post-thumb img {
	width:150px;
	height:150px;
	border:none;
}
/*  Comments  */

h3#comments, div#respond h3 {
	color:#555;
	text-align:left;
	font-weight:normal;
	margin:20px 20px 0;
	padding:15px 0;
	border-top:#555 dashed 1px;

}
ul.commentlist {
	list-style:none;
	margin:0 20px;
	padding:0;
	font-size:11px;
	text-align:left;
}
ul.commentlist img.avatar {
	float:left;
	margin:0 10px 0 20px;
}
#text_area ul.commentlist p {
	font-size:11px;
}

ul.commentlist div.reply {
	margin:20px;
}

form#commentform {
	width:100%;
}
ul.commentlist ul li {
	margin:5px;
	list-style:url(images/arrow.png);
}
/*  Form  */

#text_area p.required {
	color:red;
}
form {
	background:#faf6df;
	width:300px;
	margin:10px;
	padding:10px 0;
	border-top:#bababa 2px dashed;
}
form p .error {
	font-size:10px;
	background:#ffe;
	border-bottom:1px red dotted
}
/* image */
img.alignleft {
	margin:0 10px 5px 0;
	padding:0;
	float:left;
}

img.alignright {
	margin:0 0 5px 10px;
	padding:0;
	float:right;
}
/* Footer Styles */
#footer p {
	font-size:10px;
	margin:5px;
	padding:0;
}
#footer a {
	font-weight:bold;
	color:#ba764f;
	text-decoration:none;
}
#footer a:hover {
	background:#fff;
}