/*
Theme Name: Berkshire Women For Women Worldwide
Theme URI: http://berkshirewomen.org
Description: Custom theme for BWWW made by <a href="http://imaginarynumber.net">Imaginary Number</a>.
Version: 1.0
Author: Imaginary Number, Evan Shelhamer
Author URI: http://imaginarynumber.net
Tags:

*/

/* =Globals
--------------------------------*/

html, body { height: 100%; color: #1b2d38; background: #77c5e2 0 0 url(img/back.png) repeat-x; }

  body { font: normal 75%/1.5em "Georgia", "Geneva", serif; }
  html > body { font-size: 12px; }

  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; }

/* =Structure
--------------------------------*/

#wrapper {
  position: absolute;
  left: 50%; top: 0;
  margin-left: -29em;
  background: #ffffff 0 0 url(img/container_left.png) no-repeat;
  overflow: hidden;
}
body > #wrapper { height: auto; min-height: 100%; }

#container {
  position: relative;
  margin-bottom: -32719px;
  padding: 0 9px 32767px 9px;
  width: 58em;
  background: transparent top right url(img/container_right.png) no-repeat;
}

  #header { position: relative; padding-bottom: 38px; height: 172px; }

  #content { float: left; padding-left: 2.6666em; width: 38em; }

  #sidebar { float: right; margin: 3em 10px 5em 0; width: 190px; color: #44708d; }

    #sidebar ul { list-style: none; }
    #sidebar li { }

  #footer {
    position: absolute;
    left: 0; bottom: 0;
    margin: -66px 0 0 12px;
    padding: 0 0 0.275em 0;
    width: 57em;
    text-align: right;
  }

    #footer h2 { margin: 0.7142em 10px 0 0; font-size: 2.3333em; line-height: 1em; letter-spacing: 0.0125em; word-spacing: 0.075em; }
    #footer p { padding: 0 10px 0 0; }

  #content-end { clear: both; width: 0; color: #ffffff; background: #ffffff; }

/* =Content
--------------------------------*/

/* =Headings */

h1, h2 { color: #44708d; }

h1 {
  position: relative;
  width: 686px; height: 112px;
  background: transparent 186px 56px url(img/title.png) no-repeat;
  font-size: 0;
  text-indent: -9999px;
}

h2 { margin-bottom: 1.0810em; font-size: 1.85em; line-height: 1.0810em; font-weight: normal; }
.post h2 { margin-bottom: 0.1081em; }

h3 {
  margin: 0.375em 0 0.375em 0;
  color: #1b2d38;
  font-size: 1.1666em; line-height: 1em;
  font-weight: normal;
}
#content h3 { color: #44708d; font-size: 1.5em; line-height: 1em; }
#sidebar h3 { margin: 0.375em 0; font-size: 1.5em; font-variant: small-caps; font-weight: bold; }

/* =Text */

#content p { margin: 0.75em 0; width: 400px; font-size: 1.1666em; line-height: 1.3572em; }

em { }
strong { }

q { }
q:before, q:after { content: ""; }

cite { display: block; margin-top: 1em; text-align: right; }
cite:before { content: "—"; }

abbr, acronym { border-bottom: 1px dotted #77c5e2; cursor: help; }

address { padding: 0.25em 0 0.25em 0.5em; line-height: 1.25em; font-style: normal; }

p, q, cite {  }

.preamble { padding: 0.625em 0 2.5714em 0.5em; background: transparent 0 0 url(img/quote.png) no-repeat; text-indent: 30px; }
.preamble span { display: block; padding-bottom: 0.375em; background: transparent bottom right url(img/end_quote.png) no-repeat; }

.officer-title { font-weight: bold; }

#content .postmetadata { font-size: 0.9em; line-height: 1.6666em; ;}

/* Links */

a { color: #44708d; text-decoration: none; }

#content a:hover, a:focus { background: #c9e8f3; }

a img { border: none; }

#sidebar a { text-decoration: none; }
#sidebar a:hover, #sidebar a:focus { color: #202020; text-decoration: underline; }

a#watermark { color: #000000; border-bottom: 1px dotted #aa2222; font-weight: bold; text-decoration: none; }
a#watermark:hover, #footer a:focus { border-bottom-style: solid; }
a#watermark:active { border-style: none; }

/* =Lists */

#content ul, #content ol { margin-left: 1em; }
#recent-posts ul { margin: 0 0 1.5em 0.5em; list-style-type: none; }

  #recent-posts li { }
  #recent-posts ul > li:before { content: "» "; }

#events { list-style: none; }

  #events li { margin: 1.5em 0; }

    #events h3 span { color: #1b2d38; font-size: 0.75em; line-height: 1.3333em; font-variant: normal; }

      #events .date-time { padding-left: 0.25em; }
      #events .location { display: block; padding-left: 0.25em; font-style: italic; }

  #events p { margin-left: 0.8em; }

/* =Tables */

/* Calendar removed in favor of events list
#sidebar #imaginary-cal { margin: 0 0 1em 0.5em; padding: 0; font-family: "Trebuchet MS", sans-serif; text-align: center; }

  #sidebar #imaginary-cal caption { padding-left: 0.5em; width: 7em; color: #c9e8f3; background: #44708d; text-align: left; text-transform: uppercase; }

  #sidebar #imaginary-cal tr { height: 1.5833em; line-height: 1.5833em; }

  #sidebar #imaginary-cal th { font-size: 0.875em; line-height: 1.1428em; font-weight: normal; }

  #sidebar #imaginary-cal td { width: 2.6666em; }
  #sidebar #imaginary-cal td.month { width: 5.3333em; color: #c9e8f3; background: #44708d; text-transform: uppercase; }
  #sidebar #imaginary-cal td.today { border: 1px solid #1b2d38; }
  #sidebar #imaginary-cal td a { color: #1b2d38; font-weight: bold; }*/

a.events { color: #000000; font-size: 1.125em; line-height: 1.3333em; }

/* =Images */

h1 img { position: absolute; left: 0; top: 0; }

/* =Navigation
--------------------------------*/

#nav {
  margin: 23px 0 0 180px;
  width: 43em; height: 3em;
  background: #44708d 0 0 url(img/nav_back.png) no-repeat;
  list-style: none;
}

  #nav li { display: inline; }

  #nav a {
    display: inline-block;
    float: left;
    padding: 0 13px;
    height: 2em;
    color: #c9e8f3;
    font-size: 1.5em; line-height: 2em;
    text-decoration: none;
  }
  #nav a:hover, #nav a:focus { color: #ffffff; background: transparent 0 0 url(img/nav_hover.png) repeat-x; }
  #nav a.here { color: #1b2d38; background-image: none; cursor: default; }

  #nav a#home { margin-left: 23px; }
  #nav a#contact { padding-left: 14px; padding-right: 0.3333em; }

/* =Forms
--------------------------------*/

#comment { width: 100% }

/* =Miscellaneous
--------------------------------*/

.hide { display: none; }

.notice { font-style: italic; }
.error { font-weight: bold; }