/*  

Theme Name: Espresso
Theme URI: http://adriansblog.me.uk/wp-themes/espresso/
Description: Espresso theme designed by Adrian Burns.
Version: 2.10
Author: Adrian Burns
Author URI: http://adriansblog.me.uk/
Tags: brown, beige, cream, fixed width, two columns, widgets, xhtml

Copyright (C) 2008 Adrian Burns

This theme is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This theme is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

See the GNU General Public License for more details.
http://www.opensource.org/licenses/gpl-3.0.html

*/



/* ---------------------------------------- GENERAL CSS ---------------------------------------- */

body {
font: 80% Tahoma, Arial;
color: #333;
background-color: #e9e4d3;
margin: 40px 0 0 0;
padding: 0;
}

p {
padding: 0 0 15px 0;
margin: 0;
}

form {
margin: 0px;
padding: 0px;
}



/* ---------------------------------------- ENTRY IMAGES ---------------------------------------- */

.entry p img {
border: 1px solid #eeebdd;
padding: 5px;
max-width: 100%;
margin-top: 6px;
margin-bottom: 6px;
}

.entry img.alignleft {
display: inline;
margin-left: 0;
margin-right: 15px;
}

.entry img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.entry img.alignright {
display: inline;
margin-left: 15px;
margin-right: 0;

}

.entry .alignleft {
float: left
}

.entry .alignright {
float: right;
}

img.wp-smiley {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
display: inline !important;
}



/* ---------------------------------------- NAVIGATION MENU ---------------------------------------- */

#nav-container {
float: right;
width: 865px;
overflow: hidden;
height: 33px;
margin: 0;
padding-right: 18px;
background-color: transparent;
display: block;
}

#nav {
float: right;
margin: 0;
padding: 0;
line-height: 33px;
font-size: 1em;
text-transform: none;
letter-spacing: 0;
font-weight: bold;
border: 0;
}

#nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
list-style: none;
margin-left: 8px;
padding-left: 10px;
background: url('images/bg-nav-left.gif') no-repeat top left;
/* use .png images for rounder nav tabs - transparency does not render in IE6 */
/* background: url('images/bg-nav-left.png') no-repeat top left; */
}

#nav .current_page_item a, #nav .current_page_item a:visited {
color: #ddd6b3;
text-decoration: none;
}

#nav .page_item a {
color: #f4eee9;
text-decoration: none;
padding: 0;
display: block;
padding-left: 5px;
padding-right: 15px;
background: url('images/bg-nav-right.gif') no-repeat top right;
/* use .png images for rounder nav tabs - transparency does not render in IE6 */
/*background: url('images/bg-nav-left.png') no-repeat top left; */
}

#nav .page_item a:hover {
color: #ddd6b3;
text-decoration: none;
}



/* ---------------------------------------- LAYOUT DIVS ---------------------------------------- */

#page {
overflow: hidden;
width: 896px;
margin: 0 auto;
background: #fff url('images/bg-page.gif') repeat-y top left;
border: 0;
padding: 0 2px 0 2px;
}

#header-container {
overflow: hidden;
width: 900px;
height: 235px;
background: #462518 url('images/header.png') no-repeat top left;
margin: 0 auto;
}

#header {
float: left;
overflow: hidden;
width: 900px;
height: 202px;
color: #e3dcbd;
text-align: right;
}

#content {
float: left;
overflow: hidden;
width: 530px;
background-color: #fff;
margin-top: 32px;
margin-left: 61px;
margin-bottom: 0 !important;
text-align: justify;
padding: 0;
}

.entry {
float: left;
overflow: hidden;
width: 100%;
line-height: 1.55em;
margin-bottom: 30px;
}

.entry-header {
float: left;
overflow: hidden;
width: 470px;
margin-bottom: 35px;
clear: left;
}

.entry-graphic {
float: right;
overflow: hidden;
width: 60px;
height: 73px;
background: #fff url('images/bg-page-header.gif') no-repeat top left;
border: 0;
}

.entry-graphic-search {
float: right;
overflow: hidden;
width: 60px;
height: 73px;
background: #fff url('images/bg-page-header-search.gif') no-repeat top left;
border: 0;
}

.entry-graphic-404 {
float: right;
overflow: hidden;
width: 60px;
height: 73px;
background: #fff url('images/bg-page-header-404.gif') no-repeat top left;
border: 0;
}

.entry-date {
float: right;
overflow: hidden;
width: 60px;
height: 73px;
background-color: #fff;
}

.entry-date-month {
float: left;
overflow: hidden;
width: 60px;
height: 20px;
background: #fff url('images/bg-date-month.gif') no-repeat bottom right;
text-align: center;
line-height: 21px;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 0.80em;
color: #fff;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0;
}

.entry-date-day {
float: left;
overflow: hidden;
width: 60px;
height: 50px;
background: #fff url('images/bg-date-day.gif') no-repeat bottom right;
text-align: center;
line-height: 47px;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 2.25em;
color: #444;
font-weight: normal;
letter-spacing: 0px;
}

.entry-gravatar {
float: left;
width: 32px;
height: 32px;
padding-top: 2px;
margin-right: 7px;
background: url('images/gravatar-default.jpg') no-repeat top left;
}

.entry-gravatar img {
padding: 2px;
margin: 0 !important;
border: 1px solid #eeebdd;
display: block;
}

.entry-gravatar img:hover {
background-color: #eeebdd;
}

.entry-stats {
float: left;
width: 423px;
height: 34px;
overflow: hidden;
color: #b7ae7f;
font-size: 0.89em;
line-height: 1.5em;
letter-spacing: 0;
padding-top: 0;
margin: 0;
}

#sidebar {
float: left;
overflow: hidden;
width: 247px;
background-color: transparent;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 60px 15px;
color: #1e0c06;
line-height: 1.35em;
text-align: justify;
}

#sidebar-search {
float: left;
overflow: hidden;
width: 100%;
height: 50px;
vertical-align: middle !important;
background: url('images/bg-search.png') no-repeat top left;
margin: 0;
padding: 18px 0 0 0;
color: #1e0c06;
}


#footer {
overflow: hidden;
width: 900px;
padding-bottom: 35px;
background: #462518 url('images/footer.png') no-repeat bottom left;
color: #e3dcbd;
font-size: 0.89em;
text-align: left;
margin: 0 auto;
}

#credits {
overflow: hidden;
margin: 5px auto 0 auto;
overflow: hidden;
width: 900px;
height: 30px;
color: #1e0c06;
font-size: 0.8em;
text-align: center;
line-height: 15px;
padding-bottom: 20px;
}

.search-date-time {
float: left;
overflow: hidden;
width: 100%;
margin-top: -10px;
padding: 0;
border: 0;
}

.spacer {
float: left;
width: 100%;
height: 80px;
margin: 0;
padding: 0;
}



/* ---------------------------------------- TYPOGRAPHY & LINKS ---------------------------------------- */

.tags {
font-size: 0.89em;
color: #b7ae7f;
text-align: center !important;
padding: 15px 0 10px 0;
margin: 0;
}

blockquote {
margin: 8px 20px 22px 20px;
padding: 12px 20px 0 18px;
border-left: 1px solid #d3ccaa;
border-right: 1px solid #d3ccaa;
background-color: #f8f6f1;
font-style: normal;
}

blockquote blockquote {
margin: 8px 20px 22px 20px;
padding: 12px 20px 0 18px;
border-left: 1px solid #d3ccaa;
border-right: 1px solid #d3ccaa;
background-color: #fff;
font-style: normal;
}

h1, h1 a, h1 a:visited {
font: 1.64em "Trebuchet MS", Tahoma, Arial;
color: #ddd6b3;
text-decoration: none;
font-weight: bold;
margin: 70px 11px 0 0;
letter-spacing: -2px;
}

h1 a:hover {
color: #f4eee9;
text-decoration: none;
}

.description {
font: 1.12em "Trebuchet MS", Tahoma, Arial;
color: #ddd6b3;
text-decoration: none;
font-weight: normal;
margin: 20px 21px 0 0;
letter-spacing: 0;
}

#content h2 {
font-size: 1.9em;
font-weight: normal;
font-family: "Trebuchet MS", Tahoma, Arial;
color: #673c28;
margin: 60px 0 40px 0;
border-bottom: 1px solid #d3ccaa;
padding-bottom: 5px;
letter-spacing: -1px;
}

#content h2 a, #content h2 a:visited {
color: #673c28;
text-decoration: none;
}

#content h2 a:hover {
color: #881e26;
text-decoration: none;
}

#content h3 {
font-size: 1.39em;
font-weight: normal;
font-family: "Trebuchet MS", Tahoma, Arial;
color: #673c28;
margin: 0 0 3px 0;
padding-bottom: 3px;
letter-spacing: -1px;
}

#content h4 {
font-size: 1.39em;
font-weight: normal;
font-family: "Trebuchet MS", Tahoma, Arial;
color: #881e26;
margin: 0 0 6px 0;
padding-bottom: 3px;
letter-spacing: -1px;
}

#content h3 a, #content h3 a:visited, #content h4 a, #content h4 a:visited {
color: #673c28;
text-decoration: none;
}

#content h3 a:hover, #content h4 a:hover {
color: #881e26;
text-decoration: none;
}

#content h5 {
font-size: 1.9em;
font-weight: normal;
font-family: "Trebuchet MS", Tahoma, Arial;
color: #673c28;
margin: 0 0 5px 0;
border-bottom: 1px solid #d3ccaa;
padding-bottom: 5px;
letter-spacing: -1px;
}

#content h5 a, #content h5 a:visited {
color: #673c28;
text-decoration: none;
}

#content h5 a:hover {
color: #881e26;
text-decoration: none;
}

#sidebar h2, #sidebar .sidebartitle {
font-weight: normal;
font-size: 1.39em;
font-family: "Trebuchet MS", Tahoma, Arial;
color: #e3dcbd;
margin: 31px 0 5px 0 !important;
letter-spacing: -1px;
background: url('images/bg-sidebar-title.png') no-repeat bottom left;
height: 30px;
line-height: 30px;
padding: 0 0 0 8px;
clear: left;
}

#sidebar h2 a, #sidebar h2 a:visited {
color: #e3dcbd;
text-decoration: none;
line-height: 30px;
}

#sidebar h2 a:hover {
color: #f4eee9;
text-decoration: none;
}

#content a, #content a:visited {
color: #881e26;
text-decoration: none;
}

#content a:hover {
color: #881e26;
text-decoration: underline;
}

#sidebar a, #sidebar a:visited {
color: #881e26;
text-decoration: none;
line-height: normal;
}

#sidebar a:hover {
color: #462518;
text-decoration: none;
}

#footer a, #footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #e3dcbd;
text-decoration: none;
}

#credits a, #credits a:visited {
color: #881e26;
text-decoration: none;
}

#credits a:hover {
color: #881e26;
text-decoration: underline;
}

#next-previous-left {
float: left;
overflow: hidden;
margin-bottom: 0; 
}

#next-previous-right {
float: right;
overflow: hidden;
margin-bottom: 0;
}

.np {
width: auto;
height: 72px;
cursor: pointer;
vertical-align: text-top;
line-height: 15px;
display: block;
color: #881e26;
}



/* ---------------------------------------- WIDGETS ---------------------------------------- */

/* archive & category dropdowns */
select {
margin: 8px 0 3px 18px !important;
padding: 0;
width: 211px;
color: #1e0c06;
vertical-align: middle;
font-family: Tahoma, Arial;
font-size: 0.89em;
height: 19px !important;
}

/* text widget */
.textwidget {
margin: 9px 8px;
}

/* rss widget */
li h2 a.rsswidget {
margin-left: -3px !important;
padding-left: 1px !important;
}
 
h2 a img {
visibility: hidden !important;
overflow: hidden;
width: 0;
height: 0;
padding: 0;
margin: 0;
}



/* ---------------------------------------- LISTS ---------------------------------------- */

/* sidebar list level 1 */
#sidebar ul {
margin: 0;
padding: 0;
}

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

/* sidebar list level 2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}

#sidebar ul li ul li {
padding: 4px 0 5px 8px;
border-bottom: 1px solid #d3ccaa;
}


#sidebar ul li ul li a, sidebar ul li ul li a:visited {
text-decoration: none;
padding: 0;
}

#sidebar ul li ul li a:hover {
text-decoration: none;
color: #462518;
}

/* sidebar list level 3 */
#sidebar ul li ul li ul li {
padding: 2px 0 0 15px !important;
border: none;
background: url('images/bg-list-arrow.png') no-repeat top left;
}

/* un-ordered list level 1 */
.entry ul {
margin: 0 0 15px 0;
padding: 0;
list-style: disc;
}

.entry ul li {
margin-left: 47px;
padding-left: 3px;
}

/* un-ordered list level 2 */
.entry ul li ul {
margin: 0 0 0 0;
padding: 0;
list-style: disc;
}

.entry ul li ul li {
margin-left: 16px;
padding-left: 3px;
}

/* ordered list level 1 */
.entry ol {
margin: 0 0 15px 0;
padding: 0;
list-style: decimal;
}

.entry ol li {
margin-left: 50px;
padding: 0;
}

/* ordered list level 2 */
.entry ol li ol {
margin: 0 0 15px 0;
padding: 0;
list-style: decimal;
}

.entry ol li ol li {
margin-left: 16px;
padding-left: 3px;
}



/* ---------------------------------------- CALENDAR ---------------------------------------- */

#calendar_wrap {
width: 100%;
}

#wp-calendar {
empty-cells: show;
width: 220px;
margin: 0 auto -5px auto;
}

#wp-calendar caption {
margin-top: 0;
}

#wp-calendar #next a {
padding-right: 5px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 5px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar #today {
background: #d3ccaa;
}

#wp-calendar caption {
text-align: center;
width: 100%;
padding-top: 10px;
}

#wp-calendar th {
padding: 3px 0;
text-align: center;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
color: #afa574;
}

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 1em;
}

#wp-calendar a {
text-decoration: none; font-weight: normal;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}



/* ---------------------------------------- SEARCH FORM ---------------------------------------- */

#searchform {
width: 100%;
padding: 0;
margin: 0;
}

#searchform br {
display: none;
}

#searchform #s {
width: 156px;
height: 18px;
padding: 3px 0 0 0;
border: 0;
background-color: transparent;
margin-left: 24px;
color: #333;
font-size: 1em;
cursor: text;
}

#searchform input {
width: 35px;
height: 29px;
vertical-align: middle;
border: 0;
padding-top: 1px;
margin: 0 0 0 10px;
}



/* ---------------------------------------- SOCIAL BOOKMARKING ---------------------------------------- */

.bookmarking {
float: left;
width: 510px;
height: 28px;
vertical-align: middle;
margin-bottom: 0;
border-top: 1px solid #d3ccaa;
border-bottom: 1px solid #d3ccaa;
text-align: center;
font-size: 0.89em;
color: #b7ae7f;
padding: 12px 0 0 0;
}

.bookmarking-left {
float: left;
overflow: hidden;
width: 10px;
height: 42px;
background: #fff url('images/bg-bookmarking-left.png') no-repeat bottom left;
margin-bottom: 0;
clear: left;
}

.bookmarking-right {
float: left;
overflow: hidden;
width: 10px;
height: 42px;
background: #fff url('images/bg-bookmarking-right.png') no-repeat bottom left;
margin-bottom: 0;
}

.bookmarking img {
vertical-align: middle;
border: none;
margin: 0 5px 0 20px;
}



/* ---------------------------------------- COMMENTS ---------------------------------------- */

.comments-gravatar {
float: right;
width: 56px;
height: 53px;
margin: 6px 0 10px 32px !important;
padding: 3px 0 0 0;
text-align: center;
border: 1px solid #eeebdd;
background: url('images/gravatar-default-comment.jpg') no-repeat top left;
}

.comments-gravatar img {
margin: auto !important;
padding: 0 !important;
border: 0 !important;
display: block;
}

#comments, #respond {
margin-top: 0;
border-bottom: 1px solid #d3ccaa;
padding: 50px 0 0 0;
clear: both;
}

.commentlist {
margin: 10px 0;
padding-left: 20px;
line-height: 1.55em;
margin-top: 30px !important;
margin-bottom: 10px;
}

.commentlist blockquote {
margin: 8px 20px 22px 20px;
padding: 12px 20px 0 18px;
border-left: 1px solid #d3ccaa;
border-right: 1px solid #d3ccaa;
background-color: #f8f6f1;
font-style: normal;
}

.commentlist li {
padding: 12px 18px 0 18px !important;
margin-left: 3px;
margin-bottom: 0;
}

.commentlist .alt {
background: #f8f6f1;
}

.commentlist .alt blockquote {
margin: 8px 20px 22px 20px;
padding: 12px 20px 0 18px;
border-left: 1px solid #d3ccaa;
border-right: 1px solid #d3ccaa;
background-color: #fff;
font-style: normal;
}


.commentlist small {
margin-top: 0;
margin-bottom: 10px;
display: block;
font-size: 0.85em;
}

#commentform {
margin-top: 10px;
padding-bottom: 10px;
}

#commentform p {
padding: 10px 0;
margin: 0;
}

#commentform label {
padding-left: 5px;
font-size: 1em;
}

#commentform input {
width: 262px;
background: #f8f6f1;
border: 1px solid #d3ccaa;
padding: 3px;
margin-top: 3px;
font-family: Tahoma, Arial;
font-size: 1em;
color: #333;
}

#commentform textarea {
width: 524px;
height: 125px;
background: #f8f6f1;
border: 1px solid #d3ccaa;
padding: 2px;
margin: 0px;
font-family: Tahoma, Arial;
font-size: 1em;
color: #333;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #fff;
}

#commentform #submit{
width: 150px;
height: 29px;
border: 0;
background-color: transparent;
padding-top: 5px;
display: block;
text-align: center !important;
margin: 0 auto !important;
}



/* ---------------------------------------- RECENT POSTS & COMMENTS ---------------------------------------- */

.footer-syndication {
width: 265px;
float: left;
padding-left: 17px;
}

.rss {
background: url(images/footer-rss.gif) no-repeat left center;
padding-left: 22px;
padding-bottom: 2px;
margin: 0 0 20px 0;
}

#footer h4 {
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 1.53em;
font-weight: normal;
color: #e3dcbd;
margin: 13px 0 11px 0;
letter-spacing: -1px;
}

.footer-recent-comments {
width: 285px;
float: left;
margin-left: 15px;
overflow: hidden;
}

.footer-recent-comments ul {
list-style: none;
margin: 0px;
padding: 0px;
}

.footer-recent-comments ul li {
background: url(images/footer-comments.gif) no-repeat;
padding: 0px 0px 10px 22px;
}

.footer-recent-posts {
width: 285px;
float: left;
margin-left: 15px;
}

.footer-recent-posts strong {
font-size: 100%;
line-height: 135%;
font-weight: normal;
}

.footer-recent-posts ul {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 100%;
line-height: 110%;
}

.footer-recent-posts ul li {
background: url(images/footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}