/**
 * @file
 * LOCAL STYLES AND CUSTOM COLOR SCHEMES
 *
 * This style sheet can be used to add your own CSS to the theme.
 * IMPORTANT - MAKE A BACKUP COPY OF THIS WHEN DOING THEME UPGRADES!!!
 *
 * CREATING A CUSTOM COLOR SCHEME:
 * This stylesheet also provides a template to help you create your
 * own custom color scheme.  To do so, on the theme configuration 
 * page (admin/appearance/settings/cti_flex), in the Color Scheme
 * section, select "Custom" from the dropdown.  Then refer to the section 
 * below, entitled "CUSTOM COLOR SCHEME STYLES".  Colors have been set
 * using text notation, to make it quick and easy to identify where the 
 * colors are applied.  Replace these colors with your own HTML color codes
 * to create your own color scheme.
 *
 */


/* ----------------------------------------------------------------------------------- */ 
/* ------------------------ CUSTOM COLOR SCHEME STYLES ------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* GENERAL
--------------------------------------- */

/* Text color */
body.custom {
  color: BLACK;
}

/* Link text color */
.custom a {
  color: BLUE;
}

/* HEADER REGION
---------------------------------------- */
/* Header background color */
.custom #header {
  background-color: BLACK;
}

/* Site name text color */
.custom #site-name,
.custom #site-name a {
  color: GREEN;
}

/* Site slogan text color */
.custom #site-slogan {
  color: ORANGE;
}

.custom ul#secondary-menu, 
.custom ul#secondary-menu li a {
  color: PURPLE;
}

/* MAIN NAVIGATION
----------------------------------------- */
/* Navigation bar background color */
.custom #main-wrapper {
  border-top: 40px solid SILVER;
}

/* Menu text color */
.custom #navigation .block-menu ul.menu a, 
.custom #navigation #main-menu a {
    color: WHITE;
}

/* Hover and active color */
.custom #navigation .block-menu ul.menu a.active, 
.custom #navigation #main-menu a.active, 
.custom #navigation .block-menu ul.menu a:hover, 
.custom #navigation #main-menu a:hover {
    color: RED;
}


/* FIRST SIDEBAR BLOCKS
----------------------------------------- */

/* Block body background color*/
.custom .region-sidebar-first .block {
  background-color: SILVER;
}

/* Block text color*/
.custom .region-sidebar-first .block {
  color: BLACK;
}

/* Block link color*/
.custom .region-sidebar-first .block a {
  color: BLUE;
}

/* Block header background color
 * If you don't want a background color, 
 * set this the same as the block body color
 */
.custom .region-sidebar-first h2.block-title {
  background-color: BLACK;
}

/* Block header text color */
.custom .region-sidebar-first h2.block-title,
.custom .region-sidebar-first h2.block-title a {
  color: WHITE;
}

/* SECOND SIDEBAR BLOCKS
----------------------------------------- */

/* Block body background color*/
.custom .region-sidebar-second .block {
  background-color: SILVER;
}

/* Block text color*/
.custom .region-sidebar-second .block {
  color: BLACK;
}

/* Block link color*/
.custom .region-sidebar-second .block a {
  color: BLUE;
}

/* Block header background color
 * If you don't want a background color, 
 * set this the same as the block body color
 */
.custom .region-sidebar-second h2.block-title {
  background-color: GREEN;
}

/* Block header text color */
.custom .region-sidebar-second h2.block-title,
.custom .region-sidebar-second h2.block-title a {
  color: WHITE;
}

/* HIGHLIGHTED REGION BLOCKS
----------------------------------------- */

/* Block body background color*/
.custom .region-highlighted .block {
  background-color: SILVER;
}

/* Block text color*/
.custom .region-highlighted .block {
  color: BLACK;
}

/* Block link color*/
.custom .region-highlighted .block a {
  color: BLUE;
}

/* Block header background color
 * If you don't want a background color, 
 * set this the same as the block body color
 */
.custom .region-highlighted h2.block-title {
  background-color: RED;
}

/* Block header text color */
.custom .region-highlighted h2.block-title,
.custom .region-highlighted h2.block-title a {
  color: WHITE;
}

/* CONTENT BOTTOM BLOCKS */

/* Block body background color*/
.custom .region-content-bottom .block {
  background-color: SILVER;
}

/* Block text color*/
.custom .region-content-bottom .block {
  color: BLACK;
}

/* Block link color*/
.custom .region-content-bottom .block a {
  color: BLUE;
}

/* Block header background color
 * If you don't want a background color, 
 * set this the same as the block body color
 */
.custom .region-content-bottom h2.block-title {
  background-color: PURPLE;
}

/* Block header text color */
.custom .region-content-bottom h2.block-title,
.custom .region-content-bottom h2.block-title a {
  color: WHITE;
}

/* Center block/
.region-highlighted .block .content { text-align:center; }

/* POSTSCRIPT TOP REGION 
----------------------------------------- */
/* Background color*/
.custom #postscript-top-wrapper {
  background-color: SILVER;
}

/* POSTSCRIPT TOP BLOCKS 
----------------------------------------- */
/* Block text color*/
.custom #postscript-top-wrapper .block {
  color: BLACK;
}

/* Block link color*/
.custom #postscript-top-wrapper .block a {
  color: BLUE;
}

/* Block header text color */
.custom #postscript-top-wrapper h2.block-title,
.custom #postscript-top-wrapper h2.block-title a {
  color: RED;
}

/* POSTSCRIPT BOTTOM REGION
----------------------------------------- */
/* Background color*/
.custom #postscript-bottom-wrapper {
  background-color: GRAY;
}

/* POSTSCRIPT BOTTOM BLOCKS 
----------------------------------------- */
/* Block text color*/
.custom #postscript-bottom-wrapper .block {
  color: WHITE;
}

/* Block link color*/
.custom #postscript-bottom-wrapper .block a {
  color: GREEN;
}

/* Block header text color */
.custom #postscript-bottom-wrapper h2.block-title,
.custom #postscript-bottom-wrapper h2.block-title a {
  color: ORANGE;
}


/* FOOTER
----------------------------------------- */
/* Background color */
.custom #footer {
  background-color: BLACK;
}

/* FOOTER BLOCKS 
----------------------------------------- */

/* Block Text color */
.custom #footer {
  color: WHITE;
}

/* Block link color */
.custom #footer a {
  color: BLUE;
}

/* Block header text color */
.custom #footer h2.block-title,
.custom #footer h2.block-title a {
  color: RED;
}
/*Small grey font style for home page listing of events*/
.smallgrey {
  color: GREY;
  }

/*centered image in Home Page Slideshow*/
.centered {
  text-align:center;
  }