/*------------------------------------------------------------------
	Template:	JB EcoSpirit
	Version:	Joomla 1.5 / Joomla 2.5
	Zen Grid:	v2.0
	Copyright:	Joomlabamboo
	Created:	November 2012
------------------------------------------------------------------*/


/* Brown Footer Image
-----------------------------------------------------------------------------*/
body,
#footerwrap
{  color: #656565;
  background: url(../images/bg/pattern-footer.jpg);
}


#navwrap,
#breadcrumb,
#grid6wrap
{  background-color: #FAF8F2 }


#banner .slidenavdiscs ul li
{  background: #fff !important;
 }


#zenpaneltrigger i,
#logo a,
#tagline span {color: #fff}



/* Main background colour for content areas - If using Grunge preset the image is included via includes/templateVariables.php file.
-----------------------------------------------------------------------------*/
.fullwrap
{  background: #fafafa}



/* Primary Colour
-----------------------------------------------------------------------------*/

/* Background colour */
#nav li ul
{  background: #A27D56  }


#nav ul li li
{  
  border-bottom: 1px dotted #8a6a49 ;
  border-top: 1px dotted #b0906f ;

}


#zenpaneltrigger a {
	background: #416b7a ;
}

/* Colour */
a,
#bottom a,
#bottom a:hover
{  color: #A27D56 }



#navwrap {border:0 !important}

button,input.button {
	border: 0 !important ;
}

#mainwrap .moduletable .moduleTitle h3 {
	color: #666;text-shadow: 1px 1px 0 #fafafa;
}

/* Second Colour
-----------------------------------------------------------------------------*/
a:hover,
#zenkit a.jbReadon:hover,
#footer a:hover,
#togglemenu li.active > a,
#togglemenu li.active > a i,
#togglemenu a:hover,
#togglemenu span:hover,
#togglemenu li.active a:hover,
#togglemenu a:hover i,
.sidebar ul li a:hover,
.sidebar li.active > a,
i.jbtype
{  color: #568EA2 }


.jTweet.bubble .tweet_text:after
{  border: 0 !important  }




/* Third Colour - -2 from second
-----------------------------------------------------------------------------*/
#banner .slidenavdiscs ul li.active,
#banner .slidenavdiscs ul li.flex-active

{  
  color: #fff;
  background: #416b7a !important;
}




/* Common Image. We often use a simple image to separate the main elements in the theme.
-----------------------------------------------------------------------------*/
#grid6wrap,
#bottomborder
{  padding-bottom: 0;
  border-bottom: 0;
  clear: both;
  background: #FAF8F2 url(../images/divider.png) repeat-x left 10px;
  padding-top: 30px;
}


/* Secondary / hover Colour
-----------------------------------------------------------------------------*/
input.button:hover,
button.validate:hover,
#zenpaneltrigger a i:hover,
#socialicons i:hover,
.moduletable.primary2,
.inset.primary2 .jbmoduleBody,
#zenkit ul.zentabs li a.active,
#zenkit ul.zentabs li.active a,
#zenkit ul.zentabs li a:hover,
ul#filters a.active,
ul#filters a:hover,
button.button:hover,
a.topicons:hover img
{  background:  #81abba  !important;
   color: #fff;
   -webkit-transition:background 0.2s linear; 
   -moz-transition:background 0.2s linear; 
   -o-transition:background 0.2s linear; 
   transition:background 0.2s linear; 
}


/* Neutral colour for menus etc
-----------------------------------------------------------------------------*/
#nav ul li a,
#nav ul li span.mainlevel span,
#nav ul li span.separator,
#nav ul li.active li a,
#nav ul li.active li.active li a,
#nav ul li.active li.active li.active li a
{  color: #faf8f2
}


#bannerwrap
{
  text-shadow: 0px 1px 0 #444;
}


/* White Resets
-----------------------------------------------------------------------------*/
#bannerwrap,
#banner,
#banner h3,
#footer,
#footerwrap a,
#footer h3,
#bottom a,
#bannerwrap a,
#navwrap.sticky a,
#navwrap.sticky span.mainlevel span,
#navwrap.sticky li.active a,
#navwrap.sticky #tagline span
{  color: #fff }


/* Primary1 Colour
-----------------------------------------------------------------------------*/

.moduletable.primary1,
.inset.primary1 .jbmoduleBody
{  background: #ba9e81;
  color: #fff;
  border: 0;
  border-bottom: 2px solid #7a5e41 !important;
}

/* Primary 2 Colour
-----------------------------------------------------------------------------*/

.moduletable.primary2,
.inset.primary2 .jbmoduleBody
{  background: #ba9e81 !important;
  color: #fff;
  border-bottom: 2px solid #7a5e41 !important;
}



/* Secondary1 Colour
-----------------------------------------------------------------------------*/

.moduletable.secondary1,
.inset.secondary1 .jbmoduleBody
{  background: #81abba !important;
  color: #fff;
  border: 0;
  border-bottom: 2px solid #416b7a !important;
}



/* Secondary 2 Colour
-----------------------------------------------------------------------------*/

.moduletable.secondary2,
.inset.secondary2 .jbmoduleBody
{  background: #416b7a !important;
  color: #fff;
  border-bottom: 2px solid #81abba !important;
}

/* Reset on primary and secondary rules
-----------------------------------------------------------------------------*/

.inset.primary1,
.inset.secondary1,
.inset.secondary2,
.inset.primary2,
.primary1 .moduleTitle,
.secondary1 .moduleTitle,
.secondary2 .moduleTitle,
.primary2 .moduleTitle
{  background: none !important;border:0 }

.inset.primary1 .jbmoduleBody,
.inset.primary2 .jbmoduleBody,
.inset.secondary1 .jbmoduleBody,
.inset.secondary2 .jbmoduleBody
{  border: 0 }