/**
 *	Arthritis Queensland
 *  Home Page Screen Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		15/07/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 */

/** layout
------------------------------------------------------------------ */
div#feature {
	background:					url(../images/interface/home/bg-feature.jpg) no-repeat;
	height:						193px;
}

div#feature a {
	display:					block;
	height:						178px;
	text-indent:				-9999px;
	float:						right;
	width:						180px;
}

div#panels {
	background:					url(../images/interface/home/bg-panels.jpg) no-repeat;
	height:						213px;
}
div#panels div.panel {
	float:						left;
}
div#panel-1 {
	height:						213px;
	width:						252px;
}
div#panel-2 {
	height:						213px;
	width:						275px;
}
div#panel-3 {
	height:						213px;
	width:						273px;
}

div.panel-inner {
	height:						101px;
	padding:					0 18px 0 20px
}

div#panel-1 .panel-inner {
	height:						85px;
}

div#content-inner {
	padding:					0 19px;
}

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

div#content-right {
	float:						right;
	width:						362px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
}

strong {
	font-weight:				bold;
}

div#panels p.button {
	padding-left:				24px;
}

div#panel-1,
div#panel-3 {
	color:						#fff;
}

div#panels div.panel h3 {
	height:						42px;
	text-indent:				-9999px;
}

div#panel-1 h3 {
	background:					url(../images/interface/home/h3s/h3-make-a-donation.gif) no-repeat;
}
div#panel-2 h3 {
	background:					url(../images/interface/home/h3s/h3-arthritis-shop.jpg) no-repeat;
}
div#panel-3 h3 {
	background:					url(../images/interface/home/h3s/h3-membership.jpg) no-repeat;
}

div#content {
	line-height:				21px;
}

div#content h4 {
	height:						29px;
	text-indent:				-9999px;
}

div#content div#latest-news h4 {
	background:					url(../images/interface/home/h4s/h4-latest-news.jpg) no-repeat;
}
div#content div#subscribe h4 {
	background:					url(../images/interface/home/h4s/h4-subscribe.gif) no-repeat;
}
div#content div#tips h4 {
	background:					url(../images/interface/home/h4s/h4-tips.gif) no-repeat;
}

div#content h5 {
	background:					url(../images/interface/home/icons/icon-arrow-008dc9.gif) 0 50% no-repeat;
	color:						#008dc9;
	font-size:					14px;
	margin:						0;
	padding-left:				15px;
}
div#content div#subscribe h5,
div#content div#tips h5 {
	background:					none;
	padding-left:				0;
}

div#content p {
}
/** lists/typography/links
------------------------------------------------------------------ */
div#panel-3 a,
div#panel-3 a:link {
	color:						#fff;
}

div#content a,
div#content a:link {
	color:						#008dca;
}

div#content ul {
	margin-bottom:				1em;
}
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */