/*
THEME NAME: Forbush
THEME URI: http://justmagicdesign.com and http://plaintxt.org/themes/sandbox
DESCRIPTION: A theme for the Forbush Memorial Library website based on Sandbox
VERSION: 0.1, based on Sandbox 1.6
AUTHOR: Maria Greene and Diane Root
AUTHOR Uri: http://justmagicdesign.com
TAGS: two columns
*/

/* Note: this is not a Sandbox subtheme because we needed to change more than just
 * CSS for this website.
 */

/*
COLORS:

Green:      #8FB861
Dark green: #466713
Blue:       #5099AC
Dark blue:  #00647E
Pink:       #F8B4D9
Gray:       #E6DED8
Orange:     #E9A234
Yellow:     #F4D86A
Red:        #A6002E (emergency font)

*/

@import url('../../plugins/easy-contact/sample/econtact-basic.css');
/* The following two files are copied from sandbox and modified only slightly */
@import url('3c-b.css');

body {
  font-family: Arial, Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
  background: white url(images/bggradient.png) left top repeat-x; /* blue gradient */  
  margin: 0;
  font-size: 15px;
  line-height: 1.3em;
}
p {
  margin: 0 0 1em 0;
}

img { 
  border: 0;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #b12148;
;
}
a:hover {
  text-decoration: underline;
}

blockquote {
  background-color: #EDF5F9; /* dark blue */
  border-left: 3px solid #1A7C97; /* light blue */
  margin: 1em 0 2em 2em;
  padding: 0.75em 1.5em;
}
h1, h2, h3, h4, h5, h6 {
  color: #00647E; /* blue */
  font-weight: normal;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
}
h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.2em;
  line-height: 1.2em;
  text-transform: uppercase;
}
h4 {
  font-size: 1.2em;
  color: #466713; /* dark green */
}
h5 {
  font-size: .7em;
}
h6 {
  font-size: 1em;
  color: #A6002E; /* emergency red */
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  background: #e6ded8
  url(images/bg.png) top left repeat-y; /* gray, three column gray/white/gray */
  overflow: hidden;
}
#ie.ie6 #wrapper {
  position: relative;
}
/*
=LAYOUT: Three-Column
Three-column fluid layout with two sidebars on both sides of content
*/
div#container {
  float: left;
  width: 100%;
}

div#content {
  margin: 0 250px 0 210px;
}

div.sidebar {
  float: left;
  overflow: hidden;
  width: 200px;
}

div#primary {
  margin: 0 0 0 -100%;
}

div#ie.ie6 div#primary {
  left: 0;
  position: relative;
}

div#secondary {
  width: 240px;
  margin: 0 0 0 -240px;
}

div#footer {
  clear: left;
  width: 100%;
}

body.page-template-page-one-sidebar-php div#content {
  margin: 0 10px 0 210px;
}
body.page-template-page-one-sidebar-php div#wrapper {
  background: #e6ded8 url(images/bg-1-sidebar.png) top left repeat-y;  /* gray, three column gray/white/gray */
}

#header, #header-branding, #header-blocks {
  /* The fixed height makes our background graphic show completely and it's OK to make it
     fixed since there's no real text in the header that might be resized and push it down */
  height: 150px;
}
#header { 
  background: #F4D86A url(images/heading1px.png) left top repeat-x; /* yellow */
  position: relative;
}
#header-branding {
  background: transparent url(images/headingLeft.jpg) left top no-repeat;
  width: 684px;
  float: left;
}
#header-branding img {
  position: absolute;
  left: 124px;
  top: 25px;
  height: 99px;
  width: 245px;
}

#blog-description {
  position: absolute;
  left: 415px;
  top: 125px;
  height: 23px;
  width: 314px;
  text-indent: -9999px;
  background: transparent url(images/servingWestminster.png) left top no-repeat;
}

/* This is the menu on the right side of the header 
 */
#header-blocks {
  float: right;
  background: transparent url(images/headingRight.png) right top no-repeat;
}
#header-blocks ul, #header-blocks li {
  list-style: none;
  margin: 0; padding: 0;
}
#header-blocks ul.xoxo {
  margin: 0 20px 0 0;   /* push it away from the rounded corner */
}
/* Hack: this element is offset (too far down) on IE 6 and IE 7 */
#ie #header-blocks li.widget ul {
  margin-top: -15px;
}
#header-blocks li.widget ul li {
  text-transform: uppercase;
  text-align: right;
  font-size: smaller;
  line-height: 24px; /* this is in pixels instead of ems because the words are over a background
              image that has 25px high bars */
}
#header-blocks ul li a {
  font-size: 1.2em;
  color: white;
  font-weight: bold;
}
#header-blocks ul li.dark-link a {
  color: #003341;
}

/* don't display the horizontal nav or the "skip to nav" link */
#access, #menu {
  display: none;
}

div#primary, div#container {
  margin-top: 0;
}

/* -------------------------------
 * Sidebars
 *--------------------------------*/
 
#primary, #secondary {
  color: white;
}
div.sidebar h3.widgettitle {
  font-weight: bold;
  color: white;
  font-size: 1em;
  padding: 1em 0 0.5em;
}
div.sidebar ul, div.sidebar li {
  padding: 0;
  margin: 0;
  list-style: none;
}
div.sidebar .widget_pages ul ul, div.sidebar .widget_pages h3 {
  display: none;
}
div.sidebar li.widget {
  text-align: center;
  padding-bottom: 1.4em;
  margin-bottom: 1em;
}
div.sidebar a {
  color: #F4D86A; /* yellow */
  font-weight: bold;
}
div.sidebar p {
  margin-bottom: .25em;
}
div.sidebar address {
  margin-bottom: .25em;
}
div.sidebar table {
  margin: 0 auto;
}

 /* -------------
 =SIDEBAR, LEFT
 ------------- */
div#primary ul.xoxo li.widget {  
  background: transparent url(images/sidebarBlue200px.png) left bottom no-repeat;  /* gray */
}
 
/* Search form */
div#primary li#search {
  background: transparent; /* let the gray show through and don't put the curved bottom background image */
  padding: 0;
  margin: 0;
  height: 51px;
}
div#primary li#search form {
  padding-top: 15px;
}
div.sidebar li#search h3, div.sidebar li#pages h3 {
  display: none;
} 

 /* --------------
 =NAVIGATION, VERTICAL
 -------------- */

 /* These make the list of links inside the menu div behave like a vertical menu */
li#pages {
  text-align: left; /* override the parent setting of centered */
  padding: 0 0 1em; /* let the rounded corner of the box show */
}
#pages li ul { 
  display: none; /* we only want one level of menus */
}
li#pages ul {
  border-bottom: 0;
}
/* hack: the menu is down too far on IE */
#ie li#pages ul {
  margin-top: -18px;
}
#ie.ie6 ul.xoxo li a {
  padding-bottom: 0;
}
li#pages ul li a {
  text-transform: uppercase;
  padding: 0.25em 0 0.25em 0.5em;
  display: block;
}
#ie.ie6 li#pages ul li a {
  margin-top: -14px;
}
li#pages ul li a:visited, li#pages ul li a:link {
  color: white;
}
 /* You are here indicator */
li#pages ul li.current_page_item a,
li#pages ul li.current_page_ancestor a,
body.home li#pages ul li.page-item-home a {
  background-color: #e3841d; /* orange */
}
li#pages ul li a:hover {
  background-color: #8fb861; /* green */
  text-decoration: none;
}

/* --------------
=SIDEBAR, RIGHT
-------------- */
div#secondary {
  background: transparent url(images/book2-240x50.png) left top no-repeat;
}
/* Move the very first widget down a bit to line up with the bottom of the Search box on the left */
div#secondary ul.xoxo {
  margin-top: 50px;
}
div#secondary ul.xoxo li.widget {
  background: transparent url(images/sidebarGreen240px.png) left bottom no-repeat;
}

/* --------------
=CONTENT
-------------- */
/* Page title */
#content h1.entry-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.3em;
  line-height: 1em;
  padding: 8px 5px;
  margin: 0 -10px;
  color: white;
  font-weight: normal;
  background: #D78200 url(images/orangeGradHeading.png) left top repeat-x;
}
#content h1.entry-title a:link, #content h1.entry-title a:visited {
  color: white;
  text-decoration: none;
}

/* Blog title */
#content h2.entry-title {
  color: #00647E;
  font-size: 1.2em;
  line-height: 1.2em;
  border-bottom: 2px solid #00647E;
  text-transform: uppercase;
  margin-top: 1em;
}
#content h2.entry-title a:link, #content h2.entry-title a:visited {
  color: #00647E;
}

div.entry-date {
  -moz-border-radius: 5px;
  -webkit-border-radious: 5px;
  background: #53820B none repeat scroll 0 0;
  color: white;
  float: left;
  margin: 0.5em 1em 1em 0;
  padding: 5px 5px 5px;
  text-align: center;
  width: 50px;
  font-weight: bold;
}
p.day, p.month, p.year {
  margin: 0;
  padding: 0;
}
.day { 
  font-size: 1.2em; 
/*  font-family: Georgia, serif;  */
}
.month { 
  font-size: 1.2em; 
  text-transform: uppercase;
}
.year { 
  font-size: 1em;
}

/* --------------
=NAVIGATION, BREADCRUMB
-------------- */
#breadcrumbs {
  font-size: 92%;
  margin-top: 0.5em;
}
body.home #breadcrumbs {
  display: none;
}

/* --------------
=NAVIGATION, SECONDARY 
-------------- */
#content #secondary-nav {
  text-align: center;
  margin-bottom: 1em;
}
#content #secondary-nav ul, #content #secondary-nav li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}
#content #secondary-nav li {
  background: transparent url(images/sep.gif) no-repeat right center;
  white-space: nowrap;
}
div#ie #content #secondary-nav li {
  background: none;
}
#content #secondary-nav li:last-child {
  background: none;
}
#content #secondary-nav li a {
  margin: 0 10px 0 6px;
}
#content #secondary-nav li.current_page_item a:link, 
#content #secondary-nav li.current_page_item a:visited {
  color: black;
}
#content #secondary-nav li.current_page_item a:hover {
  color: black;
  text-decoration: none;
}

.entry-content {
  margin-top: 1em;
}
body.single .entry-content {
  clear: left;
}

/* --------------
=FOOTER
-------------- */
#footer {
  text-align: center;
  font-size: smaller;
  background: #5099AC url(images/footer-bg.png) left bottom no-repeat; /* blue */
}
#footer ul {
  list-style: none;
}
#footer ul.xoxo {
  padding: 0.5em;
  margin: 0;
}
div#footer, div#footer a:link, div#footer a:visited {
  color: white;
}
div#footer a {
  font-weight: bold;
  text-decoration: underline;
}

/* Contact form */
input#ec_url {
  display: none;
}

.entry-title, .entry-meta {
  clear: both;
}
.entry-meta {
  background-color: #E6E5E4; /* light gray, less saturated than sidebar backgrounds */
}

/* Comment forms */
form#commentform .form-label {
  margin: 1em 0 0;
}

form#commentform span.required {
  background: #fff;
  color: #c30;
}

form#commentform, form#commentform p {
  padding: 0;
}

input#author, input#email, input#url, textarea#comment {
  padding: 0.2em;
}

div.comments ol li {
  margin: 0 0 3.5em;
}

textarea#comment {
  height: 13em;
  margin: 0 0 0.5em;
  overflow: auto;
  width: 66%;
}

/* Miscellaneous classes used in several places */
.alignright, img.alignright {
  float: right;
  margin: 0 0 0 1em;
}

.alignleft, img.alignleft {
  float: left;
  margin: 0 1em 0 0;
}

.aligncenter, img.aligncenter {
  display: block;
  margin: 1em auto;
  text-align: center;
}

/* Gallery */
div.gallery {
  clear: both;
  height: 180px;
  margin: 1em 0;
  width: 100%;
}

p.wp-caption-text, dd.wp-caption-dd {
  font-style: italic;
}

div.gallery dl{
  margin: 1em auto;
  overflow: hidden;
  text-align: center;
}

div.gallery dl.gallery-columns-1 {
  width: 100%;
}

div.gallery dl.gallery-columns-2 {
  width: 49%;
}

div.gallery dl.gallery-columns-3 {
  width: 33%;
}

div.gallery dl.gallery-columns-4 {
  width: 24%;
}

div.gallery dl.gallery-columns-5 {
  width: 19%;
}

/* Previous and next post links */
div#nav-above {
  margin-bottom: 1em;
}
div#nav-below {
  margin-top:1em;
}
div#nav-above, div#nav-below {
  overflow: auto;
}

div#nav-images {
  height: 150px;
  margin: 1em 0;
}

div.navigation div.nav-next {
  float: right;
  text-align: right;
}

div.gallery dl, div.navigation div.nav-previous {
  float: left;
}

input#author, input#email, input#url, div.navigation div {
  width: 50%;
}

div.gallery *, div.sidebar div, div.sidebar h3, div.sidebar ul {
  margin: 0;
  padding: 0;
}

/* EventKeeper-generated table on Library Events page. Workaround bug in bgcolor. */
body.pageid-7 #content tbody > tr:first-child  td {
  background-color: #00607d;
}
body.pageid-7 #content table table tbody > tr:first-child td {
  background-color: white;
}