/*  
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;
	border : 0;
}
body {
	margin:  0;
	font: normal 80%/160% Arial,Helvetica,sans-serif;
	background: #eee;
}
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 new roman', times, serif;
	font-weight: normal;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.3em;
}
/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: red;
}
/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper:after, #header:after, .post:after, .post-date:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content-wrap {
  text-align: center;
  width: 100%;
  clear: both;
  }

#wrap {
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  }

#banner {
  position: relative;
  float: right;
  width: 90px;
  height: 600px;
  padding : 45px 0 20px;
  text-align: right;
  background: url(images/bg-ad1.gif) 0 33px no-repeat;
  }

#content {
  text-align: left;
	width: 900px;
	min-height: 455px;
	padding: 35px 0 20px 0;
	float: left;
}
#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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*in header.css and header-main.css */


/* POST SECTION ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.post {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	clear: both;
}
.post h2 {
	font-size: 1.8em;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
	color: red;
}
.post h2 a {
	color: red;
}
.post h2 a:hover {
	color: red;
}


.post .post-entity {
  margin-left: 200px;
  padding: 0;
  width: 700px;
  overflow: visible;
  position: relative;
}


.post .datetime{
	float:left;
	text-align: right;
        padding-top:2px;
	padding-right: 0px;
	width: 180px;
	color: #999;
        letter-spacing:1px;
        font-weight:bold;
        font-size:1.2em;
}

.post .archive{
  float:left;
  text-align: right;
        padding-top:2px;
  padding-right: 0px;
  width: 180px;
  color: #999;
        letter-spacing:1px;
        font-weight:bold;
        font-size:1.2em;
}

.post .archive a {
  color: #999;
}

.post .archive a:hover {
  color: red;
}

.post .archive a.active {
  color: black;
}

.post-info {
  text-align: right;
}

.post-info span {
  margin-right: 10px;
}

.post-info a {
  font-size: 12px;
  color: black;
  text-decoration: underline;
}

.post-info a:hover {
  text-decoration: underline;
  color: red;
}


.post-info .user{

}

.post-info .commentslink{
  margin:0 !important;
}

.post-entry{
  overflow: visible;
  position: relative;
}

.post-entry p {
	margin: 0 0 1em 0;
}
.post-entry a {
	color: black;
}
.post-entry a:hover {
	color: red;
}
.post-entry span.more-link {
	display: block;
	margin: 10px 0;
}
.post-entry span.more-link a {
	color: black;
	text-decoration: underline;
}
.post-entry span.more-link a:hover {
	color: red;
  text-decoration: underline;
}

.post-entry dl {
  }
  .post-entry dl dt {
    float:none;
    margin:1em 0 0.5em 0;
    color:#515558;
    font-weight:bold;
    display:block;
    }
  .post-entry dl dd {
    margin:0.5em 0 1em 0;
    color:black;
    display:block;
    }

.post-entry h2 {
  font-size: 1.8em;
  font-family: Arial,Helvetica,sans-serif;
  margin-bottom: 15px;
  color: red;
}

.post-entry h3 {
	font-size: 1.25em;
        font-weight:bold;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
}

.post-entry .name {
  font-weight:bold;
  color:#515558;
}

.post-entry .job {
  color: #aaabad;
}

.post-entry a {
    text-decoration:underline;
  }

.post-entry a.external {
  color:#345372;
  text-decoration:none;
  border-bottom:dashed 1px #333F4D;
  }
  .post-entry a.external:hover {
    color:red;
    border-bottom:dashed 1px red;
    }

.post-entry a.entry {
  color:red;
  text-decoration:none;
  border-bottom:solid 1px red;
  }
.post-entry .inset {
  color:black;
  background:#DFDFDF;
  font-family:Verdana;
  font-size:0.85em;
  margin-bottom:10px;
  padding:15px 25px;
  }
  .post-entry .inset img.photo {
    padding:0;
    margin-bottom:.5em;
    border:solid 1px #999;
    float:none;
    }
  .post-entry .inset p {
    padding:0;
    margin-top:0.2em;
    margin-bottom:0.2em;
    }
    .post-entry p.caption {
      font-size:0.8em;
      line-height:1.2em;
      color:#345372;
      }
    .post-entry .inset p b {
      font-weight:bold;
      font-size:1.3em;
      }
  .post-entry .inset ul {
    }
    .post-entry .inset ul li {
      padding-top:0;
      padding-bottom:0;
      margin-top:.1em;
      line-height:1.6em;
      margin-bottom:.1em;
      }
  .post-entry .left-inset {
    float:left;
    border-right:solid 6px red;
    margin-left:0px;
    margin-right:30px;
    width:280px;
    }
  .post-entry .right-inset {
    float:right;
    border-left:solid 6px red;
    margin-left:30px;
    width:300px;
    }

.post-entry a.set-off {
  font-weight:bold;
  font-size:1.2em;
  }

.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;
	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 solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
}
.post-entry img {
	float: left;
	margin: .4em 0 0 0;
	padding: 0 10px 10px 0;
}
.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-entry dl {
  display: block;
}

.post-entry dt {
  display: block;
  color: black;
  float: left;
  margin-right: 20px;
}

.post-entry dt.main {
  text-decoration: underline;
}

.post-entry dd {
  display: block;
  margin-left: 20px;
  color: #aaabad;
}


.post-meta {
	font-size: 95%;
	color: #999;
}
.post-meta a {
	color: #999;
}
.post-meta a:hover {
	color: #84755c;
}
.post-arch-info {
  margin: 10px 0 10px 200px;
	font-size: 95%;
	color: red;
	border-bottom: 1px solid red;
}
.wp-pagenavi {
  width: 700px;
  margin-left: 200px;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	color: #555;
	padding: 0;
	text-align: right;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #ccc;
	color: #f7951e;
	margin-left: 1px;
	font-weight: normal;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	color: #555;
	background: #e2e2e2;
	font-weight: normal;
}
.wp-pagenavi .pages {
	float: left;
	line-height: 13px;
}

/* NAV */

.navigation {
  margin-top: 20px;
}

.navigation a{
  text-transform: uppercase;
  color: red;
  font-size: 13px;
}
.navigation a:hover {
  color: red;
}




.navigation .prev {
  float:left;
  width: 200px;
  text-align: right;
}

.navigation .prev a {
  background-image: url(images/p.gif);
  background-repeat: no-repeat;
  background-position: 140px 50%;
  display: block;
}

.navigation .next {
  float:left;
  width: 100px;
  text-align: left;
}

.navigation .next a {
  display: block;
  background-image: url(images/n.gif);
  background-repeat: no-repeat;
  background-position: 70px 50%;
}

.navigation .front {
  float:left;
  width: 500px;
  text-align: center;
}




/* 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 hr, #respond hr{
  height:1px;
  border: 0;
  display: block;
  margin: 0 0 40px 200px;
  width: 700px;
  background-color: red;
  color: red;
  visibility: visible !important;
}

#comments h2, #respond h2 {
  font-family: Arial, Helvetica, sans-serif;
  height: 50px;
  width: 500px;
	margin-left:200px;
	color: red;
}

#comments h3 {
	font-size: 1.2em;
}

.comments-entity small{
  float:left;
  padding-left: 40px;
}


#comments img {
	float: left;
	margin: 0 10px 5px 0;
}
#comments p {
	padding-left: 45px;
}

.commentlist li {
  padding:0;
  margin:0;
  margin-bottom: 30px;
  clear: both;
}

.commentlist li .datetime {
  float: left;
  text-align:right;
  width: 180px;
}
.commentlist li .comments-entity {
  margin: 0;
  padding:0;
  float:left;
  padding-left: 20px;
  width:700px;
  margin-bottom: 20px;
}

#respond .field {
  margin-top: 10px; 
}

#respond .field label {
  float: left;
  text-align: right;
  width: 180px
}



#respond input, #respond textarea {
  margin-left: 20px;
	width: 442px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	padding: 3px;
	font-size: 12px;
}

#respond .submit {
  margin-top: 10px;
  text-align: left;
  width: 645px;
}

#submit {
  margin-left: 200px;
  margin-bottom: 20px;
}

#respond button {
  background:#818588;
  height: 24px;
  line-height: 24px;
  width: auto;
  overflow: visible;
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
	cursor: pointer;
        color:white;
}
#respond button#submit {
}
#respond button#reset {
}
/* 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;
	height: 160px;
	clear: both;
	background: #14191f url(images/footer_bg.gif) repeat;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #eee;
	margin-top: 20px;
}

#footer-wrap2 {
  width: 1000px;
  margin: 0 auto;
}

#footer {
	position: relative;
	clear: both;
	text-align: left;
	font-size: 12px;
	padding: 0;
	margin-left: 200px;
}


#footer h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  }
  
#footer .vcard {
  margin-top: 40px;
}

#footer .vcard .organization {
  display: block;
  margin-bottom: 10px;
}

#footer .vcard .addr {
  display: block;
}
  

#footer a {
	color: white;
}
#footer a:hover {
	color: red;
}