/* @override 
	http://localhost:8888/joomla/1.5/landscape/templates/JB_Landscape/css/template_css.css
	http://showcase.joomlabamboo.com/sep09/templates/JB_Landscape/css/template_css.css
*/

@import url('layout.css');
@import url('menus.css');

/* @group Body */

body {font-family: Helvetica Neue, Arial, sans-serif;font-size: 78%; line-height: 1.4em; color: #666;width: 100%;height: 100%;background: #000}

/* -- Body Colours --*/
#leftFrame {background: url(../images/leftStrip.gif) repeat-y 0px 0;float: left;width: 100%}
#rightFrame {background: url(../images/leftStrip.gif) repeat-y right 0;float: left;width: 100%}
#outerWrap {float: left;width: 100%;background: #fff url(../images/topStrip.gif) repeat-x}
#rainbow {;width: 360px;height: 355px;float: left;margin-bottom: 20px}
#rainbow.apple {background: url(../images/rainbow/rainbowApple.jpg) no-repeat}
#rainbow.blue {background: url(../images/rainbow/rainbowBlue.jpg) no-repeat}
#rainbow.circus {background: url(../images/rainbow/rainbowCircus.jpg) no-repeat}
#rainbow.green {background: url(../images/rainbow/rainbowGreen.jpg) no-repeat}
#rainbow.pastel {background: url(../images/rainbow/rainbowPastel.jpg) no-repeat}
#rainbow.primary {background: url(../images/rainbow/rainbowPrimary.jpg) no-repeat}
#rainbow.rose {background: url(../images/rainbow/rainbowRose.jpg) no-repeat}
#rainbow.dirty {background: url(../images/rainbow/rainbowDirty.jpg) no-repeat}
#rainbow.red {background: url(../images/rainbow/rainbowRed.jpg) no-repeat}
#rainbow.purple {background: url(../images/rainbow/rainbowPurple.jpg) no-repeat}
#rainbow.grey {background: url(../images/rainbow/rainbowGrey.jpg) no-repeat}
#rainbow.dark {background: url(../images/rainbow/rainbowDark.jpg) no-repeat}
#rainbow.palePink {background: url(../images/rainbow/rainbowPalePink.jpg) no-repeat}
#rainbow.watermelon {background: url(../images/rainbow/rainbowWatermelon.jpg) no-repeat}
#rainbow.spice {background: url(../images/rainbow/rainbowSpice.jpg) no-repeat}
#rainbow.sunrise {background: url(../images/rainbow/rainbowSunrise.jpg) no-repeat}
#rainbow.vintageBlue {background: url(../images/rainbow/rainbowVintageBlue.jpg) no-repeat}
#rainbow.vintageRed {background: url(../images/rainbow/rainbowVintageRed.jpg) no-repeat}

#leftCol .tweet ul li a {display: inline;border-bottom: 0}
#leftCol .jTweet_bird1,.jTweet_bird2,.jTweet_bird3,.jTweet_bird4,.jTweet_bird5 {clear: both}
#leftCol .jTweet_bird1 .tweet .tweet_list li.tweet_first{padding-left: 60px;padding-bottom: 20px}
#leftCol .jTweet_bird2 .tweet .tweet_list li.tweet_first{padding-left: 60px;padding-bottom: 20px}
#leftCol .jTweet_bird3 .tweet .tweet_list li.tweet_first{padding-left: 60px;padding-bottom: 20px}
#leftCol .jTweet_bird4 .tweet .tweet_list li.tweet_first{padding-left: 60px;padding-bottom: 20px}
#leftCol .jTweet_bird5 .tweet .tweet_list li.tweet_first{padding-left: 60px;padding-bottom: 20px}
/* @end */


/* @group Bottom Slider */
span.first {margin-right: 40px} 
span.second {margin-right: 40px}
span.third {margin-right: 40px}
span.fourth {margin-right: 40px} 
/* @end */


/* @group Links */
a,a:link {color: #A6A37E}
a:visited {color: #777}
a:hover {text-decoration: none}
ul li a:hover {color: #333}
/* @end */

/* @group Headings */
h1 {font-size: 2.4em;line-height: 1.5em;margin: 0 0 0.5em 0;padding: 0}
h2,contentheading {font-size: 2.4em;line-height: 1em;margin: 0 0 8px;padding: 0;color: #A6A37E}
h3 {font-size: 1.8em;line-height: 1.8em;margin: 0 0 1em 0;padding:0;font-family: georgia;color: #999}
h4 {font-size: 1.2em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0}
h5 {font-size: 1.1em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0}
h6 {font-size: 1em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0}

#leftCol h3 {color: #333}
/* @end */

/* @group Text */
p {font-size: 1.05em;margin: 0 0 1.6em 0;padding: 0;line-height:1.8em}
blockquote {border-left:10px solid #ddd;margin-left:10px}
pre {font-family: monospace;font-size: 1.0em}
strong, b {font-weight: bold;color: #111}
em, i {font-style:italic}
code,.code {font-family: "Courier New", Courier, monospace;font-size: 1.2em;border-left: 8px solid #ddd;padding: 10px;background: #FFFFDD;margin: 10px 0}

span.modifydate{font-variant: small-caps;color: #666;float: right;margin-top: 10px}
span.createdby {font-variant: small-caps;color: #666;float: left;margin-right: 8px}
/* @end */


/* @group Lists */
ul {line-height:1.4em;margin: 0 0 1.5em 0;padding: 0}
ul li {margin: 0 0 0.25em 30px;padding: 0}
ol {font-size: 1.0em;line-height: 1.4em;margin: 0 0 1.5em 0;padding: 0}
ol li {font-size: 1.0em;margin: 0 0 0.25em 30px;padding: 0}
dl {margin: 0 0 1.5em 0;padding: 0;line-height: 1.4em}
dl dt {font-weight: bold;margin: 0.25em 0 0.25em 0;padding: 0}
dl dd {margin: 0 0 0 30px;padding: 0}
/* @end */


/* @group Tables */
table {font-size: 1em;margin: 0 0 1.5em 0;padding: 0}
table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 1.5em 0}
th {font-weight: bold;text-align: left}
td {font-size: 1em}
/* @end */


div#page {clear: both;line-height: 2em}
hr {display: none}
div.hr {height: 1px;margin: 1.5em 10px;border-bottom: 1px dotted #000}
.clear {clear: both}

.readon {float: right;padding: 2px 4px 2px 20px;text-decoration: none;margin-top: 8px;text-transform: uppercase}
a.readon:hover {background: #fff url(../images/readon.png) no-repeat 6px 6px;color: #333}

/* @group Blogcal Mod */
.blogcalmod {float: left;width: 100%;border: 1px solid #ddd;border-width: 1px 0;padding: 10px 2%;text-align: center;margin-bottom: 40px;margin-top: 0px}
.blogcalmod tr th {text-align: center}
.blogcalmod blogcal span a {text-decoration: none}
.blogcalmod tr td a {background: #eee;text-decoration: none;border-bottom: 4px solid #ddd;text-align: center;padding: 4px 8px 0 0}
/* @end */

/* @group Icons */
.add {background: url(../images/grungeIcons/add.png) no-repeat;padding:0 0 40px 80px}
.and {background: url(../images/grungeIcons/ampersand.png) no-repeat;padding:0 0 40px 80px}
.blank {background: url(../images/grungeIcons/blank.png) no-repeat;padding:0 0 40px 80px}
.cart {background: url(../images/grungeIcons/cart.png) no-repeat;padding:0 0 40px 80px}
.chat {background: url(../images/grungeIcons/chat.png) no-repeat;padding:0 0 40px 80px}
.chatsingle {background: url(../images/grungeIcons/chatsingle.png) no-repeat;padding:0 0 40px 80px}
.checkbox {background: url(../images/grungeIcons/checkbox.png) no-repeat;padding:0 0 40px 80px}
.dot {background: url(../images/grungeIcons/dot.png) no-repeat;padding:0 0 40px 80px}
.finger {background: url(../images/grungeIcons/finger.png) no-repeat;padding:0 0 40px 80px}
.flower {background: url(../images/grungeIcons/flower.png) no-repeat;padding:0 0 40px 80px}
.flower2 {background: url(../images/grungeIcons/flower2.png) no-repeat;padding:0 0 40px 80px}
.footprint {background: url(../images/grungeIcons/footprint.png) no-repeat;padding:0 0 40px 80px}
.head {background: url(../images/grungeIcons/head.png) no-repeat;padding:0 0 40px 80px}
.info {background: url(../images/grungeIcons/info.png) no-repeat;padding:0 0 40px 80px}
.mail {background: url(../images/grungeIcons/blank.png) no-repeat;padding:0 0 40px 80px}
.page {background: url(../images/grungeIcons/page.png) no-repeat;padding:0 0 40px 80px}
.palmtree {background: url(../images/grungeIcons/palmtree.png) no-repeat;padding:0 0 40px 80px}
.pen {background: url(../images/grungeIcons/pen.png) no-repeat;padding:0 0 40px 80px}
.people {background: url(../images/grungeIcons/people.png) no-repeat;padding:0 0 40px 80px}
.person {background: url(../images/grungeIcons/person.png) no-repeat;padding:0 0 40px 80px}
.question {background: url(../images/grungeIcons/question.png) no-repeat;padding:0 0 40px 80px}
.refresh {background: url(../images/grungeIcons/refresh.png) no-repeat;padding:0 0 40px 80px}
.rightArrow {background: url(../images/grungeIcons/rightArrow.png) no-repeat;padding:0 0 40px 80px}
.rightArrow2 {background: url(../images/grungeIcons/rightArrow2.png) no-repeat;padding:0 0 40px 80px}
.scissors {background: url(../images/grungeIcons/scissors.png) no-repeat;padding:0 0 40px 80px}
.spiral {background: url(../images/grungeIcons/spiral.png) no-repeat;padding:0 0 40px 80px}
.star1 {background: url(../images/grungeIcons/star1.png) no-repeat;padding:0 0 40px 80px}
.star2 {background: url(../images/grungeIcons/star2.png) no-repeat;padding:0 0 40px 80px}
.sun1 {background: url(../images/grungeIcons/sun1.png) no-repeat;padding:0 0 40px 80px}
.sun2 {background: url(../images/grungeIcons/sun2.png) no-repeat;padding:0 0 40px 80px}
.tick {background: url(../images/grungeIcons/tick.png) no-repeat;padding:0 0 40px 80px}
.tickbox {background: url(../images/grungeIcons/tickbox.png) no-repeat;padding:0 0 40px 80px}
.tools {background: url(../images/grungeIcons/tools.png) no-repeat;padding:0 0 40px 80px}
.triangle {background: url(../images/grungeIcons/triangle.png) no-repeat;padding:0 0 40px 80px}
/* @end */

span.dropcap {font-family:Georgia, "Times New Roman", Times, serif;font-size:60px;display:block;float:left;padding:16px 16px 16px 0;margin:0;color: #999}
span.author {float: right;width: 100%;text-align: right;color: #999;font-style: italic;margin: 8px 0 20px;font-family: georgia}


/* @group Misc Classes */
.left45 {float: left;width: 45%;margin-right: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0}
.right45 {float: right;width: 45%;margin-left: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0}
.jbLogo {margin-top: 4px;float: right}

.article_separator {border-bottom: 1px solid #ededed;padding: 4px 0;width: 100%;float: left;margin-bottom: 20px}
.frontPage .article_separator {border-bottom: none;padding: 4px 0;width: 100%;float: left;margin-bottom: 20px}
/* @end */

/* @group Boxes */ 
.blackbox {border-left: 8px solid #333;padding: 8px;background: #eee;margin: 10px 0}
.redbox {border-left: 8px solid #521218;padding: 8px;background: #eee;margin: 10px 0}
.bluebox {border-left: 8px solid #417378;padding: 8px;background: #eee;margin: 10px 0}
.greenbox {border-left: 8px solid #CDD452;padding: 8px;background: #eee;margin: 10px 0}
.yellowbox {border-left: 8px solid #F2F096;padding: 8px;background: #eee;margin: 10px 0}
.brownbox {border-left: 8px solid #B05A3A;padding: 8px;background: #eee;margin: 10px 0}
.purplebox {border-left: 8px solid #7F176B;padding: 8px;background: #eee;margin: 10px 0}
/* @end */

/* @group Spans */
span.black,li.black {color: #000}
span.blue,li.blue {color: #417378}
span.red,li.red {color: #521218}
span.green,li.green {color: #CDD452}
span.yellow,li.yellow {color: #F2F096;background: #333;padding: 4px}
span.white {color: #ddd}
span.brown,li.brown {color: #B05A3A}
span.purple {color: #7F176B}
/* @end */

/* @group Joomla Stuff */
table.contenttoc {float: right;background: #fff;padding:8px;border: 1px solid;display: none}
.pagenavcounter {display: none}
.pagenavbar {position: absolute;top: 600px;left: 810px;width: 100px}
.blog {width: 100%}
.contentpaneopen {width: 100%}
.buttonheading {float: right;display: block;width: 60px;margin-bottom: 10px}
.buttonheading a {background: none}
.blogdate {color: #999;font-variant: small-caps;float: left;font-size: 1em;}
.dateday {float: left;margin-right: 4px}
.datemonth {float: left;margin-right: 4px}
.dateyear {float: left}
.article-content {margin-top: 20px}
p.articleinfo {width: 100%;float: left}
#modlgn_username,#modlgn_passwd {background: #eee;border: 1px solid #ddd;padding: 4px;color: #666}
.width33 {float: left;width: 30%;margin-right: 2%}
.width50 {float: left;width: 40%;margin-right: 10%}
ul.pagination {margin: 0;background: url(../images/icons/tree316.png) no-repeat;padding-left: 30px;height: 30px}
ul.pagination li {list-style-type: none;float: left}
.contentpaneopen_edit a{background: none;float: left}
.contact form label {float: left;width: 100%}
div.banneritem,div.banneritem_text {margin: 10px 0}
.floatleft {float: left;margin-right: 20px;margin-bottom: 20px}
.floatright {float: right;margin-left: 20px}
.border {border: 1px solid #ddd;padding: 4px;background: #eee}

.blog_more ul li {list-style-type: none;margin: 0}
.blog_more ul li a {display: block;width: 100%;text-decoration: none;border-bottom: 1px solid #eee;padding: 4px 0}

a.blogsection:hover {background: #eee}
ul.pagination {padding: 0}
ul.pagination li {margin: 0 10px 0 0}


.name,.pass,.remember,.user,.email,.verify_pass {width: 150px;float: left;margin-bottom: 10px}
.name input#user.inputbox,.pass input#pass.inputbox,input#contact_name,input#contact_email,input#contact_subject,input#name,input#username,input#password,input#email,input#password2 {float: left;width: 200px;padding: 4px;clear: both;}
img#fancy_img {display: inline;}


.searchResults .inputbox {border: 1px solid #ddd;padding: 4px;margin-left: 20px;}
.searchResults {background: url(../images/magnifying.gif) no-repeat;}
.searchResults h3 {padding-left: 60px;}
.searchResults label {margin-right: 20px;}


/* @end */