/*
*	Light Circle core styles
*
*   Commenced 19/11/2009
*	
*	Copyright 2009 Light Circle
*
*   Author: Thomas Bland for Enabled Solutions www.enabled.com.au
*/

/* ============ IMPORTS ============ */

@import url('reset.css');
@import url('navigation.css');
@import url('typography.css');
@import url('hero.css');

/* ============ MAIN LAYOUT ============ */

body {
	text-align: center;
	background: #fff
}
div#wrapper {
	width: 976px;
	text-align: left;
	background: #fff;
	margin: 0px auto;
}

div#header {
	width: 976px;
	height: 187px;
	background: url(images/header_bg.jpg) top center no-repeat;
}

div#tag-spacer {
	width: 976px;
	height: 157px;
}

.block {
	background: #fec;
	border: 1px solid #cb3;
}

/* ============ HERO ============ */

div#hero-wrapper {
    background: #ddb; /*rjl*/
	padding: 10px 20px;
	height: 270px;
}

/* ============ MAIN rjl ============ */

div#main {
	background-color: #ddb;
	padding: 10px 0px 0px 0px;
}


div#content {
	float: left;
	width: 756px;
	padding: 0px 20px;
}

/* ============ FEATURES ============ */

div#features {
	float: left;
	width: 780px;
}

div.feature ul li {
	width: 237px;
	float: left;
	margin-left: 20px;
	min-height: 320px;
	margin-bottom: 20px;
	
}

div.feature ul li div.block_inner {
	padding: 10px;
}

/* ============ LEFT SIDEBAR rjl ============ */

div#sidebar_L {
	float: left;
	width: 160px;
    margin: 0 20px 10px 0;
}

/* ============ RIGHT SIDEBAR ============ */

div#sidebar_R {
	width: 218px;
	float: left;
}

div.block ul {
	padding: 10px;
}

div.k2ItemsBlock ul li {
	padding-bottom: 1em;
}

/* ============ rjl: K2 Category Item List ============ */

div.itemContainer {
    clear: both;
}

/* ============ rjl: K2 Item ============ */

div.itemBackToTop {
    clear: both;
}

/* ============ GENERIC CONTENT ============ */

div.genericItemView {
	padding: 10px 0px 10px 0px;
	border-bottom: 0px;
	clear: both;
}

div.genericItemView h2 {
	font-size: 1.5em;
}

div.genericItemImageBlock {
	float: left;
	margin: 0px 20px 20px 0px;
}

div.genericItemImageBlock img {
	max-width: 300px;
}

/* ============ FOOTER ============ */

div#footer {
	width: 936px;
	padding: 5px 20px 0px 20px;
	background: #b40;
}


div#footer p.copyright {
	float: right;
	margin-top: -30px;
	color: #fff;
}

div#footer a:link, div#footer a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

/* ============ CLEARFIX ============ */

.clear {
	clear: both;
}