/* ******************************************************************** */
  /*

  project:          Baltimore Brew - Wordpress Template
  file:             brew.css
  creator:          Ben Kutil <ben@make-things.com>
  creation date:    Wed Jun  2 18:15:23 EDT 2010
  copyright:        (c) 2010 - Make Things Studio, LLC
                    All rights reserved.

  info:             Main Brew CSS File

  */
/* ******************************************************************** */

/*= BASE/RESETS
/*-------------------------------------------------------- */

html { height: 100%; overflow-y: scroll; margin: 0; padding: 0; font-size: 100%; text-align: center; }
body { margin: 0 auto; padding: 0; overflow: visible; font-family: 'abril-text', Georgia, Times, "Times New Roman", serif; font-size: 62.5%; line-height: 21px; text-align: left; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: 'abril-fatface', georgia, serif; font-size: 30px; line-height: 36px; font-weight:normal; }

p, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; font-size: 13px; line-height: 21px; color: rgb(21,21,21); }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; }

code {color: #06f;}
code, pre {font-size: small;}

blockquote, q, em, cite, dfn, i, cite, var, address {
  font-style: italic;
}

blockquote p:before, blockquote p:after, q:before, q:after {content: '';}

th, strong, dt, b { font-weight: bold; color: rgb(0,0,0); }

ins { text-decoration: none; border-bottom: 3px double #333; }

del { text-decoration: line-through; }

abbr,
acronym { border-bottom: 1px dotted #333; font-variant: normal; }

ul,ol { margin: 0 0 0 15px; }
ol li { margin: 8px 0 0 0; list-style-type: decimal;}
ol li:first-child { margin-top: 0; }
ul li { margin: 8px 0 0 0; list-style-type: disc; }
ul li:first-child { margin-top: 0; }
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

a:link,
a:visited {color: rgb(39,93,160); text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline; }
a:focus {text-decoration: none;}
a:focus, :focus { outline: none;}
a:active {outline: none;}
.nav a,
a.btn { display: block; }

fieldset, img { border: 0; }
img {vertical-align: bottom;}

table { border-collapse: collapse; border-spacing: 0; }

caption { position: absolute; text-indent: -99999px; }

th {text-align: center; vertical-align: top; }
tbody th { text-align: left; font-weight: normal; color: rgb(0,0,0);}

tr, td { vertical-align: top; }

td,th { padding: 0 5px 5px 0; }


legend { position: absolute; display: none; color: #000; padding-bottom: .5em; }

label { }

fieldset {line-height: 1;}

input, button, textarea, select, optgroup, option { vertical-align: baseline; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input[type="radio"] {vertical-align: text-bottom;}
input { _vertical-align: text-bottom; }

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton { *overflow: visible; _width: 0; padding: .2em .4em; }

/*-------------------------------------------------------- */
/*= [end] BASE/RESETS */

/*= TOOLS
/*-------------------------------------------------------- */
.stretch, .clear{clear:both;height:1px;margin:0;padding:0;font-size:15px;line-height:1px;} .clr{clear:right;} .cll{clear:left;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} * html>body .clearfix{display:inline-block;width:100%;} * html .clearfix{/* Hides from IE-mac \*/ height:1%;/* End hide from IE-mac */} /* end clearing */ /* replace */ /* tidy these up */ .replace{position: absolute; text-indent:-10000px;display:none;background-repeat:no-repeat;background-position:left top;background-color:transparent;} .replace a{text-indent:0;} .replace a span{text-indent:-10000px;} /* end replace */ /* Image Replace using spans */ .ir{position:relative;overflow:hidden;visibility:visible;} .ir span{position:absolute;top:0;left:0;display:block;z-index:1000;} /* End Image Replace using spans */ /* accessibility */ span.accesskey{text-decoration:none;} .accessibility{position:absolute;top:-999em;left:-999em;}
/* end accessibility */


/*-------------------------------------------------------- */
/*= [end] TOOLS */

@media print {

  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  body { }
  #wrap-site { width: 90%; margin: 2.5%; padding: 2.5%; border: 1px solid #444;}
  #site-head { page-break-after: avoid;}
  #branding-logo.ir span { display: block; position: relative; }

  #branding-tagline { margin: 10px 0; font: bold 18px/18px 'LeagueGothic', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
  a, a:visited { color: blue !important; text-decoration: underline; }
  a:after { display: block; content: " (" attr(href) ")"; }
  #main-content a:after,
  #main-header .entry-author a:after,
  #main-header .permalink:after { display: inline; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after,
  .wp-caption a:after,
  #content-hero .image a:after,
  #content-hero .permalink { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }

  /*hide various parts from the site */
  #feedback,#wrap-site_nav, #site-utility,#todays-info,.social-nav, .ad-120,.entry-tools,#content-neighborhoods,.home #content-recent, .home #content-comments,#page-sub, .commentslink, #main-aside,#dsq-new-post,#dsq-global-toolbar,#dsq-content
  {display:none;}
  #content-hero li { display: inline; float: left; width: 100%; }

  #content-hero .image { display: inline; float: left; width: 350px; height: 350px; margin: 0 15px 0 0; }
  #content-hero .hentry-wrap { display: inline; float: left; width: 50%; clear: right; }

  #main-header { margin: 1em 0; font: bold 24px/30px 'abril-fatface', Palatino, Georgia, Times, serif; }
  #main-header .heading-sub { font-size: 21px; font-style: italic; }
  #main-header .entry-meta { font-size: 12px; font-weight: normal; }
  #main-header .published { display: block; font-weight: bold; }
  #main-image { display: block; clear: both; float: none; }
  #main-content { font-size: 12px; line-height: 18px; }
  #main-content p { margin: 0 0 9px; }
  .image { }
  .image-caption,
  .wp-caption-text { width: 100%; display: inline; float: left; font-family: arial; font-size: 9px; line-height: 12px; color: rgb(65,65,65); }
  .image-caption .image-source { color: rgb(163,163,162); }
  .wp-caption { display: inline; float: left; padding: 3px 0; border-color: rgb(225,225,225); border-bottom: 5px solid rgba(203,203,199,.7); border-top: 5px solid rgba(203,203,199,.7); }
  .wp-caption img { width: 100%; display: inline; float: left; margin: 0; padding: 3px 0; border-color: rgb(225,225,225); border-bottom: 1px solid rgba(203,203,199,.7); border-top: 1px solid rgba(203,203,199,.7); }
  p.wp-caption-text,
  .image-caption { display: inline; float: left; width: 100%; padding: 3px 0; text-align: left; border-color: rgb(225,225,225); border-bottom: 1px solid rgba(203,203,199,.7); }
  .wp-caption-text,
  .image-caption p,
  .image-caption span { margin: 0; padding: 0; font-size: 10px; line-height: 12px; font-family: verdana, sans-serif; }
  .image-source { color: rgb(125,125,125); }


  .entry-content .alignleft { display: inline; float: left; margin: 6px 12px 6px 0; }
  .entry-content .alignright { display: inline; float: right; margin: 6px 0 6px 12px; }
  .entry-content .alignnone { display: inline; float: left; width: 100%; margin: 6px 0 12px; clear: right;}
  #comments { page-break-before: always; }
  noscript { display: none; }
}

.donate {
  padding: 10px 15px 10px;
  margin: 0 9px 9px 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: #000;
  border: 1px solid red;
  border-radius: 4px;
  background-color: orange;
}
.donate:hover {
  cursor: pointer;
  color: #fff;
  background-color: #424242;
}
.donate span {
  display: block;
}
.donate strong {
  padding: 3px 6px;
  color: #fff;
  border-radius: 4px;
  background-color: #525252;
}

.donate:hover strong {
  color: #525252;
  background-color: #f1f1f1;
}

