/*
Theme Name: HotBread
Theme URI: http://hotbreadkitchen.org/
Description: Theme for a non-profit, immigrant woman-powered, Brooklyn-based bakery
Version: 1.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: bread, bakery, non-profit, crafty

*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* colors
red: #820024
light brown: #6F5948
dark brown: #2a221b
*/

/* structure */
body {
font-size: 14px;
line-height: 150%;
font-family: Helvetica, Arial, sans-serif;
background: #97715A url(images/bg_craftpaper4.jpg) repeat;
color: #2a221b;
text-align: center;
}
#page {
width: 960px;
margin: 20px auto 40px auto;
background: url(images/bg_paper_white.jpg) repeat;
text-align: left;
-moz-box-shadow: 2px 2px 2px #2a221b;
-webkit-box-shadow: 2px 2px 2px #2a221b;
box-shadow: 2px 2px 2px #2a221b;
}
#header {
padding: 40px 40px 0 40px;
width: 880px;
background: url(images/bg_paper_white_top.jpg) repeat-x top center;
height: 240px;
position: relative;
}
#main {
padding: 0 40px 40px 40px;
width: 880px;
overflow: hidden;
}
#content {
width: 580px;
float: left;
}
#content.calendar {
width: 100%;
float: none;
}
#sidebar {
width: 250px;
float: right;
font-size: 12px;
line-height: 150%;
}
#footer {
width: 100%;
background: #d5beac url(images/bg_footerR1.jpg) repeat;
margin: 0;
}
#footercontent {
width: 880px;
margin: 0 auto;
text-align: left;
padding: 20px 40px;
}
.post {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.recent .post {
background: url(images/dash.jpg) repeat-x bottom center;
}
body.archive .post {
background: url(images/dash.jpg) repeat-x top center;
}

/*typography */
p, ul, ol, pre, dl {
margin-bottom: 1em;
}
p.clear {
width: 100%;
clear: both;
}
ul {
list-style: disc outside;
padding-left: 1.5em;
}
ol {
list-style: decimal outside;
padding-left: 1.5em;
}
li {
margin-bottom: .25em;
}
ol ol, ul ul, ul ol, ol ul {
padding: .25em 0 0 1em;
margin-bottom: 0;
}
#sidebar ul {
list-style: none;
}
h1 {
font-size: 24px; 
line-height: 32px;
font-family: Georgia, Times, Times New Roman, serif;
font-weight: normal;
margin-bottom: 20px;
color: #820024;
}
h2, h4, h5, h6 {
color: #2a221b;
}
h2 {
font-size: 16px;
line-height: 125%;
padding: 16px 0 15px;
background: url(images/double-dash.gif) repeat-x;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: bold;
clear: both;
}
body.archive h2 {
padding: 15px 0 14px;
margin-bottom: 9px;
background: url(images/dash.jpg) repeat-x bottom center;
}
h3 {
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin-bottom: 10px;
clear: both;
color: #820024;
padding-top: 5px;
}
#sidebar h3 {
color: #2a221b;
}
h4 {
font-weight: bold;
text-transform: uppercase;
}
h5 {
font-size: 14px;
line-height: line-height: 24px;
margin-bottom: 20px;
font-style: italic;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a {
color: #820024;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h2 a:hover, h3 a:hover, h4 a:hover {
color: #6F5948; 
text-decoration: none;
}
.postmetadata {
font-size: 12px;
clear: both;
}
blockquote {
font-size: 15px;
line-height: 150%;
margin-bottom: 18px;
padding: 20px;
background: url(images/bg_sidebardiv_hover.jpg);
font-family: Georgia, Times, Times New Roman, serif;
font-style: italic;
width: 540px;
overflow: hidden;
}
table {
width: 100%;
margin: 0 0 18px 0;
border-bottom: 1px solid #2a221b;
}
table tr {
border-left: 1px solid #2a221b;
}
table td {
border-top: 1px solid #2a221b;
border-right:  1px solid #2a221b;
padding: 6px 20px;
}
table th {
border-top: 1px solid #2a221b;
border-right:  1px solid #2a221b;
padding: 6px 20px;
font-weight: bold;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: .5em;
}

/* Begin Images */
img, a img {
border: 3px solid #FFF;
}
p img {
padding: 0;
max-width: 100%;
height: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright, .wp-caption.alignright {
margin: 0 0 15px 15px;
display: inline;
}
img.alignleft, .wp-caption.alignleft {
margin: 0 15px 15px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.navigation {
width: 100%;
overflow: hidden;
clear: both;
}
p.wp-caption-text {
font-size: 10px;
line-height: 150%;
padding: 4px 2px 0 2px;
}

/* header */
#logo {
width:369px; 
height:142px; 
float: left;
margin-bottom: 20px;
}
#logo a {
text-indent: -9999em;
display: block;
width: 369px;
height: 142px;
background: url(images/hbk_sprite-trans.png) no-repeat 0 0; 
}
#support {
position: absolute;
width: 250px;
height: 65px;
padding: 30px 20px 30px 40px;
top: 50px;
right: 0;
background: url(images/hbk_sprite-trans.png) no-repeat 0 -150px;
}
#support .more-link {
font-style: normal;
font-weight: bold;
}
.support-title {
display: block;
font-weight: bold;
font-size: 28px;
text-indent: -5000px;
margin-bottom: 5px;
}

/* superfish top nav */
/* essential styles */
#nav, #nav * {
margin:	0;
padding: 0;
list-style: none;
}
#nav {
line-height: 1.0;
}
#nav ul {
position: absolute;
top: -999em;
width: 15em; /* left offset of submenus need to match (see below) */
}
#nav ul li {
width: 100%;
}
#nav li:hover {
visibility:	inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
float: left;
position: relative;
}
#nav a {
display: block;
position: relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
top: -999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
left: 15em; /* match ul width */
top: 0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
top: -999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
left: 15em; /* match ul width */
top: 0;
}

/* site-specific nav styles */

#nav {
width: 100%;
float: left;
z-index: 1000;
text-transform: uppercase;
clear: both;
background: url(images/double-dash.gif) repeat-x;
margin: 0;

}
#nav a {
padding: 18px 1.25em 18px 0;
text-decoration: none;
color: #2a221b;
font-weight: bold;
font-size: 16px;
line-height: 1em;
}
#nav li {
}
#nav li ul {
padding-top: 16px;
background: transparent;
}
#nav li ul a {
padding: 7px 1em 9px;
background: #820024;
background: url(images/bg_sidebardiv_hover.jpg) repeat;
font-size: 12px;
text-transform: none;
font-weight: normal;
}
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current-cat a, #nav li.current-cat-parent a, #nav li.current_page_parent li a:hover, #nav li.current_page_parent li a:hover, #nav li.current-cat-parent .current-cat a, #nav li.current_page_parent .current_page_item a {
color: #6F5948; 
text-decoration: none;
outline: 0;
}
#nav li ul a, #nav li.current_page_parent ul li a, #nav li.current_page_item ul li a, #nav li.current-cat-parent ul li a, #nav li.current-cat ul li a {
color: #2a221b;
}

/* homepage */
#slideshow {
width: 100%;
height: 290px;
margin: 0 auto 40px auto;
background: #FFF;
clear: both;
overflow: hidden;
border-bottom: 2px solid #6F5948;
}
#slideshow h2 {
font-size: 24px; 
line-height: 32px;
font-family: Georgia, Times, Times New Roman, serif;
font-weight: normal;
color: #820024;
margin-bottom: 18px;
text-transform: none;
background: transparent;
padding: 0 10px;
}
#slideshow .slide:first-child h2 {

}
.slide {
width: 860px;
position: relative;
height: 270px;
padding: 10px;
overflow: hidden;
}
.slide div {
width: 330px;
background: #FFF; 
float: left;
margin: 30px 0 0 10px;
}
#slideshow img, #slideshow a img {
border: none;
float: right;
}
.recent {
margin-bottom: 10px;
}
.recent .post img {
float: left;
margin: 0 20px 20px 0;
display: inline;
}
.accolades h2 {
padding: 0;
margin-bottom: 10px;
width:208px; 
height:24px; 
text-indent: -9999em;
display: block;
background: url(images/awards_and_accolades.jpg) no-repeat 0 0; 
}
.accolades p {
padding: 10px;
background: url(images/bg_sidebardiv.jpg) repeat;
width: 560px;
overflow: hidden;
}
.accolades p span {
background: url(images/hbk_sprite-trans.png) no-repeat;
width: 85px;
height: 92px;
text-indent: -9999em;
display: block;
float: left;
margin: 0 30px 0 0;
border: none;
}
.accolades p span.snail {
background-position: 0 -490px;
}
.accolades p span.nyc {
background-position: -84px -490px;
}
.accolades p span.echoing {
background-position: -180px -490px;
}
.accolades p span.eileen {
background-position: -272px -490px;
width: 92px;
}



/* sidebar */
#sidebar .widget {
background: url(images/bg_sidebardiv.jpg) repeat;
border-bottom: 2px solid #6F5948;
margin-bottom: 20px;
}
.widget ul, .widget p {
padding: 0 10px;
}
.widget p img {
max-width: 224px;
}
.widget select {
margin: 0 1em 1em 1em;
}
.widget h3 {
background: url(images/bg_sidebardiv_top.jpg) repeat-x top center;
padding: 15px 10px 10px 10px;
margin-bottom: 0;
}
.widget ul.subnav {
padding: 0;
margin: 0;
}
.widget ul.subnav li a {
display: block;
padding: 10px;
border-top: 1px solid #FFF;
}
.widget ul.subnav li a:hover, .widget ul.subnav li.current-cat a, .widget ul.subnav li.current_page_item a {
background: url(images/bg_sidebardiv_hover.jpg) repeat;
}
#flickr_badge_wrapper {
width: 244px;
padding: 0 3px;
overflow: hidden;
margin-bottom: 18px;
}
.flickr_badge_image {
display: block;
float: left;
width: 77px;
height: 77px;
padding: 2px;
}
.flickr_badge_image a img {
border: 1px solid #FFF;
}
.flickr_badge_image a:hover img {
border-color: #6F5948;
}
.constantcontact .email {
padding: 3px;
}
.constantcontact input.submit {
background: #820024;
border: none;
color: #FFF;
padding: 4px 3px;
}
.constantcontact input.submit:hover {
background: #FFF;
color: #820024;
}
.bread  {
text-indent: -9999em;
display: block;
width: 115px;
height: 117px;
background: url(images/hbk_sprite-trans.png) no-repeat 0 -276px; 
float: right;
clear: both;
}

/* main */
p.follow {
width: 70%;
overflow: hidden;
line-height: 1em;
}
p.follow a {
display: block;
width: 103px;
height: 0px !important;
height /**/:40px;
padding-top: 40px;
overflow: hidden;
background: url(images/hbk_sprite-trans.png) no-repeat;
float: left;
margin-right: 10px;
}
p.follow a.flickr {
background-position: -206px -400px;
}
p.follow a.flickr:hover {
background-position: -206px -440px;
}
p.follow a.facebook {
background-position: -103px -400px;
}
p.follow a.facebook:hover {
background-position: -103px -440px;
}
p.follow a.twitter {
background-position: 0 -400px;
}
p.follow a.twitter:hover {
background-position: 0 -440px;
}
p.follow a.rss {
background-position: -309px -400px;
}
p.follow a.rss:hover {
background-position: -309px -440px;
}
.more-link {
font-style: italic;
padding-right: 24px;
background: url(images/arrow.png) no-repeat 100% -14px;
}
.more-link:hover {
background-position: 100% 2px;
}

/* galleries */
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.gallery .gallery-row {
display: block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
margin: 0;
padding: 0 20px 20px 0;
text-align: left;
line-height: 1em;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
padding: 0;
}
.gallery-caption {
margin-left: 0;
}

/* footer */
#footer h3 {
clear: none;
}
#footer #searchform {
float: right;
}
#searchform {
width: 191px;
height: 26px;
overflow: hidden;
}
#searchform #s {
line-height: 1em;
padding: 4px 5px;
width: 150px;
color: #2a221b;
float: left;
margin-right: 5px;
border: 1px solid #CCC;
}
#searchform #searchsubmit {
float: right;
width: 24px;
height: 0px !important;
height /**/:24px;
padding-top: 24px;
overflow: hidden;
border: 0;
cursor: pointer;
background: url(images/search.gif) no-repeat 0 0;
}
#footer p.copyright {
padding-top: 9px;
background: url(images/dash2.gif) repeat-x 0 0;
}

/* calendar */
.calnk a {
text-decoration:none;  
}
.calnk a:hover {
background-position:0 0;
text-decoration:underline;  
}
.calnk a span { 
display:none; 
}
.calnk a:hover span {
color:#2a221b; 
background: #FFF /* url(images/bg_accent.jpg) repeat*/; 
display:block;
position:absolute; 
margin-top:1px; 
padding: 10px; 
width:150px; 
z-index:100;
-moz-box-shadow: 2px 2px 2px #2a221b;
-webkit-box-shadow: 2px 2px 2px #2a221b;
box-shadow: 2px 2px 2px #2a221b;
}
.calnk a:hover span span {
background: transparent;
padding: 0;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.calendar-heading {
height:25px;
text-align:center;
border:1px solid #333;
background: url(images/bg_sidebardiv_hover.jpg) repeat;
color: #820024;
padding: 0;
}
.calendar-heading table {
margin: 0;
}
.calendar-next {
width:25%;
text-align:center;
}
.calendar-prev {
width:25%;
text-align:center;
}
.calendar-month {
width:50%;
text-align:center;
font-weight:bold;
}
.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.9em;
border:1px solid #333;
background: url(images/bg_accent.jpg) repeat;
}
.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.9em;
border:1px solid #333;
background: url(images/bg_accent.jpg) repeat;
color:#333;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #333;
padding: 5px;
}

.no-events {

}
.day-without-date {
width:60px;
height:60px;
border:1px solid #666;
padding: 5px;
}
span.weekend {
color:#333;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #820024;
background-color:#E4EBE3;
padding: 5px;
}
span.event {
font-size:0.8em;
}
.kjo-link {
font-size:0.8em;
text-align:center;
visibility: hidden;
}
.kjo-link p {
visibility: hidden;
}
.event-title {
text-align:center;
font-weight:bold;
font-size:1em;
}
.event-title-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:2px;
margin-bottom:2px;
text-align:center;
height:1px;
background-color:#2a221b;
}
.event-content-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#2a221b;
}
.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:0;
padding:0;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
}
.cat-key {
margin-top:10px;
}