/*
Theme Name: Casey West
Theme URI: http://caseywest.com
Description: Theme for Casey West's Blog
Version: 1.0
Author: Casey West
Author URI: http://caseywest.com
*/

body {
  margin: 0;
  background: url("images/bg.png");;
}

#doc {
  width: 937px;
  background: url("images/sunburst-top.png") top left no-repeat;
  z-index: 0;
  position: relative;
}

#hd {
  height: 150px;
  width: 770px;
  padding-left: 63px;
  margin-top: -10px;
}

#header {
  background: url("images/header-bg.png") top left no-repeat;
  width: 770px;
  height: 150px;
  margin: 0;
  margin-top: -1px;
}

#header h1 {
  margin: 0;
  margin-top: 10px;
  padding-left: 54px;
}

#blog-name {
  text-indent: -2000px;
  height: 140px;
  width: 140px;
  display: block;
  margin: 0px;
}

#blog-description {
  display: none;
}

#header-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 500px;
  float: right;
  margin-top: -25px;
  margin-right: 10px;
}

#header-nav li {
  width: 125px;
  height: 35px;
  display: block;
  float: left;
}

#header-nav .link {
  width: 125px;
  height: 35px;
  display: block;
  text-indent: -2000px;
}

#header-nav .hire-me {
  background-image: url("images/nav-hire-me.png");
}

#header-nav .work {
  background-image: url("images/nav-work.png");
}

#header-nav .about {
  background-image: url("images/nav-about.png");
}

#header-nav .blog {
  background-image: url("images/nav-blog.png");
}

#bd {
  background: url("images/main-bg.png") repeat-y left top;
  width: 770px;
  margin-left: 63px;
  z-index: 0;
  position: relative;
}

#yui-main {
  margin-left: -10px;
  width: 580px;
}

.yui-g {
  margin: 0;
  padding: 25px;
  padding-top: 0px;
  margin-left: 145px;
  border: 1px solid transparent;
  width: 395px;
}

#sidebar-top {
  width: 190px;
}

#header-shadow {
  width: 750px;
  height: 10px;
  background: url("images/header-shadow-bottom.png") top no-repeat;
  top: 0px;
  position: absolute;
  margin-left: 10px;
  left: 0px;
}

#ft {
  height: 110px;
  width: 933px;
  background: url("images/footer-bg.png") top left no-repeat;
  margin-left: -43px;
  positon: relative;
}

#footer {
  border: 1px solid transparent;
  width: 770px;
  height: 108px;
  margin-left: 135px;
  margin-top: -110px;
  font-family: Trebuchet MS, sans-serif;
  color: #d8c7a2;
  line-height: 16pt;
  font-size: 10pt;
}

#footer a {
  color: inherit;
}

#sunburst-bottom-upper {
  background: url("images/sunburst-bottom-upper.png") left top no-repeat;
  height: 110px;
  width: 841px;
  bottom: 100px;
  position: relative;
  z-index: -1100;
}

#back-to-top {
  display: block;
  width: 52px;
  height: 23px;
  margin-left: -87px;
  margin-top: -48px;
}

#back-to-top a {
  background: url("images/back-to-top.png") top left no-repeat;
  display: block;
  width: 52;
  height: 23px;
  text-indent: -2000px;
}

#container {
  font-family: Georgia, Times New Roman, serif;
  font-size: 12pt;
  line-height: 16pt;
  color: #181713;
  margin-top: 25px;
}
#container h2 {
  font-size: 20pt;
}

#container a {
  color: #181713;
}

#container a:hover {
  color: #383733;
}

.post {
}

#container h2,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  font-family: Trebuchet MS, sans-serif;
  line-height: 16pt;
}
.post h2 { font-size: 16pt; }
.post h3 { font-size: 14pt; }
.post h4 { font-size: 13pt; }
.post h5 { font-size: 12pt; }
.post h6 { font-size: 11pt; }

.post .post-title a {
  color: #181713;
  text-decoration: none;
}

.post .post-title a:hover {
  color: #383733;
  text-decoration: none;
}

.post blockquote {
  font-style: italic;
}

.post .post-date {
  font-family: Andale Mono, Courier, monospace;
  text-align: right;
  float: left;
  color: #d6c6a5;
  margin-left: -152px;
  width: 75px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  margin-top: -16pt;
}

.post .post-date span {
  display: block;
}

.post .backtalk {
  font-family: Trebuchet MS, sans-serif;
  font-size: 10pt;
  float: left;
  color: #833;
  margin-left: -152px;
  width: 75px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: right;
}

.post .bt-up-1 { margin-top: -16pt; }
.post .bt-up-2 { margin-top: -32pt; }
.post .bt-up-3 { margin-top: -48pt; }
.post .bt-up-4 { margin-top: -64pt; }
.post .bt-up-5 { margin-top: -80pt; }

.post .post-tags {
  font-family: Trebuchet MS, sans-serif;
  font-size: 10pt;
  font-style: italic;
}

.post pre {
  overflow-x: auto;
  background-color: #c19662;
  border: 1px dashed #8e582e;
  padding: 4pt;
  font-size: 10pt;
  line-height: 12pt;
}

.entry img {
  border: 0;
}

.entry .alt {
  margin-left: -26px;
  margin-right: -24px;
  padding: 25px;
  text-align: justify;
  font-size: 12px;
  font-family: Trebuchet MS, sans-serif;
}

.post .more {
  font-style: italic;
  font-family: Trebuchet MS, sans-serif;
}

.attachment, .smallattachment {
  font-style: italic;
  font-family: Trebuchet MS, sans-serif;
  font-size: 10pt;  
}

/* Comments */

.commentlist h4 {
  display: inline;
  font-size: 13pt !important;
}

.edit-this {
  float: right;
  width: 25%;
}
.edit-this a {
  background-color: #f00;
  display: block;
  text-align: center;
  border: 1px solid white;
  color: white !important;
  font-family: Trebuchet MS, sans-serif;
  font-size: 10pt !important;
  font-style: italic;
  text-decoration: none;
}
.edit-this a:hover {
  background: #f33;
}

.comment-date, .comment-date a {
  font-family: Trebuchet MS, sans-serif;
  font-size: 10pt !important;
  font-style: italic;
}

.commentlist {
  list-style: lower-greek;
  margin: 0;
  padding: 0;
  margin-left: -30px;

  font-family: Andale Mono, Courier, monospace;
  font-size: 16pt;
  color: #d6c6a5;
}
.commentlist li {
  padding-left: 30px;
}
.commentlist div {
  margin-left: -26px;
  margin-right: -24px;
  font-size: 12pt !important;
}
#commentform {
  margin-left: -26px;
  margin-right: -24px;
}
.commentlist li div, #commentform {
  padding: 25px;
  font-family: Georgia, Times New Roman, serif;
}
.commentlist li * {
  color: #181713;
  font-size: 12pt;
}

.commentlist .alt div, form.alt, .entry .alt {
  background: #d8c7a2 url("images/alt-comment-bg.png");
}

#commentform textarea, #commentform input[type="text"] {
  width: 100%;
  line-height: inherit;
  font-size: inherit;
  border: none;
  background: #fcfcf4;
}

#commentform label {
  font-family: Trebuchet MS, sans-serif;
  display: inline;
}

#commentform label[for="comment"] {
  display: none;
}

#commentform textarea {
  height: 96pt; /* 6 lines, 16pt line height */
  font-family: Georgia, Times New Roman, serif;
}

#commentform input[type="text"] {
}

/* END: Comment Form */


.sidebar-toplevel {
  list-style: none;
  margin: 0;
  width: 130px;
  font-size: 12pt;
  line-height: 16pt;
  font-family: Trebuchet MS, sans-serif;
  padding: 25px;
  padding-top: 0px;
  color: #884318;
}

.sidebar-toplevel a {
  color: #d8c7a2;
}

.widget {
  margin-top: 16pt;
}

.widget_search {
  background: url("images/search-box.png") left top;
  width: 134px;
  height: 64px;
  margin-left: -4px;
}

.widget_search input {
  border: none;
  background: none;
  width: 100%;
  font-size: 16pt;
  line-height: 16pt;
  color: #cb9e63;
}
#s {
  border: none;
  background: transparent !important; /* FF, your autofill gets in my way here */
  width: 115px;
  color: #d6c6a5;
  padding-left: 3px;
  padding-right: 3px;
  margin: 7px;
  margin-top: 8px;
  margin-bottom: 6px;
  font-size: 10pt;
  line-height: 12pt;
}


.widget_recent_comments li {
  padding-bottom: 16pt;
}

.widget_recent_comments ul {
  margin-bottom: -16pt;
}

.widget_calendar {
  height: 250px;
  width: 174px;
  margin-left: -23px;
  background: url("images/calendar-bg.png") top left no-repeat;
  padding-top: 10px;
}

.widget_calendar .widgettitle {
  display: none;
}

#wp-calendar caption {
  height: 115px;
  margin-left: 12px;
  padding-top: 3px;
  margin-bottom: -3px;
  width: 152px;
  text-transform: uppercase;
  letter-spacing: 1.25pt;
  background: url("images/calendar/200903.png") 0px 23px no-repeat;
  color: #877b61;
}

#wp-calendar {
  margin-left: 0px;
  padding-left: 14px;
  margin-top: 0px;
}

#wp-calendar th, #wp-calendar td {
  line-height: 6.75pt;
  font-size: 10pt;
  text-align: right;
  padding-left: 2px;
  padding-right: 2px;
  color: #bca943;
}

#wp-calendar th {
  color: #877b61;
  padding-top: 2px;
}

#wp-calendar td a {
  text-decoration: none;
  color: #1d1808;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar #next {
  
}

.widget_tag_cloud {
  text-align: left;
  margin-left: -20px;
}

.widget_tag_cloud a {
  text-decoration: none;
  color: inherit;
}

.widget h2 {
  margin: 0;
  font-size: 16pt;
}

.widget ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
}

.widget a {
  font-size: 10pt;
}

.widget ul ul {
  padding-left: 8pt;
}

#feed-icon a {
  display: block;
  width: 76px;
  height: 76px;
  background: url("images/feed-icon.png") top left no-repeat;
  position: absolute;
  top: 20px;
  text-indent: -2000px;
  margin-left: 745px;
}

.gravatar {
float:left;
padding: 3px;
border: 0;
background: #fff;
margin-left: -135px;
margin-top: 40px;
}

.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;
}