/*  
Theme Name: Eclectic Quill
Theme URI: http://www.eclecticquill.ca
Description: Custom WordPress Theme for Eclectic Quill.
Version: 1.0
Author: Dana Evanyshyn
Author URI: http://www.eclecticquill.ca

*/

body {
	margin:0;
	font-family:Palatino, Georgia, Cambria, "Big Caslon", Charter, serif;
	font-size:12px;
	text-align:left;
	vertical-align:top;
	background-color:#333;
	background-image:url(images/bg.jpg);
	font-weight:lighter;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {margin: 0;padding: 0;}

.wrapper{
	margin:0 auto;
	width:960px;
	text-align:left;
}

/*---------------Header--------------*/

#header{
	height:210px;
	background-color:#778b89;
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;
}

#header h1 a {
	font-size:0pt;
	text-align:right;
	color:#000;
}

#header a img  {border:none; margin-top:-7px;}


#header .wrapper{
	width:960px;
	height:210px;
	background:url(images/header.jpg) no-repeat;
}

/*---------------Main Nav--------------*/

#menu .page_item {display:inline; }

#menu .current_page_item a {color:#5b4f4f;background-image:url(images/active.gif);
}

ul#menu  {
	float:right;
	position:relative;
	top:-5px;
	right:30px;
}

ul#menu li {
	list-style:none;
	display:inline;
	text-align:center;
	margin-left:-4px;
	text-transform:lowercase;
}

ul#menu li a {
	padding:6px 22px;
	text-decoration:none;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	border-left:1px solid #74918a;
	border-right:1px solid #74918a;
}


ul#menu li a:hover {color:#5b4f4f;background-image:url(images/hover.gif);}

/*---------------Text Styles--------------*/

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#584c4c;
	font-size:15px;
	margin:0 10px 10px 10px;
	padding: 10px 0 0 0;
}

.sidebar p {font-size:13px;}

h1, h2, h3, h4, p {font-weight:lighter;}


h1 {
	color:#51626f;
	font-size:25px;
	padding: 0px 0px 10px 0px;
}


h2 {color:#394a59;font-size:24px;}

h3 {
	color:#51626f;
	font-size:20px;
	padding-top:8px;
}


.bold {color:#7e7693;font-weight:600;}

blockquote p, .small {color:#51626f;}

blockquote p {
	font-size:20px;
	width:80%;
	padding:10px 0 10px 15px;
	margin-left:30px;
	font-style:italic;
}

.little {font-size:12px; color:#666;}

.name {color:#666; font-size:15px;}

.small{
	font-weight:lighter;
	font-size:20px;
	padding-top:8px;
}

/*---------------Posts--------------*/

#container{background-color:#a6a8a7;}


p img, .project_img img {
	padding:0px;
	margin-right:20px;
	border:4px double #8996a0;
	background-color:#D3D3D1;
}

img.alignleft {margin-left:-15px;}

.project p img, .project_img img {margin-left:-20px; float:left; margin:5px;}

.project_img {float:left; margin-right:5px; background-image:url(images/img_bg.png); width:345px;}

.portfolio {margin: -20px 0 0 -10px;}

.welcome p img, .welcome {margin-left:-30px; border:none; padding:0px;}

#container .wrapper {
	background-color:#a6a8a7;
	background:url(images/content.jpg) repeat-y center;
}

.post{
	padding: 10px 0 10px 0;
	width:590px;
	float:left;
	border-right:1px solid #a5aeb6;
}

.post a {
	color:#3f5c57;
	text-decoration:none;
	border-bottom: 1px dashed #999;
}

.entry{line-height: 22px;}

p.postmetadata{
	margin: -8px 0 -2px 0;
	font-size:13px;
	color:#666;
	font-style: italic; 
}

p.postmetadata .bold {color:#51626f;}

.navigation a{
	color:#394a59;
	text-decoration:none;
	border-bottom: 1px dashed #999;
	font-size:18px;
}

.navigation a:hover {
	color:#d97a23;
	border-bottom: 1px dashed #d97a23;
}

p.next, a.previous, span.previous, a.next, span.next {
	font-size:18px;
	font-family:Palatino, Georgia, Cambria, "Big Caslon", Charter, serif;
}

p.next {text-align:center; }

a.previous, span.previous {margin-left:10px;color:#394a59;}

a.next, span.next {
	float:right; 
	margin-right:30px;
	color:#394a59;
}

/*---------------Sidebar--------------*/

.sidebar{
	float:right;
	width:280px;
	padding: 0 0 0 10px;
	display:inline;
	margin-right:70px;
}

.sidebar ul{
	list-style-type: none;
	margin-top: 0;
	padding: 0 10px;
}

.sidebar ul li{
	padding: 5px 0 5px 0;
	font-size:18px;
	color:#584c4c;
}

.sidebar li.page_item {margin-bottom:-10px;}

.sidebar li a {list-style-type: none;line-height:1.4em;}

.sidebar h2 {
	font-size:18px;
	color:#7d7d7d;
	font-weight:600;
	margin:5px 0 0 0;
}

.sidebar a {
	color:#394a59;
	text-decoration:none;
	border-bottom: 1px dashed #999;
}

.sidebar .page_item {line-height:8px; padding-left:5px;	display:block;}

.sidebar li a {display:block;}

.sidebar li a:hover {display:block; background-color:#ccc;}

.sidebar a:hover, #footer a:hover, .post a:hover {color:#d97a23;border-bottom: 1px dashed #d97a23;}

.post h2 a {border:none; padding:0 8px; margin-left:-15px;}

.post h2 a:hover {color: #394a59;border-bottom: 1px dashed #394a59; background-color:#ccc;}

img a:hover {border:none;}

.raid{margin-left:0px;}

#searchform {margin:0 0 10px 14px;}

.sidebar_nav {margin-left:5px;}

ul.portfolio {padding:0 0 10px 25px; margin-top:0px;}

ul.portfolio .page_item {margin:0 0;}

ul.portfolio .current_page_item {background-color:#ccc; color:#996699;}

/*---------------Footer--------------*/

#footer .wrapper{
	clear:both;
	background:url(images/footer_bg.jpg) no-repeat top center;
	min-height:30px;
}

#footer {
	background-image:url(images/footer_bg2.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

#footer p {
	line-height:18px;
	font-size:12px;
	line-height:19px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	float:left;
}

#footer p.left {
	float:left; 
	width:400px;
	margin:10px 0 0 -10px;
	padding-left:50px;
	background:url(images/footer_logo.jpg) no-repeat left center;
	height:42px;
	font-style: italic; 
	position:relative;
	z-index:20;
}

#footer ul {
	float:right;
	width:400px;
	text-align:right;
	font-style: italic; 
	margin-right:30px;
	margin-top:20px;
}

#footer li {
	text-transform:lowercase;
	line-height:18px;
	list-style:none;
	display:inline;
	color:#ccc;
	font-size:12px;
	padding:0 5px;
	list-style:none;
}

#footer a {color:#98ba74; font-size:13px; text-decoration:none;}

#footer a:hover {color:#eda951;}

.clear {clear:both; float:none;}

hr {
	border: none 0;
	border-top: 1px solid #a5aeb6;
	width: 90%;
	height: 1px;
}	
	
/*---------------Comments--------------*/

.comments-template{margin: 10px 0 0;padding: 10px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding:10px;
	border:1px dotted #8996a0;
	background-color:#D3D3D1;
}

.comments-template h2, .comments-template h3{font-size: 16px;}

.comments-template p.nocomments{padding: 0;}

.comments-template textarea{font-family: Arial, Helvetica, Georgia, Sans-serif;font-size: 12px;}

li.comment img.avatar {display:none}

.commentmetadata {font-size: 12px; background-color:none;}

.comment-meta a, .comment-meta {margin-top:-42px; text-align:right;}

.fn {font-size: 18px; padding-bottom:10px; color:#394a59; padding-right:4px; }

.comment-author {padding-bottom:20px;}

.commentlist p {font-family: verdana, sans-serif; margin-top:5px; padding:5px; margin-left:5px; font-size:14px;}

.comment p {margin-top:5px;}

.comments-template h3 {font-size: 18px; color:#394a59;}

.says {color:#584c4c; font-size:14px;font-style:italic; }

 .comments-template ol li.bypostauthor {background-color:#A6A8A7;}
 
 .wp-smiley {padding:0; border:none; background-color:none;}
 
 #author, #email, #url, #comment {padding:5px;	border:3px double #a5aeb6;}

em {position:relative; top:-20px;}

/* 
	Contact Form-Styles 
------------------------------------------------------------------*/
#contact_form {padding:5px;}

input.required, textarea.required, form div label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#584c4c;
	font-weight:lighter;
	font-size:15px;
}

input.required, textarea.required {
	border:3px double #a5aeb6;
	padding:5px;
	width:75%;
}

input.required {position:relative;}

form div {
	clear:left;
	margin:0;
	padding:0;
	padding-top:0.8em;
}

form div label {
	float:left;
	width:15%;
	text-align:right;
	margin-right:10px;
}

#contact_form p {
	position:relative;
	left:85px;
	padding-bottom:0;
}

input.btn {
	position:relative;
	left:85px;
	top:-10px;
	background-color:#d6d6d4;
	border:3px double #a5aeb6;
	padding:0.25em;
}

.btn:hover {border:3px double #999;background-color:#bdbdbd;}