/* $Id: zen.css,v 1.7 2008/04/20 04:20:27 johnalbin Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal5-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal5-reference.css file
 *   Forum            See line 197 of Zen's drupal5-reference.css file
 *   Menus            See line 667 of Zen's drupal5-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal5-reference.css file
 *   Polls            See line 287 of Zen's drupal5-reference.css file
 *   Search           See line 320 of Zen's drupal5-reference.css file
 *   User Profiles    See line 945 of Zen's drupal5-reference.css file
 */


/** body **/
body
{
  margin: 0;
  padding: 0;
  color : /* #001a4f #003399 */ black;
  counter-reset: chapter;      /* Create a chapter counter scope */
}

#upcomingWorkshops {
  /*background-color: green;
  color: white;*/
}

#page
{
}

#page-inner
{
}

#header
{
  background-color: #2e89a6;
  background-image: url(images/horizontal-banner-b.jpg);
  border-bottom: none;
  background-repeat: repeat-x;
  background-position: bottom left;
}

#footer-message, #site-name, #site-slogan, #mission {
  background-color: #006400; /* Dark green */
}

#footer-message, #site-name, #site-slogan, #mission,
#site-name a:link, #site-name a:visited {
  color: silver;
}

#header-inner
{
 /* padding-left: 14.1em; */
                        /* Same as or marginally more than #header height.  */
}

#logo-title /* Wrapper for logo, website name, and slogan */
{
  /*text-transform: lowercase;*/
}

#logo /* Wrapper for logo */
{
}

#logo-image /* The actual logo image */
{
/*    height: 14em;
  width: 14em;*/
}

#site-name /* The name of the website */
{
  color: white;
}

#site-name a:link,
#site-name a:visited
{
  text-decoration: none;
}

#site-name a:hover
{
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */
{
}

#header-blocks /* Wrapper for any blocks placed in the header region */
{
}

/** main (container for everything else) **/
#main
{
}

#main-inner
{
  height: 100%;
  background-color: /* #f3decf */ white;
}

/** content **/
#content
{
}

#content-inner {
}

#mission /* The mission statement of the site (displayed on homepage) */
{
}

#content-top /* Wrapper for any blocks placed in the "content top" region */
{
}

#content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
{
}

.breadcrumb /* The path to the current page in the form of a list of links */
{
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title  /* Comment title */
{
  margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* h1-title, h2-title, etc. are used to visually emulate h1 but not be a heading for TOC purposes */

#content-header h1.title, h1, h1-title {
  font-size: 2em;
}

div.node-inner h2.title, h2, h2-title, div.views-field-title .field-content { /* Main content area */
  margin-top: 0.2em;
  font-size : 1.6em;
  font-weight: bold;
}

div.block-inner h2.title /* Menu group titles, e.g., public, members only */
{
  font-size : 1.3em; /* formerly 1.3 */
  text-transform: lowercase;
  color: teal;
  margin-left: 0em;
}

div.block-inner * h3 {
  font-size: 1.0em;
  text-transform: lowercase;
  color: teal;
  margin-left: 0em;
  font-family: Georgia, "Times New Roman", Times, serif;
}

div.node-inner h2.title a {
  text-decoration: none;
}

div.node-inner h2.title a:hover {
  text-decoration: underline;
}

.deceased {
 background-color: silver;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size : 1.1em;
  text-align : left;
}

div.node-inner * li {
  padding-top: 3px;
  padding-bottom: 3px;
}

div.numbered-headings h1:before {
  content: counter(chapter) ". ";
  counter-increment: chapter;  /* Add 1 to chapter */
}

div.numbered-headings {
}

/*
div.numbered-headings h2 {
  counter-reset: section;     /* Set section to 0 *
  counter-reset: paragraph;   /* Paragraphs are numbered by chapter *
}

div.numbered-headings h3:before {
  content: counter(chapter) "." counter(section) " ";
  counter-increment: section;
}

div.numbered-headings p:before {
  content: counter(chapter) "." counter(paragraph) " ";
  counter-increment: paragraph;
}

div.numbered-headings ol li {
  list-style: lower-latin;
}

div.numbered-headings li:before {
  content: counter(item) ". ";
  counter-increment: item;
}
*/

div.messages /* Important messages (status, warning, and error) for the user */
{
  margin: 0 1em 5px 1em;
  border: 2px solid #ccc;
  padding: 5px;
  color: #000;
  background-color: #fff;
  font-style: italic;
}

div.status /* Normal priority messages */
{
}

div.warning /* Medium priority messages */
{
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.warning,
tr.warning,
body.section-admin tr.warning
{
  /* color: #220; */ /* Drupal core uses #220 */
  background: #ffd;
}

div.error /* High priority messages. See also the .error declaration below. */
{
  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
}

div.error,
tr.error,
body.section-admin tr.error
{
  /* color: #200; */ /* Drupal core uses #200 */
}

div.tabs /* See also the tabs.css file. */
{
}

.help /* Help text on a page */
{
  margin: 1em 0;
}

.more-help-link /* Link to more help */
{
  font-size: 0.85em;
  text-align: right;
}

#content-area, #content-area * th, #content-area * td /* Wrapper for the actual page content */
{
  font-family: Georgia, "Times New Roman", Times, serif;
}

.pager /* A list of page numbers when more than 1 page of content is available */
{
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a, .pager strong.pager-current
{
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */
{
  margin: 1em 0;
}

#content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
{
}

/** navbar **/
#navbar
{
  background-color: #49bf7c;
  text-align: center;
  font-size: larger;
  color: white;
}

#navbar-inner
{
}

#search-box /* Wrapper for the search form */
{
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
{
  display: none;
}

#primary /* Primary links */
{
}

#secondary /* Secondary links */
{
}

#sidebar-left, #sidebar-right {
  font-size: 0.8em; /* Rob 3 Mar 09 */
}

/** sidebar-left **/
#sidebar-left
{
/*  background-image: url(images/vertical-banner.jpg);*/
  background-color : /* #f3decf */ white;
  background-repeat: no-repeat;
/*  height: 510px; /* Size of the image */
}

#sidebar-left-inner
{
}

/** sidebar-right **/
#sidebar-right
{
}

#sidebar-right-inner
{
}

/** footer **/
#footer
{
}

#footer-inner
{
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */
{
  font-size: x-small;
}

#footer-message {
  margin-top: 0em;
  margin-bottom: 0em;
}

/** closure **/
#closure-blocks /* Wrapper for any blocks placed in the closure region */
{
}

/** Drupal nodes **/
.node /* Node wrapper */
{
}

.node-inner /* Additional wrapper for node */
{
}

.sticky /* A sticky node (displayed before others in a list) */
{
}

.node-unpublished /* Unpublished nodes */
{
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
.comment-unpublished div.unpublished
{
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-mine /* A node created by the current user */
{
}

.node-teaser /* A node displayed as teaser */
{
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */
{
}

.node-type-story /* Story content node */
{
}

.node h2.title /* Node title */
{
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */
{
  color: #c00;
}

.node .picture /* The picture of the node author */
{
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture
{
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .submitted /* The "posted by" information */
{
}

.node .taxonomy /* Node taxonomy (categories) */
{
}

.node .content /* Node's content wrapper */
{
}

.node div.links /* Wrapper for node links */
{
  margin: 1em 0;
}

ul.links /* Taxonomy links, node links, comment links */
{
  margin: 0;
  padding: 0;
}

ul.links.inline
{
  display: inline;
}

ul.links li
{
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.preview .node /* Preview of the content before submitting new or updated content */
{
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/** Drupal comments **/
#comments /* Wrapper for all comments */
{
  margin: 1em 0;
}

#comments-title {
  font-size: 1.3em;
  background-color: green;
  color: white;
  padding: 2px;
  border:thin solid green;
  margin: 2px;

}

.comment /* Wrapper for a single comment */
{
}

.comment-inner /* Additional wrapper for a single comment */
{
  border: thin solid black;
  padding: 2px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.comment-inner h3.title,
.comment-inner .submitted {
  font-size: 1em;
  background-color: #d0d0d0;
}

.comment.odd /* An odd-numbered comment in the list of comments */
{
}

.comment.even /* An even-numbered comment in the list of comments */
{
  background-color: #ededed;
}

.comment-unpublished /* Unpublished comments */
{
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
{
}

.comment-by-author /* A comment created by the node's author */
{
}

.comment-by-anon /* A comment created by an anonymous user */
{
}

.comment-mine /* A comment created by the current user */
{
}

.comment h3.title /* Comment title */
{
}

.new /* "New" marker for comments that are new for the current user */
{
  color: #c00;
}

.comment .picture /* The picture of the comment author */
{
}

.comment .submitted /* The "posted by" information */
{
}

.comment .content /* Comment's content wrapper */
{
}

.comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
{
  margin: 1em 0;
}

.indented /* Nested comments are indented */
{
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}

.preview .comment /* Preview of the comment before submitting new or updated comment */
{
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/** Drupal blocks **/
.block /* Block wrapper */
{
  margin-bottom: 1em;
}

.block.region-odd /* Zebra striping for each block in the region */
{
}

.block.region-even /* Zebra striping for each block in the region */
{
}

.block.odd /* Zebra striping independent of each region */
{
}

.block.even /* Zebra striping independent of each region */
{
}

.region-count-1 /* Incremental count for each block in the region */
{
}

.count-1 /* Incremental count independent of each region */
{
}

.block-inner /* Additional wrapper for block */
{
}

.block h2.title /* Block title */
{
}

.block .content /* Block's content wrapper */
{
}

#block-aggregator-category-1 /* Block for the latest news items in the first category */
{
}

#block-aggregator-feed-1 /* Block for the latest news items in the first feed */
{
}

#block-block-1 /* First administrator-defined block */
{
}

#block-blog-0 /* "Recent blog posts" block */
{
}

#block-book-0 /* "Book navigation" block for the current book's table of contents */
{
}

#block-comments-0 /* "Recent comments" block */
{
}

#block-forum-0 /* "Active forum topics" block */
{
}

#block-forum-1 /* "New forum topics" block */
{
}

#block-menu-2 /* "Primary links" block */
{
}

#block-node-0 /* "Syndicate" block for primary RSS feed */
{
}

#block-poll-0 /* "Most recent poll" block */
{
}

#block-profile-0 /* "Author information" block for the profile of the page's author */
{
}

#block-search-0 /* "Search form" block */
{
}

#block-statistics-0 /* "Popular content" block */
{
}

#block-user-0 /* "User login form" block */
{
}

#block-user-1 /* "Navigation" block for Drupal navigation menu */
{
}

#block-user-2 /* "Who's new" block for a list of the newest users */
{
}

#block-user-3 /* "Who's online" block for a list of the online users */
{
}

/** Drupal boxes **/
/* Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */
{
}

.box-inner /* Additional wrapper for box */
{
}

.box h2.title /* Box title */
{
}

.box .content /* Box's content wrapper */
{
}

/** Miscellaneous Drupal styles **/
.error /* Errors that are separate from div.messages status messages (see above.) */
{
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages (see above.) */
{
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.more-link /* Aggregator, blog, and forum more link */
{
  text-align: right;
}

#user-login-form /* Drupal's default login form */
{
  text-align: left;
  margin-left: 1.5em;
  color: #001a4f;
}

tr.even, tr.odd /* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */
{
  border-bottom: none;
  padding: 0;
}

tr.even
{
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd
{
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

li a.active /* The active item in a Drupal menu */
{
  color: #000;
}


/** Drupal forms **/
.form-item, /* Wrapper for a form element (or group of form elements) and its label */
.form-checkboxes,
.form-radios
{
  margin: 1em 0;
}

.form-item input.error, /* Highlight the form elements that caused a form submission error */
.form-item textarea.error,
.form-item select.error
{
  border: 2px solid #c00;
}

.form-item label /* The label for a form element */
{
  display: block;
  font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */
{
  display: inline;
  font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */
{
  color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */
{
  font-size: 0.85em;
}

.form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
.form-radios .form-item
{
  margin: 0.4em 0;
}

.form-submit /* The submit button */
{
}

.container-inline div, .container-inline label /* Inline labels and form divs */
{
  display: inline;
}

.tips /* Tips for Drupal's input formats */
{
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

/** OpenID **/
/* The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
#user-login-form ul /* OpenID creates a new ul above the login form's links. */
{
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

#user-login-form li.openid-link, /* The "Log in using OpenID" links. */
#user-login li.openid-link
{
  margin-top: 1em;
  margin-left: -20px; /* Un-do some of the padding on the ul list. */
	padding-left: 20px;
	background-position: left center;
}

#user-login-form li.user-link, /* The "Cancel OpenID login" links. */
#user-login li.user-link
{
  margin-top: 1em;
	list-style-type: disc;
	list-style-position: outside;
}

#user-login li.openid-link, /* The OpenID links on the /user form. */
#user-login li.user-link
{
  margin-left: -2em; /* Un-do all of the padding on the ul list. */
}

/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
 * admin section of the site.
 */
.section-admin tbody
{
  border-top: 1px solid #ccc;
}

.section-admin th
{
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

.section-admin tbody th
{
  border-bottom: 1px solid #ccc;
}

.section-admin thead th
{
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

.section-admin tr.even,
.section-admin tr.odd
{
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

div.block-inner li.leaf, li.collapsed, #user-login-form li {
  /* background-color: #8EBE9A;*/
  /*border-left:1px solid blue;
  border-right:1px solid blue;
  border-bottom:1px solid blue;
  border-top: none;
  padding-top: 0.1em;
  padding-bottom: 0.1em;*/
  padding-left: 0.1em;
  text-align:left;
/*  font-size: 0.9em;*/
  font-weight: bold; /* Rob 3 Mar 09 */
  /* opacity: 0.6; /* Firefox */
  /* IE requires filter, and filter requires height or width to be defined */
  width: 100%;
  /* filter: alpha(opacity=60); /* IE */
}

div.block-inner li.leaf:first-child, #user-login-form li {
	/* border-top: 1px solid blue; */
}

div.block-inner li.leaf:hover, li.expanded a:hover, li.collapsed:hover, #user-login-form li:hover {
	background-color: #BE9A8E;
}

li.leaf, #user-login-form li {
  /* background-color: #ffdfdf;*/
  list-style-image: none;
  list-style-type: none;
/*    margin-right:-15px;*/
/*    padding-right:-20px;*/
}

#user-login-form li {
  margin-left: -0.5em;
}

#user-login-form li a {
  text-decoration: none;
}

ul.menu {
  /*background-color: red;*/
  padding-left: 2.0em;
  margin-left: 0.0em;
  margin-right: 1.5em;
}

ul.menu a {
  text-decoration: none;
}

div.content {
/*  background-color: white;*/
  
}

table {
  background-color: #cae6ec;
}

th {
  background-color: #2e89a6;
  color: white;
}

th, td, td.multiplerows {
  border-bottom: thin solid #2e89a6;
  padding: 0.2em 0.4em 0.2em 0.4em;
}

td, th {
  vertical-align: top;
}

td.multiplerows {
  vertical-align: middle;
}

img.mapleleaf {
  border: none;
  width: 16px;
  height: 14px;
}

p.objective {
 font-weight: bold;
 background-color: #DEE3C4;
}

div.workshopOverview {
  background-color: #ffeed7;
  float: right;
  background-color: Silver;
  border: none;
  border-bottom: 1em solid white;

}

div.workshopOverview h4 {
  margin: 0px;
  background-color: #4c3399;
  color: white;
	font-weight: bold;
}

div.workshopOverview p {
	font-size: smaller;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.workshopDesc {
  float: left;
}

.node_read_more a {
  background-color: green;
  color: white;
  text-decoration: none;
  padding: 2px;
  border:thin solid black;
  margin: 2px;
}

.node_read_more a:hover {
  text-decoration:underline;
}

/*******************************************************************************
 * Calendar style changes
 * ======================
 * These should probably be in a separate file, but for now (19 Sep 2009), I'm
 * not sure where they would go.
 */

div.date-heading h3 {
  background-color: transparent;  /* So link is more visible */
}

.calendar-calendar div.date-nav {
  background-color: #bdff5e;
}

table .mini-day-on a {
  text-decoration: none;
  background-color: #bdff5e;
}

/********************************************************************************
 * Field style changes
 * ===================
 */

div.field-item
{
  font-size: 90%;
}


/*****************************
 * Front page size changes
 * =======================
 */

body.front * div.panel-pane {
  /*background-color: #e6ffc1;*/
  /*margin: 12px;
  border: 1px solid green;
  padding: 4px;*/
}

body.front * #content-inner * .pane-title {
  font-size: 1.2em;
}

body.front * #content-inner * h2 {
  margin-bottom: 0px;
  font-size: 1.3em;
}

body.front * #content-inner * h3 {
  font-size: .8em;
}

body.front * #content-inner * p {
  font-size: 0.85em;
  line-height: 1.2em;
}

body.front * #content-inner * .rounded-corner .wrap-corner .r-edge { 
  padding-top: 0px;
  padding-right: 12px;
  padding-bottom: 0px;
  padding-left: 12px;
}