/**
 *	KidsGP
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		10/07/2007	
 *
 *	Table of Contents:
 *		layout
 *		breadcrumbs
 *		typography
 *		lists
 *      links
 *		tables
 *		forms
 *
 */
body {
	background-color:			#e5dad3;
	color:						#fff;
	font-family:				"Lucida sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
--------------------------------------- */
#wrapper {
	background:					#46683e url(../images/bg-wrapper.jpg) left bottom repeat-x;
}

#container {
	width:						860px;
	margin:						0 auto;
}

#navigation {
	clear:						both;
	height:						73px;
	width:						760px;
	margin: 					0 auto;
}

#header {
	overflow:					hidden;
	padding-left:				32px;
	width:						828px;
}

#brand {
	float:						left;
	height:						90px;
	padding-top:				33px;
	/*width:						186px;*/
}

#hero {
	/*background:					url(../images/bg-hero.png) right top no-repeat;*/
	background:					url(../images/feature_bg.gif) right top no-repeat;
	height:						186px;
	margin-left:				186px;
}

#content {
	overflow:					hidden;
	width:						860px;
}

body.home #content {
	min-height:					450px;
	height:						auto !important;
	height:						450px;
}

#main-content {
	float:						left;
	width:						652px;
	overflow:					hidden;
}

body.home #main-content,
body.media #main-content,
body.full #main-content {
	float:						none;
	width:						auto;
}

#main-content-inner {
	color:						#fff;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					1.2em;
	letter-spacing:				0;
	line-height:				150%;
	padding:					0 50px;
	word-spacing:				normal;
}

div#chat-container {
	height:						270px;
}

div#chat-container div.messages,
div#chat-container div.online {
	background-color:			#587854;
	border:						1px solid #45683e;
	float:						left;
	height:						238px;
	padding:					10px;
	overflow:					auto;
}

div#chat-container div.messages {
	width:						485px;
}

div#chat-container div.online {
	float:						right;
	width:						221px;
}

div.inputPane,
div.loginform {
	clear:						both;
}

body.home #main-content-inner {
	padding-left:				237px;
}

body.home #extra-content {
	clear:						both;
	height:						202px;
	margin-left:				87px;
}

body.home #extra-content-baux {
	background:					url(../images/bg-extra-content-baux.gif) no-repeat;
	float:						left;
	width:						509px;
}

body.home #for-gps {
	border-bottom:				1px solid #56744f;
	float:						left;
	height:						182px;
	margin-right:				13px;
	width:						299px;
}

body.home #latest-media-release {
	border-bottom:				1px solid #56744f;
	float:						left;
	height:						182px;
	width:						197px;
}

body.home #quick-tips-for-parents {
	background:					url(../images/bg-quick-tips-for-parents.png) no-repeat;
	float:						left;
	font-size:					1.1em;
	height:						202px;
	width:						216px;
}

#side-content {
	margin-left:				652px;
}

#related-items-container {
	overflow:					hidden;
	width:						208px;
}

#related-items-inner {
	background:					url(../images/bg-related-items-inner.png) left bottom;
	min-height:					200px;
	height:						auto !important;
	height:						200px;
	padding-bottom:				35px;
}

#footer {
	background:					url(../images/bg-footer.jpg) repeat-x;
	height:						375px;
}

#footer-inner {
	background:					url(../images/bg-footer-inner.gif) 0 96px no-repeat;
	padding-top:				96px;
	width:						760px;
	margin:						auto;
	height:						100px;
}

#footer-inner-copyright {
	float:						left;
	height:						73px;
	padding:					25px 1px 0 25px;
	width:						195px;
}

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

strong {
	font-weight:				bold;
}

#brand h1 {
	background:					url(../images/logo-kidsgp.png) no-repeat;
	height:						90px;
	text-indent:				-9999px;
	width:						186px;
}

body.home #main-content-inner h2 {
	background:					url(../images/h2s/h2-welcome.gif) no-repeat;
	font-size:					14px;
	font-weight:				bold;
	line-height:				0.9;
	margin-bottom:				1.5em;
	text-indent:				-9999px;
	text-transform:				uppercase;
}

h3,h4,h5,h6 {
	font-weight:				bold;
}

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

body.home #for-gps h3 {
	background:					url(../images/h3s/h3-for-gps.png) no-repeat;
	height:						57px;
	width:						299px;
	text-indent:				-9999px;
	margin-bottom:				26px;
}

body.home #latest-media-release h3 {
	background:					url(../images/h3s/h3-latest-media-release.png) no-repeat;
	height:						57px;
	width:						197px;
	text-indent:				-9999px;
	margin-bottom:				24px;
}

body.home #latest-media-release p {
	padding-left:				26px;
	line-height:				150%;
	margin-bottom:				1em;
}

body.home #quick-tips-for-parents h3 {
	background:					url(../images/h3s/h3-quick-tips-for-parents.gif) no-repeat;
	height:						57px;
	width:						216px;
	text-indent:				-9999px;
	margin-bottom:				24px;
}

body.home #quick-tips-for-parents p {
	color:						#957752;
	padding:					0 23px;
	line-height:				150%;
}

#side-content #related-items-container h4 {
	background:					url(../images/h3s/h3-related-items.png) no-repeat;
	height:						50px;
	width:						208px;
	text-indent:				-9999px;
}

#footer-inner p {
	color:						#aca197;
	line-height:				150%;
	margin-bottom:				1em;
}

/** lists
--------------------------------------- */
#main-content-inner ul {
	margin-bottom:				1.5em;
}

#main-content-inner ul li {
	/*background:					url(../images/icons/icon-list.gif) 0 2px no-repeat;*/
	background:					url(../images/icons/icon-arrow-t.gif) 0 2px no-repeat;
	margin-bottom: 				0.5em;
	padding-left:				2em;
}

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

#main-content-inner ul li ul li {
	background:					url(../images/icons/icon-list-sub.gif) 0 6px no-repeat;
	margin-bottom:				0;
	padding-left:				1em;
}

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

#main-content-inner ul li ol li {
	background:					none;
	padding-left:				0;
}

#main-content-inner ol {
	list-style:					decimal;
	margin:						0 0 1em 1.5em;
	padding-left:				0.5em;
}

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

body.home #for-gps ul {
	margin-left:				155px;
}

body.home #for-gps ul li {
	background:					url(../images/icons/icon-arrow-t.gif) 0 50% no-repeat;
	line-height:				150%;
	margin-bottom:				1em;
	padding-left:				1.5em;
}

body.home #latest-media-release ul {
	margin-left:				26px;
}

body.home #latest-media-release ul li {
	line-height:				150%;
	margin-bottom:				1em;
	padding-right:				1em;
}

body.home #latest-media-release ul li span {
	color:						#78acd9;
}

#main-content-inner ol#media-list {
	list-style:					none;
	margin:						0;
	padding:					0;
}

#main-content-inner ol#media-list li {
	float:						left;
	margin-bottom:				2em;
}

#main-content-inner ol#media-list li div.media-date {
	background:					url(../images/icons/icon-date.gif) no-repeat;
	float:						left;
	height:						46px;
	margin-right:				10px;
	width:						46px;
}

#main-content-inner ol#media-list li div.media-date span.month {
	color:						#fff;
	display:					block;
	font-family:				Trebuchet MS,Tahoma,Arial,Verdana;
	font-size:					10px;
	line-height:				11px;
	padding-top:				3px;
	text-align:					center;
	text-transform:				uppercase;
}

#main-content-inner ol#media-list li div.media-date span.day {
	color:						#333;
	display:					block;
	font-family:				Arial;
	font-size:					22px;
	font-weight:				bold;
	line-height:				18px;
	padding-top:				7px;
	text-align:					center;
	text-transform:				uppercase;
}

#main-content-inner ol#media-list li div.media-content  {
	float:						left;
	width:						495px;	
}

#main-content-inner ol#media-list li div.media-content h3 {
	font-size:					1.2em;
	margin-bottom:				1em;
	line-height:				10px;
}

#main-content-inner ol#media-list li div.media-content h3 a {
	padding-bottom:				0.2em;
}

#side-content #related-items-inner ul,
#side-content #related-items-inner ol {
	font-size:					1.1em;
	margin:						0 0 0 25px;
}

#side-content #related-items-inner ul {
	padding-top:				15px;
}

#side-content #related-items-inner ul li,
#side-content #related-items-inner ol li {
	background:					url(../images/icons/icon-related.gif) 0 50% no-repeat;
	color:						#6d5535;
	line-height:				150%;
	padding:					0.5em 1.5em 0.5em 1.5em;
}

#side-content #related-items-inner ul li {
	background:					url(../images/icons/icon-related.gif) 0 9px no-repeat;
}

#side-content #related-items-inner ol li {
	background:					url(../images/icons/icon-document.gif) 0 9px no-repeat;
}

#side-content #related-items-inner ul li a,
#side-content #related-items-inner ol li a {
	color:						#6d5535;
	text-decoration:			none;
}

#side-content #related-items-inner ul li a:hover,
#side-content #related-items-inner ol li a:hover {
	text-decoration:			underline;
}

#footer-inner ul {
	display:					block;
	float:						left;
	height:						98px;
	width:						538px;
}

#footer-inner ul li {
	float:						left;
	height:						98px;
	text-indent:				-9999px;
}

/** links
--------------------------------------- */
#brand h1 a,
#brand h1 a:link,
#brand h1 a:visited,
#brand h1 a:active {
	display:					block;
	height:						90px;
	width:						186px;
}


#main-content-inner a,
#main-content-inner a:hover {
	color:						#ede4aa;
	text-decoration:			none;
}

#main-content-inner a,
#main-content-inner a:link,
#main-content-inner a:active {
	border-bottom: 				2px solid #ede4aa;
	padding-bottom: 			0.5px;
}

#main-content-inner a:visited {
	border-bottom-color:		#bcda97;
}

#main-content-inner a:hover {
	color:						#fff;
	border-bottom-color:		#fff;
}

#for-gps ul li a,
#for-gps ul li a:link,
#for-gps ul li a:visited,
#for-gps ul li a:active {
	color:						#fff;
}

#latest-media-release ul li a,
#latest-media-release ul li a:link,
#latest-media-release ul li a:visited,
#latest-media-release ul li a:active {
	color:						#fff;
	text-decoration:			none;
}

#latest-media-release ul li a:hover {
	text-decoration:			underline;
}

#footer-inner p a,
#footer-inner p a:link,
#footer-inner p a:visited,
#footer-inner p a:active {
	color:						#aca197;
	text-decoration:			none;
}

#footer-inner p.imagin8 a,
#footer-inner p.imagin8 a:link,
#footer-inner p.imagin8 a:visited,
#footer-inner p.imagin8 a:active {
	color:						#918986;
	background:					url(../images/icons/icon-arrow-b.gif) 0 50% no-repeat;
	padding-left:				10px;		
}

#footer-inner p a:hover {
	border-bottom:				2px solid #918986;
}

#footer-inner ul li a {
	display:					block;
	height:						98px;
}

#footer-inner ul li#link-01,
#footer-inner ul li#link-01 a,
#footer-inner ul li#link-01 a:link {
	width:						145px;
}

#footer-inner ul li#link-01 {
	background:					url(../images/logos/logo-amaqueensland.jpg) no-repeat;
	padding-right:				1px;
}

#footer-inner ul li#link-02,
#footer-inner ul li#link-02 a,
#footer-inner ul li#link-02 a:link {
	width:						219px;
}

#footer-inner ul li#link-02 {
	background:					url(../images/logos/logo-queenslandgovernment.jpg) no-repeat;
	padding-right:				1px;
}

#footer-inner ul li#link-03,
#footer-inner ul li#link-03 a,
#footer-inner ul li#link-03 a:link {
	width:						172px;
}

#footer-inner ul li#link-03 {
	background:					url(../images/logos/logo-kidsgp.jpg) no-repeat;
}


/** breadcrumbs
--------------------------------------- */
#main-content-inner ul#breadcrumbs-list {
	color:						#fff;
	font-size:					0.9em;
	margin-bottom:				1.5em;
}

#main-content-inner ul#breadcrumbs-list li {
	/*background:					url(../images/icons/icon-list.gif) 0 0 no-repeat;*/
	background:					url(../images/icons/icon-arrow-t.gif) 0 5px no-repeat;
	display:					inline;
	padding:					0 0.5em 0 1.5em;
}

#main-content-inner ul#breadcrumbs-list li.first {
	background:					none;
	padding-left:				0;
}
	
#main-content-inner ul#breadcrumbs-list li a,
#main-content-inner ul#breadcrumbs-list li a:hover {
	color:						#85beff;
	text-decoration:			none;
}

#main-content-inner ul#breadcrumbs-list li a,
#main-content-inner ul#breadcrumbs-list li a:link,
#main-content-inner ul#breadcrumbs-list li a:active {
	border-bottom:				2px solid #85beff;
	padding-bottom:				0.5px;
}

#main-content-inner ul#breadcrumbs-list li a:hover {
	color:						#fff;
	border-bottom-color:		#fff;
}

/** tables
--------------------------------------- */
#main-content-inner table {
	margin-bottom:				1em;
}

/** forms
--------------------------------------- */
div.inputPane textarea {
	border:						1px solid #45683e;
	padding:					10px;
	font-family:				Arial, Verdana, Helvetica, sans-serif;
	font-size:					12px;
	width:						637px;
	height:						30px;
	float:						left;
}

div.inputPane input {
	background-color:			#587854;
	border:						1px solid #fff;
	color:						#fff;
	height:						50px;
	float:						left;
	margin-top:					2px;
	width:						50px;
}

/** images
--------------------------------------- */
#main-content-inner img {
	margin:						0 10px 10px 10px;
}

#main-content-inner table img {
	margin:						0;
}