/*----------------------------------------------------------------------------

Style Sheet for all layout styles



Template Name:   Origin - Commercial Template By JoomlaJunkie

Version:         1.0

Author:          JoomlaJunkie

Support:         http://forum.joomlajunkie.com

Template Guide:  http://guides.joomlajunkie.com



Stylesheet Index:

	$1 - Info and Calls

	$2 - Structural CSS

	$3 - Collapsible Columns

	

NOTE: Always make a backup of your stylesheets before editing!

NB!! Use the search function to find a section, eg: search for $2 for Sidebar menu

----------------------------------------------------------------------------*/

/* $1 - Info and Calls

----------------------------------------------------------------------------*/



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

***/



/* $2 - Structural CSS

----------------------------------------------------------------------------*/

body {

	background: #D8D8D8 url(../images/body.jpg) repeat-x;

	margin: 0;

}



#wrapper {

	width: 764px;

	margin: 0 auto;

}



#menu {

	background: url(../images/menu.jpg) no-repeat left top;

	height: 40px;

	width: 764px;

	padding-left: 9px;

}



#header {

	background: url(../images/header.jpg) no-repeat left top;

	height: 200px;

	width: 764px;

}



#pathway {

	background: url(../images/pathway.jpg) no-repeat left top;

	height: 32px;

	width: 764px;

	overflow: hidden;

}



#top-seperator {

	background: url(../images/top-seperator.jpg) no-repeat left top;

	height: 7px;

	overflow: hidden;

}



#bottom-seperator {

	background: url(../images/bottom-seperator.jpg) no-repeat left top;

	height: 7px;

	overflow: hidden;

}



#contentwrap {

	background: url(../images/faux.jpg) repeat-y;

	overflow:hidden;

	height: 1%;

}



#sidebar {

	float: left;

	width: 200px;

	margin-left: 12px;

	display:inline;

}



#content {

    float: right;

	width: 552px;

}



.padding {

	padding: 0px 15px 10px 8px;

}



#sidebar .padding {

	padding: 0px 10px 10px 10px;

}



#footer {

	background: url(../images/footer.jpg) no-repeat left top;

	height: 53px;

	width: 764px;

}



#infobox {

	padding: 0px 12px 5px 12px;

	background: url(../images/bottom-faux.jpg) repeat-y;

}



/* $3 - Collapsible Columns

----------------------------------------------------------------------------*/

table.nospace {

	border:0;

	margin-bottom:10px;

	padding:0;

	width:100%;

}



table.nospace td {

	margin:0;

	padding:3px;

}



#infobox table.nospace td {

	margin:0;

	padding:5px;

}



/*Signals out only top 2 user mods*/

table.nospace td.tl {

	width:50%;

}



table.nospace td.tr {

	width:50%;

}



/*Signals out only top 2 user mods*/

table.nospace td.bl {

	width:33%;

}



table.nospace td.bc {

	width:33%;

}



table.nospace td.br {

	width:33%;

}