/*----------------------------------------------------------------------------
Style Sheet for colors

Template Name:   JJ Flex
Version:         1.0
Author:          JoomlaJunkie
Support:         http://forum.joomlajunkie.com
Template Guide:  http://guides.joomlajunkie.com

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $2 for Sidebar menu
----------------------------------------------------------------------------*/

/*---------IMPORTANT----------
!!!IF YOU ARE LOOKING FOR AN ELEMENT THAT 
HAS A SPECIFIC COLOR THEN LOOK HERE AS ALL COLOR ELEMENTS
ARE SEPERATED!!------------*/

#navbar .inputbox {
background-image:url(../images/search-bg.jpg);
}

div#top h2 {
background: url(../images/branding.jpg) no-repeat;
}

div#top-seperator {
background: url(../images/top-seperator.jpg) repeat-x;
}

div#bottom-seperator {
background: url(../images/bottom-seperator.jpg) repeat-x;
}

.button {
/* button style for Joomla component, form and module buttons
specifically in the  sidebar*/
border: 1px solid #52c9f5;
background: #52c9f5;
color: #fff;
margin: 8px 0;
font-size: 100%;
}

.inputbox:hover {
border:1px solid #52c9f5;
}

.inputbox:focus {
border:1px solid #52c9f5;
}

.readon {
background:url(../images/read_more.png) no-repeat;
}

/*MODULE STYLING*/
.moduletable h3 {
color: #4FBDFF;
border-bottom: 1px solid #4FBDFF;
}

div#contentsidebar .moduletable h3 {
color: #4FBDFF;
border-bottom: 1px solid #4FBDFF;
}

/*LEFT MENU STYLING*/
ul#mainlevel li a:hover,
ul#mainlevel a#active_menu {
background: #52C9F5 url(../images/left-menu-bullet.gif) no-repeat 3px;
color: #fff;
}

/*SUCKERFISH MENU STYLING*/
/* 2nd Menu Hover Persistence */
ul#mainmenu-nav li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover a,
ul#mainmenu-nav li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover a {
  background: #52C9F5;
}
ul#mainmenu-nav li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover a.hassubchild {
background: #52C9F5 url(../images/hassubchild.gif) no-repeat right center;
}

/* 3rd Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a {
  background: #52C9F5;
}
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li.hassubchild:hover a,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.hassubchild.iehover a {
background: #52C9F5 url(../images/hassubchild.gif) no-repeat right center;
}

/* 4th Menu Hover */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover {
  background: #52C9F5;
}

#mainmenu-nav #active_menu-nav {
background: #52C9F5;
border-bottom: 1px solid #52C9F5;
}

#mainmenu-nav li a#active_menu-nav {
background:#52C9F5;
}
#mainmenu-nav li a#active_menu-nav.haschild {
background:#52C9F5 url(../images/haschild-active.gif) no-repeat bottom center;
}

/*HTML Elements colors from customize.css*/
h1, h2, h4, h6  {
color:#4FBDFF;
}

a:link,a:visited {
color:#4FBDFF;
}
td.contentheading {
/* Used as the Title of the content, article, etc. being displayed,
it is also used for Section's heading*/
color:#4FBDFF;
}
.sectiontableheader{
background:#E3F5FB;
}
.createdate {
/* styling the date the content was created on*/
background: url(../images/date-blue.gif) no-repeat 4px 0px;
height: 16px;

}