/*  
Theme Name: ChasNote 2.0
Theme URI: http://chasnote.com/
Description: 
Version: .2
Author: Ivan Kanevski
Author URI: http://ephramzerb.com/

*/



/* Begin Typography & Colors */
body {
  background: #fff url('body-back.gif') 0 0 repeat-x;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
	}

a, a:link, a:visited {
  color: #060;
  }

a:hover {
  color: #333;
  }

#page {
  background-color: #fff;
}

#header {
  background: #fff url('header-back.gif')  0 2px repeat-x;
  width: 100%;
  border-top: 1px solid #cdce8d;
  /* border-bottom: 1px solid #e0e0e0;  */
  margin: 10px 0;
  padding: 30px 0 0 0;
  }

#header .summary {
  width: 598px;
  float: left;
}

#header h1 {
  float: left;
  padding: 0;
  margin: 0;
  width: 590px;
  height: 50px;
  }

#header h1 a {
  float: left;
  position: relative;
  width: 230px;
  height: 50px;
  }

#header h1 a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  height: 50px;
  background: #fff url('chasnote.gif') 0 0 no-repeat;
  }
  
#header h2 {
  float: left;
  margin: 10px 0;
  padding: 0 4px 10px 4px;
  font-size: 14px;
  width: 590px;
  font-weight: normal;
  }

#header .divitis {
  width: 960px;
  margin: 0 auto;
  }

#rss-subscription {
  width: 335px; 
  margin-top: 20px;
  padding-top: 3px;
  float: right;
  text-decoration: underline;
  }
  
#follow-twitter {
  width: 335px; 
  padding-top: 10px;
  float: right;
  text-decoration: underline;
  }

#rss-subscription a {
  display: block;
  background: transparent url('icon-rss.gif') 0 2px no-repeat;
  padding: 8px 0 10px 35px;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  margin-left: 28px;
  }

#follow-twitter a {
  display: block;
  background: transparent url('icon-twitter.gif') 0 2px no-repeat;
  padding: 8px 0 10px 35px;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  margin-left: 28px;
  }


#content-container {
  width: 960px;
  margin: 0 auto;
  }

#content {
  float: left;
  width: 590px;
  padding: 0;
  }


.post {
  width: 580px;
  position: relative;
  border-top: 3px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 2px;
  padding: 5px;
  }

.post h2 {
  font-weight: bold;
  width: 450px;
  margin: 0 0 5px 0;
  padding: 5px 0;
  color: #333;
  line-height: 1.3;
  font-weight: normal;
  font-size: 22px;
  }

.post h2 a {
  text-decoration: none;
  }

.post-date {
  position: absolute;
  top: 10px;
  right: 5px;
  font-family: Georgia,serif;
  font-size: 14px;
  color: #666;
  }

.post img {
  max-width: 100%;
  }

.post img {
  border: 1px solid #e0e0e0;
  padding: 3px; 
  }

.post .entry {
  color: #444;
  padding-top: 10px;
  clear: both;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  width: 580px;
  }

.post .entry p {
  margin: 20px 0;
  }

.post .entry blockquote {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  border-left: 1px solid #e0e0e0;
  }

.post .entry em {
  font-style: italic;
  }

.post .entry a {
  text-decoration: none;
  text-decoration: underline;
  color: #1f5bb5;
  
  }

.post .entry a:hover {
  color: #333;
  }

.post .entry h3 {
  margin: 20px 0;
  font-size: 16px;
  font-weight: bold;
  }

.post .entry h4 {
  margin: 20px;
  font-size: 14px;
  font-weight: bold;
  }  

.post ul {
  padding: 0 0 0 20px;
  list-style-type: square;
  }
  


.post li {
  margin: 5px 0;
  }

.post-footer {
  clear: both;
  padding-top: 10px;
  margin: 20px 0 10px 0;
  }

.post-footer .comment-link {
  display: block;
  float: left;
  text-decoration: none;
  font-weight: bold;
  }

.post-footer .comment-link span.digit {
  font-weight: normal;
  color: #999;
  font-size: 42px;
  }

.post-footer .comment-link .nocomments {
  padding: 10px 10px 10px 35px;
  background: #fff url('discuss.gif') 0 0 no-repeat;  
  }

.digg-button {
  float: left;
}

.navigation .alignleft {
  width: 50%;
  float: left;
  }

.navigation .alignright {
  width: 50%;
  float: right;
  }

.navigation .alignleft a, .navigation .alignright a {
  display: block;
  padding: 20px 5px;
  font-weight: bold;
  font-size: 16px;
  }

.navigation .alignright a {
  text-align: right;
  }
  
  
/* Comments */

#comments {
  border-top: 2px solid #e0e0e0;
}

#comments h3 {
  font-size: 16px;
  }

#comments .commentlist {
  
  }

#comments .awaiting-moderation {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  font-family: Georgia,serif;
  color: #666;
}

#comments .commentlist li {
  padding: 0 10px 20px 10px;
  border: 1px solid #e0e0e0;
  margin: 20px 0;
  }

#comments .commentavatar {
  width: 50px;
  padding: 4px;
  background-color: #dfdeb0;
  border: 1px solid #CDCE8D;
  float: left;
  position: relative;
  left: -15px;
  top: -5px;
}

#comments .commentanchor {
  padding-top: 10px;
  float: right;
}

#comments .commentanchor a {
  font-size: 18px;
  color: #999;
}

#comments .commentanchor a:hover {
  color: #000;
}

#comments .commentauthor {
  display: block;
  padding-top: 10px;
}

#comments .commentdate {
  padding-top: 5px;
  display: block;
  font-size: 11px;
  color: #555;
  }

#comments a {
  text-decoration: none;
  }

#comments .commentbody {
  margin: 0;
  padding: 5px 10px 0 10px;
  clear: both;
  }

#comments .commentbody {
  font-size: 13px;
  line-height: 1.4;
  }

#comments .commentbody p {
  font-size: 13px;
  margin: 10px 0;
  }

#comments cite {
  font-weight: bold;
  font-size: 13px;
  }

#commentform {
  padding: 0 5px; 
  }

#commentform p {
  clear: both;
  margin: 10px 0;
  }

#commentform label {
  font-size: 13px;
  font-weight: bold;
  display: block;
  padding: 10px 0 5px 0;
  color: #333;
  }

#commentform .textinput {
  display: block;
}

#commentform textarea {
  width: 500px;
  }

#form-notloggedin {
  background: #fff url('form-notloggedin-back.gif') 236px 5px no-repeat;
  width: 300px;
  float: left;
}

#comments #respond {
  padding: 0 5px;
  margin: 20px 0;
  font-size: 15px;
  text-transform: uppercase;
  font-family: Georgia, serif;
  }

.submitbutton {
  color: #fff;
  font-weight: bold;
  background-color: #666;
  padding: 3px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  }

.textinput {
  border: 1px solid #ccc;
  padding: 3px;
  }


.required, .form-label-meta {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  top: -5px;
  }

.required {
  color: #c00;
  }

/* Tags / Dynamic links */

.dynamic a {
  display: block;
  color: #333;
  margin: 0 5px 5px 0;
  text-decoration: none;
  padding: 6px;
  background-color: #f1f0c6;
  -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  float: left;
  }

.dynamic a:hover {
  color: #333;
  background-color: #ece595;
  }


/* TOp nav */
#top-navigation {
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  }

#top-navigation .divitis {
  margin: 0 auto;
  width: 960px;
  }

#top-navigation ul {
  position: relative;
  left: -10px;
  float: left;
  }

#top-navigation li {
  float: left;
  }

#top-navigation li a {
  display: block;
  font-size: 12px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  padding: 14px;
  }

#top-navigation li.current_page_item a {
  color: #000;
  background-color: #EEDD66;
  } 

#top-navigation li a:hover {
  background-color: #f1f0c6;
  display: block;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  padding: 14px;
  }

  
/* SIDEBAR */

#sidebar {
  padding: 10px 0 0 60px;
  margin: 0;
  width: 300px;
  float: left;
  }

#sidebar .searchform div {
  padding: 10px 0;
  }

#sidebar .searchform div {
  
  }


#sidebar ul, #sidebar li {
  list-style: none;
  padding: 0;
  margin: 0;
  }

#sidebar li {
  margin-bottom: 20px;
  }

#sidebar li li {
  margin-bottom: 0;
  }

#sidebar li a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 10px 5px;
  border-bottom: 1px solid #efefef;
  }

#sidebar li a:hover {
  color: #000;
  border-bottom: 1px solid #999;
  }

#sidebar .cat-item span {
  color: #999;
  }

#sidebar h2 {
  height: 20px;
  padding: 2px 5px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #333;
  font-weight: normal;
  font-family: Georgia,serif;
  text-transform: uppercase;
  border-bottom: 3px solid #e0e0e0;
  }


.categories li {
  }



/* stbutton stico_default */
  
#content .stico_default, #content .stbutton {
  text-decoration: none;
  font-weight: bold;  
  margin: 0 0 0 30px;
  padding: 10px 0 10px 30px;
  background: none !important;
  background: #fff url('sharethis.gif') 0 0 no-repeat !important;
  }

/* Utilities */

.yah {
  
  }

.nah {
  margin-top: 34px;
  }

.youarehere {
  color: #666;
  font-size: 13px;
  font-style: italic;
  font-family: Georgia,serif;
  padding: 10px 5px;
  width: 580px;
  background-color: #fff;
  }

.youarehere strong {
  margin: 0 5px;
  color: #000;
  font-style: normal;
  font-family: Helvetica,Arial,sans-serif;;
  padding: 4px;
  background-color: #EEDD66;
  font-weight: bold;
  }

.clear {
  clear: both;
  }
-weight: bold;
  }

.clear {
  clear: both;
  }