/* Core Elements */

body {
  padding: 0;
  margin:0;
  text-align: center; /*Centering for IE */
  line-height: 1.5em;
  color: #2c3447;
  background: #bbdff8 url(../images/blue-style/body-background.png) repeat-x bottom fixed; 
}

a, a:visited {
  font-weight: bold;
  color: #2a302f;
  text-decoration: none;
}

a:hover, a:active {
  color: #a7ff00;
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
}

#body-top-background { /* The top background gradient */
  background: transparent url(../images/blue-style/body-top-background.png) repeat-x top;
}

/* Main Layout 

This section controls the main layout.   The page width and the width of the left and right sidebars are all controlled here.  Also included are the widths for the blocks/regions which are necessary to make them collapsible via the conditional statements found in includes/block_layout.php.

*/

#page-wrapper { 
  padding: 0;
  margin: 0 auto; /* Center on Page */
  text-align: left; /* Reset text alignment */
  width: 962px;
  overflow: hidden;
}

#content-wrapper {
  border: 1px solid #2c3447;
}

#middle-wrapper {
  overflow: hidden;
}

body.sidebars #middle-wrapper {
  background: #f1f5f8 url(../images/blue-style/top-background.png) repeat-y right;
}

body.sidebar-left #middle-wrapper {
  background: #f1f5f8 url(../images/blue-style/top-background-left.png) repeat-y right;
}

body.sidebar-right #middle-wrapper {
  background: #f1f5f8 url(../images/blue-style/top-background-right.png) repeat-y right;
}

#main-content {
  float: left;
  width: 100%;
  overflow: hidden; 
}

#squeeze {
}

#main-content-inner {
  padding: 10px;
  overflow: hidden; /* Fix for collapsible fieldsets in IE */
}

body.sidebars #main-content { 
  margin-right: -600px;
}

body.sidebar-left #main-content { 
  margin-right: -250px;
}

body.sidebar-right #main-content { 
  margin-right: -350px;
}

body.sidebars #squeeze { 
  margin-right: 600px;
}

body.sidebar-left #squeeze { 
  margin-right: 250px;
} 

body.sidebar-right #squeeze { 
  margin-right: 350px;
}

#middle-wrapper .sidebar-left {
  float: left;
  z-index: 1;
  position: relative;
  width: 250px;
}

#middle-wrapper .sidebar-right {
  float: left;
  z-index: 1;
  position: relative;
  width: 350px;
}

.width100 { width: 99.999%; }
.width80 { width: 79.999%; }
.width50 { width: 49.999%; }
.width40 { width: 39.999%; }
.width33 { width: 33.333%; }
.width25 { width: 24.999%; }
.width20 { width: 19.999%; }

/* Header */

#header-wrapper {
  height: 100px;
}

#site-logo, #site-name {
  float: left;
  padding-top: 15px;
  width: 324px;
  height: 70px;
  background: url(../images/logo-blue.png) no-repeat 0 15px;
}


#site-name a {
  font-size: 70px;
  line-height: 70px;
}

#site-slogan { /* For vertical centering, padding may require adjustment depending on length of slogan */
  float: left;
  padding: 38px 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #152634;
  width: 150px;
}

#top-banner {
  float: right;
  padding-top: 20px;
  width: 468px;
  height: 60px;
}

#top-banner p {
  padding: 0;
  margin: 0;
}

/* Footer and Footer Links */

#footer-links {
  height: 40px;
  background: #1d3546 url(../images/blue-style/search-user-bar.png) repeat-x top;
  text-align: center;
}

#footer-links h2 {
  display: none;
}

#footer-links ul {
  float: right;
}

#footer-links ul li {
  display: inline;
  float: left;
  padding: 0 10px;
}

#footer-links ul li a {
  color: #ffffff;
  line-height: 40px;
}

#footer-links ul li a:hover {
  color: #a7ff00;
}

#footer {
  background: #1a3245
}

/* User Login Boxes 

These styles control the user login box that appears below the primary menu.

*/

#user-bar-wrapper {
  height: 40px;
  background: #1d3546 url(../images/blue-style/search-user-bar.png) repeat-x top;
}

#user-bar {
  padding-top: 11px;
  color: #ffffff;
}

#user-bar a {
  color: #a6ff00;
}  

#user-bar label, #user-bar input {
  float: left;
  padding: 0 10px 0 10px;
}

#user-bar li {
  float: left;
  padding: 0 10px 0 12px;
  font-size: 1.0em;
  display: block;
  background: url(../images/blue-style/arrow-single-right-green.png) no-repeat left 50%;
}

#user-bar div.item-list ul {
  float: right;
  margin: 0; 
  padding: 0;
}

#user-bar .form-item {
  margin: 0;
}

#user-bar .form-submit {
  margin-top: -1px;
  margin-left: 10px;
  font-size: 0.9em;
  font-weight: bold;
  border: 1px outset;
  background: #999999 url(../images/blue-style/form-submit.png) repeat-x;
}

#user-bar .form-text {
  padding-left: 2px;
  border: 1px solid #000000;
  background: #ffffff url(../images/blue-style/form-text.png) repeat-x;
}

#user-bar span.form-required {
  display: none;
}

#user-bar p {
  float: left;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  font-size: 1.5em;
}

/* Search Box and Today's Date

These styles control the search box and the date appearing at the top of the page.

*/

#search-box {
  float: right;
  padding: 10px 0 0 0;
  text-align: right;
}

#search-box .form-text {
  padding-left: 2px;
  border: 1px solid #000000;
  background: #ffffff url(../images/blue-style/form-text.png) repeat-x;
}

#search-box .form-submit {
  font-size: 0.9em;
  font-weight: bold;
  height: 20px;
  border: 1px outset;
  background: #999999 url(../images/blue-style/form-submit.png) repeat-x;
}

#todays-date {
  float: left;
  padding: 10px 0 0 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
}

/* Sidebar Blocks 

For appearance, typography and spacing.  Widths of the sidebars must be changed in the Main Layout section above.

*/

.sidebar-left-block h3, .sidebar-right-block h3 {
  font-size: 1.2em;
  line-height: 25px;
  color: #2c3447;
  background: url(../images/blue-style/sidebar-block-h3.png) repeat-x;
} 

.sidebar-left-block, .sidebar-right-block {
  padding: 5px;
  margin: 5px;
}

.sidebar-block-inner {
  padding-top: 10px;
}

/* Feature Blocks */

#feature-blocks h2 {
  font-size: 1.2em;
  color: #f79d42;
}

#feature-blocks {
  background: #2a4a61 url(../images/blue-style/features-bg.png) repeat-x top;
  overflow: hidden;
}

.feature-blocks-inner {
  padding-left: 10px;
}

.feature {
  float: left;
}

.feature-inner {
  margin: 10px 10px 10px 0;
  height: 175px;
  padding: 10px;
  color: #ffffff;
  background: #29495f url(../images/blue-style/features-inner-bg.png) repeat-x bottom;
  overflow: hidden;
}

.feature-inner:hover {
  color: #2a302f;
  background: #a8ff00;
}

/* Bottom Columns and Bottom Sidebar */

#columns {
  background: #ffffff;
  overflow: hidden;
}

.column {
  float: left;
  padding-bottom: 30000px;
  margin-bottom: -29990px;
}

.column h2 {
  font-size: 1.2em;
  line-height: 25px;
  border-top: 1px dashed #b3c3bf;
  background: url(../images/blue-style/sidebar-block-h3.png) repeat-x;
}

.column-inner {
  margin-top: 10px;
  padding: 0 10px 10px 10px;
}

.divider {
   border-right: 1px dashed #b3c3bf;
}
  
#bottom-sidebar {
  float: left;
  width: 19.999%;
  color: #f6f6f6;
  background: #435b6e;
  padding-bottom: 30000px;
  margin-bottom: -29990px;
}

#bottom-sidebar h2 {
  font-size: 1.5em;
  line-height: 1.5em;
}

.bottom-sidebar-inner {
  padding: 10px;
}

/* Custom Blocks */

#custom-blocks {
  overflow: hidden;
}

.custom-block {
  float: left;
  padding-bottom: 30000px;
  margin-bottom: -29990px;
}

.odd {
  background: #e0eaf0;
}

.even {
  background: #d4e0e7;
}

.odd h2 {
  background: #9fb1bd;
}

.even h2 {
  background: #adbeca;
}

.custom-block h2 {
  padding: 0 10px;
  font-size: 1.2em;
  line-height: 25px;
}

.custom-block-inner {
}

.custom-block-inner .content {
  padding: 10px;
}

/* Primary Menu 

These styles control the dropdown menus that are included in Galapagos.

*/

#primary-links h2 {
  display:none;
}

#primary-links, #primary-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 25px;
  z-index: 10;
  background: #000000 url(../images/blue-style/primary-center.png) repeat-x;
}

#primary-links a {
  padding: 0 10px;
  display: block;
  font-weight: bold;
  color: #d0ebff;
}

#primary-links li a:hover, #primary-links li:hover a {
  padding: 0 9px;
  color: #ffffff;
  border-left: 1px solid #1d262d;
  border-right: 1px solid #1d262d;
  background: #000000 url(../images/blue-style/primary-center-hover.png) repeat-x;
}

#primary-links li:hover li a {
  padding: 0 10px;
  border: 0px;
  background: url();
}

#primary-links li {
  padding: 0;
  margin: 0;
  float: left;
  list-style: none;
}

#primary-links li:hover, #primary-links li.sfhover {
  position:static
}

#primary-links li ul {
  position: absolute;
  width: 200px;
  left: -999em;
  border-bottom: 1px solid #1d262d;
  border-left: 1px solid #1d262d;
  border-right: 1px solid #1d262d;
  background: #425462;
}

#primary-links li ul li{
  width: 200px;
}

#primary-links li ul li a {
  width: 180px;
}

#primary-links li ul li a:hover {
  color: #1f2f00;
  background: url(../images/blue-style/primary-center-hover-second.png) repeat-x;
}

#primary-links li:hover ul, #primary-links li.sfhover ul {
  left: auto;
}

#primary-links li ul ul {
  margin: -25px 0 0 200px;
  border-top: 1px solid #1d262d;
}

#primary-links li:hover ul ul, #primary-links li.sfhover ul ul, #primary-links li:hover ul ul ul, #primary-links li.sfhover ul ul ul, #primary-links li:hover ul ul ul ul, #primary-links li.sfhover ul ul ul ul {
  left: -999em;
}

#primary-links li li:hover ul, #primary-links li li.sfhover ul, #primary-links li li li:hover ul, #primary-links li li li.sfhover ul, #primary-links li li li li:hover ul, #primary-links li li li li.sfhover ul {
  left:auto;
}

#primary-links ul li ul li.expanded {
  background: url(../images/blue-style/arrow-single-right-green.png) no-repeat right;
}

/* Side Menu 

These styles control the appearance of the Navagation menu and any menu appearing in a left or right sidebar.

*/

.sidebar-block-inner ul.menu, .sidebar-block-inner ul.menu li {
  position: relative; 
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  border: 1px solid #445a6a;
}

.sidebar-block-inner ul.menu li a {
  display: block;
  padding: 2px 5px;
  font-weight: bold;
  height: 20px;
  background: #8bb3d0;
}

.sidebar-block-inner ul.menu li a:hover {
  color: #a7ff00;
  font-weight: bold;
  background: #2c3447;
  text-decoration:none;
}

.sidebar-block-inner ul.menu ul, .sidebar-block-inner ul.menu ul li {
  border: 0px;
}

.sidebar-block-inner ul.menu li ul li a {
  color: #d0ebff;
  font-weight: normal;
  background: #445a6a;
}

.sidebar-block-inner ul.menu li ul li a:hover {
  padding-left: 10px;
  background: #445a6a;
}

.sidebar-block-inner ul.menu li ul li a.active {
  font-weight: bold;
  color: #a7ff00;
}


.sidebar-block-inner ul.menu li ul li ul {
  padding-left: 20px;
  background: #445a6a;
}

/* Basic Node Styles */

.node {
  padding-bottom: 10px;
  border-bottom: 1px dashed #999999;
}

.title, .node-title {
  margin-bottom: 10px;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.5em;
}

.submitted {
  margin-bottom: 10px;
  font-size: 0.8em;
}

/* Comments */

#comments {
  clear: both;
}

.comment {
  padding: 10px;
  margin: 10px 0;
  background: #e4e4e4 url(../images/blue-style/article-image-bg.png) repeat-x bottom;
}

/* CCK & Content Template 

Special CCK theming, dependant upon DrupalShark.com's Easy Installer setup.  References the custom content typec "Article" and classes created by the Contemplate module.

*/

.subtitle {
  margin-bottom: 20px;
  font-weight: bold;
}

.article-image {
  float: left;
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #777777;
  background: #e4e4e4 url(../images/blue-style/article-image-bg.png) repeat-x bottom;
  width: 300px;
}

.lead-image {
  padding: 0;
  margin: 0;
}

.lead-image-tsr img {
  border: 5px solid #2c3447;
}

.image-caption {
  font-weight: bold;
}

.author-bio {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #c4c4c4;
  background: #e4e4e4;
}

/* Feature Block View 

Special Views theming, dependant upon DrupalShark.com's Easy Installer setup and pre-made views.

*/

.feature .item-list ul {
  padding: 0;
}

.feature img {
  margin-right: 10px;
  float: left;
  border: 1px solid #ffffff;
}

.feature a {
  color: #ffffff;
}

.feature .view-data-node-title {
  padding-bottom: 10px;
  margin: 0;
}

.feature .view-data-node-title a {
  font-weight: bold;
  color: #d0ebff;
}

.feature .view-data-node-link a {
  padding: 0 12px 0 0;
  margin: 10px 0 0 0;
  background: url(../images/blue-style/arrow-single-right-green.png) 100% 50% no-repeat;
}

.feature-inner:hover .view-data-node-title a, .feature-inner:hover .view-data-node-link a {
  color: #2c3447;
}

.pager {
  padding-top: 10px;
}

/* Links, Lists & Icons */

.block ul {
  padding:0;
  margin: 0;
}

.links {
  padding: 0;
  margin: 0;
}

ul.links li {
  padding: 0 20px 0 0px;
  margin: 0;
}

.item-list ul {
  padding-bottom: 10px;
}

.item-list ul, .item-list ul li {
  position: relative; 
  margin: 0;
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}

.item-list h3 {
  padding-top: 10px;
  font-size: 1.0em;
  color: #d5d5d5;
  background: transparent;
}

.sidebar-block-inner .item-list ul li {
  padding: 2px 0;
  border-bottom: 1px solid #a9b5bc;
}

.feed-icon img {
  padding: 10px 0;
}

.more-link a {
  padding-right: 10px;
  background: url(../images/blue-style/arrow-double-right-green.png) no-repeat right;
}

.more-link a:hover {
  text-decoration: none;
}

a.comment_add {
  padding-left: 22px;
  background: url(../images/blue-style/mini-comment.png) no-repeat left;
}

a.node_read_more {
  padding-left: 12px;
  background: url(../images/blue-style/arrow-double-right-green.png) no-repeat left;
}

a.comment_add:hover, a.node_read_more:hover {
  color: #fec00a;
}

.breadcrumb {
  padding-bottom: 10px;
  font-size: 0.9em;
}

/* Forms */

#search-block-form {
  text-align: left;
}

#search-block-form .form-text {
  border: 1px inset;
}

#search-block-form .form-submit {
  border: 1px outset;
  height: 20px;
  font-size: 0.9em;
}

.form-submit {
  font-size: 0.9em;
  font-weight: bold;
  height: 20px;
  background: #999999 url(../images/blue-style/form-submit.png) repeat-x;
}

/* Polls */

.poll .title {
  font-size: 1.2em;
}

.poll .bar {
  border: 1px solid #000000;
  background: #999999 url(../images/blue-style/form-text.png) repeat-x;
}

.poll .foreground {
  background: #999999 url(../images/blue-style/primary-center-hover-second.png) repeat-x;
}

.poll .title {
  padding-bottom: 10px;
  font-weight: bold;
}

/* Aggregator */
  
.feed-source {
  padding-bottom: 10px;
  font-size: 10px;
}

/* Admin */

table {
  width: 100%;
}

form#system-themes {
  overflow: scroll;
}

form#block-admin-display {
  overflow: scroll;
}

div.admin .left, div.admin .right  {
  padding: 0;
  margin: 0;
  float: left;
  width: 49%;
}

/* User Typography */

/* Typography - Custom styles for use in content creation. */

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 2em;
  line-height: 1.5em;
}

h2 {
  font-size: 1.5em;
  line-height: 1.5em;
}

h3 {
  font-size: 1.25em;
  line-height: 1.5em;
}

h4 {
  font-size: 1.0em;
  line-height: 1.5em;
  font-weight: bold;
}

h5 {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.5em;
  color: #E50000;
}

p.alert {
  margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #523A00;
  border-top: 3px solid #FEC201;
  border-bottom: 3px solid #FEC201;
  background: #FFEDB5 url(../images/alert.png) 15px 50% no-repeat;
}

p.info {
  margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #001045;
  border-top: 3px solid #0023A1;
  border-bottom: 3px solid #0023A1;
  background: #BACAFF url(../images/info.png) 15px 50% no-repeat;
}

p.notice {
   margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #363636;
  border-top: 3px solid #5C5C5C;
  border-bottom: 3px solid #5C5C5C;
  background: #D9D9D9 url(../images/modify.png) 15px 50% no-repeat;
}

p.download {
  margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #26420E;
  border-top: 3px solid #5EAA1F;
  border-bottom: 3px solid #5EAA1F;
  background: #DAFFBA url(../images/download.png) 15px 50% no-repeat;
}

blockquote {
  margin: 20px;
  padding-left: 45px;
  background: url(../images/openquote.png) top left no-repeat;
} 

blockquote p {
  padding-right: 35px;
  background: url(../images/closequote.png) bottom right no-repeat;
} 

pre {
  padding: 10px;
  margin: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  border: 1px outset #333333;
  background: #ededed;
}