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

/*This calls the other css files!! */
@import url(customise.css);
@import url(menu.css);

/***This css file is usually used by Joomla,
however we structure our templates a little
differently for optimized use, we have seperated
out the structural css with the colors etc:
This css file must not be edited unless you want
to change the structure of the template


**For STRUCTURAL CSS, please edit this layout!
(this contains the dimensions and main page
layout, only to be edited if you want to change
the page structure)

**For all graphical elements, typography, colors,
fonts and main joomla styles, edit the customise.css
and or color.css (could be yellow.css if using
multiple themes)
***/

/*TIP
**Use the (editor_css.css) css document to add
styles that will be used in the backend editor when
adding or editing content, this will help you maintain
a consistent look and feel throughout your website
for more information, please email info@joomlajunkie.com
or read the readme file that came with your template*/

/* $1 - Structural CSS
----------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #000001 url(../images/bodybg.png) top left repeat-x;
}

body.contentpane {
	background-image: none;
	background-color: white;
}

#height100 {
	padding-top: 15px;
}

#header, #outer, #footer {
	width: 768px;
	text-align: left;
}

#header {
	height: 84px;
	position: relative;
	background: #c3ef3b url(../images/header.png) top left no-repeat;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	position: absolute;
	top: 26px;
	left: 26px;
	z-index: 1;
	display: block;
	width: 155px;
	height: 42px;
	background: transparent url(../images/logo.png) no-repeat;
	text-indent: -7998px;
}

#topmenu {
	width: 700px;
	margin: 32px 10px 0 0;
	float: right;
	display: inline;
	height: 20px;
}

#outer {
	background: url(../images/bgspacer.png);
	text-align: center;
}

#outer_inner {
	background: url(../images/topcontentbg.png) 50% 0 no-repeat;
}

#mainbody {
	text-align: left;
	margin-top: 18px;
}

.no-bar #mainbody {
	margin-left: 21px;
	float: left;
	display: inline;
	width: 726px;
}

.right-bar #mainbody {
	width: 542px;
	margin-left: 21px;
	float: left;
	display: inline;
}

.left-bar #mainbody {
	width: 542px;
	margin-right: 21px;
	float: right;
	display: inline;
}

#sidebar {
	width: 174px;
	display: inline;
	margin-top: 11px;
	padding: 4px 0;
	background: #fff;
}

.right-bar #sidebar {
	float: right;
	margin-right: 13px;
}

.left-bar #sidebar {
	float: left;
	margin-left: 13px;
}

#sidebar_inner {
	width: 166px;
	text-align: left;
	background: #f6f6f6;
	margin: 0 auto;
	text-align: left;
}

#footer {
	background: transparent url(../images/footerbg.png) top left no-repeat;
	height: 40px;
	font: normal 11px/21px Tahoma;
	color: #666;
	text-align: left;
}

#footer span {
	padding-right: 35px;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.height15 {
	height: 15px;
}

#advert1, #advert2 {
	height: 1%;
	width: 100%;
	padding-bottom: 5px;
}

#advert2 {
	padding: 0;
}

div.module.first, div.module.middle,
div.moduletable.first, div.moduletable.middle {
	float: left;
	display: inline;
}

div.module.last, div.moduletable.last {
	float: right;
	display: inline;
}

div.countin3 {
	width: 174px;
}

div.countin2 {
	width: 266px;
}

div.countin1 {
	width: 100%;
	clear: both;
}

.no-bar div.countin3 {
	width: 236px;
}

.no-bar div.countin2 {
	width: 358px;
}

div.middle {
	margin-left: 10px;
}

.no-bar div.middle {
	margin-left: 9px;
}

#btm-mods {
	width: 758px;
	margin: 0 auto;
	background: white url(../images/btm-mods.png) top left repeat-x;
	text-align: left;
}

#btm-mods div.countin3 {
	width: 223px;
}

#btm-mods div.countin2 {
	width: 349px;
}

#btm-mods div.countin1 {
	width: 728px;
}

#btm-mods div.middle {
	margin-left: 0;
	width: 222px !important;
}
/************* EXTRA FOR v 1.5 *************/
fieldset { border: none;}