/*  
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.
Copyright: 2008
Version: 1.0.6
Author: <a href="http://www.valendesigns.com">Derek Herman</a> 
Tags: fixed width, simple, clean, widget ready, two columns, sidebar right, orange, valid XHTML, valid CSS, ie6, ie7, firefox 2.0, opera 9.0, wp-pagenavi, excerpt reloaded
*/

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

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	margin:0;
	font: normal 80%/160% Verdana, Arial, Helvetica, sans-serif; text-align:center;
	background:#fff; width:100%; text-align:center;
}

td,th,input,div,span { text-align:left; }
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,span,font { text-align:left; }
img { border:none; }
li {
	list-style:none outside;
}
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 new roman', times, serif;
	font-weight: normal;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.3em;
}
td,th,input,div,span { color:#000000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px; }
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,span,font { margin:0;padding:0; text-align:left; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.clear { clear:both !important; float:none !important; height:0px; font-size:0px; line-height:0px; }
/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a,a:link,a:visited { color:#2871c0; text-decoration:none; }
a:hover { color:#2871c0; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }
/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
width:100%; margin:0; padding:0; background:url(/images/blog_wraper_bg.gif) left top repeat-x;
}
#wrapper:after, #header:after, .post:after, .post-date:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header {
	width:960px; margin:0 auto; padding:10px 0 10px 0;
}
#main { width:960px; margin:0 auto; }
#content {
	width: 670px;
	float: left;
	min-height: 455px;
	padding:20px 0 0 0;
}
#sidebar {
	width: 280px;
	min-height: 455px;
	float: right;
	padding:20px 0 0 0;
}
/* HEADER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#site-meta { float:left; width:500px; }
#site-meta img { float:left; margin:0 10px 0 0; }
#header h1 {
	position: relative;
}
#header h1 a {
	color:#ff8000;
}
#header h1 a:hover {
	color:#2871c0;
}
#header span.description {
	position: relative;
	color: #333;
}
#navigation { width:100%; background:#666; padding:5px 0 0 0; }
#navigation .content { width:960px; margin:0 auto 0 auto; padding:0; }
#navigation ul {
	font: 13px Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin:0;
	padding: 0;
	text-transform: none;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	float: left;
	display: block;
	padding: 8px 14px 8px 14px;
	color: #000;
	text-decoration: none;
	margin-right: 2px;
	background:#dedede;
	border: 1px solid #666;
	border-bottom: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold;
}
#navigation ul li a:hover {
	color: #2871c0;
	background-color:#fff;
	border: 1px solid #666;
	border-bottom: none;
}
#navigation ul li.current_page_item a {
	color: #2871c0;
	background-color:#FFF;
	border: 1px solid #333;
	border-bottom: none;
}
#topsearch {
 float:right; padding:0;
	text-align: center;
	width:218px;
}
#topsearch input {
	width: 145px;
	height: 21px;
	background: url(images/input.jpg) 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 10px 0;
	background: url(/images/blog_post_bg.gif) left top repeat-x;
	border:1px solid #ccc;
	padding: 0 10px 10px 10px;
}
.post h2 { padding:10px 0 5px 0;
	margin: 0 0 .2em;
	font-size: 1.6em;
	font-family:Arial, Helvetica, sans-serif; color:#2871c0;
}
.post h2 a {
	color: #2871c0;
}
.post h2 a:hover {
	color: #84755c;
}
.post-info {
	padding: 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  { padding:0; }
.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: #2871c0;
}
.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-entry img { border:none;
}
.post-entry img.align-right {
	float: right;
	margin: .4em 0 0 1em;
	padding: 0 0 10px 10px;
}
.post-entry img.align-left {
	float: left;
	margin: .4em 1em 0 0;
	padding: 0 10px 10px 0;
}
.post-entry img.align-center {
	display: block;
	margin: .4em auto;
	padding: 0 10px 10px 10px;
}
.post-meta {
	font-size: 95%;
	color: #999;
	padding: 5px 10px 10px 10px;
}
.post-meta a {
	color: #999;
}
.post-meta a:hover {
	color: #84755c;
}
.post-arch-info {
	font-size: 95%;
	color: #999;
	margin: 0 0 2em;
	padding: 0 0 1em;
	border-bottom: 1px solid #f5f5f5;
}
.wp-pagenavi {
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	color: #555;
	padding: 0;
	text-align: left;
	padding:0 0 10px 0;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #ccc;
	color: #000;
	background:#eee;
	margin-left: 1px;
	font-weight: normal;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	color: #2871c0;
	background: #fff;
	border: 1px solid #2871c0;
	font-weight: normal;
}
.wp-pagenavi .pages {
	padding: 3px 7px;
	border: 1px solid #ccc;
	color: #000;
	margin-right: 1px;
	font-weight: normal;
	border:1px solid #ccc;
}

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

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

/* COMMENT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#comments,#respond { background: url(/images/blog_post_bg.gif) left top repeat-x;
	border:1px solid #ccc;
	padding: 0 10px 10px 10px; }

#comments h2, #respond h2 {
	margin: 0 0 .5em;
	padding:10px 0 5px 0;
	border-bottom: 1px solid #f5f5f5; color:#2871c0;
	font-size: 1.4em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; color:#2871c0;
}
#comments {
	margin: 0 0 1em;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 1em;
}
#comments h3 {
	font-size: 1.2em;
}
#comments img {
	float: left;
	margin: 0 5px 5px 0;
}
#comments p {
	padding-left: 40px;
}
.commentlist li {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#respond input {
	width:300px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	padding: 3px;
	margin: .1em 0 .5em;
}

#respond textarea {
	width: 580px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	padding: 3px;
	margin: .1em 0 .5em;
}

#respond button {
	width: 75px;
	height: 35px;
	text-indent: -9999px;
	border: none;
	float: left;
	cursor: pointer;
}
#respond button#submit {
	background: url(images/submit.png) no-repeat;
	margin-right: 10px;
}
#respond button#reset {
	background: url(images/reset.png) no-repeat;
}
/* SIDEBAR ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar ul li { border:1px solid #ccc; background: url(/images/blog_post_bg.gif) left top repeat-x; padding:10px; margin:0 0 10px 0; }

#sidebar ul li a,#sidebar ul li a:link,#sidebar ul li a:visited { color:#2871c0; }
#sidebar ul li a:hover { color:#2871c0; text-decoration:underline; }

#sidebar h2 {
	margin: 0 5px 0 5px;
	color:#2871c0; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-indent: -5px;
}
#sidebar li ul {
	margin:0;
}
#sidebar .children { margin:0 0 0 5px; }
#sidebar .widget_categories li { color:#f60 !important; }
#sidebar li ul li {
	border:none !important;
	padding:0 !important;
	line-height:24px;
	padding:0 0 0 25px !important;
	margin:0 !important;
	background:url(images/li.gif) left 4px no-repeat !important;
}
#sidebar li ul li img { margin:2px 0 2px 0; }

#sidebar li ul li.current_page_item {
	padding-left: 8px;
	padding-right: 10px;
}
#sidebar li ul li.current_page_item a {
	color: #84755c;
}

#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: #2871c0;
	margin-top: 5px;
}
/* FOOTER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer_wrap {
	clear: both;
	background:#999 url(/images/blog_footer_bg.gif) repeat-x;
	text-align: center;
	padding: 33px 0 20px 0;
	color:#eee;
}
#footer {
	clear: both;
	text-align: left;
	font-size: 11px;
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	color:#000;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff; text-decoration:underline;
}
#rss { float:right;
	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;
}