/*
 * Style sheet for Drupal 7 Atmos theme integration with the color module
 *
 * NOTE: I intentionaly did not use hash mark with the RGB values within
 * the notes because that will cause the color module to send error messages.
 * 
 * Important to know that the color module will generate a new css file
 * locate at sites/default/files/color/theme_name-randomhash
 * The color module looks for the color values of css classes (hexadecimal values)
 * in this style sheet and compares them to the default color values set in the 
 * color.inc file - $info[schemes][default][colors] values
 * 
 * Example: if $info[schemes][default][colors][top] us set to RGB af2220, any css class defined
 * below with a color, be it background, background-color, color, etc, set to  RGB af2220 
 * will be replaced with the new "top", or "Header top" field, color set by the user
 * using the color admin page.
 * 
 * To avoid unwanted color changes, you can slightly modify the hexadecimal value
 * of colors, for example use fffeff rather than ffffff
 */

/* ---------- Color Module Styles ----------- */

body,
body.overlay {
  color: #333333;
}
h2,
h2 a{
  color: #003366;
}
.comment .comment-arrow {
  border-color: #ffffff;
}
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
  background-color: #ffffff;
}
#header .block-menu li {
  background: none !important;
  border-right: 2px solid #24487d;
}
.tabs ul.primary li a.active {
  background-color: #ffffff;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#header {
  background-color: #24487d;
  background-image: -moz-linear-gradient(top, #24487d 0%, #24487d 100%);
  background-image: -ms-linear-gradient(top, #24487d 0%, #24487d 100%);
  background-image: -o-linear-gradient(top, #24487d 0%, #24487d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #24487d), color-stop(1, #24487d));
  background-image: -webkit-linear-gradient(top, #24487d 0%, #24487d 100%);
  background-image: linear-gradient(top, #24487d 0%, #24487d 100%);
}
#header-sub-nav {
  background-color: #003366;
}
.title {
  color: #003366;
}
#titlebar {
  border-bottom-color: #003366;
}
#center-wrapper .sidebar .block {
  background-color: #24487d;
  color:#eeeeee;
}
#center-wrapper .sidebar .block.darkblock {
  color:#ffffff;
}
.lightblock {
  background-color: #24487d;
}
#center-wrapper .sidebar .block.lightblock {
  background-color: #24487d;
}
.mediumblock {
  background-color: #003366;
}
#center-wrapper .sidebar .block.mediumblock {
  background-color: #003366;
}
.darkblock {
  background-color: #333333;
}
#center-wrapper .sidebar .block.darkblock {
  background-color: #333333;
}
a {
  color: #d75900;
}
a:hover,
a:focus {
  color: #d75900;
}
a:active {
  color: #d75900;
}
#center-wrapper,
#squeeze {
  background-color: #ffffff;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: #fffeff;
}
#header .block-menu li a.active-trail {
  color: #ff9900;
}
#center-wrapper .region-content h2 {
  color:#003366;
}
.atmos_imgcaption,
.ucar_imgcaption {
  border-bottom: 2px solid #24487d;
  border-top: 2px solid #24487d;
}
.triptych_two,
.triptych_three {
  color:#eeeeee;
}
.triptych_two h2 {
  border-bottom: 2px solid #003366;
}
.triptych_three h2 {
  border-bottom: 2px solid #24487d;
}
#triptych-columns .triptych_three a,
#triptych-columns a,
.sidebar li a {
  color:#ff9900;
}
.contact-name {
  color:#ff9900;
}
.sidebar li {
  border-top: 1px solid #ff9900;
}
.footernav {
  color: #666666;
  background-color: #e3e4e6;
}
.footernav #orgFooter a,
.footernav a {
  color: #d75911;
}
.atmos-landing-block .views-field-field-image,
.atmos-landing-block .views-field-field-image-fid,
.atmos-landing-block .views-field-field-thumbnail-fid {
  background-color: #24487d;
}
.atmos-landing-block .view-footer a {
    color: #d75900;
}
.views-field-title a {
    color: #d75900;
}