/* CSS A.B. Smeby. April 2010 by Matthew Podsiad */
body { background: #f7f4e8; color: #000; font-family: arial, helvetica, sans-serif; font-size: 15px; line-height: 1.4; }
/* @group TEXT */
sup { font-size: 10px; font-weight: normal; line-height: 0; }
h1 { font-family: garamond, georgia, serif; font-size: 26px; line-height: 1; margin: 0 0 8px 0; padding: 0; }
h2 { font-family: garamond, georgia, serif; font-size: 15px; margin: 0 0 10px 0; padding: 0; }
h3 { font-size: 18px; margin: 0 0 10px 0; padding: 0; }
p, ul { margin: 0 0 10px 0; padding: 0; }
p.pdf { font-family: garamond, georgia, serif; font-weight: bold; text-transform: uppercase; }
p.pdf a { background: url(imgs/pdf.gif) 0 0 no-repeat; padding: 0 0 0 22px; }
p.smaller { font-size: 12px; }
p.note { color: #999; font-size: 11px; }
small { font-size: 11px; }
/* @end */
/* @group LINKS */
a, a:link, a:visited { color: #8a3a1c; font-weight: bold; text-decoration: none; }
a:hover, a:active { color: #8a3a1c; text-decoration: underline; }
/* @end */
/* @group LAYOUT */
div#wrapper { margin: 0 auto; width: 884px; }
div#header { margin: 0; padding: 25px 0; }
div#content { margin: 0; padding: 0; }
div#footer { background: url(imgs/footer.gif) 50% 0 no-repeat; font-size: 14px; margin: 0; padding: 0 50px; }
/* @end */
/* @group HEADER */
div#header div#banner { margin: 0; padding: 0; text-align: center; }
/* @end */
/* @group CONTENT */
div#content div#article { margin: 0; padding: 0 0 0 360px; }
div#content div#article div.section { background: url(imgs/divider.gif) 0 100% no-repeat; margin: 0 0 20px 0; padding: 0 0 20px 0; }
div#content div#article div.section.press-bloggery { background: none; padding: 0 0 30px 0; }
div#content div#article div.section ul.first { float: left; width: 48%; }
div#content div#article div.section ul.right { float: right; width: 48%; }
div#content div#article div.section.creations h1 { margin: 0 0 4px 0; }
div#content div#article div.section.press-bloggery h1 { background: url(imgs/icon-press-blog.gif) 0 0 no-repeat; line-height: 37px; padding: 0 0 0 57px; }
div#content div#article div.section.press-bloggery p { margin: 0 0 3px 0; }
div#content div#article div.section.press-bloggery p.smaller { padding: 16px 0 0 0; }
div#content div#side { float: left; font-size: 12px; margin: 0; padding: 0 0 0 50px; width: 300px; }
div#content div#side div.section { padding: 0 0 15px 0; }
div#content div#side div.section h2 { margin: 0 0 5px 0; }
div#content div#side div.sample h2 { background: url(imgs/title-sample-our-bitters.gif) 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }
div#content div#side div.follow h2 { background: url(imgs/title-follow-us.gif) 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }
div#content div#side div.follow li { line-height: 16px; }
div#content div#side div.follow li.twitter a { background: url(imgs/icon-twitter.gif) 0 0 no-repeat; display: block; padding: 0 0 0 22px; }
/* @end */
/* @group FOOTER */
div#footer p.first { float: left; margin: 0; padding: 20px 0 20px 25px; }
div#footer p.second { float: right; margin: 0; padding: 20px 15px 20px 0; }
div#footer p.second span.divider { background: url(imgs/star.gif) 0 50% no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px; width: 9px; }
div#footer a { font-weight: normal; }
/* @end */