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

	Template:	JB Ascent

	Version:	Joomla 1.5 / Joomla 2.5

	Zen Grid:	v2.0

	Copyright:	Joomlabamboo

	Created:	September 2012

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







/* Black Overlay Styling

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

#navwrap.sticky,

#nav li ul

{  background: url(../images/overlay/blackOverlay.png) }





/* Selectors that use the sprite

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

a#zenpanelclose2,

a .readon,

a.jbReadon span span,

#zenkit .readMore a span,

#togglemenu ul li.active > a,

#zenkit ul.flex-direction-nav li a,

#zenkit .groupPrimary.accordion h2,

.moduletable-panelmenu span span,

.moduletable-slide h3 span span 

{  background: url(../images/sprite.png) no-repeat left -858px }





#zenkit .groupPrimary.accordion h2 a {

	background: #fafafa;display: block;

}



a .readon,

a.jbReadon span span,

#zenkit .readMore a

{ 

  background-repeat: no-repeat !important;

  background-position: 5px -792px !important;

  color: #fff;

}



#zenkit a .readon,

#zenkit a.jbReadon span,

#zenkit .readMore a {

	 background-position: 0px -790px !important;

}



.zenmore a span {background-position: 2px -786px !important;}





#zenkit .groupPrimary.accordion h2,

.moduletable-panelmenu span span,

.moduletable-slide h3 span span 

 {

	background-position: -122px -790px;

}

#zenkit .groupPrimary.accordion h2.open,

.moduletable-panelmenu span.open span,

.moduletable-slide h3.open span span   {

	background-position: -122px -820px !important;

}





/* Zenkit Slideshow

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

#zenkit ul.flex-direction-nav {

	width: 60px;

}

#zenkit ul.flex-direction-nav li a {

	background-position: 3px -789px !important;width: 26px !important;

}



#zenkit ul.flex-direction-nav li a.prev {

	background-position: 1px -818px !important

}





/* Common Image. We often use a simple image to separate the main elements in the theme.

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

#tabwrap .container,

#grid1wrap .container,

#grid2wrap .container,

#grid3wrap .container,

#grid4wrap .container,

#grid5wrap .container,

#grid6wrap .container,

#bottomwrap .container,

#mainwrap .container,

.blog_more,

ul.pagination,

.divider,

.catItemView,

.zenblock,

#k2Links,

ol.list li,

.results ol li,

.contentheading,

#breadcrumb,

ul.jbtabs,

.zentools.grid li,

#midCol h3,

.sidebar h3,

.moduletable.inset .jbmoduleBody,

.zentools.list li

{  background: #fafafa url(../images/divider.png) repeat-x left bottom;

  padding: 30px 0 30px;

  border: 0 !important;

}





/* Need to reset padding, background positioning and margins on some items after that rule

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

.sidebar .moduletable-slide h3

{  padding-bottom: 20px }



#grid1wrap .container,

#grid2wrap .container,

#grid3wrap .container,

#grid4wrap .container,

#grid5wrap .container,

#grid6wrap .container,

#mainwrap .container,

#bottomwrap .container

{  background-position: left top }



#grid1wrap .container,

#mainwrap .container  {background-image:none}



.catItemView

{  padding: 0 }



.moduletable-success h3,

.moduletable-warning h3,

.moduletable-notice h3,

.moduletable.primary1 h3,

.moduletable.primary2 h3,

.moduletable.secondary1 h3,

.moduletable.secondary2 h3

{  background: transparent;

  padding: 0;

}



.contentheading,

ul.jbtabs,

#navwrap

{  padding: 0 0 10px 0 }



#breadcrumb

{  padding: 10px 0 }





.zentools.grid li

{  padding: 0;

  margin-bottom: 30px;

}



#mainwrap .zentools .container

{  background: #000 }







/* Inset Module styling

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

.moduletable.inset .jbmoduleBody

{  background-color: #fff;

  padding: 20px 8%;

}



.moduletable.inset .moduleTitle h3

{  margin: 0 !important;

  padding: 0 0 20px;

}





/* Border module styling

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

.moduletable.border,

.moduletable-border

{  border: 1px solid #eee;

  padding: 10px 8%;

}



.moduletable.border h3

{  background-color: transparent }







/* H3 Styling

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

/* Need to reset padding on h3 again */

#midCol h3

{  padding: 0 0 15px }







/* Toggle Menu colour

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

#togglemenu

{  background: #282828;

  border-top: 1px solid #333;

  border-bottom: 1px solid #121212;

}





/* First Colour

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

a,

#nav ul li a:hover,

#nav ul li.active a:hover,

#nav ul li.active li.active a,

#nav ul li.active li.active span.mainlevel span,

#nav ul li.active li.active a:hover,

#nav ul li.active li.active li.active a,

#nav ul li.active li.active li.active a:hover,

#nav ul li.active li.active li.active li.active a,

#nav ul li.active li.active li.active span.mainlevel span

#nav ul li.active li.active li.active li.active span.mainlevel span,

.sidebar ul li a:hover,

.sidebar li#current a,

#togglemenu span.mainlevel span,

#togglemenu span.separator

{  color: #784E3D }

.sidebar ul li a:hover{color:#666;}







/* Styling for open panel trigger - Border uses +2 of primary colour

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

#zenpaneltrigger a

{  border-bottom: 1px solid #8c685a;

border-left: 1px solid #8c685a}







/* Styles that receive primary colour for BG

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

#right .moduletable.highlight h3,

#zenpaneltrigger a,

.zenmore a,

a.jbReadon,

#zenkit .readMore a

{  background: #784E3D url(../images/modules/highlightPattern.png) !important;

  color: #fff;

}



.jTweet.bubble .tweet_text {background: url(../images/dividersingle.png);}



#right .moduletable.highlight  h3 {

  border-top: 1px solid #bca79f;

}



input.button,

button.validate,

.zenbutton,

.moduletable.primary1,

.inset.primary1 .jbmoduleBody,

#zenkit ul.zentabs li a,

ul#filters a,

button.button,

ul.jbtabs li.active,

.jTweetfollowtext a,

#zenkit ul.flex-direction-nav li a,

#zenkit .groupPrimary.accordion h2,

#zenkit .readMore a,

.moduletable-panelmenu span span,

.moduletable-slide h3 span span 

{  color: #fff;

  background-color:	#784E3D !important;

  border: none;

  -moz-box-shadow: 0 2px 0 0 #5a3b2e;

  -webkit-box-shadow: 0 2px 0 0 #5a3b2e;

  box-shadow: 0 2px 0 0 #5a3b2e;

}



.moduletable.primary1 {

	border-bottom: 2px solid #5a3b2e;

}



ul.jbtabs li.active {

	 border: 1px solid #784E3D !important 

}





#nav ul li.active a,

#nav ul li.active span.separator,

#nav ul li.active span.mainlevel span

{  border-bottom: 4px solid #784E3D}





/* Reset bottom border on sublevel items */

#nav ul li.active li a

{  	border-bottom: 0;

	padding: 0;

}





/* Primary2 Colour - -2 of Primary colour

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

.moduletable.primary2,

.inset.secondary1 .jbmoduleBody,

.jTweetfollowtext a:hover {

	-moz-box-shadow: 0 4px 0 0 #5a3b2e;

  -webkit-box-shadow: 0 4px 0 0 #5a3b2e;

  box-shadow: 0 4px 0 0 #5a3b2e;

	background-color: #784E3D;

	color: #fff;

}



/* Secondary Colour - Box shadow -2 of Secondary colour

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

a:hover,

#socialicons i:hover,

#footer a:hover,

#topwrap a:hover

{  color: #AB8574}





input.button:hover,

button.validate:hover,

a#zenpanelopen:hover,

.zenbutton:hover,

.moduletable.secondary1,

.inset.secondary1 .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,

ul.jbtabs li:hover,

ul.jbtabs li.active:hover,

#banner .flexslider .flex-pauseplay span.pause:hover,

#banner ul.flex-direction-nav li a:hover,

#banner .flex-pauseplay span.play:hover,

#zenkit ul.flex-direction-nav li a:hover,

#zenkit .readMore a:hover,

#zenkit .groupPrimary.accordion h2:hover,

.moduletable-panelmenu span span:hover,

.moduletable-slide h3 span span:hover

{  background-color: #AB8574 !important;

  -moz-box-shadow: 0 4px 0 0 #806457;

  -webkit-box-shadow: 0 4px 0 0 #806457;

  box-shadow: 0 4px 0 0 #806457;

  color: #fff;

}



#zenpaneltrigger a:hover {

	border-color: #AB8574;

}



ul.jbtabs li:hover

{  border: 1px solid #AB8574 !important }





a .readon:hover,

.zenmore a:hover,

a.jbReadon:hover,

#zenkit .readMore a:hover

{  background-color: #AB8574 !important;

  -moz-box-shadow: 0 2px 0 0 #806457;

  -webkit-box-shadow: 0 2px 0 0 #806457;

  box-shadow: 0 2px 0 0 #806457;

}





#banner a .readon:hover,

#banner .zenmore a:hover,

#banner a.jbReadon:hover {

background-color: #AB8574 !important;

}



#banner a .readon:hover,

#banner .zenmore a:hover,

#banner a.jbReadon:hover {

	  -moz-box-shadow: none;

	  -webkit-box-shadow: none;

	  box-shadow: none;

}





/* Secondary2 Colour - -2 of Secondary colour

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

.moduletable.secondary2,

.inset.secondary1 .jbmoduleBody {

	background-color: #806457;

	color: #fff;

	-moz-box-shadow: 0 4px 0 0 #2b211d;

  -webkit-box-shadow: 0 4px 0 0 #2b211d;

  box-shadow: 0 4px 0 0 #2b211d;



}





/* 3rd Colour - Complementary colour for below banner

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

#banner

{  border-bottom: 4px solid #3D2216 }



#bottomrow .row {border-top:4px solid #3D2216}





/* 4th Colour - Neutral

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

#gradient > .container

{  border-top: 4px solid #e1e1e1 !important }







/* Active state for sidebar items, Metadetails for content and slideshow

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

.sidebar ul li a,

.sidebar li#current li a,

.slidecount,

.results li p,

#breadcrumb

{  color: #999
color:#1F1A16;
font-weight:600;}









/* Neutral colour for some links, menus and spans 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,

#togglemenu a:hover,

#banner,

#banner h3,

#topwrap,

#topwrap h3,

#footer,

#footer h3,

ul.jbtabs li.active a,

ul.jbtabs li a:hover,

ul.jbtabs li:hover a,

#logo a,

#tagline span,

#footer a

{  color: #fff }







/* Hover specific to accordion menu

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



.moduletable-panelmenu span.mainlevel:hover

{  background-color: #f9f9f9 }



#togglemenu .moduletable-panelmenu span.mainlevel:hover

{  background-color: transparent }







/* Primary, secondary module classes

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

.moduletable.primary1,

.moduletable.primary2,

.moduletable.secondary1,

.moduletable.secondary2

{  background-image: url(../images/modules/highlightPattern.png) !important }







/* Reset on primary and secondary rules

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



.inset.primary1,

.inset.secondary1,

.inset.secondary2,

.inset.primary2

{  background: none !important }



.inset.primary1 h3,

.inset.secondary1 h3,

.inset.secondary2 h3,

.inset.primary2 h3

{  color: #333 }



.inset.primary1 .jbmoduleBody,

.inset.primary2 .jbmoduleBody,

.inset.secondary1 .jbmoduleBody,

.inset.secondary2 .jbmoduleBody

{  border: 0 }



/* Image for Parent Items

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



#nav a.sf-with-ul,

#nav a.sf-with-ul:hover,

#nav li.active a.sf-with-ul,

#nav ul li a.mainlevel.sf-with-ul,

#nav ul li span.separator,

#nav ul.sf-js-enabled li span.mainlevel span,

#nav li.parent li.parent span.separator,

#nav ul span.separator,

.moduletable-superfish ul span.separator,

.moduletable-superfish a.sf-with-ul,

.moduletable-superfish a.sf-with-ul:hover,

.moduletable-superfish li.parent span.separator,

.moduletable-superfish li.parent li.parent span.separator

{  background: url(../images/menu/parent.png) no-repeat 90% center;

  padding-left: 10px;

}



#nav li li a.sf-with-ul,

#nav li li a.sf-with-ul:hover,

#nav ul li li a.mainlevel.sf-with-ul,

#nav ul li li span.separator,

#nav ul.sf-js-enabled li li span.mainlevel span,

#nav li.parent li.parent span.separator,

.moduletable-superfish ul li li span.separator,

.moduletable-superfish li li a.sf-with-ul,

.moduletable-superfish li li a.sf-with-ul:hover,

.moduletable-superfish li.parent li.parent span.separator

{  background-position: 90% center }



#togglemenu ul li.active > a

{  background-position: left -895px;

  padding-left: 15px;

}



#togglemenu ul li li.active > a

{  background-position: 16px -895px;

  padding-left: 15px;

}





#togglemenu ul li.active > a

{  color: #fff }



.sidebar ul li li

{  background: url(../images/arrow.png) no-repeat 10px 8px }



.sidebar ul li li li

{  background: url(../images/arrow.png) no-repeat 28px 8px }