/*----------------------------------------------------------------------------
Customise Style Sheet

Name: 			JJ iFresh
Date: 			17 August 2007
Description: 	A Simple Funky Web 2.0 Template 
Author: 		JoomlaJunkie
URL: 			http://www.joomlajunkie.com

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $10 for Modules
----------------------------------------------------------------------------*/

/* $1 - Global Resets eliminates cross browser inconsistancies
          -----ONLY EDIT IF YOU KNOW WHAT YOU ARE DOING-----
----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,ul,ol,dl,fieldset,address {
	margin: 0.5em 0;
}

label {
	margin: 0 0 0 3px;
}

fieldset {
	padding: .5em;
}

img {
	border: 0;
}

a img {
	border: 0;
}

/* This helps fix the relative font sizing problem with tables in internet explorer */
table {
	font-size: 1em;
}

.hidden {
	display: none;
}

.clearer {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* $2 - Typography
----------------------------------------------------------------------------*/
body {
	font: normal 12px/180% Arial, Helvetica, sans-serif;
	color: #666;
}

/* These control the general, asthetic, typographical/text
elements of the css */
h1 {
	font: bold 250% Arial, Helvetica, sans-serif;
	color: #93bc13;
}

h2 {
	font: bold 230% Arial, Helvetica, sans-serif;
	color: #abdb19;
}

h3 {
	font: bold 200% Arial, Helvetica, sans-serif;
	color: #bcf219;
}

h4 {
	font: bold 180% Arial, Helvetica, sans-serif;
	color: #666;
}

h5 {
	font: normal 150% Arial, Helvetica, sans-serif;
	color: #999;
}

h6 {
	font: bolder 110% Arial, Helvetica, sans-serif;
	color: #666;
}

p {
	margin-bottom: 1.2em;
}

/* $3 - Lists Styling
----------------------------------------------------------------------------*/
ul {
	padding: 0;
	list-style: none;
}

ul li {
	background: url(../images/li.png) no-repeat 0 5px;
	padding: 2px 0 2px 18px;
}

#mainbody ul li {
	background-position: 5px 5px;
	padding-left: 23px;
}

ul.style1 li {
	background-image: url(../images/li-1.png);
}

ul.style2 li {
	background-image: url(../images/li-2.png);
}

ol {
	padding: 0;
	list-style-position: inside;
}

ol li {
	padding: 2px 0 2px 5px;
}

/* $4 - Horizonal Rules
----------------------------------------------------------------------------*/
hr {
	/* Many components use this as a seperator line */
	border: none;
	height: 1px;
	margin: 10px 0;
	border-top: 1px dotted #ccc;
}

.article_seperator {
	/*Article Seperator for Published News Items */
	display: block;
	margin-top: 15px;
	height: 3px;
	clear: both;
	background: url(../images/dotted-line.png) top center repeat-x;
}

#sidebar .article_seperator, #btm-mods .article_seperator,
#advert1 .article_seperator, #advert2 .article_seperator {
	display: none;
}

/* $5 - Quotations
----------------------------------------------------------------------------*/
blockquote {
	background: #eeffb7;
	border: 1px solid #d5e5a4;
	padding: 10px;
	padding-bottom: 0;
	color: #6f7d46;
	width: 95%;
}

blockquote h5 {
	margin: 0;
}

blockquote.quote {
	background: transparent url(../images/quote.png) 15px 10px no-repeat;
	padding: 10px;
	padding-left: 50px;
	border: none;
	color: #999;
}

pre {
	padding: 10px;
	background: #cee783;
	color: #7e8e50;
	margin: 0.5em 0;
}

pre.code {
	background: #cee783 url(../images/code.png) 0 0 no-repeat;
	padding-left: 34px;
}

/* $6 - Sitewide Links and Custom Message Styling
----------------------------------------------------------------------------*/
a {
	color: #abdb19;
	text-decoration: none;
}

a:hover {
	color: #333;
}

.error {
	color: #b40300;
	background: #ffcfab;
	padding: 5px 7px;
	border-left: 5px solid #b40300;
}

.message {
	color: #7e8e50;
	background: #daf7d4;
	padding: 5px 7px;
	border-left: 5px solid #c1ee71;
}

.tips {
	color: #f90;
	background: #ffc;
	padding: 5px 7px;
	border-left: 5px solid #ffe78b;
}

.help {
	color: #69f;
	background: #dee8ff;
	padding: 5px 7px;
	border-left: 5px solid #b8d9ff;
}

span.highlight {
	font-weight: bold;
	padding: 2px 3px;
	color: #999;
	background: #eee;
}

.lightgreen, .lightorange, .lightblue, .lightgrey, .whitedotted,
.lushgreen, .lushorange, .lushblue, .lushgrey {
	padding: 5px 7px;
}

.lightgreen {
	color: #7e8e50;
	background: #daf7d4;
	border: 1px solid #c1ee71;
}

.lightorange
{
	color: dimgray;
	background: ghostwhite;
	border-right: gray 1px groove;
	border-top: gray 1px groove;
	border-left: gray 1px groove;
	border-bottom: gray 1px groove;
}

.lightblue {
	color: #69f;
	background: #dee8ff;
	border: 1px solid #b8d9ff;
}

.lightblue2
{
	border-right: gold 1px solid;
	border-top: gold 1px solid;
	border-left: gold 1px solid;
	border-bottom: gold 1px solid;
}

.lightgrey {
	color: #999;
	background: #eee;
	border: 1px solid #ccc;
}

.whitedotted {
	color: #a6ba69;
	background: none;
	border: 1px dashed #9c0;
}

.lushgreen {
	background: #a6d712 url(../images/lushgreen.png) repeat-x;
	border: 1px solid #a6d712;
	color: white;
}

.lushorange {
	background: #ffad29 url(../images/lushorange.png) repeat-x;
	border: 1px solid #f5bc6c;
	color: white;

}

.lushblue {
	background: #91c0ef url(../images/lushblue.png) repeat-x;
	border: 1px solid #92c3f3;
	color: white;
}

.lushgrey {
	background: #9b9b9b url(../images/lushgrey.png) repeat-x;
	border: 1px solid #999;
	color: white;
}

.step1, .step2, .step3 {
	background: transparent url(../images/step1.png) top left no-repeat;
	color: #b1db30;
	padding: 0 0 0 45px;
	font: bold 20px/33px Arial;
}

.step2 {
	background-image: url(../images/step2.png);
}

.step3 {
	background-image: url(../images/step3.png);
}

/* $7 - Joomla Specific
----------------------------------------------------------------------------*/
.pagenav,
.pagenav_prev,
.pagenav_next {
	padding: 0 4px;
}

a.pagenav,.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	text-decoration: none;
}

a.pagenav:hover,
a.pagenav:active,
a.pagenav:focus,
.pagenav_prev a:hover,
.pagenav_prev a:active,
.pagenav_prev a:focus,
.pagenav_next a:hover,
.pagenav_next a:active,
.pagenav_next a:focus,
.pagenavbar a:hover,
.pagenavbar a:active,
.pagenavbar a:focus {
	text-decoration: none;
}

.back_button {
	margin: 5px 0 15px;
}

.back_button a, .back_button a:hover {
	color: #666;
	text-decoration: none !important;
}

.small {
	/* A symantic style to allow you to add text with this class, that
	is used for small text, like date/written by etc */
	font-size: 100%;
}

td.createdate {
	/* Styling the date the content was created on*/
	color: #666;
	font-size: 0.9em;
	margin-bottom: 6px;
	padding: 6px 0;
	font-style: italic;
}

.modifydate {
	/* Styles the "Last updated on" text at the end of articles/contents */
	color: #666;
	font-size: 0.9em;
	margin-bottom: 6px;
	padding: 16px 0;
}

a.readon {
	/* Formatting the "Read on..." link on blog layout pages */
	text-decoration: none !important;
	text-transform: lowercase;
	font-size: 100%;
	color: #fff;
	float: left;
	display: inline;
	text-align: center;
	width: 90px;
	height: 18px;
	font: bold 10px/16px Arial, Helvetica, sans-serif;
	background: url(../images/readmoreicon.png) no-repeat;
	margin-top: 10px;
}

a.readon:hover {
/* Formatting the "Read on..." link on blog layout pages */
	text-decoration: underline !important;
	color: #fff
}

/* $8a - Joomla Content Styles
----------------------------------------------------------------------------*/
/* These are all the styles for content, this is used for joomla content
output in the main content area */
td.contentdescription {
	width: 100%;
}

table.contentpaneopen, table.contentpane {
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

.blog table.contentpaneopen {
	border-collapse: separate;
}

.moduletable table.contentpaneopen td {
	background: none;
	margin-top: 0;
	background: none;
	border: none;
	padding: 0;
}

.header .moduletable table.contentpaneopen td {
	font-size: 100%;
}

.contentheading {
/* Used as the Title of the content, article, etc. being displayed,
it is also used for Section's heading*/
	font-size: 2em;
	font-weight: normal;
	color: #abdb19;
	padding: 0.6em 0 0.9em 0;
}

td.buttonheading {
	padding: 0;
}

.blog .contentheading, .contentpane .contentheading {
/* Title of articles */
	font-size: 2em;
	font-weight: bold;
	text-align: left;
	padding: 0.5em 0 0.5em 0;
}

.componentheading {
/* Used to format a components heading or title */
	font-size: 2em;
	font-weight: normal;
	color: #abdb19;
	padding: 0.6em 0 0.9em 0;
}

a.contentpagetitle {
	color: #abdb19;
}

a.contentpagetitle:hover {
	color: #bcf219;
}

table.contenttoc {
	margin: 10px;
	padding: 0;
	float: right;
}

.buttonheading img {
	padding: 0 2px;
}

.sectiontableheader,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
	border-bottom: 1px solid white;
	color: #728048;
}

.sectiontableheader {
	color: white;
	font-weight: 700;
	padding: 5px;
	background: #a7d714 url(../images/sectiontableheader.png) top left repeat-x;
}

.sectiontableentry1 {
	background-color: #cee783;
}

.sectiontableentry2 {
	background: #c3dc7c;
}

.sectiontableentry1 a, .sectiontableentry2 a {
	color: #333;
}

.sectiontableentry1 a:hover, .sectiontableentry2 a:hover {
	color: #a2c929;
}

/* Polls */
.poll {
/* Polls text */
	line-height: 135%;
}

/* This helps make the poll look better as it removes the
section and table entry lines */
.poll .sectiontableentry1,
.poll .sectiontableentry2 {
	background: none;
	border: none;
	text-align: left;
}

.pollstableborder {
/* Set the border properties of the polls voting table */
	border: none;
}

.poll td {
/* Set the table data properties of the polls voting table */
	font-weight: 400;
}

/* Search Results */
table.contentpaneopen fieldset {
	border: 1px solid #999;
	padding: 10px;
	background: #eee;
	margin: 0;
	width: 96%;
	overflow: hidden;
}

table.contentpaneopen fieldset a {
	font-size: 1.1em;
}

table.contentpaneopen fieldset span.small {
	color: #999;
}

table.contentpaneopen fieldset span.highlight {
	
}

/* $9 - Forms Styling
----------------------------------------------------------------------------
These styles control the appearance of forms */
.inputbox {
/* The look of input boxes in forms */
	background: #ededed;
	border: 1px solid #d1d1d1;
	padding: 2px 5px;
	margin: 6px;
	font-size: 100%;
}

.inputbox:hover, .inputbox:focus {
	border-color: #999;
}

.button {
/* Button style for Joomla component, form and module buttons
specifically in the  sidebar */
	text-align: center;
	padding: 1px 10px;
	line-height: 100%;
	color: #7a894d;
	border: 1px solid #a6d712;
	cursor: pointer;
	margin: 1px;
	background: #cfe787 url(../images/buttonbg.png) repeat-x;
}

select.inputbox {
	background: #ededed !important;
	padding: 0 !important;
	margin: 0 6px;
}

select option {
	padding: 0 3px;
}

textarea {
/* The look of the large text area on forms */
	font-size: 100%;
	background: white;
	border: 1px solid #3d3d3d;
	padding: 1px 3px;
	margin: 0;
	overflow: auto;
}

label, input {
	vertical-align: middle;
}

/* $10 - Modules
----------------------------------------------------------------------------*/
/* If you have a module that you want to display without any
default styling, set the suffix to -nopadding */
.moduletable, .moduletable-ifresh {
	font-size: 100%;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
}

.moduletable h3, .moduletable-ifresh h3 {
	color: #fff;
	font: bold 1.2em/29px Arial;
	height: 29px;
	line-height: 29px !important;
	margin: 0 -10px 2px -10px;
	padding: 0 0 0 10px;
	background: #bce832 url(../images/lime.png) 97% 50% no-repeat;
}

div.module {
	margin-bottom: 10px;
	color: #666;
	background: transparent url(../images/module-top.png) top left repeat-y;
}

#advert2 div.module {
	margin-top: 10px;
	margin-bottom: 0;
}

div.module div {
	background: transparent url(../images/module-btm.png) bottom left no-repeat;
	padding-left: 10px;
}

div.module div div {
	background: transparent url(../images/module-btm.png) bottom right no-repeat;
	padding: 0 0 6px 0px;
}

div.module div div div {
	background: transparent url(../images/module-top.png) top right no-repeat;
	padding: 8px 8px 2px 2px;
}

div.module div div div div {
	padding: 0;
	background: none;
}

div.module h3 {
	font: bold 110%/100% Tahoma;
	padding: 2px 0 8px 0;
	margin: 0;
	color: #9c0;
}

#btm-mods .moduletable {
	padding: 15px;
	margin: 0;
	color: #666;
	background: transparent url(../images/btmsp.gif) top right repeat-y;
	border-top: 3px double #eee;
}

#btm-mods .moduletable h3 {
	background: none;
	color: #666;
	font-size: 13px;
	line-height: 100% !important;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 0;
}

#btm-mods a.readon {
	background: transparent url(../images/redmore-lime.png) top left no-repeat;
	color: #9fa904;
	float: left;
	display: inline;
	text-align: left;
	padding-left: 30px;
	width: 92px;
	height: 25px;
	font: bold 10px/23px Arial;
}

/* Custom Styling for MyBlog */
.mbCategories {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	line-height: 20px;
}

.tag1, .tag2, .tag3, .tag4, .tag5, tag6, .tag7 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.tag1 {
	font-size: 11px;
}

.tag2 {
	font-size: 12px;
}

.tag3 {
	font-size: 13px;
}

.tag4 {
	font-size: 14px;
}

.tag5 {
	font-size: 15px;
}

.tag6 {
	font-size: 16px;
}

.tag7 {
	font-size: 17px;
}

.tag8 {
	font-size: 18px;
}

.entryContent {
	width: 100%;
	padding-bottom: 0;
	overflow: hidden;
}

#outer_inner .entryContent {
	margin-bottom: -40px;
}

#outer_inner .entryContent blockquote {
	background: #eeffb7;
	border: 1px solid #d5e5a4;
	padding: 10px;
	color: #6f7d46;
	width: 95%;
	margin: 10px 0;
}

#outer_inner .entryContent blockquote ul {
	margin: 0;
}

#outer_inner .entryContent blockquote ul li {
	margin: 0;
	padding: 0 0 0 21px;
}

#mainbody .entryContent .published {
	background: #eee;
	color: #999;
}

#mainbody .entryContent .pub-month {
	color: #777;
}

#mainbody .blogsContainer .entryContent h2 a,
#mainbody h2.pagetitle a {
	font-weight: bold;
	text-transform: none;
	font-size: 1.3em;
}

#mainbody .entryContent small a:link,
#mainbody .entryContent small a:visited {
	color: #777;
	text-transform: lowercase;
	font-size: 1.1em;
}

#mainbody .entryContent small a:hover {
	color: #C3EF3B;
}

#mainbody .entryContent a:link, 
#mainbody .entryContent a:visited {
	font-weight: bold;
	font-size: 10px;
	text-transform: none;
}

#mainbody .blogsContainer.clear {
	margin-bottom: -35px;
}

#mainbody .blogsContainer .entryContent .clear {
	margin-bottom: 40px!important;
}

#mainbody .blogsContainer {
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 10px 0 10px;
}

#mainbody .entry-body br {
	margin-top: 0;
}

#mainbody .blogsContainer {
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 10px 0 10px;
}

.entryContent small {
	font-size: 1em!important;
	font-weight: normal!important;
}

.entryContent small a {
	font-weight: normal!important;
}

/* GeSHi stlying */
pre.php, pre.php-brief, pre.javascript,
pre.mysql, pre.css {
	margin: 1em 0 0 0;
	padding: 1em;
	border: none;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fffff2;
	background-image: none;
	width: 94%;
	font-family: Courier New, courier, mono;
	white-space: nowrap;
}

pre.php ol, pre.javascript ol,
pre.mysql ol, pre.css ol {
	padding: 5px;
	white-space: pre;
	min-height: 4em;
	background-color: #fff;
	border: 1px solid #EFCE77;
	display: block;
	overflow: auto;
	list-style-position: outside;
	padding-left: 1.8em;
}

pre.php li, pre.javascript li,
pre.mysql li, pre.css li {
	margin-left: 1em;
	padding-left: 0;
	background: none;
	list-style-type: decimal-leading-zero;
	line-height: 1em;
	color: #ccc;
}

pre.php div.head, pre.javascript div.head,
pre.mysql div.head, pre.css div.head {
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	background: #EFEFC2 url(../images/code-header.png) no-repeat 98% center;
	font-size: 1.5em;
	font-family: arial;
	font-weight: normal;
	border: 1px solid #DFD77D;
	margin: 0;
	color: #CFBF74;
}

pre.php div.foot, pre.javascript div.foot,
pre.mysql div.foot, pre.css div.foot {
	padding-top: 0.7em;
}

/* Custom Styling for Fireboard */
#fireboard table.fb_header td,
#fireboard table.fb_header td.fb_header_td_2{
background: #ccc;
color: #666;
}
#fireboard table.fb_header td a{
color: #333;
font-size: 1.2em;
border: 1px solid #999;
margin-right: 5px;
background: #eee;
}
#fireboard table.fb_header td a:hover{
background: #fff;
}
#fireboard #topprofilebox_tbody{
background: #fff;
}
#fireboard table.fb_blocktable thead tr th,
#fireboard .bof-forum-cat thead tr th{
	background: #ccc url(http://www.joomlajunkie.com/commercial/ifresh/templates/ifresh/images/fireboard-bg.jpg) bottom repeat-x;
	border-bottom: 1px solid #ccc;
}
#fireboard table.fb_blocktable thead tr th a,
#fireboard span.fb_title{
color: #666;
}
#fireboard input,
#fireboard select {
	border: 1px solid #ccc;
	background: #fff;
	color: #999;
}
#fireboard a {
	color: #9EAF2C;
}