/*  
Theme Name: Vesper
Theme URI: http://valendesigns.com/free-vesper-theme-for-wordpress/
Description: Vesper is a 2 column Wordpress theme with subpage support. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.
Version: 2.0
Author: Derek Herman
Author URI: http://www.valendesigns.com/
*/


/* GLOBAL SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	margin:  6px 0 0;
	font: normal 84.4%/149% lucida grande, verdana, tahoma, san-serif;

	background: #fff url(images/bg.png) repeat-x;
}
li {
	list-style: none;
}
hr {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}


/* HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5 {
	font-family: georgia, times, serif;
	font-weight: normal;
}
h1 {
	font-size: 2.7em;
}
h2 {
	font-size: 1.6em;
}


/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a {
	
color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #84755c;
}


/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
	position: relative;
	width: 860px;
	padding: 0 10px;
	margin: 0 auto;
}
#wrapper:after, #header:after, .post:after, .post-date:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header {
	position: relative;
	height: 120px;
	margin-bottom: 10px;
}
#content {
	width: 550px;
	float: left;
	min-height: 455px;
	padding: 35px 25px 20px 0;
	background: url(images/content-bg.gif) no-repeat top right;
}
#sidebar {
	width: 240px;
	min-height: 455px;
	float: right;
	padding: 20px;
	padding-top: 35px;
	background: url(images/content-bg.gif) no-repeat top right;
}


/* HEADER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#site-meta {
	position: absolute;
	left: 0;
	top: 30px;
}
#header h1 {
	position: relative;
}
#header h1 a {
	color: #7e4c10;
	color: #fff;
}
#header h1 a:hover {
	color: #5a360b;
	color: #7e4c10;
}
#header span.description {
	position: relative;
	margin-left: 5px;
	color: #7e4c10;
}
#header ul {
	position: absolute;
	left: 0;
	bottom: 1px;
	font: 13px georgia, times, serif;
	list-style: none;
	margin-top: -6px;
	padding: 0;
	text-transform: none;
}
#header li {
	display: inline;
}
#header li a {
	float: left;
	display: block;
	padding: 8px 14px 8px 14px;
	color: #84755c;
	text-decoration: none;
	margin-right: 2px;
	background:#fff;
	border: 1px solid #f7951e;
	border-bottom: none;
}
#header li a:hover {
	color: #f7951e;
	background-color:#fff;
	border: 1px solid #f7951e;
	border-bottom: none;
}
#header li.current_page_item a {
	color: #3E1403;
	background-color:#FFF;
	border: 1px solid #f7951e;
	border-bottom: none;
}
#topsearch {
	position: absolute;
	right: 14px;
	top: 35px;
	width: 218px;
	height: 42px;
	text-align: center;
}
#topsearch input {
	width: 145px;
	height: 21px;
	background: url(images/input.gif) no-repeat;
	border: none;
	padding: 9px 8px 5px 32px;
	margin-right: 0px;
	float: left;
	font: normal 1em tahoma, arial, san-serif;
}
#topsearch button {
	width: 33px;
	height: 35px;
	background: url(images/search.gif) no-repeat;
	border: none;
	text-indent: -9999px;
	float: right;
	cursor: pointer;
}
/* POST SECTION ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.post {
	margin: 0 0 20px 0;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 10px 0;
}
.post h2 {
	margin: 0 0 .2em;
	font-size: 1.7em;
}
.post h2 a {
	color: #864901;
}
.post h2 a:hover {
	color: #84755c;
}
.post-info {
	background: url(images/hr.gif) 0% 0% no-repeat;
	padding: 5px 0;
	font-size: 90%;
	margin: 10px 0;
	color: #999;
}
.post-info a {
	color: #999;
}
.post-info a:hover {
	color: #84755c;
}
.post-info .setting {
	padding:3px;
	padding-left:20px;
	margin-right: 5px;
}
.post-info .datetime{
	background:#fff url(images/clock.png) no-repeat 0 2px;
}
.post-info .user{
	background:#fff url(images/user.png) no-repeat 0 2px;
}
.post-info .filedlink{
	background:#fff url(images/document.png) no-repeat 0 2px;
}
.post-info .commentslink{
	background:#fff url(images/comments.png) no-repeat 0 2px;
}
.post-info .editlink{
	background:#fff url(images/write.png) no-repeat 0 2px;
}
.post-entry p {
	margin: 0 0 1em 0;
}
.post-entry a {
	color: #4f6373;
}
.post-entry a:hover {
	color: #84755c;
}
.post-entry span.more-link {
	display: block;
	margin: 10px 0;
}
.post-entry span.more-link a {
	color: #864901;
}
.post-entry span.more-link a:hover {
	color: #84755c;
}
.post-entry h3 {
	font-size: 1.25em;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
.post-entry ul, .post-entry ol {
	margin: 0 0 1em;
}
.post-entry ul {
	margin-left: 1.5em;
}
.post-entry ul li, .post-entry ol li {
	list-style: square;
	border-bottom: 1px solid #fafafa;
	padding: .2em 0;
}
.post-entry ol {
	margin-left: 2em;
}
.post-entry ol li {
	list-style: decimal;
}
.post-entry blockquote {
	margin: 1.5em;
	padding: 1em;
	color: #999;
	font-style: italic;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

.post-meta {
	font-size: 95%;
	color: #999;
}
.post-meta a {
	color: #999;
}
.post-meta a:hover {
	color: #84755c;
}
.post-arch-info {
	font-size: 97%;
	color: #999;
	margin: 0 0 2em;
	padding: 0 0 1em;
	border-bottom: 1px solid #f5f5f5;
}
.navigation {
	font-size: 13px;
	clear: both;
	color: #555;
	padding: 1;
	text-align: right;
}
.navigation a, .navigation .current {
	padding: 3px 7px;
	color: #f7951e;
	margin-left: 1px;
	font-weight: normal;
}
.navigation a:hover, .navigation .current {
	color: #555;
	font-weight: normal;
}
.navigation .pages {
	float: left;
	line-height: 13px;
}

/* WP 2.6 REQUIRED ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
}

/* SIDEBAR ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar h2 {
	margin: 0 5px 0 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted #ccc;
	font-size: 20px;
	text-indent: -5px;
}
#sidebar li ul {
	margin: 0 0 2em 0;
}
#sidebar li ul li {
	border-bottom: 1px dotted #ccc;
	padding: 3px 0;
	padding-left: 18px;
	margin-right: 5px;
	background: #fff url(images/sidebar-li.gif) no-repeat 0 6px;
}
#sidebar li ul li:hover {
	background: #e8e8e8 url(images/sidebar-li.gif) no-repeat 0 6px;
}
#sidebar li ul li.current_page_item {
	padding-left: 8px;
	padding-right: 10px;
	background: #e8e8e8;
}
#sidebar li ul li.current_page_item a {
	color: #84755c;
}
#sidebar li ul li ul li, #sidebar li ul li ul {
	display: none;
}
#sidebar li ul li {
	color: #222;
}
#sidebar li a {
	color: #555;
}
#sidebar li a:hover {
	color: #84755c;
}
#calendar  {
	margin-top: 10px;
	border-bottom: 1px dotted #ccc;
}
#wp-calendar {
	width: 90%;
	margin-left: 5%;
}
#wp-calendar caption {
	color: #864901;
	margin-top: 5px;
}

/* FOOTER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer-wrap {
	position: relative;
	clear: both;
	background: #808080 url(images/footer.png) repeat-x;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #eee;
	margin-top: 20px;
}
#footer {
	position: relative;
	clear: both;
	text-align: left;
	font-size: 11px;
	width: 860px;
	padding: 0 10px;
	margin: 0 auto;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	color: #f7951e;
}
#rss {
	position: absolute;
	right: 20px;
	bottom: 0;
	margin: 0;
}
#rss-entries {
	background: url(images/rss-entries.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
}
#rss-entries:hover {
	background: url(images/rss-entries.png) no-repeat 0 -18px;
}
#rss-comments {
	background: url(images/rss-comments.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
}
#rss-comments:hover {
	background: url(images/rss-comments.png) no-repeat 0 -18px;
}


/* COMMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.thread-alt {
	background-color: #f8f8f8;
}

.thread-even {
	background-color: white;
}

.depth-1 {
	border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 1em verdana, lucida grande, tahoma, arial;
}


.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #d8d8d8;
	padding: 2px;
	background: #ffff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentlist p a {
	color: #4f6373;
}

.commentmetadata {
	font-weight: normal;
}

#commentform p {
	font-family: verdana, tahoma, arial, sans-serif;
	margin: 5px 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	background: url(images/submit.png) no-repeat 0 0;
	border: none;
	float: right;
	height: 35px;
	width: 190px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	cursor : pointer;
}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children {
	padding: 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}


/* IMAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

p img {
	padding: 0;
	max-width: 100%;
	border: 1px solid #ddd;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: none;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: none;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}