/*------------------------------------------------------------------
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 10px 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{background: url(../images/horDivider.png) repeat-x left bottom;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: #857E6C}
.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.2em;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}
.pathway 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.2em;padding:0;line-height: 1.5}


/* 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:#333}
p {margin: 8px 0}

h1,.componentheading {color: #333;padding-bottom: 10px} 
h2,.contentheading {color: #333;line-height: 1.4em;font-size: 1.5em;background: url(../images/horDivider.png) repeat-x left top;padding-top: 6px}
h3,.moduletable h3 {color: #333;font-size: 1.3em}
h4 {color: #333} 
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}



/* Menu
-----------------------------------------------------------------------------*/
/*Nav - Top levels */
/* Top Row ul */
#nav ul {padding-top: 4px;margin: 0}

/* Top Row ul li */
#nav ul li {}


/* 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}

/* 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.mainlevel.sf-with-ul,
#nav ul li span.sf-with-ul
{background: url(../images/navParent.png) no-repeat left 6px;padding-left: 25px}


/* 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-left: 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#current.active a,
#nav ul li li.active a.mainlevel
{background: url(../images/subActive.png) no-repeat left center;color: #ccc;}


/* Third level a and spans reset */
#nav ul li li.active li a.mainlevel span
{color: #fff}


/* Third level Active Menu States */
#nav ul li li.active li.active a.mainlevel span
{color: }



/* 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;-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{display: inline}
#rightCol ul li:last-child {border: none}


/* Left and right Sub menus */
#leftCol ul {}
#leftCol ul ul {}
#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: left;width: 15%;background: url(../html/com_k2/images/horDivider.png) repeat-x;padding-top: 6px}
.leftArticleColInner {background: url(../html/com_k2/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;float: left;width: 100%;margin-bottom: 20px;position: relative} 

/* Section and Categories */
div.jbSectCat {}
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%}
.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}