/* @override 
	http://showcase.joomlabamboo.com/foliolife/templates/zengrid/themes/style/base/theme.css
	http://localhost:8888/joomla/1515/zengrid_1515/templates/zengrid/themes/foliolife/theme.css
	http://localhost:8888/joomla/repo/templates/foliolife/css/theme.css
	http://localhost:8888/joomla/1.5/foliodev/templates/foliolife/css/theme.css
	http://showcase.joomlabamboo.com/foliolife/templates/foliolife/css/theme.css
*/

/* 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: #121212 url(../images/bgGrunge.jpg) repeat-x left top;color: #fff} 

.containerBG {margin-top: 0px;padding: 20px 0} 
.fullWrap {margin-top: 0px;background: url(../images/footer.jpg) repeat-x left bottom;padding-bottom: 160px;border-bottom: 10px solid #1a1a1a}
.topContainer {margin: 60px auto 0;} 
#topShadow {background: url(../images/topShadow.png) no-repeat center 0px;padding-top: 20px;;float: left;width: 100%;}
#ribbon {position: absolute;width: 110px;height: 85px;right: -28px;top: -4px;z-index: 1;} 
#ribbon span {-webkit-transform: rotate(45deg);position: absolute;margin-top: 18px;margin-left: 33px;font-size: 90%;text-transform: uppercase;-moz-transform: rotate(45deg);}
.topInner{background:#1a1a1a url(../images/containerBG.jpg) repeat-x 0px top;float: left;position: relative;z-index: 2;}

.topRow {padding: 0} 
.topRow .containerBG {padding: 4px 0 0 0} 
.topRow ul li {list-style-type: none;margin: 0 20px 0 0}
.topRow ul li {float: left}
.topRow ul li a {float: left}

#top4 ul {float: right} 
#top4 ul li a {color: #fff;}

 
.logoRow {}
.logoRow .containerBG {margin: 0}
#tagline {font-size: 90%;margin-top: -10px} 


.navRow {padding: 0;margin-top: 40px}
.navRow .containerBG {padding-bottom: 0}
#navWrapper {background: url(../images/divider.png) repeat-x left bottom;float: left;width: 100%;}

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


.grid1Row {}
.grid1Row .containerBG {padding: 30px 0 0}

.grid2Row {}
.grid2Row .containerBG {padding: 0px 0;}

.grid3Row {}
.grid3Row .containerBG {padding: 8px 0}


.grid4Row {}
.grid4Row .containerBG {padding: 30px 0;background: #1a1a1a url(../images/divider.png) repeat-x left bottom;}

.grid5Row {}
.grid5Row .containerBG {padding: 30px 0;background: #1a1a1a url(../images/divider.png) repeat-x left bottom;} 

.grid6Row {}
.grid6Row .containerBG {padding: 30px 0;background: url(../images/divider.png) repeat-x left bottom;}

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


.sliderRow {background:#1a1a1a;padding-top: 15px;border-bottom: 1px solid #0A0A0A;border-top: 1px solid #2a2a2a}
.sliderRow .containerBG {padding: 10px 0 0 0}



/* @group Slider */
#sliderWrap {float: left;color: #fff;display: inline;padding-bottom: 20px;background: url(../images/divider.png) repeat-x left top;padding-top: 10px;}
#sliderArea {margin-left: 0px;padding-bottom: 30px;float: left;width: 100%;height: 20px;background: url(../images/divider.png) repeat-x left bottom;}

span.slideTrigger {height: 30px;margin: 0 10px 0 0;padding: 8px 25px 5px 0px;color: #ddd;font-size: 14px;display: block;float: left;text-transform: lowercase;overflow: hidden}

span.slidePrev {background: url(../images/prev.png) no-repeat;width: 25px;height: 25px;position: absolute;cursor: pointer;margin-top: -20px}
span.slideNext {background: url(../images/next.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-top: -20px;cursor: pointer;margin-left: 30px}


#slideWrapper {width: 100%}
#slides {padding-top: 10px;float: left}
#slides img {padding: 4px;background: #1C1919}
#sliderWrap ul {margin: 0}
#sliderWrap ul li {list-style-type: none;margin: 0}
#sliderWrap ul li a {display: block;width: 100%;border-bottom: 1px solid #333;text-decoration: none;padding: 4px 0}

#sliderWrap ul.tweet_list li a {display: inline}
#sliderWrap ul li a:hover {color: #AEBA34}
.slideTrigger {cursor: pointer}
#slideWrapper .border {border: 1px solid #1C1919;background: #222}
#sliderWrap h3 {color: #fff;font-weight: normal;line-height: 1.8em;background: none;padding-left: 0}

#sliderWrap .jTweet_bird1,#sliderWrap .jTweet_bird2,#sliderWrap .jTweet_bird3,#sliderWrap .jTweet_bird4,#sliderWrap .jTweet_bird5 {clear: none}
#sliderWrap .jTweetClear {clear: none}

.sliderDouble .moduletable {float: left;width: 48%;margin-right: 2%}
.sliderTriple .moduletable {float: left;width: 30%;margin-right: 3%}
.sliderQuad .moduletable {float: left;width: 23%;margin-right: 2%}

/* @end */



.bottomRow {background: #1a1a1a;padding-bottom: 50px;}
.bottomRow .containerBG {}



.bottomRow ul li {margin: 0;list-style-type: none;padding: 0;}
.bottomRow ul li a {display: block;background: #1a1a1a url(../images/divider.png) repeat-x left bottom;color: #fff;padding: 4px 0;}

.footerRow {font-size: 90%}
.footerRow .containerBG {}
.footerRow a {color: #fff} 


/* Pathway Classes */
#breadcrumb {margin: 0 0 0px;width: 100%;padding: 8px 0;font-size: 90%;background: url(../images/divider.png) repeat-x left bottom}

#breadcrumb .moduletable {text-align: left}
.pathway img {margin: 6px 10px 0}


#above {padding-top: 30px;}
/* Center Column */
#center {}

/* Main Content Row Classes */
/* Left Column */
#leftCol {padding-top: 20px}
#midCol {}


#mainContent {margin-bottom: 10px;padding-top: 30px}
#mainContent.nopadding {margin-bottom: 0px;padding-top: 0}

/* Right Column */
#right .moduletable  {margin-top: 18px;margin-bottom: 0}


/* Footer Row Classes */
.footerRow {padding-bottom: 50px}
.footerRow .containerBG {border: 0;padding: 8px 0 0 0}


/* Search Styling */
#search {}
#search .inputbox,#search_searchword {border: 1px solid #333;padding: 8px;margin: 4px 0;background: url(../images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8; font-size: 13px;color: #333333;padding-bottom: 0;margin: 0 20px}
#searchForm .button {margin-top: 8px}
form.search_result input#search_searchword  {margin: 0;width: 60%;padding: 10px;background: #fff url(../images/fieldShadow.jpg) repeat-x;}

/* Links */


/* Headings */


h2,.contentheading{clear: both;background: url(../images/divider.png) repeat-x left bottom;padding-bottom: 4px;margin-bottom: 10px;}
h2 a {clear: both;padding-bottom: 4px}
h2.dateheading.contentheading {background: none;padding: 0 0 0 100px;margin: 0;}
.contentheading {font-size: 1.6em}
h2.noborder,h2.noborder a {background: none;margin-bottom: 0;padding-bottom: 0;}


h3,.moduletable h3 {font-size: 1.1em;background: url(../images/navParent.png) no-repeat left 4px;padding-left: 20px;margin-bottom: 0px;padding-bottom: 8px;clear: both;}
.moduletable-heading {background: url(../images/divider.png) repeat-x left bottom;padding-bottom: 4px}

h5 {padding: 2px 0 2px 4px}
h6 {padding: 2px 0 2px 4px}


/*Nav - Top levels */
#navWrap.navLeft  {float: left}
#navWrap.navLeft ul {float: left;margin: 8px 20px 2px 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right;padding-top: 30px}


#nav ul {float: right;margin: 0} 
#nav ul li {margin: 0;padding: 0}
#nav ul li a,#nav ul li span.mainlevel,#nav ul li span.sublevel {font-size: 1em;padding: 8px 20px}
#nav ul li a#active_menu,#nav ul li a.mainlevel_active {}

#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded,#nav ul li a.sf-with-ul,.moduletable-superfish ul li a.sf-with-ul {background: url(../images/navParent.png) no-repeat left 10px;padding-left: 24px;}
#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded:hover{background: url(../images/navParent.png) no-repeat center 39px;padding-bottom: 39px}

#nav ul li li a.sf-with-ul, #nav ul li li span.sublevel span.expanded{background: url(../images/arrow.png) no-repeat 5px center;padding: 8px 0;text-indent: 10px;}

#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover {}

/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:-1px;top:32px}
#nav li ul,#navWrap.navLeft ul ul,.moduletable-superfish ul ul {background: url(../images/blackOverlay.png);border: 1px solid #121212;border-width: 0 1px 0 1px;padding: 0;margin: 0}
#nav ul li li a, #nav ul li li span.sublevel {border-bottom: 1px solid #121212;font-size: 0.9em}
#nav ul li li span.sublevel{padding-left:16px;padding-right:0px}
#nav ul li li span.expanded, #nav ul li li a.sf-with-ul {padding-left: 16px;padding-right: 0px}
#nav span.sublevel {padding-left: 15px;font-size: 90%}


/* Left and right lists and panel menu */
#leftCol ul li, #rightCol ul li {margin: 0;padding: 0}


#leftCol ul li {background: url(../images/divider.png) repeat-x left bottom;display: block}

/* Left and right Sub menus */
#leftCol ul li li a,#rightCol ul li li a {font-weight: normal;padding-left: 20px}


/* Styling for parent on panel menu */
#leftCol span.expanded,#rightCol span.expanded,#leftCol ul li span.separator,#rightCol ul li span.separator {background: url(../images/divider.png) repeat-x left bottom;display: block;padding-left: 20px;cursor: pointer;padding: 4px 0 4px 20px;background: url(../images/navParent.png) no-repeat left 12px} 


/* Hidden Panel Styling */
#toppanel a#open {color: #fff;padding: 8px 10px;background: #000;border-bottom: 1px solid #2a2a2a;z-index: 100;}
#toppanel a#open:hover {color: #333}
.overlay div.close{background:url(../images/panelClose.png) no-repeat}
#panelInner {background: url(../images/blackOverlay.png);border: 1px solid #000}

/* Input Styling */
.inputbox,input#email { background: #fff url(../images/fieldShadow.jpg) repeat-x;	border: 1px solid #fff;	font-size: 13px; color: #333333;display: block;padding: 8px;clear: both;margin-bottom: 10px;}


button.validate {padding: 4px;}

/* Overrides */
.article_row,.leading {padding: 0 0 30px;margin: 0 0 10px;clear: both;}

.leading {float: left;width: 100%}
/* Page classes */
div.jbFrontPage {clear: both;float: left;background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;width: 100%;}


div#jbArticle {background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;}
div.jbSection {background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;}
div.jbCategory {background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;clear: both;}

 
/* Pdf Buttons etc */
div.buttons {position: absolute;right: 0;margin-top: -40px}
div.buttons.noborder {margin-top: -25px;}

/* Div around the title and author, date etc */
div.jbMeta {background: url(../images/divider.png) repeat-x left bottom;height: 30px;;float: left;width: 100%;margin-bottom: 20px;color: #ccc;font-size: 90%;position: relative} 

/* Section and Categories */
div.jbSectCat.dateheading {padding-left: 100px}
.jbCategory {clear: both;float: left;width: 100%;}

/* Author and date styling */
div.jbAuthorDate {float: right;width: 100%;}
span.jbModifydate {float: right;font-size: 90%;font-style: italic;color: #999}
div.jbAuthor {float: right;position: absolute;right: 0;top: 0px;font-style: italic;text-align: right;}

div.jbCreatedate {position: absolute;width: 60px;height: 50px;text-align: center;z-index: 10;background: url(../images/dividerVert.png) no-repeat right top;padding-right: 20px}
div.jbCreatedate span.datemonth {margin-right: 8px;}
div.jbCreatedate span.dateyear {font-size: 2em;display: block;text-align: center;line-height: 1em;}

/* Read more */
div.jbReadmore {float: left;padding-left: 15px;margin-top: 8px;font-size: 90%}


.blog_more ul li {list-style-type: none;margin: 0;}
.blog_more ul li a {background: #1a1a1a url(../images/divider.png) repeat-x left bottom;padding-bottom: 8px;border: none;display: block;}
ul.pagination {margin: 0;}
ul.pagination li {float: left;list-style-type: none;margin: 0 20px 0 0}
ul.pagination li a {border: 1px solid #2a2a2a;padding: 4px 8px}
ul.pagination li a:hover {background: #101010;border: 1px solid #333}


.mbRow {font-size: 80%;color: #999}

.mbImage,.mbImageFlat {border: 2px solid #121212;padding: 0;margin: 0 0 10px 0;float: left;}
.mbWrap {margin: 0 0 8px;}
.mbWrapFlat {padding: 16px 0 4px}
.mbitemFlat {width: 100%;}
.mbWrapFlat h2 a{margin-bottom: 8px;background: none;font-size: 90%;line-height: 1em;float: none}
.mbImageFlat  {margin-right: 20px}
.mbMoreFlat .readon {float: left;padding-left: 15px;font-size: 90%}
.mbWrapFlat {background: url(../images/divider.png) repeat-x left bottom;border: none}
.slideshowImage img {border: 2px solid #121212}

.mbColImage img{margin: 0 0 4px;}
.mbitemCols h2 {display: block;margin: 0;padding: 0 0 4px;}


.moduletable-heading p {display: none}

 
ul.three{float: left;width: 30%;margin-right: 10px;display: block}
#right ul.three li {display: block;float: none;clear: both}
.border {border: 2px solid #121212;padding: 0}
 

 #colorbox {color: #333}
 
 .slideshowContent {color: #fff;}
 
 th.pagenav_next {text-align: right;}
 
 .results ol li {background: url(../images/divider.png) repeat-x left bottom;padding-bottom: 10px;margin-bottom: 10px;}