@import "css/node-content.css";
@import "css/blocks.css";
@import "css/primary-navigation.css";
@import "css/account-navigation.css";
@import "css/search.css";
@import "css/columns.css";
@import "css/tabs.css";
@import "css/navbar.css";
@import "css/comments.css";
@import "css/profile.css";
@import "css/users.css";
@import "css/notifications.css";
@import "css/contactform.css";
@import "css/fonts.css";
@import "css/casestudies.css";

/** body **/
body {
  margin: 0;
  padding: 0;
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 13px;
  background-color: #208FE5;
  background-repeat: repeat-x;
}

#page {
  margin: 0;
  padding: 0;
  max-width: 1000px;
  min-width: 700px;
  margin: 0 auto 0 auto;
}

#page-inner {
  margin: 0;
  padding: 0;
  position:relative;
}


/** Header Area **/

div#header {
  margin: 0;
  padding: 0;
/*  background-image: url("images/toptile.png");
  background-repeat: repeat-x;*/
background: #074b99; /* Old browsers */
background: -moz-linear-gradient(top, #074b99 0%, #208fe5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#074b99), color-stop(100%,#208fe5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #074b99 0%,#208fe5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #074b99 0%,#208fe5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #074b99 0%,#208fe5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#074b99', endColorstr='#208fe5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #074b99 0%,#208fe5 100%); /* W3C */

}

div#header-inner {
  margin: 0;
  padding: 0;
  height: 102px;
background-image: url("images/clouds.png");
background-repeat: no-repeat;
background-position: 100% 0;
}

/* Logo */

div#logo-title {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}


div#logo-title div#logo {
  margin: 0;
  padding: 0;
  float: left;
}

div#logo-title div#site-name {
  padding: 10px 0 0 0;
  font-size: 16px;
  float: left;
}

div#logo-title div#site-name a:link {
  color: #fff;
  text-decoration: none;
}

div#logo-title div#site-name a:visited {
  color: #fff;
  text-decoration: none;
}

div#logo-title div#site-name a:hover {
  color: #fff;
  text-decoration: none;
}

/* Breadcrumb in header */

div.breadcrumb {
  clear: right;
  margin: 0 0 10px 30px;
  padding: 0;
  font-size: 11px;
}


/** Main content area **/

#main {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

#main-inner {
  margin: 0;
  padding: 20px 0 0 0;
}

/** content **/

#content {
  float: left;
  width: 100%;
  margin-left: 0;
  margin-right: -100%; /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

#content-inner {
  margin: 0;
  padding: 0;
}

#content-area {
  margin: 0;
  padding: 0 0 20px 0;
}

h1.title {
  color: #15498a;
  font-size: 22px;
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: normal;
  font-family: LiberationSansRegular;
}

/** Footer Styles **/
#footer {
  margin: 0;
  padding: 20px 35px 20px 35px;
  background-image: url("images/basetile.png");
  background-repeat: repeat-x;
}

#footer-inner {
  margin: 0;
  padding: 0;
}

#footer-message {
  margin: 0;
  padding: 0;
}


#navigation-top,
#skip-to-nav,
#navigation {
  position: absolute; /* Take the named anchors out of the doc flow    */
  left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

#skip-to-nav
  {
    margin: 0 !important;
    font-size: 0.8em;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }

  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }


  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }


  #primary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 10px 0 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */



/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    /*word-wrap: break-word;  A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  
  #page
  {
    overflow-y: hidden;
  }
  

/** Maintenance Styles **/

body.in-maintenance div#content-area {
  height: 300px;
}

/** Organic Group (OG) Styles **/
/*.block-quaker_og .content .item-list ul,
.block-og .content  {
}*/

.block-quaker_og .content .item-list ul li,
.block-og .content .item-list ul li {
  margin-bottom: 0px;
}

.content-area .node-type-page .node-inner .content {
  font-size: 120%;
}

/** Block Styles **/
.block h2.title {
  padding-left: 0px;
}

.block .view .views-field-title a {
  display: inline;
}

/** Maintenance Styles **/

body.in-maintenance div#content-area {
  height: 300px;
}

/** fix top navigation and search form positioning after adding search - dave@egressive.com 2011-09-12 **/
div.block-search {
  margin-top: 34px;
  width: 100%;
}

div#block-nice_menus-1 ul.nice-menu {
  margin: 0px 0px 0px 0px;
}

div#block-nice_menus-1 ul.nice-menu li.menuparent.last {
}

/** fix dropdown menu offsets so that they don't go off edge of page **/
div#block-nice_menus-1 ul.nice-menu li.menuparent.last ul {
  left: -70px;
}

/** third level menus of right and second-to-right most menus **/
div#block-nice_menus-1 ul.nice-menu li.menu-2372 ul ul,
div#block-nice_menus-1 ul.nice-menu li.menu-2927 ul ul {
  left: -163px;
}

/** fix primary menu position and ensure it's visible over logo home link **/
div#block-nice_menus-1 {
  z-index: 100;
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 20px;
}

div#logo-title {
  z-index: 0;
}

/** fix over large gap below breadcrumbs before content... **/
#navbar-inner {
  height: 4px;
}

.with-navbar #content,
.with-navbar #sidebar-left,
.with-navbar #sidebar-right {
  margin-top: 4px; 
}

/** fix search form right margin **/
div.block-search {
  margin-right: 20px;
}