/* @override
	http://bambootheme.com/showcase/standard/templates/jbstandardDev/css/theme.css
	http://localhost:8888/dev/standard/templates/jbstandard/css/theme.css
	http://localhost:8888/k2/standard/templates/jbstandard/css/theme.css
*/

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

/* Body and Outer Wrapper
-----------------------------------------------------------------------------*/

/* Elements that receive the border style */
#breadcrumb,
#jbSplitMenuLeft,
#jbSplitMenuRight,
#mainContent,
.moduletable-border,
.moduletable.border,
.moduletable.inset .jbmoduleBody,
.moduletable-panelmenu ul
{  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}


#gradient {
	float: left;width: 100%;
}


/* Top Row - For top1 to top4 positions
-----------------------------------------------------------------------------*/
#topwrap .row
{  margin-bottom: 0;
  padding-bottom: 10px;
}


#top4 ul
{  float: right }



/* Header and Logo Row - For when logo is in the header row and for header1 to header4 positions
-----------------------------------------------------------------------------*/
#headerwrap  .row
{  padding: 30px 0 20px }


#headerwrap h2
{  margin: 0 }


/* Logo Div and Tagline
-----------------------------------------------------------------------------*/
#logowrap .container
{  padding: 0 0 20px 0 }


/* Reset on Logo class */
#logo h1,
#logo h2,
#logo h3,
#logo h4,
#logo h5,
#logo h6,
#logo img,
#logo a
{  margin: 0;
  border: 0;
}

/* Tagline Class */
#tagline
{  font-style: italic;
  color: #999;
  position: relative;
}

#tagline span
{  display: block }



/* Nav row - for the menu position. See below for superfish styling
-----------------------------------------------------------------------------*/
#navwrap { 
	float: left;width: 100%;margin-bottom: 0
}

/* Sticky Nav Style */
#navwrap.sticky
{  border-bottom: 1px solid #333;
  padding: 0px 0 15px;
  margin-top: -30px;
  z-index: 10;
}


#navwrap .row
{  overflow: visible;
  margin-bottom: 30px;
}

#navwrap .container
{  padding: 10px 0 }


#nav.right {
	float: right;margin: 0; 
}

#nav ul {
	margin-top: -5px !important
}


/* Fix for top menu in ie7 */
.ie7 #nav ul {
margin-top: 30px;
margin-bottom: 0;
}

.ie7 #navwrap .row {
	margin-bottom: 0;
}

/* Top level menu items */
#nav ul li a,
#nav ul li span.mainlevel span,
#nav ul li span.separator
{  padding: 0;
  margin-right: 40px;
  font-size: 1.2em;
}

#nav ul li:last-child a {
	margin: 0;
}


/* Adjustment on top level separator */
#nav ul li span.separator,
#nav ul li span.mainlevel span
{  padding-right: 0 !important }

#nav ul li.active span.separator,
#nav ul li.active span.mainlevel span 
{
	padding-right: 10px !important;
}


/* Makes sub level items smaller */
#nav ul li li a,
#nav ul li li span.separator,
#nav ul li li span.mainlevel span
{  font-size: 0.9em }


/* Sub level fropdown ul */
#nav ul ul
{  
margin-top: 13px;
  padding: 10px;
  margin-left: -20px;
}


/* Styling on sub level menu items */
#nav ul li li
{  border-bottom: 1px solid #222;
  padding: 8px 0;
}


/* Styling on subline menus */
#nav ul li em
{  font-size: 80%;
  line-height: 2;
}


/* Top offset for sub level menus */
#nav ul li:hover ul,
.moduletable-superfish ul li:hover ul,
#nav ul li.sfHover ul,
.moduletable-superfish ul li.sfHover ul
{  
}


/* Banner Row - For the banner position
-----------------------------------------------------------------------------*/
#bannerwrap {
	
}

#bannerwrap .row
{  padding: 30px 0 0 }


#bannerwrap .container {
	padding: 0;
}

/* Tabbed Module - Bottom1 to bottom4 modules
-----------------------------------------------------------------------------*/
ul.jbtabs
{  margin: 0 0 30px;background-color: transparent !important}

ul.jbtabs li
{  display: block;
  background:none;
  padding: 10px;

}


ul.jbtabs li.active,
ul.jbtabs li:hover,
ul.jbtabs li.active:hover
{  padding: 9px  !important }



/* Main Content
-----------------------------------------------------------------------------*/
#mainContent
{  margin-bottom: 50px } 

#mainContent.one
{  padding: 10px 0;
  width: 100%;
}

#mainwrap .container {
	padding: 0;
}



/* Common to left, right and center columns
-----------------------------------------------------------------------------*/
/* Split Menu */
#jbSplitMenuLeft,
#jbSplitMenuRight
{  padding: 10px }


.sidebar {
	padding-left: 10%;
}

/* Lists in left, center, right and split menu positions */
.sidebar ul li
{  border-bottom: 1px solid #eee }

.sidebar ul li li
{  text-indent: 25px }


.sidebar ul li li li
{  text-indent: 40px }


.sidebar ul li:last-child,
.sidebar ul li li:last-child
{  margin: 0 }


#left,.threeLC #center {
	background-position: right top;
	padding-left: 0;
}

#left {
	padding-right: 12%;
}

/* Breadcrumbs
-----------------------------------------------------------------------------*/
#breadcrumb
{  padding: 0;
  margin: 0 0 30px 0;
  font-size: 85%;
}

#breadcrumb  span.showHere
{  font-style: italic;
  margin-right: 10px;
}

#breadcrumb .moduletable
{  margin-bottom: 0 }





/* Bottom row
-----------------------------------------------------------------------------*/
#bottomrow {
	clear: both;
}

#bottomrow .container {
	padding: 20px 0;
}


/* Footer Row - Footer Position
-----------------------------------------------------------------------------*/
#footer
{  padding-top: 20px }

#footerRight
{  float: right }

#footerLeft ul
{  margin: 0 }

#footerLeft ul li
{  list-style-type: none;
  float: left;
}

#footerLeft ul li a
{  margin-right: 20px }


/* Hidden Panel - Core often overriden in template overrides
-----------------------------------------------------------------------------*/
#zenpanel
{  z-index: 100;
  display: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  background: #fff;
}

#zenpaneltrigger {
	margin-top: 2px;
}

a#zenpanelopen
{  border: 1px solid #ddd;
  padding: 4px 10px;
}


/* Places the close button off the screen so we dont need to override */
a#zenpanelclose.active
{  display: none }


/* Close button inside the popup */
a#zenpanelclose2
{  float: right;
  border-width: 0 0px 1px 1px;
  padding: 4px 8px;
}


/* Resets on login form in panel */
#zenpanel form.form-login p
{  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}

#zenpanel form.form-login input#mod_login_remember
{  width: auto }

#zenpanel form.form-login input.button
{  display: block;
  margin: 10px 0  20px;
}


/* Social Icons
-----------------------------------------------------------------------------*/
#socialicons ul
{  margin: 0 }

#socialicons.zencenter ul li
{  margin: 0 4px }

#socialicons.zenleft ul li
{  margin: 0 8px 0 0 }

#socialicons.zenright ul li
{  margin: 0 0 0 8px }


/* Search
-----------------------------------------------------------------------------*/
.results p
{  font-style: italic }

ol.list,
.results ol
{  margin: 0 }

ol.list li,
.results ol li
{  list-style-position: inside }

.results ol li
{  padding: 0 0 20px;
  margin: 20px 0;
}

ol.list li:last-child,
.results ol li:last-child
{  background: none;
  padding: 0;
}

.results li p
{  font-size: 90% }


/* Typography
-----------------------------------------------------------------------------*/
a:hover
{  text-decoration: none }

/* Headings */

h1,
.componentheading
{  
}

h2,
.contentheading,
h2 a
{  clear: both }

.contentheading
{  font-size: 200%;

}

img.border {
	margin-left: 4px;
}

blockquote
{  background-image: url(../images/blockquote.png) !important;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-top: 0;
}

blockquote p
{  background-image: url(../images/blockquoteBottomRight.png) !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 10px;
}

.divider {
	padding: 0 !important;
}

/* Inputs Text area and read more
-----------------------------------------------------------------------------*/
input,
textarea
{  line-height: 2em;
  padding: 10px 8px;
}



input {
	margin-left: 2px;
	width: 95%;
}

textarea {
	border: 1px solid #ACACAC;
}

input.button,
a .readon,
a.jbReadon,
button.validate,
button.button,
#login-form input.button
{  cursor: pointer;
  padding: 2px 10px 2px !important;
  border-radius: 3px;
  margin-bottom: 20px;
}

button.validate {
	padding: 8px 20px !important;margin: 30px 0 10px;
}

a .readon,
a.jbReadon {
	float: right;
}

/* Contact Form */
input#contact_email_copy
{  width: auto }


/* Joomlabamboo Link
---------------------------------------------------*/

a.jblink
{  background: url(../images/sprite.png) no-repeat left -50px;
  height: 35px;
  width: 150px;
  float: left;
}

a.jblink span
{  display: block;
  text-indent: -9999em;
}



/* Back to Top
---------------------------------------------------*/
#bt-yt{position: absolute; top: 0px; left: -5500px;}
#toTop
{  border: none !important;
  background: url(../images/sprite.png) left 0 !important;
  width: 23px !important;
  height: 23px;
  text-indent: -9999em;
  right: 5px !important;
  bottom: 10px !important;
}



/* Panel Menu
-----------------------------------------------------------------------------*/
.moduletable-panelmenu
{  padding: 0 !important }

.moduletable-panelmenu span.mainlevel.close,
.moduletable-panelmenu span.mainlevel,
h3.close,
.moduletable-panelmenu span.separator,
.moduletable-panelmenu span.separator.close,
.zentools.accordion .zentitle.open,
h3.pane-toggler,
h3.pane-toggler-down,
h3.pane-toggler:hover
{  cursor: pointer;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  background: transparent url(../images/menu/menuOpenDown.png) no-repeat 96% 14px;
  display: block;
  padding: 4px 0;
  text-indent: 4px;
}

.zentools.accordion .zentitle.open
{  display: block }

.moduletable-panelmenu span.mainlevel.open,
h3.open,
.moduletable-panelmenu span.separator.open,
.zentools.accordion .zentitle,
#sliders h3.pane-toggler-down,
h3.pane-toggler-down
{  background: url(../images/menu/menuOpen.png) no-repeat 96% 14px }


h3.open,
h3.close {
	background-position: 96%;
	padding-right: 25px;
	text-indent: 0;
	padding-top: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.moduletable-panelmenu ul ul
{  border: 0;
  margin: 0;
  padding: 0;
}

.moduletable-panelmenu ul li
{  border-bottom: 1px solid #ddd }



/* PDF Buttons
-----------------------------------------------------------------------------*/
.buttons
{  float: right }




/* JB Meta - Details underneath title
-----------------------------------------------------------------------------*/
div.jbMeta
{  clear: both;
  float: left;
  width: 100%;
}

div.jbMeta,
span.jbModifydate,
p.counter
{  color: #999;
  font-size: 85%;
  line-height: 1.4;
}

div.jbMeta span
{  float: left;
  margin-right: 10px;
}


#midCol.thin .jbMeta div,
.cols2 .jbMeta div,
.cols3 .jbMeta div,
.cols4 .jbMeta div
{  float: none;
  clear: both;
}

div.jbMeta form
{  clear: both;
  float: left;
  width: 96%;
  background: #fafafa !important;
  padding: 4px 2%;
  margin: 10px 0;
  border: 1px solid #eee;
}

div.jbMeta form span.content_vote
{  margin-top: -10px }


div.jbMeta form input.button
{  margin: 0;
  float: right;
  padding: 0 4px!important;
}



/* Section, Featured, Categories
-----------------------------------------------------------------------------*/
div.jbCategory
{  margin: 0;padding-top: 0;position: relative;}


#jbArticle {
	position: relative;z-index: 1;
}

.cols2 .jbCategory,
.cols2 .jbSection,
.cols3 .jbCategory,
.cols3 .jbSection,
.cols4 .jbCategory,
.cols4 .jbSection {
	margin-bottom: 30px;
}

/* Modify Date */
span.jbModifydate
{  display: block;
  margin-top: 20px;
}

/* Create Date */
div.jbCreatedate
{  float: left;
  margin-right: 10px;
}



/* List at bottom of articles
-----------------------------------------------------------------------------*/
.blog_more
{  clear: both;
  background-position: left top;
  padding-top: 30px;
  padding-bottom: 0;
}





/* Sections and Categories
-----------------------------------------------------------------------------*/
.article_row
{  margin: 0;
  padding: 0;
}

.column3.cols3,
.column4.cols4
{  float: right;
  margin-top: -18px;
}

/* Contact Page
-----------------------------------------------------------------------------*/

span.marker img
{  margin-right: 20px }

h3.pane-toggler,
h3.pane-toggler-down
{  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px !important;
}


/* Login Module
-----------------------------------------------------------------------------*/
input#modlgn-remember
{  width: auto }

p#form-login-remember label
{  display: inline }

#login-form input.button
{  font-size: 90% }



/* Joomla 2.5 pagination
-----------------------------------------------------------------------------*/

/* Tabs */
#tabs dt.tabs.open h3
{  border-bottom: 0;
  margin-top: -1px;
  background: #fafafa;
}

dd.tabs
{  background: #fafafa }

dt.tabs
{  width: auto }


/* Sliders */
#sliders h3.pane-toggler,
#sliders h3.pane-toggler:hover,
#sliders h3.pane-toggler-down
{  
 background: transparent url(../images/menu/menuOpen.png) no-repeat 96% 14px;
  text-indent: 0px;
  margin: 0 0 10px;
  padding-bottom: 8px !important;
}

#sliders h3:hover,
#sliders h3.pane-toggler-down,
#sliders h3.pane-toggler-down:hover {
	   background: transparent url(../images/menu/menuOpenDown.png) no-repeat 96% 14px;
}


/* Table of content */
#article-index,
table.contenttoc
{  float: right;
  padding: 2%;
  width: 25%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  font-size: 90%;
  background: none;
  border: 0;
}

#article-index ul
{  margin: 0 }

#article-index li,
table.contenttoc tr
{  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #eee;
  padding: 4px 0 0;
  text-align: left;
  font-style: normal;
}

table.contenttoc tr td,
table.contenttoc tr th
{  text-align: left;
  font-style: normal;
}

table.contenttoc tr th
{  font-weight: bold;
  font-size: 120%;
}

a.toclink.active
{  font-weight: bold;
  color: #333;
}


/* Page nav */
.pagenavcounter
{  font-size: 90%;
}

.pagination ul
{  margin: 0 }

.pagination ul li
{  list-style-type: none;
  margin: 0 20px 0 0;
  float: left;
}



/* Pagination */
ul.pagination
{  padding-top: 30px;
  padding-bottom: 0px;
  background-position: left top;
}

ul.pagination li
{  border: 1px solid #ddd;
  padding: 4px 6px;
}

ul.pagination li:last-child,
ul.pagination li:first-child
{  border: 1px solid #ddd !important }


/* Next and Previous */
th.pagenav_prev,
th.pagenav_next
{  width: 100%;
  padding: 0;
  float: right;
}

th.pagenav_next
{  text-align: right }

th.pagenav_prev a
{  float: left }

th.pagenav_next a
{  float: right }


/* User - Login, remind, reset etc
-----------------------------------------------------------------------------*/
.josForm.form-validate
{  margin-bottom: 30px }

input#email
{  width: 100%;
  margin: 0 0 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

/* Modules
---------------------------------------------------*/


/* Resets on various moduletables */
#nav .moduletable,
#footer .moduletable,
#bottomrow .moduletable,
#breadcrumb .moduletable,
#zenpanel .moduletable,
#banner .moduletable,
#tabwrap .moduletable
{  border: 0;
  padding: 0;
}


/* Generic style for modules */
.moduletable,
.moduletable-slide,
.moduletable-panelmenu
{  clear: both;
  margin-bottom: 30px;
}

.moduletable-border,
.moduletable.border
{  box-shadow: none }

.moduletable.inset .moduleTitle h3
{  margin: 0 0 8px }

.moduletable.primary1,
.moduletable.primary2,
.moduletable.secondary1,
.moduletable.secondary2,
.moduletable.warning,
.moduletable.success,
.moduletable.notice
{  border: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  padding: 10px 4%;
  width: 100%;
  clear: both;
}

.moduletable.inset
{  padding: 0;
  width: 100%;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}


.moduletable.inset .jbmoduleBody {
	padding: 10px 4%;
}


/* Success Class fix */
.success
{  clear: both }


/* Togglemenu
--------------------------------------------------*/
#togglemenucontent ul
{  border: 0;
  padding: 0;
  margin: 10px 0;
}

#togglemenucontent ul li
{  border-bottom: 1px solid #222;
  border-top: 1px solid #444;
}



/* Lists
---------------------------------------------------*/

/* Reset soem lists */
#bannerwrap ul,
#grid1wrap ul,
#grid2wrap ul,
#grid3wrap ul,
#grid4wrap ul,
#grid5wrap ul,
#grid6wrap ul,
#bottomwrap ul
{  margin: 0 }


/* Set some default styles for lists */
#grid6wrap ul li,
#bottomwrap ul li
{  list-style-type: none;
  border-bottom: 1px solid #ddd;
  padding: 4px 0;
}

ul li:last-child
{  border-bottom: 0 !important }

ul li:first-child
{  border-top: 0 !important }

ul.slidenav li
{  border: 0 !important }


/* A simple UL */
ul.simple
{  margin-bottom: 30px }

ul.simple li
{  padding: 4px 0 }



/* Zentools Slideshow
---------------------------------------------------*/
.slidecount
{  margin-right: 10px;
  font-style: italic;
}

.slideshow.slideshowoverlay a
{  color: #fff }

.slide-controller.zenpadding
{  padding: 10px 0 0 0 !important }

.grid .zenitem
{  width: 96% }

ul#filters li a
{  border: 0 !important;
  border-radius: 0 !important;
}



/* Zentools Accordion
---------------------------------------------------*/
.zentools.accordion h1,
.zentools.accordion h2,
.zentools.accordion h3,
.zentools.accordion h4,
.zentools.accordion h5,
.zentools.accordion h6
{  margin: 0 0 8px } 

.zentools .zentitle
{  margin: 2px 0 8px 0 !important;padding: 0 !important; }

.zentools.accordion .zenitem {
	margin: 0;
}

/* Zentools Slideshow
---------------------------------------------------*/
.zentools.slideshow .zenmore a span
{  text-align: center;
  margin-top: 4px;
  display: block;
  margin-bottom: 0;
}

/* Zentools in Sidebar
---------------------------------------------------*/

.sidebar .zentools li
{  padding: 8px 0 !important }

.sidebar .zentools li a
{  padding: 0 !important }

.sidebar .zentools p
{  margin: 0 }



/* Zenkit
---------------------------------------------------*/
#zenkit .blogsidebar .divider,
#zenkit .itemFullText .divider{
	height:8px 
}

#zenkit blockquote,
#zenkit .authorLatest.zenblock
{  background-repeat: no-repeat !important;
  background-color: transparent !important;
  background-image: none; 
}

#zenkit .readMore a
{  float: right;
  padding: 4px 8px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #999;
  border: 0 !important;
}

#zenkit ul.zentabs li a
{  padding: 4px 8px;
  margin: 0 10px 10px 0;
  border-radius: 0;
}

#zenkit ul.zentabs li a.active,
#zenkit ul.zentabs li.active a
{  border-radius: 0 }

.grid_2 .contentheading,
.grid_3 .contentheading,
.grid_4 .contentheading,
.grid_5 .contentheading,
.cols2 .contentheading,
.cols3 .contentheading,
.cols4 .contentheading
{  font-size: 1.4em }

.grid_2 .commentsLink,
.grid_3 .commentsLink,
.grid_4 .commentsLink,
.grid_5 .commentsLink
{  text-align: left }

#k2Links
{  background-position: left top;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 0;
  margin-bottom: 0;
}

#zenkit span.commentDate,
span.commentAuthorName,
span.commentLink
{  clear: both;
  float: left;
}

#zenkit .grid_2 .grid_eight,
#zenkit .grid_3 .grid_eight,
#zenkit .grid_4 .grid_eight,
#zenkit .grid_5 .grid_eight,
#zenkit .grid_2 .grid_four,
#zenkit .grid_3 .grid_four,
#zenkit .grid_4 .grid_four,
#zenkit .grid_5 .grid_four
{  width: 100% }

.grid_three #k2ItemListPrimary .contentheading
{  font-size: 150% }

#zenkit a.itemVideoLink{
	float: right;
}

@media only screen and (max-width: 520px)
{  
	#zenkit .grid_eight,
	#zenkit .grid_four
	{  margin: 0 }

	#zenkit .buttons
	{  float: left !important;
	  border: #000;
	}
}