/*
Theme Name: Design to WordPress
Theme URI: http://designtowp.com
Version: 1.0.0
Author: Design to WordPress
Author URI: http://designtowp.com
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #ecd178 url('imgs/bg.jpg') repeat top left;
  color: #575344;
  font-family: Verdana, Tahoma, Sans-Serif; font-size: 14px;
  text-align: center;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

a {
  color: #E66F1D;
  text-decoration: none;
}

a:hover {
  color: #575344;
}

span.highlight {
  background: #868686;
  color: #fff;
  padding: 2px 5px;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.navigation {
  font-size: 12px;
}

/* Fields */

p label {
  margin-bottom: 25px;
}

p label {
  color: #575344;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}

input.text {
  background: #fcfaf9;
  border: 1px solid #bbbbbb;
  color: #646158;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 8px;
  width: 700px;
}

textarea {
  background: #fcfaf9;
  border: 1px solid #bbbbbb;
  color: #646158;
  font-family: inherit;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 8px;
  width: 700px;  
}

.submit {
  background: transparent url('imgs/submit.png') no-repeat top left;
  border: 0;
  height: 43px;
  width: 128px;
  text-indent: -10000px;
}

.submit:hover {
  background: transparent url('imgs/submit.png') no-repeat bottom left;
}

#delicious {
  background: #FCFAF9;
  border: 1px solid #BBBBBB; padding-left: 10px;
}

#delicious .save-to-link {
  border: 0;
}

/* Header */

#header {
  background: #1a1a1a url('imgs/header_bg.jpg') no-repeat top left;
  height: 74px;
  margin-top: 50px;
}

#header h2 {
  float: left;
}

#header h2 a {
  background: transparent url('imgs/logo.jpg') no-repeat top left;
  display: block;
  height: 74px;
  margin-left: 40px;
  text-indent: -10000px;
  width: 288px;
}

#header ul {
  display: inline;
  float: right;
  list-style: none;
  margin-top: 28px; margin-right: 40px;
}

#header ul li {
  float: left;
  font-size: 18px;
  margin-left: 50px;
}

#header ul li a {
  color: #ecba09;
  text-decoration: none;
}

#header ul li a:hover {
  color: #e86e1c;
}

/* Content */

.content {
  background: #fff;
  border: 1px solid #ecba09; border-top: 0;
  overflow: hidden;
  margin-bottom: 25px;
  padding: 50px 34px 50px 34px;
  width: 890px;
}

.content #col-1 {
  float: left;
  width: 530px;
}

.content #col-1 .pagetitle {
  margin-bottom: 50px;
}

.content #col-2 {
  float: right;
  width: 255px;
}

/* Post */

.content .post .title {
  color: #E66F1D;
  font-size: 24px;
  margin-bottom: 20px;
}

.content .post .title a {
  text-decoration: none;
}

.content .post .title a:hover {
  color: #575344;
}

.content .post {
  font-size: 13px;
  margin-bottom: 50px;
}

.content .post .entry {
  color: #1a1a1a;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 20px;
}

.content .post .entry p {
  margin-bottom: 15px;
}

.content .post .entry h1, .content .post .entry h2,
.content .post .entry h3, .content .post .entry h4,
.content .post .entry h5, .content .post .entry h6 {
  color: #575344;
  margin-bottom: 15px;
}

.content .post .entry h1 {
  font-size: 24px;
}

.content .post .entry h2 {
  font-size: 22px;
}

.content .post .entry h3 {
  font-size: 20px;
}

.content .post .entry ol, .content .post .entry ul {
  margin-left: 20px;
  margin-bottom: 15px;
}

.content .post .entry blockquote {
  background: #fff5d3;
  border: 1px solid #EFE5C2;
  font-style: italic;
  padding: 10px;
}

.content .postmetadata {
  background: #fff5d3;
  color: #48453a;
  font-size: 12px;
  overflow: hidden;
  padding: 15px 10px;
  width: 510px;
}

.content .post .entry img.alignright {
  border: 1px solid #FFF5D3;
  padding: 5px;
  margin-left: 15px; margin-bottom: 15px;
}

.content .post .entry img.alignleft {
  border: 1px solid #FFF5D3;
  padding: 5px;
  margin-right: 15px; margin-bottom: 15px;
}

.content .post .entry img.img-border {
  border: 1px solid #FFF5D3;
  padding: 5px;
}

/* Sidebar */

.content #col-2 {
  font-size: 12px;
}

.content #col-2 a {
  color: #343434;
}

.content #col-2 a:hover {
  color: #E66F1D;  
}

.content #col-2, .content #col-2 ul {
  list-style-type: none;
}

.content #col-2 li.widget {
  margin-bottom: 43px;
}

.content #col-2 li.subscribe {
  background: #fff5d4;
  overflow: hidden;
  padding: 20px 20px;
  width: 215px;
}

.content #col-2 li.subscribe .url {
  color: #554e39;
  margin-left: 20px; margin-top: 20px;
}

.content #col-2 li h2 {
  color: #e86e1c;
  font-size: 16px; font-weight: normal;
  margin-bottom: 30px;
}

.content #col-2 li ul li {
  margin-bottom: 15px;
}

.content #col-2 li.twitter {
  background: #e9f8ff;
  overflow: hidden;
  padding: 20px 20px;
  width: 215px;  
}

.content #col-2 li.twitter li {
  background: transparent url('imgs/twitter.jpg') no-repeat top left;
  display: block;
  padding-left: 40px;
  min-height: 22px;
  height: auto !important;
  height: 22px;
}

.content #col-2 li.twitter .aligncenter {
  color: #1a1a1a;
  font-size: 14px; font-weight: bold;
  text-align: center;
}

.content #col-2 li.twitter a {
  color: #4e5a60;
}

.content #col-2 li.twitter a:hover {
  color: #323b3f;
}

/* Comments */

.commentlist {
  list-style: none;
  margin-bottom: 25px;
}

.commentlist li {
  margin-bottom: 10px;
}

.commentlist .comment-container-div {
  background: #fff5d3 url('imgs/comment_container_div_bg.jpg') repeat-x top left;
  padding: 3px;
}

.commentlist .comment_author {
  float: left;
  text-align: center;
  margin-right: 40px;
}

.commentlist .comment_author img {
  border: 1px solid #ecda9b;
  margin-bottom: 10px;
}

.commentlist .comment_author .comment_date {
  color: #b0ada1;
  font-size: 11px;
  margin-top: 5px;
}

.commentlist .comment_text {
  color: #575344;
  float: right;
  line-height: 24px;
  width: 745px;
}

.commentlist .comment_text p {
  margin-bottom: 15px;
}

/* Comment Form */

#respond {
  border-top: 1px solid #ECBA09;
  padding-top: 20px; padding-bottom: 20px;
}

#respond input.text {
  width: 354px;
}

#respond textarea {
  height: 213px;
  width: 441px;  
  margin-bottom: 20px;
}

#respond h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

/* Footer */

#footer {
  font-size: 12px;
  margin: 40px 0px;
  text-align: center;
}