/**
 *	Chic
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		17/11/2007	
 *
 *	Table of Contents:
 *		01. layout
 *		02. breadcrumbs
 *		03. typography
 *		04. lists/typography/links
 *		05. images
 *		06. tables
 *		07. forms
 *		08. ctoc
 *
 */
html,body {
	background:					#fff;
}

body {
	background:					url(../images/bg-body.png) repeat-x
}

body.home {
	background-image:			url(../images/bg-body-home.png);
}

body {
	color:						#545454;
	font-family:				Tahoma, Arial, "Lucida Grande", Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 46px no-repeat;
	min-height:					400px;
}

body.home div#wrapper {
	background:					url(../images/bg-wrapper-home.jpg) 50% 46px no-repeat;
}	

div#container {
	margin:						0 auto;
	width:						938px;
}

div#header {
	height:						190px;
}

body.home div#header {
	height:						300px;
}

div#brand {
	float:						left;
	height:						165px;
	padding:					25px 0 0 57px;
	width:						139px;
}

div#brand h1 {
	background: url(../images/logo-chic.png) no-repeat;
	height: 140px;
	text-indent: -9999px;
	width: 139px;
}

body.home div#brand {
	height:						275px;
}

div#deco {
	float:						right;
	height:						190px;
	width:						742px;	 
}

body.home div#deco {
	height:						300px; 
}

div#content {
	background:					url(../images/bg-content.gif) repeat-y;
	min-height:					400px;
	overflow:					hidden;
}

body.home div#content {
	background:					url(../images/bg-content-home.gif) repeat-y;
}

div#content-side {
	float:						left;
	width:						206px;
}

div#content-main {
	/*margin-left:				206px;*/
	float: right;
	width:						654px;	 
}

div#welcome {
	float:						left;
	width:						286px;
}

div#whats-new,
div#how-do {
	float:						left;
	width:						287px;
}
div#welcome-inner,
div#whats-new-inner,
div#how-do-inner,
div#content-side-inner,
div#content-main-inner {
	padding:					24px;
}

div#footer {
	background:					url(../images/bg-footer.png) no-repeat;
	height:						150px;
}

div#logos {
	height:						92px;
	padding:					12px 0 0 19px;
}

div.content {
	margin:						0 auto;
	width:						860px;
}

/** breadcrumbs
------------------------------------------------------------------ */
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#content {
	font-size:					1.2em;
	line-height:				165%;
}

div#content p {
	margin-bottom:				1.65em;
}

div#content-main-inner h1,
div#content-main-inner h2,
div#content-main-inner h3,
div#content-main-inner h4,
div#content-main-inner h5,
div#content-main-inner h6 {
	font-weight:				bold;
	margin-bottom:				0.5em;
}

div#content-main-inner h1 {
	font-size:					1.6em;
}

div#content-main-inner h2 {
	font-size:					1.4em;
}

div#content-main-inner h3 {
	font-size:					1.2em;
}

div#content-main-inner h4 {
	font-size:					1.1em;
}

div#content-main-inner p.item,
div#content-main-inner p.document {
	margin-bottom:				0.5em;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#whats-new ol {

}

div#whats-new ol li {

}

div#whats-new ol li h4 {
	color:						#ed7600;
	font-size:					0.8em;
}

div#whats-new ol li h4 a,
div#whats-new ol li h4 a:link {
	color:						#ed7600;
}

div#whats-new ol li h4 a:hover {
	text-decoration:			none;
}

div#how-do ul {

}

div#how-do ul li {
	background:					url(../images/icons/icon-darrow-ef7700.gif) 0 50% no-repeat;
	padding-left:				20px;
}

div#content-side ul {

}

div#content-side ul li {
	background:					url(../images/icons/icon-darrow-ef7700.gif) 0 7px no-repeat;
	padding-left:				20px;
}

div#content-main-inner ul {
	margin-bottom:				1.5em;
}

div#content-main-inner ul li {
	background:					url(../images/icons/icon-darrow-ef7700.gif) 0 7px no-repeat;
	padding-left:				18px;
}

div#content-main-inner ul li ul,
div#content-main-inner ul li ol {
	margin:						0.5em 0 0.5em 1.5em;
}

div#content-main-inner ul li ul li {
	background:					url(../images/icons/icon-circle-494949.gif) 0 8px no-repeat;
	padding-left:				15px;
}

div#content-main-inner ul li ul li ul {
	margin-left:				0;
}

div#content-main-inner ul li ol {
	margin-left:				0;
}

div#content-main-inner ol {
	list-style:					decimal;
	margin-bottom:				1.5em;
}

div#content-main-inner ol li {
	background:					none;
	list-style-position:		inside;
	padding-left:				0;
}

div#content-main-inner ol li ol {
	margin:						0.5em 0 0.5em 0;
}

div#content-main-inner ol li ul li {
	padding-left:				15px;
}

div#content-side a,
div#content-side a:link {
	color:						#545454;
}

div#content-main a,
div#content-main a:link,
body.home div#content a,
body.home div#content a:link {
	color:						#ed7600;
}

div#content-side a:hover,
div#content-main a:hover,
body.home div#content a:hover {
	text-decoration:			none;
}

div#footer ul {
	color:						#ef7700;
	font-size:					1.1em;
	margin:						16px 0 0 15px;
}

div#footer ul li {
	border-right:				1px solid #fbe1c7;
	float:						left;
	padding:					2px 10px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border:						0;
	padding-right:				0;
}

div#footer ul li a,
div#footer ul li a:link {
	color:						#ef7700;
	text-decoration:			none;
}

div#footer ul li a:hover {
	text-decoration:			underline;
}

/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
/** ctoc
------------------------------------------------------------------ */
div#ctoc {
}

div#ctoc div.ctoc_item0 {
	/*display:					none;*/
	background:					url(../images/icons/icon-darrow-ef7700.gif) 0 7px no-repeat;
	padding-left:				20px;
}

div#ctoc div.ctoc_children {
}

div#ctoc div.ctoc_children div {
	background:					url(../images/icons/icon-darrow-ef7700.gif) 0 7px no-repeat;
	padding-left:				20px;
}

.ctoc_current	{
	font-weight:bold;
}
