/*----------------------------------------------------------------------------

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_f2.jpg) no-repeat;

}



#navbar .inputbox {

color: #F4831C;

}





div#navbar {

background:url(../images/navbar-bg_f2.jpg) repeat-x;

}



div#footer{

background: url(../images/footer-bg_f2.jpg) repeat-x;

}



.button {

/* button style for Joomla component, form and module buttons

specifically in the  sidebar*/

border: 1px solid #F4831C;

background: #F4831C;

color: #fff;

margin: 8px 0;

padding: 1px 15px;

font-size: 100%;

}



.inputbox:hover {

border:1px solid #F4831C;

}



.inputbox:focus {

border:1px solid #F4831C;

}



/*MODULE STYLING*/

#main .moduletable h3 {

color: #F4831C;

border-bottom: 1px solid #c4bb97;

}



/*LEFT MENU STYLING*/

ul#mainlevel li a:hover {

background: #F4831C 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_f2.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_f2.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: #F4831C;

}



/* $ - 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_orange.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: #F4831C 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_f2.jpg) repeat bottom center;

}



#mainmenu-nav #active_menu-nav {

background: transparent url(../images/menu-active-bg_f2.jpg) repeat bottom center;

}



#mainmenu-nav li * a#active_menu-nav {

background:#F4831C;

}

#mainmenu-nav li li * a#active_menu-nav {

background: #F4831C;

}



#mainmenu-nav li a#active_menu-nav.hassubchild {

	background: #F4831C 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:#F4831C;

}



a:link,a:visited {

color:#F4831C;

}

td.contentheading {

/* Used as the Title of the content, article, etc. being displayed,

it is also used for Section's heading*/

color:#F4831C;

}

.sectiontableheader{

background:#FDF1E6;

}