/*   
Theme Name: The Woods Coffee
Theme URI: 
Description: Custom website design for The Woods Coffee
Author: Allan Cole & John Wantz
Author URI: http://simpleseason.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
body{ min-width:800px}
#header{ position:relative}
#branding{ width:800px; margin:0 auto}
#access{ position:relative; overflow:hidden; z-index:100}
.menu{ width:580px; margin:0 auto}
#main{ width:844px; margin:0 auto;  overflow:visible;  position:relative; z-index:1}
#container{ width:100%;}
#content{ margin:0 0; padding:0 22px;overflow:hidden}
.main-aside{ width:240px;  float:right;  position:relative}
#secondary{ clear:right}
#footer{  clear:both}
#subsidiary{ width:800px;  margin:0 auto;  overflow:hidden}
#subsidiary .aside{ width:240px;  float:left;  margin:0 20px 0 0}
#subsidiary #third{ margin:0}
#siteinfo{ clear:both;  width:800px;  margin:0 auto}

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors 
@import url('../thematic/library/styles/default.css'); */

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Global Elements
-------------------------------------------------------------- */
body {color:#F8EFE1;background:#3E250F url('img/html-bg.jpg') center center no-repeat fixed;font-size:0.8em;line-height:1.25em;font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
a {color:#F79949;}
a:hover {color:#F8EFE1;background:transparent;}

/* =Header
-------------------------------------------------------------- */
#wrapper {padding-top:20px;background:transparent;color:#F8EFE1;}
#header{ z-index:2;background:transparent url('img/branding-bg.png') center left no-repeat;width:840px;margin:0 auto -85px;display:table;}
#branding{ padding:0;width:260px;float:left;position:relative; }
#blog-title{ font-family:Arial,sans-serif; font-size:12px; font-weight:bold; line-height:12px;}
#blog-title a{color:#000;display:block;text-decoration:none;height:170px;width:330px;}
#blog-title a:active, 
#blog-title a:hover{ color:#FF4B33}
#blog-title a span {visibility:hidden;}
#blog-description{ color:#FFF;  font-size:13px;  font-style:italic;display:none;}
#branding #searchform{ position:absolute;  top:53px;  right:0}
#branding #searchform label{ display:none}
#branding #searchform input{ font-size:13px;  line-height:18px}
#branding #searchform input#s{ width:240px}
#branding #searchform input#searchsubmit{ display:none}

/* =Menu
-------------------------------------------------------------- */
#nav{float:right}
.skip-link{ display:none}
#access{ padding-top:52px;height:30px;width:580px;float:left; font-size:13px;  overflow:visible;  z-index:100}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative;font-weight:600;}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:2.5em; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0}

/*** THEMATIC SKIN ***/
.sf-menu{float:left}
.sf-menu a{padding:10px 7px; text-decoration:none;}
.sf-menu .current_page_item a, 
.sf-menu .current_page_ancestor a, 
.sf-menu .current_page_parent a{ border-bottom-color:#fff;background: url('img/menu-bg.png') bottom center no-repeat;}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#F8EFE1}
.sf-menu li{background:transparent}
.sf-menu li li{background:#3E250F;}
.sf-menu li li li{background:transparent}
.sf-menu li:hover, .sf-menu li.sfHover {} 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background: url('img/menu-bg.png') bottom center no-repeat; color:#3B2915; outline:0;  border-bottom-color:#ccc}
.sf-menu ul{ border-right:0px solid #ccc; border-bottom:1px solid #3D2817}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{top:33px; /* overriding essential styles */}
.sf-menu li.sfHover ul ul{ margin-top:0}
.sf-menu li.sfHover ul ul li a, .sf-menu li.sfHover ul ul li a:hover {border-bottom:1px solid #3D2817;background:transparent;}
.sf-menu li.sfHover ul a{ background:transparent; border-bottom:none}
.sf-menu li.sfHover ul a:hover{color:#F79946; background:transparent;}


/* =Content
-------------------------------------------------------------- */
#main {padding-left:0;}
#container{ clear:both;  padding:22px 0; background:transparent url('img/container-bg.png') top left repeat;}
.page-title{ font-size:13px;  line-height:18px;  padding:0 0 44px 0}
.attachment .page-title{ font-style:italic}
.page-title a{ color:#F79949;  text-decoration:none}
.page-title a:active, 
.page-title a:hover{ color:#FF4B33}
.page-title span{ font-style:italic}
.page-title .meta-nav{ font-style:normal}
.hentry{ padding:0 0 22px 0}
.single .hentry{ padding:0 22px}
.home #content .sticky{ border:1px solid #ccc;  margin:0 0 66px 0;  padding:22px 20px 0 20px}
.entry-title{ font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#F79949; font-size:18px;  font-weight:bold;  line-height:18px;  padding:0}
.entry-title a{ color:#F79949;  text-decoration:none}
.entry-title a:active, 
.entry-title a:hover{ color:#F8EFE1}
.entry-meta{ color:#F8EFE1;  font-size:13px;  font-style:italic;  line-height:18px}
.entry-meta .author{}
.entry-meta .n{ font-size:11px;  font-style:normal;  letter-spacing:0.05em;  text-transform:uppercase}
.entry-meta a{ color:#F79949;  text-decoration:none}
.entry-meta a:active, 
.entry-meta a:hover{ color:#352107}
.entry-meta abbr{ border:none;  cursor:text;  font-size:11px;  font-style:normal;  letter-spacing:0.05em;  text-transform:uppercase}
.entry-content{padding:22px 0 0}
.entry-content p {margin-bottom:15px;}
.entry-content ul,
.entry-content ol {display:block;list-style-position:outside;}
.entry-content ul li,
.entry-content ol li {margin-left:30px;}
.entry-content h1, 
.entry-content h2{font-size:20px;font-weight:bold; margin-top:0;padding:0 0 5px;display:inline-block;}
.entry-content h3{font-size:15px;font-weight:bold; padding:15px 0 5px;display:inline-block;}
.entry-content h4{font-size:12px;font-weight:bold;text-transform:uppercase; letter-spacing:0.05em; display:inline-block;}
.entry-content table{ margin-left:1px}
.entry-content embed{ margin:0 0 22px 0}
.entry-content hr {clear:both;float:none;display:block;border:none;background:transparent;}
.entry-utility{ color:#F8EFE1;  font-size:13px;  line-height:18px;  margin:0 0 44px 0}
.entry-utility a{ color:#FFF;  font-style:italic;  text-decoration:none}
.entry-utility a:active, 
.entry-utility a:hover{ color:#FF4B33}
.page-link{ font-size:13px;  font-weight:bold;  line-height:18px;  margin:0 0 22px 0;  padding:22px 0 0 0;  word-spacing:0.5em}
.page-link a{ border:1px solid #ccc;  color:#FFF;  font-weight:normal;  padding:0.5em 0.75em;  text-decoration:none}
.page-link a:active, 
.page-link a:hover{ color:#FF4B33}
ul#links-page, 
ul#archives-page{ list-style:none;  margin-left:0;  overflow:hidden}
li.content-column{ float:left;  margin-right:20px;  width:45%}
.gallery{ padding:0 0 22px 0}
.wp-caption-text, 
.gallery-caption{ color:#FFF;  font-size:18px;  line-height:18px}
#author-info{ margin:0 0 44px 0;  overflow:hidden}
#author-info .avatar{ float:left;  margin:.3em 1em 0 0}
.search .page-title{ display:none}
.pageid-14 .entry-content {padding:0 80px;}
.parent-pageid-14 .entry-content,
.parent-pageid-190 .entry-content,
.parent-pageid-207 .entry-content,
.parent-pageid-215 .entry-content,
.parent-pageid-421 .entry-content {padding:0 100px;}

#shopping-cart {float:right;padding:20px;}
#page-top {position:absolute;left:-130px;top:20px;border:none;}
#container #content .aside {border-width:0px;padding:0;}
#container #content .aside ul {padding:0;width:100px;list-style:none;}
#container #content .aside ul li {text-align:right;padding:5px 0;}
#container #content .aside ul li a {display:inline-block;text-decoration:none;font-size:12px;line-height:11px;}
#container #content .aside ul li a {color:#F8EFE1;}
#container #content .aside ul li a:hover {color:#F79949;background:transparent;}

/* =Leader and Front Page Styles
-------------------------------------------------------------- */
#leader{padding:0;background:transparent;position:relative;}
#leader-container { margin:0 auto; height:60px;padding:0; overflow:visible;  position:relative;  width:844px; display:table;background:transparent url('img/container-bg.png') top left repeat;}
#leader .entry-title{ font-size:20px;  line-height:25px;  padding:0 22px; margin-top:-8px; display:none;}
#leader .entry-title span{ font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;  font-weight:normal;  font-style:italic}
.single #leader .entry-title{ width:652px; padding:0 22px;}
#leader .entry-meta{ position:absolute; top:15px; left:690px}

.page-template-front-page-php .page {width:450px;margin-right:30px;float:left;}
.page-template-front-page-php #twitter {background:#f8efe1;margin:10px 0;color:#3E250F;padding:10px}
.page-template-front-page-php #twitter h2 {color:#3E250F;font-size:22px;line-height:12px;font-weight:600;margin-bottom:0;padding-bottom:10px;}
.page-template-front-page-php #twitter p {margin:0;padding:0;}
.page-template-front-page-php #tweet {margin:0;}
.page-template-front-page-php #tweet ul {margin:0;list-style:none;}
.page-template-front-page-php #imagerotator {position:relative;width:300px;height:300px;background:transparent;float:right;overflow:hidden;border-bottom:1px dotted #CCC;margin:0 0 22px;z-index:3;}
.page-template-front-page-php #imagerotator div.rota-img {position:absolute;top:0px;left:0px;z-index:2;background:transparent;}
.page-template-front-page-php #imagerotator div.rota-img.active {z-index:4;}
.page-template-front-page-php #imagerotator div.rota-img.last-active {z-index:3;}


.page .entry-content, 
.single .entry-content{ padding-top:0}
#buttons{ padding:.75em 0}
a.button{ border:1px solid #9D1D21;background:#9d1d21;  -webkit-border-radius:.7em;  -moz-border-radius:.7em;  border-radius:.7em;  font-size:13px;  margin:0 10px 0 0;  padding:.75em 1.25em;   text-decoration:none}
a.button:hover, 
a.button:active{}

/* =Navigation
-------------------------------------------------------------- */
.navigation{ color:#FFF;  font-size:13px;  line-height:18px;  margin:0px 0 22px 0;  overflow:hidden}
.navigation a{ color:#FFF;  font-style:italic;  text-decoration:none}
.navigation a:active, 
.navigation a:hover{ color:#FF4B33}
.navigation .meta-nav{ font-style:normal}
.nav-previous{float:left; width:50%}
.nav-next{float:right; width:50%; text-align:right}
#nav-above, #nav-below{width:100%}
#nav-above{ display:none}
.paged #nav-above{ display:block;  padding:0 0 44px 0}

/* =Comments
-------------------------------------------------------------- */
#comments{ padding:22px 0 0 0}
#comments, 
#comments input, 
#comments textarea{ font-size:13px;  line-height:18px}
#comments code{ font-size:12px;  line-height:18px}
#comments h3{ font-family:Arial,sans-serif;  font-size:15px;  font-weight:bold;  line-height:22px;  padding:0 0 18px 0}
#comments-list{ padding:0 0 18px 0}
#comments-list ol, 
#comments-list ul{ list-style:none;  margin:0}
#comments-list ol{ border:1px solid #708f47;  border-bottom:none;  margin:0 0 18px 0}
#comments-list li{ background:#4B622C;  border-bottom:1px solid #708f47;  padding:18px 1.5em 0 1.5em;  position:relative}
#comments-list li.alt{ background:#708f47}
#comments-list li.bypostauthor{ background:#9D1D21}
#comments-list ul li{ border:1px solid #708f47;  margin:0 0 18px 0}
#comments-list li .avatar{ position:absolute;  top:22px;  left:1.5em;  width:36px;  height:36px}
#comments-list .comment-author{ font-weight:bold;  padding:9px 0 0 46px}
#comments-list .comment-meta{ color:#FFF;  font-size:11px;  padding:0 0 9px 46px}
#comments-list .comment-meta a{ color:#FFF;  font-style:italic;  text-decoration:none}
#comments-list .comment-meta a:active, 
#comments-list .comment-meta a:hover{ color:#FF4B33}
.comment-reply-link{ font-size:11px;  padding:0 0 18px 0;  text-align:right}
.comment-reply-link a{ color:#FFF;  font-style:italic;  text-decoration:none}
.comment-reply-link a:active, 
.comment-reply-link a:hover{ color:#FF4B33}
.comment-navigation{ font-weight:bold;  padding:0 0 18px 0;  margin-right:0.5em}
.comment-navigation a{ border:1px solid #708f47;  color:#FFF;  font-weight:normal;  padding:0.5em 0.75em;  text-decoration:none}
.comment-navigation a:active, 
.comment-navigation a:hover{ color:#FF4B33}
.comment-navigation a, 
.comment-navigation span{ margin-right:0.5em}
#trackbacks-list .comment-content{ position:absolute;  left:-9000px}
#respond{ background:transparent;  margin-bottom:22px;  overflow:hidden;  padding:18px 0 0 0;  position:relative}
#comments-list #respond{ border-bottom:1px solid #708f47;  margin:0 0 18px 0;  padding:18px 1.5em}
#comments-list ul #respond{ border:1px solid #708f47;  margin:0}
#cancel-comment-reply{ font-size:11px;  position:absolute;  top:18px;  right:1.5em}
#cancel-comment-reply a{ color:#FFF}
#respond .required{ color:#FF4B33;  font-weight:bold}
.form-section label{ font-size:11px}
.form-section input{ margin:0 0 18px 0;  width:98%}
.form-section textarea{ width:99%}
#form-allowed-tags p{ color:#FFF;  font-size:11px;  margin:0}
#form-allowed-tags span{ font-style:italic}
#form-allowed-tags code{ font-size:11px;  line-height:normal}
.form-submit{ padding:18px 0 0 0;  text-align:right}
.subscribe-to-comments{ color:#FFF;  float:left;  font-size:11px;  margin:0;  padding:18px 0 0 0}
.solo-subscribe-to-comments{ color:#FFF;  font-size:11px;  padding:18px 0 0 0}
.comment_license{ color:#FFF;  clear:both;  font-size:11px;  margin:0;  padding:18px 0 0 0}

/* =Asides, Sidebars &Widget-Ready Areas
-------------------------------------------------------------- */
.aside, 
.aside input{ font-size:13px;  line-height:18px;  margin-bottom:6px; background:transparent; border-color:#9D1D21;}
.aside p, 
.aside ul, 
.aside ol, 
.aside dd, 
.aside pre{ margin-bottom:18px}
.aside pre, 
.aside code{ font-size:12px;  line-height:18px}
.aside .current_page_item a{ color:#FF4B33}
.aside .current_page_item .page_item a{ color:#FFF}
.aside .current_page_item .page_item a:hover, 
.aside .current_page_item .page_item a:active{ color:#FF4B33}
.aside{ color:#FFF}
.aside a {color:#F79949;text-decoration:none;}
.aside a:hover,
.aside a:active {color:#F8EFE1;background:transparent;}
.aside h3{ font-size:15px;  font-style:normal;  line-height:22px}
.aside h3 a{ text-decoration:none}
.aside caption{ font-size:11px;  font-family:Arial,sans-serif;  font-weight:bold;  text-transform:uppercase;  letter-spacing:0.05em}
.aside ul{ list-style:none;  margin-left:0}
.aside ul ul{ list-style:disc;  margin:0 0 22px 20px}
.aside ul ul li{ padding:1px 0}
.aside ul ul ul{ margin-bottom:0}
.aside form, 
.aside table{ margin-bottom:22px}
.aside table{ border:none}
.aside thead{ border:1px solid #ccc}
.aside tbody{ border:1px solid #ccc}
.aside th, .aside td{ border-right:1px solid #ccc;  padding:.25em .8em}
.aside tfoot tr{ border:none}
.aside tfoot td{ border-color:transparent}
.widget_tag_cloud{ margin:0 0 22px 0}
.aside #searchsubmit{display:none}
/*
    Main Asides
*/
.main-aside ul{ padding:0 20px}
.main-aside h3{}
.main-aside ul ul{ padding:0}
#primary{ border:none; background:#9D1D21; -webkit-border-radius:.7em;  -moz-border-radius:.7em;  border-radius:.7em;  padding:18px 0 0 0;  margin-bottom:22px}
/*
    Content Asides
*/
#content .aside{ border:1px solid #ccc;  margin:0 0 22px 0;  padding:18px 0 0 0}
#content .aside ul{ padding:0 20px}
#content .aside h3{ font-family:Georgia,serif;  font-weight:normal;  font-size:17px;  font-style:italic;  padding:0 0 7px 0;  text-transform:none}
#content .aside ul ul{ padding:0}
/*
    Footer Asides
*/
#subsidiary{ padding:10px 22px 0;background:transparent url('img/container-bg.png') top left repeat;}

/* =Footer
-------------------------------------------------------------- */
#footer{margin-top:22px;min-height:50px;display:block;background:transparent;}
#siteinfo{ color:#FFF;  font-size:11px;  line-height:18px;  padding:22px 0 44px 0}
#siteinfo a{ color:#FFF}
#siteinfo a:active, 
#siteinfo a:hover{ color:#352107}

/* =Images
-------------------------------------------------------------- */
/*  Remember the baseline   */
.entry-content img{margin:0 0 21px 0;}
.alignleft, 
img.alignleft, 
img.align-left{float:left;  margin:0 20px 21px 0}
.alignright, 
img.alignright, 
img.align-right{display:block; float:right;  margin:0 0 21px 20px}
.aligncenter, 
div.aligncenter, 
img.aligncenter{margin:0 auto 21px auto; display:block; float:none; clear:both}
.wp-caption{border:0px solid #C7C7C7; text-align:center; background-color:transparent; padding-top:5px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:18px; line-height:18px; padding:5px; margin:0}
.wp-smiley{/* Prevent the smileys from breaking line-height */max-height:13px; margin:0 !important}


/* =PageNavi
-------------------------------------------------------------- */
/* Using !important to override PageNavi CSS */
.wp-pagenavi{ margin:0 0 0 -.5em;  padding:0.5em 0}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span{ border:1px solid #ccc !important;  color:#FFF!important;  font-style:normal;  margin:0 .375em !important;  padding:0.5em 0.25em !important}
.wp-pagenavi a:visited{ border:1px solid #ccc !important;  color:#FFF !important}
.wp-pagenavi a:hover{ border:1px solid #ccc !important;  color:#FF4B33 !important}
.wp-pagenavi a:active{ border:1px solid #ccc !important;  color:#FF4B33 !important}
.wp-pagenavi span.pages{ border:none !important;  color:#FFF !important;  margin:0 !important;  padding:0 !important}
.wp-pagenavi span.current{ border:none !important;  color:#FFF !important;  font-weight:normal !important;  margin:0 !important;  padding:0 !important}
.wp-pagenavi span.extend{ background-color:#FFF;  border:1px solid #000;  color:#000;  margin:2px;  padding:2px 4px}