/* Deliciously Simply light scheme consisting of 3 main colors and the Droid Serif font*/

/*
Index:
1. Fonts
2. Colors
3. Styles
*/

/* /////////////////////////////////////////////////////////////////////// */
/* 1. Fonts */
/* /////////////////////////////////////////////////////////////////////// */

body {font-family:Georgia, Arial;}
#logo h1, #content h1 {font-family: Droid Serif, arial, serif;}
blockquote {font-family: Palatino Linotype, Book Antiqua3, Palatino, Arial;}



/* /////////////////////////////////////////////////////////////////////// */
/* 2. Colors */
/* /////////////////////////////////////////////////////////////////////// */

/* ------------------------------- */
/* Global */
/* ------------------------------- */
html{color:#000;background: #FFF;}

/* ------------------------------- */
/* Color 1: Lightest */
/* ------------------------------- */
.cheeky, .slogan, #featured .featured-cat a, #posts .post-category a, .post-single .tags, .custom-links, .custom-title, #footer, .comment-meta a,
#leave-comment .comment-subscribe, #browsing a, label, .cancel-comment-reply a, blockquote
{color: #babecb; font-weight: normal;}

#featured, .post-page, #browsing, .post-single .entry, blockquote, hr,
#comments #respond,
.respond,
#comment, .commentlist .children,
#sidebar
{border-color: #babecb !important; }

/* ------------------------------- */
/* Color 2: Medium */
/* ------------------------------- */
body, #navigation li a, #posts .post-category a:hover, #search-form #search-field,
#comments #respond .comment-field-holder input,
.respond .comment-field-holder input,
.respond textarea,
#comments #respond textarea,
.reply a, a.comment-edit-link,
#featured .featured-cat a:hover
{color: #a5a8b2;}

/* ------------------------------- */
/* Color 3: Darkest */
/* ------------------------------- */
h1, h2, h3, h4, a, #navigation li a:hover, .cat, .date, .comment-author, #browsing a:hover, .pagenavi span.current, .post-single-details,
.tags a, .custom-links a, .custom-title  a, #footer a, .cancel-comment-reply a:hover, .reply a:hover, a.comment-edit-link:hover
{color: #444751;}

/* ------------------------------- */
/* Link styles */
/* ------------------------------- */
.entry p a, .featured-info a {color: #a5a8b2; border: none; border-bottom: 1px dotted #444751}
.entry p a:hover, .featured-info a:hover {color: #444751; border: none; border-bottom: 1px solid #444751}
.entry p a:visited {border-bottom: 1px dotted #babecb;}

/* ------------------------------- */
/* Dotted Underline Links */
/* ------------------------------- */
.cat a:hover, p a:hover, .tags a:hover, .custom-links a:hover, .custom-title  a:hover, #footer a:hover
{border: none; border-bottom: 1px dotted #444751;}

/* ------------------------------- */
/* Comments */
/* ------------------------------- */

/* Actual live comment */
#comments .comment-body {background-color: #f5f6f7; border-top: #dfdfdf 1px solid; }
 .commentlist .children .comment-holder {border-color: #cccfd8 !important; }

/* Comment form */
#comments #respond .comment-field-holder input,
#comments #respond textarea,
.respond textarea,
#comments #respond input#author,
#comments #respond input#email,
#comments #respond input#url
{background-color: #f5f6f7 !important; border: none; border-top: 1px solid #dfdfdf !important;}

/* ------------------------------- */
/* Search */
/* ------------------------------- */
#search-form #search-field {background: #f5f6f7 url('img/icon_sprite_light.png') no-repeat 12px -86px; border: none; border-top: #dfdfdf 1px solid;}

/* ------------------------------- */
/* Misc */
/* ------------------------------- */
.OD5 {color: #ff0033}



/* /////////////////////////////////////////////////////////////////////// */
/* 3. Styles */
/* /////////////////////////////////////////////////////////////////////// */

/* ------------------------------- */
/* Global Styles */
/* ------------------------------- */

html, ul, li {margin: 0px;padding: 0px;}
body {font-size: 13px; letter-spacing: -0.1px; line-height: 18px; padding: 0;margin: 0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a img {border: none;}
img.alignright {padding: 0 0 20px 30px; float: right;}
img.alignleft {padding: 0 30px 20px 0; float: left;}
.post-single .entry .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.relative {position: relative}
p {margin-bottom: 20px; letter-spacing: -0.1px;}
b, strong {font-weight: bold;}
.clear {clear:both;}
h1 {font-size: 24px; margin: 0 0 20px 0; line-height: 24px;}
h2 {font-size: 16px; margin: 0 0 15px 0; line-height: 16px; font-weight: bold;}
h3 {font-size: 14px; margin: 0 0 10px 0; line-height: 14px;  font-weight: normal;}
h4, h5, h6 {margin: 0 0 10px 0;}
blockquote {font-size: 24px; letter-spacing: -0.1px; font-style: italic; line-height: 24px; padding: 0 0 0 20px; margin: 40px 0 40px 20px;border-left: 1px dotted;}
ol, ul {margin: 0 0 20px 25px;}
ol li {list-style-type: decimal; padding: 0 0 10px 0;}
ul li {list-style-type: circle; padding: 0 0 5px 5px;}
i, em {font-style: italic}
hr {border: none; border-bottom: 1px dotted; margin: 20px 0; }
del {text-decoration: line-through;}
*:focus {outline: none;} /* Removes yellowing of forms */

/* ------------------------------- */
/* Main Containers top to bottom */
/* ------------------------------- */

#container {width: 640px; margin: 0 auto; padding: 30px 0 5px 0; overflow: hidden;}

#header {text-align: center;}
        #logo img {width: auto; height: auto; max-width: 640px;}
        #logo h1 {font-style: italic; font-weight: normal; margin: 0 0 10px 0; font-size: 30px; letter-spacing: -0.40px}
        .slogan {font-style: italic;margin: 0 0 30px 0;}
    #search-form {width: 300px; height: 50px; margin: 0 auto 42px auto; }
        #search-form #search-field {width: 230px; height: 50px; padding: 0 20px 0 50px; font-style: italic; font-size: 13px;}

/* New WP3 Nav */
#navigation  {margin: 0 0 34px 0; padding: 0; z-index: 30;}

      /* Main Top Nav */
      #navigation li {position: relative;margin: 0;padding: 0; list-style: none;display:inline-block; text-transform: uppercase; font-size: 12px;}
      #navigation li a {display: block; margin: 0;padding: 0px 15px; font-weight: normal; }
      #navigation .nav-search {margin-right: 25px;} /* this is a fix */
      #navigation li a:hover {border: none;}

          /* Tier 1 styles */
          #navigation li ul {z-index: 9999; position: absolute; display:none; left: 0; height: auto; width: 100px; margin: 10px 0 0 0; padding: 20px; background: url('img/dropdown_light.png')top left;}
          #navigation li ul a {width: 117px;}
          #navigation li ul li {float:left;border-bottom: 1px dotted #666; width: 100px;}
          #navigation li ul li a { text-transform: none; color: #CCC; margin: 0; padding: 5px 0 5px 3px; text-decoration: none; text-align: left;font-style: italic; font-size: 13px;}
          #navigation li ul li a:hover{ color: #FFF; }

              /* Tier 2 & 3 styles */
              #navigation li ul li ul,#navigation li ul li ul li ul {margin: -38px 0 0 120px;padding: 10px 20px 20px 10px !important;background-color: #000;}
                    #navigation li ul li ul {opacity: .8;} /* Tier 2 only */
                    #navigation li ul li ul li ul{opacity: 1;} /* Tier 3 only */

#content {overflow: hidden;}

#icons {width: 640px; height: 26px; margin: 10px 0 20px 0; text-align: center;}
#icons a {display: inline-block; height: 32px; width: 32px; background: url('img/icon_sprite_light.png'); margin: 0 2px;}
#icons a.footer_twitter  {background-position: 0 -32px;}
#icons a.footer_twitter:hover  {background-position: 0 0;}
#icons a.footer_facebook {background-position: -32px -32px;}
#icons a.footer_facebook:hover {background-position: -32px 0;}
#icons a.footer_dribbble  {background-position: -64px -32px;}
#icons a.footer_dribbble:hover  {background-position: -64px 0px;}
#icons a.footer_tumblr {background-position: -96px -32px;}
#icons a.footer_tumblr:hover  {background-position: -96px 0px;}
#icons a.footer_forrst  {background-position: -128px -32px;}
#icons a.footer_forrst:hover  {background-position: -128px 0px;}
#icons a.footer_last_fm {background-position: -160px -32px;}
#icons a.footer_last_fm:hover  {background-position: -160px 0px;}
#icons a.footer_flickr  {background-position: -192px -32px;}
#icons a.footer_flickr:hover  {background-position: -192px 0px;}
#icons a.footer_behance {background-position: -224px -32px;}
#icons a.footer_behance:hover  {background-position: -224px 0px;}
#icons a.footer_pinterest {background-position: -256px -32px;}
#icons a.footer_pinterest:hover  {background-position: -256px 0px;}
#icons a.footer_googleplus {background-position: -288px -32px;}
#icons a.footer_googleplus:hover  {background-position: -288px 0px;}
#icons a.footer_feedburner {background-position: -320px -32px;}
#icons a.footer_feedburner:hover  {background-position: -320px 0px;}

#footer {height: 15px; margin: 40px 0 5px 0; text-align: center; font-size: 10px; clear: both;}

/* ------------------------------- */
/* Sidebar  */
/* ------------------------------- */

#sidebar {margin-bottom: 0;}
#sidebar .sidebar-box {margin: 0; padding: 0;}
#sidebar .sidebar-box .sidebar-title {color: #444751; } 
#sidebar .sidebar-box .textwidget {margin: 10px 0 30px 0;border-bottom: 1px dotted; padding: 0 0 30px 0;}
.home #icons {margin-top: 0px;}


/* ------------------------------- */
/* Home page only */
/* ------------------------------- */

#featured {margin: 0 0 40px 0; padding: 0; border: none; border-bottom: 1px dotted;}
    #featured img {max-width: 640px; margin: 3px 0 10px 0; height: auto;}
    #featured h3 {float: left;}
    #featured .featured-cat {float: right;}
    #featured .featured-info {clear:both; font-size: 13px; margin: 20px 0 20px 0; font-style: italic;}

/* ------------------------------- */
/* Post Thumbnails found on home, single and archives  */
/* ------------------------------- */

#posts img {position: absolute; border: 0;}

#posts {width: 672px; font-size: 12px; line-height: 16px;}
    #posts .post {width: 190px; height: 120px; display:inline-block; margin: 0 31px 80px 0; padding: 0; vertical-align: top;}
      #posts .post-thumb {width: 190px; height: 120px; padding: 0; position:relative; overflow:hidden; margin: 0;}
          #posts .post-thumb img {width: 190px; height: 120px;}
        #posts .post-thumb .caption {display: block; width: 190px; height: 120px; background: url('img/post_view_light.png');position:absolute;display:none; cursor: pointer;}
        #posts .post-thumb .caption a {display:block;width: 190px; height: 120px;}
      #posts .post-info {display: block; width: 190px; text-align: center; margin: 0 0 30px 0;}
      #posts .post-info h3 {margin: 10px 0 5px 0; font-size: 14px; line-height: 16px;}
        #posts .post-category a {font-size: 13px; line-height: 16px;}
        #posts .post-category a:hover {text-decoration: none;}

/* ------------------------------- */
/* Archives  */
/* ------------------------------- */
#browsing {width: 640px; border: none; border-top: 1px dotted; padding-top: 10px; margin: 10px 0 0 0; font-style: italic; font-size: 13px;}
    #browsing a {}
    #browsing a:hover {text-decoration: none;}
    #browsing .browse-nav {width: 640px; }
    #browsing .browse-left {float: left; width: 20%;text-align: left;}
    #browsing .browse-mid {float: left;width: 60%; text-align: center; }
    #browsing .browse-right {float: left; width: 20%; text-align: right;}
    #browsing .pagenavi {margin: 0 0 20px 0;  padding: 5px 1px 5px;  float:left;  width: 98%; }
        #browsing .pagenavi a {padding: 4px 6px; text-decoration: none;}
        #browsing .pagenavi span.pages {padding: 4px 6px; font-weight:bold;}
        #browsing .pagenavi span.current {padding: 4px 6px; font-weight:bold;}
        #browsing .pagenavi span.expand {padding: 4px 6px;}

/* ------------------------------- */
/* Content */
/* ------------------------------- */
#content h1 {font-style: italic; font-weight: normal; letter-spacing: -0.25}

/* ------------------------------- */
/* Single Pages */
/* ------------------------------- */

.post-page {padding: 0 0 10px 0; border-bottom: 1px dotted; margin: 0 0 40px 0;}

/* ------------------------------- */
/* Single Posts */
/* ------------------------------- */

.post-single {padding: 0 0 20px 0;}
.post-featured-image {margin-bottom: 10px;}
.post-single-details {height: 14px; margin: 0 0 20px 0;}
    .cat, .date {display: inline;}
      
      .social-sharing  {float: right; margin: 0 -30px 0 0; padding: 0; height: 20px; overflow: hidden; vertical-align: top;}
       .twitter-share-button {float: right;height: 20px; vertical-align: top;}
       .pinterest-share-button {float: right; height: 20px; vertical-align: top;margin-right: 45px;}
       .facebook-share-button {float: right;height: 20px; vertical-align: top; margin-right: 0px;}
    
.post-single .entry {padding: 0 0 15px 0; margin: 0 0 20px 0; border-bottom: 1px dotted;}
  .post-single .entry img {max-width: 640px; height: auto; margin: 0 0 5px 0;}
  .post-single .entry .wp-caption-text  {font-size:11px; text-align:center; margin: -5px 0 20px 0; padding:0; height: 20px; max-width: 650px;}
.tags a, .custom-links a, .custom-title  a {border: none;}
.tags a {text-transform: lowercase;}
h3.maylike {margin: 0 0 20px 0;}

/* ------------------------------- */
/* Floating Pagination */
/* ------------------------------- */

.prevPagi a, .nextPagi a {background: url('img/icon_sprite_light.png') no-repeat -4px -200px; position: fixed;top: 50%; width: 60px; height: 60px; text-indent: -1000em; outline: none;}
.prevPagi a  {left: 30px; }
.prevPagi a:hover {background-position: -4px -260px;}
.nextPagi a {background-position: -64px  -200px; right: 30px;}
.nextPagi a:hover {background-position: -64px  -260px;}


/* ------------------------------- */
/* Comments */
/* ------------------------------- */

#comments {clear: both; border: none;  margin: 0 0 10px 0; border-top: 1px dotted; border-bottom: 1px dotted; padding: 20px 0 0 0; line-height: 19px;}
#comments .navigation {padding: 0 0 18px 0;}
#comments h3 {font-size: 14px; line-height: 14px; margin: 0 0 20px 0; font-weight: bold;}
#comments ul li, #comments ol li{list-style: none;}

/* Comments listed */
.commentlist {list-style: none;	margin: 0; border-bottom: 1px dotted;}
.commentlist li.comment {margin: 20px 0 24px 0; position: relative;}
.commentlist li:last-child {border-bottom: none;margin-bottom: 0;}

/* Actual comment */
.commentlist .children .comment-holder {padding-left: 50px; border-left: 1px dotted;}
#comments .comment-body {padding: 20px 20px 10px 20px;  font-style: italic;}
#comments .comment-body p {padding: 0; margin: 0 0 10px 0;}
#comments .comment-body ul,#comments .comment-body ol {	margin-bottom: 18px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 24px;}

.commentlist ol {}

/* Floats under the individual comment */
.comment-author-date {float: right;}
.reply {float: left;}

/* Comment Author */
.comment-author {text-align: right; display: block; font-size: 12px; line-height: 14px; padding: 15px 0 0 0; margin: 0 0 2px 0; background: url('img/icon_sprite_light.png') no-repeat -5px -385px; }

/* Comment Date */
.comment-meta {text-align: right; display: block; font-size: 11px; margin: 0 0 20px 0; padding: 0; line-height: 11px;}

/* If you want every alternative comment a different color, not so rad with threaded comments we think */
.commentlist .even {}
.commentlist .bypostauthor .comment-body {}

/* Threaded comments reply button */
.commentlist .children .reply {padding: 10px 0 0 70px;}
.reply {font-size: 10px; padding: 10px 0 0 20px;}

/* Styles for the threaded comment replies that get indented */
.commentlist .children {list-style: none;margin: 0;padding: 0;}
.commentlist .children .children {border: none;padding: 0 0 0 50px;}
.commentlist .children li {border: none;margin: 0;}
.nopassword,.nocomments {display: none;}

/* Pingsbacks */
#comments .pingback {border-bottom: 1px solid;	margin-bottom: 18px;	padding-bottom: 18px;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {	display: block;	font-size: 12px;line-height: 18px;margin: 0;}
#comments .pingback .url {font-size: 13px;font-style: italic;}


/* Comments form and replies */

#comments #respond {padding: 0px;margin: 0px; overflow: hidden;position: relative;width: 100%;}
#comments #respond h3 {margin: 20px 0 20px 0; font-weight: bold;}
#comments #respond p {margin-bottom: 20px;}

.children #respond {margin: 0;}

    #comments #comments-list #respond {margin: 0 0 10px 0;}
    #comments #comments-list ul #respond {margin: 0;}
    #comments #respond .cancel-comment-reply {font-size: 10px; margin: 0 0 0 10px;}
    #comments #respond .comment-field-holder {margin-bottom: 20px;}
    #comments #respond .comment-field-holder input  {width: 141px; float: left; margin: 0 30px 0 0;padding: 15px 15px 15px 50px; border: none; border-top:1px solid; font-style: italic; margin: 0 10px 20px 0;}
    #comments #respond input#author {background: url('img/icon_sprite_light.png') no-repeat -214px -153px;}
    #comments #respond input#email {background: url('img/icon_sprite_light.png') no-repeat -214px -218px;}
    #comments #respond input#url {margin: 0;background: url('img/icon_sprite_light.png') no-repeat -214px -283px;}
    #comments #respond textarea  {padding: 15px 50px 15px 50px !important; font-style: italic;}
    #comments #respond textarea {width: 90%; background: url('img/icon_sprite_light.png') no-repeat -214px -345px;}
    #comments #respond .comment-field-message {margin: 0;}
    #comments #respond .comment-button {display: block; height: 28px; margin: 0 0 40px 0; text-align: right;}
    #comments #respond input#submit {width: 112px; height: 28px; padding: 0; border: none; cursor: pointer; }