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

Template Name:   JJ Mismo
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!!------------*/

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

#navbar .inputbox {
color: #da4004;
}


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

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

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

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

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

/*MODULE STYLING*/
#main .moduletable h3 {
color: #D8410F;
border-bottom: 1px solid #c4bb97;
}

/*LEFT MENU STYLING*/
ul#mainlevel li a:hover {
background: #da4004 url(../images/left-menu-bullet.gif) no-repeat 7px 6px;
color: #fff;
}

/*SUCKERFISH MENU STYLING*/
ul#mainmenu-nav a.haschild {
background: transparent url(../images/menu-bg-haschild.jpg) no-repeat 50% 108%;
}

/* $ - Top level menu items in their hover state
----------------------------------------------------------------------------*/
ul#mainmenu-nav a.haschild:hover,
ul#mainmenu-nav li:hover a.haschild,
ul#mainmenu-nav li.iehover a.haschild {
background: transparent url(../images/menu-bg-haschild-hover.jpg) repeat bottom center;
}

/* $ - Hover state on all levels with NO Child Elements
----------------------------------------------------------------------------*/
/* 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
/* 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,
/* 4th Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a {
  background: #da4004;
}

/* $ - Normal state on all levels with Child Elements
----------------------------------------------------------------------------*/
/* 2nd Menu Normal State - With Child Elements */
ul#mainmenu-nav li:hover li a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild,
/* 3rd Menu Normal State - With Child Elements */
ul#mainmenu-nav li:hover li:hover li a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild,
/* 4th Menu Normal State - With Child Elements */
ul#mainmenu-nav li:hover li:hover li:hover li a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a.hassubchild {
	background: #fff url(../images/hassubchild_red.gif) no-repeat right center;
}

/* $ - Hover state on all levels with Child Elements
----------------------------------------------------------------------------*/
/* 2nd Menu Hover Persistence - With Child Elements */
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,
/* 3rd Menu Hover Persistence - With Child Elements */
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a.hassubchild{

	background: #da4004 url(../images/hassubchild.gif) no-repeat right center;
}

/* $ - Active state on all levels with Child Elements
----------------------------------------------------------------------------*/
#mainmenu-nav #active_menu-nav.haschild {
	color:#fff;
background: transparent url(../images/menubg-haschild-active.jpg) repeat bottom center;
}

#mainmenu-nav #active_menu-nav {
background: transparent url(../images/menu-active-bg.jpg) repeat bottom center;
}

#mainmenu-nav li * a#active_menu-nav {
background:#da4004;
}
#mainmenu-nav li li * a#active_menu-nav {
background: #da4004;
}

#mainmenu-nav li a#active_menu-nav.hassubchild {
	background: #da4004 url(http://www.joomlajunkie.com/commercial/flex/templates/madeyourweb/images/hassubchild.gif) no-repeat right center;
}
/*HTML Elements colors from customize.css*/
h1, h2, h4, h6  {
color:#da4004;
}

a:link,a:visited {
color:#da4004;
}
td.contentheading {
/* Used as the Title of the content, article, etc. being displayed,
it is also used for Section's heading*/
color:#da4004;
}
.sectiontableheader{
background:#E3F5FB;
}