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

Template:  Eco Life

Version:  Joomla 1.5

Theme:    Core CSS

Copyright:  Joomlabamboo

Created:  August 2010

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



/* These styles set the background colour and any other style you want to attach to the rows int he theme.  */



/* Used mainly to set the bottom footer colour and to create a faux footer 

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

body {background: #DCDCD4 url(../images/pattern-main.jpg)} 





/* General Wrappers 

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

.fullWrap {border-top: 1px solid #fff;background: url(../images/topTexture.jpg) no-repeat center top}





/* Top Row

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

.topRow {}  

.topRow .containerBG {padding: 8px 0 0 0;line-height: 1}





/* Logo and HEader modules

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

.logoRow {} 

.logoRow .containerBG {padding: 0 0 5px 0;}

.logoRow h2 {color: #494545;margin-top:10px;background: none}

.logoRow ul,.topRow ul {float: right;margin: 2px 0 0 0}

.logoRow ul li,.topRow ul li {list-style-type: none;padding: 0;float: left}

.logoRow ul li a,.topRow ul li a {font-size: 90%;line-height: 1}







/* Nav and Menu 

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

.navRow {}

.navRow .containerBG {padding: 10px 0 0;height: 69px;position: relative;z-index: 10}





/* Banner

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

.bannerRow {background: url(../images/slideshowBottom.jpg) repeat-x center bottom;position: relative;z-index: 1}

#topBanner {background: url(../images/slideshowStain.jpg) repeat-x center top;float: left;width: 100%}

.bannerRow .containerBG {padding: 27px 0 0}





/* General Grid Rules

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



.grid1Row,.grid2Row,.grid3Row,.grid4Row,.grid5Row,.grid6Row {padding: 0}

.grid1Row .containerBG {}



.gridWrap1,.gridWrap2,.gridWrap3,.gridWrap4,.gridWrap5,.gridWrap6,.results ol li{padding-bottom: 15px;color: #857E6C}



.grid2Row {}

.grid2Row .containerBG {padding: 0}



.grid3Row {}

.grid3Row .containerBG {}





.grid4Row {}

.grid4Row .containerBG {}



.grid5Row {}

.grid5Row .containerBG {}



.grid6Row {}

.grid6Row .containerBG {}





/* Main Row

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

#topGrungeContainer {background: #ECECE5 url(../images/mainRowTop.jpg) repeat-x center top;float: left;width: 100%;padding-top: 30px}

.mainRow {background: url(../images/mainRow.jpg);color:#333333;}

.mainRow .containerBG {padding-top: 0}





/* Bottom Row 

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

.bottomRow {padding-top: 40px}

.bottomRow .containerBG {color: #fff}

.bottomRow ul li {list-style-type: none;margin: 0}

.bottomRow ul li a {color: #fff;font-size: 90%}

.bottomRow .moduletable {border-left: 1px dotted #fff;padding-left: 20px}

.bottomWrap .moduletable h3,.bottomWrap h2 {font-size: 1.4em;color: #fff;text-shadow: none;background: none}





/* Resets borders on first module in bottom row */

#bottom1 .moduletable {border: none;padding: 0}





/* Pathway

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

#breadcrumb {margin: 0 0 20px;width: 100%;padding: 8px 0;font-size: 90%;text-align: right}

#breadcrumb .jbmoduleBody {text-align: right}

.breadcrumbs img {margin: 6px 2px 0}





/* Left Column

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

#leftCol {}

#leftCol .moduletable {}







/* Main Content and Main columns

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

#center {}

#midCol {}

#mainContent {margin-bottom: 10px}

#mainContent.twoR {width: 98%}







/* Right Columns

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

#right {}

#rightCol {}

#rightCol .moduletable {}

.moduleTitle h3 {font-size: 1.4em;padding:0;line-height: 1.5; font-style: normal;}





/* Module Classes - See the hilite css files for colours and images

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

.moduletable-arrow .jbmoduleBody,.moduletable-slide.arrow .jbmoduleBody {padding: 15px 10px} 

.moduletable-arrow .moduleTitle h3,.moduletable-slide.arrow .moduleTitle h3{margin: 0;padding:6px 0 12px 10px}

.moduletable-grunge .jbmoduleBody,.moduletable-slide.grunge .jbmoduleBody {padding: 0px 15px 15px}

.moduletable-grunge .jbmoduleBody p,.moduletable-slide.grunge .jbmoduleBody p {margin: 0 0 8px 0}

.moduletable-grunge .moduleTitle h3,.moduletable-slide.grunge .moduleTitle h3 {margin: 0;padding: 4px 0 30px 10px}

.moduletable-teeth .jbmoduleBody,.moduletable-slide.teeth .jbmoduleBody {padding: 0px 15px 15px}

.moduletable-teeth .moduleTitle h3,.moduletable-slide.teeth .moduleTitle h3 {margin: 0;padding: 4px 0 25px 10px}

.moduletable-arrow,.moduletable-grunge,.moduletable-teeth,.moduletable-slide {margin-bottom: 40px}







/* Footer

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

.footerRow {}

.footerRow .containerBG {border: 0;padding: 8px 0 0 0}

#footerLeft ul {margin: 0}

#footerLeft ul li {list-style-type: none;float: left;padding: 0;line-height: 1;margin: 0}

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

#bottomFooterWrap {float: left;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #fff}

#bottomFooterWrap.nobottom {background-position: center top}





/* Search Styling

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

#search {float: right;background: url(../images/search.png);padding: 0 0 4px 0;position: absolute;right: 0;margin-top: 15px;margin-right: 20px;width: 220px;display: inline;top: 8px}

#search .inputbox,#search_searchword,  div.itemCommentsForm form input#submitCommentButton  {border: none;background: none;padding: 8px;margin: 4px 0;font-size: 13px;color: #333333;padding-bottom: 0;margin: 4px 0 0 4px;float: left;width: 60%}

#searchForm .button {margin-top: 8px}

#search input.button {border: none;height: 25px;width: 60px;text-align: center;float: right;margin:4px 4px 0 0;text-transform: uppercase;font-size: 82%}

 



/* General Links and HEadings

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

a {color:#333333; font-weight:bold;}

p {margin: 8px 0}



h1,.componentheading {color: #333;padding-bottom: 10px; font-style: normal;} 

h2,.contentheading {color: #333;line-height: 2.0em;font-size: 2.4em;background: url(../images/horDivider.png) repeat-x left top;padding-top: 6px; font-style: normal; font-weight: bold;}

h3,.moduletable h3 {color: #333;font-size: 1.8em; font-style: normal;}

.moduletable .moduleTitle h3 {color: #333;font-size: 1.8em; font-style: normal;}

h4 {color: #333;font-size: 1.6em; font-style: normal; font-weight: bold; margin: 15px 0 0 0;} 

h5 {color: #fff;background: #333;padding: 2px 0 2px 4px;font-size: 1.5em; font-style: normal;}

h6 {color: #fff;background: #999;padding: 2px 0 2px 4px;font-size: 1.3em; font-style: normal;}

h7{ font-size:11px; font-family:Josefin Sans Std Light, Arial, Serif - Google Font Replacement; font-weight:lighter; color:#10431F; font-style: normal;}







/* Menu

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

/*Nav - Top levels */

/* Top Row ul */

#nav ul {padding-top: 4px;margin: 10px 0 0 0 !important}



/* Top Row ul li */

#nav ul li {margin-right: 20px !important;}





/* Top Row ul li a and spans for parent items */

#nav ul li a,

#nav ul li span.mainlevel span

{color: #fff;font-size: 1.1em;text-shadow: #777 1px 1px;display: block;margin: 0;padding: 0;float: left!important}



#nav em {font-size: 80%;text-shadow: none;color: #fefefe;margin-top: 6px;display: block;}



/* Top Level hovers */

#nav ul li a:hover,

#nav ul li span.mainlevel span:hover

{color: #ccc}



#nav ul li span.expanded {}





/* Toplevel Parent */

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

#nav ul li span.sf-with-ul

{background: url(../images/navParent.png) no-repeat left 4px;padding-left: 15px;padding-right: 0;}





/* Active top level states */

#nav ul li.active a,

#nav ul li.active span.mainlevel span

{color: #fff}





/* Sublevel a and spans reset */

#nav ul li li a,

#nav ul li li span.mainlevel span,

#nav ul li.active li span.mainlevel span

{color: #fff;text-shadow: none;font-size: 90%;padding: 6px 0 6px 14px}



#nav ul li li span.mainlevel span {padding: 4px 0}





/* Sublevel Hover states */

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

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

#nav ul li li a:hover,

#nav ul li li span.mainlevel:hover

{color: #333}





/* Sublevel Parent */

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

#nav ul li li span.sf-with-ul

{padding-left: 14px}





/* Resets children of active spans */

#nav ul li.active li,

#nav ul li.active li a

{color: #fff}  





/* Active sub level states */

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

#nav ul li.active li.active a 

{background: url(../images/subActive.png) no-repeat left center;color: #ccc;}



#nav ul li.active li.active li a {background: none;}



/* Nav link and span color

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

#nav ul li a,

#nav span.separator,

#nav ul li.active li a,

#nav ul li.active li span.separator,

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

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

{color: #fff}



 

/* Nav Active and hover color

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

#nav ul li.active a,

#nav ul li.active span.separator,

#nav ul li.active li.active a,

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

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

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

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



a:hover,

#nav ul li a:hover,

#nav ul li.active a:hover,

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

{color: #ccc} 





/* Image for Parent Items

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

#nav a.sf-with-ul,

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

#nav li.parent span.separator,

#nav li.parent li.parent span.separator  {

  background:    url(../images/navParent.png) no-repeat left 6px; 

}



#nav li span.separator {font-size: 1.1em;padding-top: 0;padding-left: 25px;} 

#nav li li span.separator {font-size: 90%;padding-left: 20px;}





/* Colours for sub level item backgrounds

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

#nav ul li {}

#nav ul li li {}

#nav ul li li li {}







/* Colours for background hover states

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

#nav ul li:hover, 

#nav ul li.sfHover,

#nav ul a:focus, 

#nav ul a:hover,

#nav ul a:active,

#nav ul li li.active {

  color: #333;

  outline:    0;

}







/* Removes hover on active items */





/*Nav - Second Level */

/* Resets a lot of the styling from the top level and then positions the ul li li a's */



/* Background for sub level items */

#nav li ul {padding: 10px;margin-top: 23px !important;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px}



#nav li ul ul {margin-top: 0px;-moz-border-radius:4px;-webkit-border-radius:4px}





/* Left and Right Column Menus

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



.moduletable-slide .moduleTitle h3.open span {background: url(../images/slideClose.png) no-repeat left center;padding-left: 25px} 

.moduletable-slide .moduleTitle h3.close span {background: url(../images/slideOpen.png) no-repeat left center;padding-left: 25px} 

/* Left and right lists and panel menu */

#leftCol ul, #rightCol ul {margin: 0;padding: 0}

#leftCol ul li, #rightCol ul li {margin: 0;padding: 0}

#leftCol ul li,#rightCol ul li,#leftCol ul li span.separator,#rightCol span.separator{ list-style:none; margin: 0 0 3px 5px; font-size: 1.2em;}

#leftCol ul li a,#rightCol ul li a{ text-decoration: none;}

#rightCol ul li:last-child {border: none}





/* Left and right Sub menus */

#leftCol ul li li a,#righCol ul li li a,.moduletable-panelmenu ul li li a {padding: 4px 0 0 16px;font-size: 90%}



/* Styling for parent on panel menu */

#leftCol span.expanded,#rightCol span.expanded,#leftCol span.mainlevel span,#rightCol span.mainlevel span {display: block;padding:6px 8px 12px 25px;cursor: pointer;color: #fff;margin-bottom: 10px} 



/* Resets negative Margin used on the accordion Menu */

#rightCol ul ul,#leftCol ul ul {margin-top: 2px;margin-bottom: 10px}



#rightCol ul,#leftCol ul {margin-bottom: 20px}

#leftCol span.expanded:hover,#rightCol span.expanded:hover,#leftCol span.mainlevel span:hover,#rightCol span.mainlevel span:hover {}



#rightCol .moduletable-panelmenu ul ul {padding: 15px 0px 12px 0;background: #D9D9CA url(../images/moduleArrow.png) no-repeat;color: #716C5E}

#rightCol .moduletable-panelmenu ul ul li {padding-left: 10px;display: block}

 

/* Hidden Panel Styling */

#toppanel a#open {padding: 8px 10px}

.overlay div.close{background:url(../images/panelClose.png) no-repeat;position: absolute;height: 35px;width: 35px}



/* Input Styling */

.inputbox {background: #fff}

.inputbox,input#email,input#url,#search_searchword {font-size: 13px;background: #fff url(../images/fieldShadow.jpg) repeat-x;border: 1px solid #c8c8c8; color: #333333}

input#url,#search_searchword {padding: 8px;margin: 0 0 30px 0}

fieldset.word label {display: block}

input#email,input#name,input#password.inputbox,input#password2,input#url{width: 90%}



/* Overrides */

/* Page classes */

div.jbFrontPage {}

th.pagenav_next {text-align: right}

#jbArticle {position: relative} 

.leftArticleCol{float: right;width: 15%;background: url(../images/horDivider.png) repeat-x;padding-top: 6px}

.leftArticleColInner {background: url(../images/horDivider.png) repeat-x left bottom;padding-bottom: 6px}

.rightArticleCol.thin {float: right;width: 78%;margin-left: 20px}

 



.article_row {padding: 0}

div.jbSection {}

div.jbCategory {}



.leading {padding-bottom: 30px;float: left;width: 100%}



/* Pdf Buttons etc */

div.buttons {position: relative}

.buttons img {margin-right: 4px}



/* Div around the title and author, date etc */

div.jbMeta {background: url(../images/horDivider.png) repeat-x left bottom;padding-bottom: 6px;width: 100%;margin-bottom: 20px;position: relative;} 



/* Section and Categories */

div.jbCatCat {}

span.jbSections {}

span.jbCategories {}



ul.pagination li {margin: 0 4px 0 0;padding: 0}

ul.pagination li  a {border: none;padding: 0;background: #D9D9CA;padding: 6px 10px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px}

ul.pagination li  a:hover {border: none;background: #fff}



/* Author and date styling */

div.jbAuthorDate {}

span.jbModifydate {float: right; width: 100%;text-align: right;background: url(../images/horDivider.png) repeat-x left top;padding-top: 4px;font-size: 90%;margin:20px 0}

span.jbAuthor {float: left;font-size: 90%;margin-right: 10px}



div.jbCreatedate {color: #4A4646;margin-bottom: 4px;font-style: italic;font-family: georgia}





/* Read more

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

div.jbReadmore,.slideshowContent a span {padding-right: 20px;text-align: right}

a.readon {padding-right: 20px}

#tagline span {position: relative !important;font-style: italic}



/* Login

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

.form-login .inputbox {display: block;width: 92%}



/* Slideshow Styling */



.ssPager li a {padding: 0px 0 0}

.ssPager li a.activeSlide {position: relative;z-index: 2}

span.thumbtitle {padding: 18px 8px;line-height: 1.4;text-shadow: #eee 1px 1px}

.slideshowContent h2 {background: none}

.slideshowContent h2 a{background: url(../images/slideshowHeadingUnderline.png) no-repeat center bottom;padding-bottom:20px;line-height: 1;margin-bottom: 10px;float: left;width: 100%; font-size: 1.7em; text-decoration: underline; font-weight: bold;}

.slideshowContent {padding: 0}

.slideshowImage a img{padding: 10px;background: #FBFAF3;border-top: 1px solid #DFDFDD;border-bottom: 1px solid #bfbfbf}



.slideshowContent span.readmore {display: block;float: right;padding-right: 20px;margin-top: 30px}

.slideshowButton{width: 160px;height: 36px;display: block;color: #fff;text-align: center;padding-top: 6px}

.slideshowDate {background: #8E8B63;color: #fff;padding: 2px 4px;margin:6px 10px 0px 0;line-height: 1.2;display: block}

.slideshowContent div,.slideshowContent p {margin-top: 10px}



/* Misc Styling */

.ecobutton {width: 160px;height: 36px;display: block;color: #fff;text-align: center;padding-top: 6px}





/* Hidden Panel

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

#paneltab {color: #333;height: 30px;overflow: hidden;position: absolute;padding: 8px 10px 0 10px;z-index: 101;margin-top: 0;right: 0;font-size: 90%;width: 80px;text-align: center;top: 20px}



.fullWrap.light #paneltab a#openPanel,.fullWrap.light  #paneltab a#closePanel {color: #333}

#paneltab a#openPanel,#paneltab a#closePanel {color: #333;background: url(../images/panel/panelOpen.png) no-repeat 0px center ;padding:4px 0 0 20px} 



a#closePanel {top: 4px;display: block;position: absolute;z-index: 1001;right:0}





/* Overlay Styles

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

#overlay {position: fixed;width: 100%;height: 100%;z-index: 90;cursor: pointer;left: 0;top: 0;display: none}





/* Hidden Panel Container

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

#hiddenPanel h3 {color: #fff;border: none;background: none} 

#hiddenPanel {z-index: 100;display: none;overflow: hidden;color: #fff;margin: 60px 0 0 0;height: 600px}

#hiddenPanelInner {padding: 25px;z-index: 101;margin-top: 10px;margin-right: 20px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;float: left}

 





#panel1,#panel2,#panel3,#panel4 {margin-bottom: 30px;width: 100%;padding-bottom: 30px}

.dark,.none,.darkCloth {border-bottom: 1px dashed #444}

.tanCloth {border-bottom: 1px dashed #807E72}

.light,.noneLight {border-bottom: 1px dashed #ddd}

.paper {background: url(../images/horDivider.png) repeat-x left bottom}



#hiddenPanel.light {background: url(../images/whiteOverlay.png);color: #333}

#hiddenPanel.light h3 {color: #333} 

#hiddenPanel ul.flatLogin li {margin-top: 20px;background-position: right top;padding-right: 20px}

.flatLogin fieldset {width: 100%}

#hiddenPanel ul.flatLogin li a{float: left}





/* Extra Back to top styling

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

#toTop {background: url(../images/backtoTop.png) no-repeat left 6px;border: none;color: #333;padding:0 0 10px}





/* Microblog Styling

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

.mbImage {background: #FBFAF3;border: 1px solid #DFDFDD}

.mbitemCols h2 {background: none;padding: 0}

.mbitemCols {padding: 0;margin: 0}



.cat-children ul li {list-style-type: none;margin: 0;border-bottom: 1px solid #ddd}



/* Pagination */

ul.pagination {margin-bottom: 20px}

ul.pagination li {list-style-type: none}

ul.pagination li a {border: none;background: #fafafa;padding: 4px}

ul.pagination li a:hover {border: 0}

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



/* Page nav*/

ul.pagenav li {list-style-type: none;float: left}

.pagenavcounter {font-style: italic;font-size: 90%}

ul.pagenav li.pagenav-next {float: right}



/* Login */

.login-fields input {display: block;clear: both;width: 97%;padding: 8px;border: 1px solid #ddd}

.login .button {margin-top: 10px}







/* Login Module*/

#login-form input {width: 80%}

#login-form input.button {width: auto}

#login-form .inputbox {display: block}

p#form-login-remember label {float: left;margin-left: 25px;line-height: 1}





/* Contact Page */

.contact-address span {  display: block}

.contact-contactinfo .jicons-icons img {margin-right: 10px}

#contact-form label,#contact-form input,#contact-form textarea {display: block;clear: both}

#contact-form input,#contact-form textarea {width: 400px}

#contact-form label {margin-bottom: 10px}

#contact-form  dl dd,.reset dl dd,.remind dl dd {margin: 0 0 10px 0}

#contact-form .button {margin: 0}





/* Search Page */

#searchForm label {line-height: 1;margin-right: 20px;margin-left: 4px}

#searchForm fieldset.word label {margin-top: 10px;float: left}

#searchForm input {border: 1px solid #ddd}

#searchForm input#search-searchword {width: 40%}

#searchForm .form-limit label {margin-top: 8px;float: left}



/* Search Results */

dl.search-results dt.result-title {margin-top: 20px;padding-top: 20px;border-top: 1px dotted #ddd}





/* Registration Page */

form#member-registration dl dt {clear: both}

form#member-registration dl dd {margin: 0}

form#member-registration dl dd input{clear: both;margin: 0;display: block}

form#member-registration dl dt label {margin-bottom: 4px}

form#member-registration input {width: 400px;border: 1px solid #ddd;padding: 8px}

form#member-registration button.validate {margin: 0 4px 0 0}





/* Profile Page */

.profile dl dd {margin: 0 0 10px 0}

.profile fieldset {margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px dotted #ddd}





/* Edit Profile Page */

.profile-edit dl dd {margin: 0 0 10px 0}

.profile-edit input {display: block;clear: both;padding: 8px;border: 1px solid #ddd;width: 400px}

.profile-edit fieldset {margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px dotted #ddd}

.profile-edit dl dt {margin: 0 0 10px 0}

.profile-edit label {margin: 0 10px 0 0}

.profile-edit button.validate {margin: 0 4px 0 0}

.profile-edit .optional {font-style: italic;font-size: 90%}





/* Joomla Error message*/

#system-message ul {background: #eee !important;border: 1px solid #ddd !important;color: #333 !important}

#system-message ul li {list-style: none;margin: 0}





/* Table of Contents */

#article-index {float: right;padding: 8px;background: #fafafa;border: 1px solid #ddd;margin: 0 0 20px 20px}

#article-index ul li {list-style-type: none;margin: 0}



/* added by pb */







.leftArticleCol {background: none;}



.leftArticleColInner {background: none;}


.zen-spotlight {padding:0px;}

#menu > div > nav > ul > li > a {padding:6px 30px 12px 0;}