/**
 * Blue Steel.
 * A design created for the new Queensland Government WebCentre.
 */
@media screen,projection,tv,handheld {
	#header {
		position: relative;
		color: #fff;
	}
	#tagline {clear: right; text-align: right; padding-top:40px;}
	
	#nav-site {
		background: #3a4249;		
	}	
	
	#header a,
	#header a:link,
	#header a:visited,
	#nav-site a,
	#nav-site a:link,
	#nav-site a:visited {
		color: #F9F8F9;
	}
	
	#sidebar .aside {
		background: #fff;
	}
	.article .box-sizing {
		background: #fff;

	}
	
	#nav-site li {		
		padding: 0px;
	}
	
	#nav-site li a {
		padding: .5em 1em .5em;
	}
	
	#tools li,
	#breadcrumbs li,
	#footer-contents li {
		background: transparent url("../images/separator.png") left center no-repeat;
	}
	
	#tools li:first-child,
	#nav-site li:first-child,
	#breadcrumbs li:first-child,
	#footer-contents li:first-child {
		background: none;
		border: none;
	}

	#page-container #breadcrumbs ol li {
		margin-bottom:0;
	}
	#breadcrumbs li:first-child {
		padding-left: 0;
		margin-left: 0;
	}
	
	#breadcrumbs li {
		padding-left: 10px;
		background: transparent url("../images/breadcrumb.png") left center no-repeat;
	}
/* page-container, content, column backgrounds */
	#page-container {
		background-color: #fff;
		background-position: center top;
		background-repeat: repeat-y;
	}
	
	#content-container {
		margin-left: 1em;
		background-color: #fff;
		float:left;		
	}
	
	#document-properties {
		margin: 0;
	}	
	
	.article,
	#document-properties {
		margin-top: 0;
		margin-bottom: 0;
	}

	.page-options {
		display: inline;
		margin-left: 24px;
		background: #f7f7f7;
		border: 1px solid #e7e7e7;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		float: right;
	}
	.page-options > ul > li { padding: .5em }
	.page-options ul ul {
		padding: 4px;
		background: #f7f7f7;
		border: 1px solid #e7e7e7;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	#pre-page-options { margin-top: 10px; }
	#pre-page-options ul { float: none }
	#pre-page-options > ul > li { padding: 0 .5em }
	#post-page-options { margin-left: 0; }
	#post-page-options > ul > li { padding: 0 0.15em }
	#post-page-options > ul, #post-page-options > a {
		padding-left: 0;
		margin-left: 0;
	}
	#post-page-options ul ul { margin-bottom: 0.5em }

	#sidebar .aside {
		margin:0 0 0 1em;
	}

/* footer */
	#footer {
		background: #464f57;
		color: #fff;
	}
	#fat-footer {
		background: #3a4249;
		padding-top: .7em;
		padding-bottom: .7em;
		margin: 0;
	}
	#fat-footer .section {
		padding-bottom: 1em;
		min-height: 20em;
	}
	
	/*
	#fat-footer h2 {
		position: static;
		color: #fff;
	}
	*/
	#footer a,
	#footer a:link,
	#footer a:visited {
		color: #fff;
	}
	
	
	
/* Site navigation */
	#nav-site ul ul {
		background: #fff;
		border: solid #3a4249;
		border-width: 2px;
		margin: 0 -2px -2px -2px;
	}
	#nav-site ul ul li {
		background: none;
		border: none;
	}
	
	#nav-site ul li ul {
		top: 2.2em;
	}
	
	
	#nav-site a:hover,
	#nav-site a:focus,
	#nav-site .single a:hover,
	#nav-site .single a:focus {
		background: #fff;
		color: #3a4249;
	}
	/*
	#nav-site li a.open,
	#nav-site li a.open:hover,
	#nav-site li a.open:focus {
		background: #fff;
		color: #3a4249;
	}
	*/
	#nav-site li a:hover {
		/*background: #efefef;*/
	}
	#nav-site ul ul li a:hover {
		/*background: #ddd;*/
	}
	
	
	#nav-site ul li:hover a,
	#nav-site ul li:hover a:link,
	#nav-site ul li:hover a:hover,
	#nav-site ul li:hover a:visited,
	#nav-site ul li.hover a,
	#nav-site ul li.hover a:link,
	#nav-site ul li.hover a:hover,
	#nav-site ul li.hover a:visited,
	#nav-site ul li a.open,
	#nav-site ul li a.open:link,
	#nav-site ul li a.open:hover,
	#nav-site ul li a.open:visited {
		color: #3a4249;
		background: #fff;
	}
	
	
	#nav-site ul li:hover ul,
	#nav-site ul li.hover ul {
		left: 1px;
	}
	
	#nav-site ul li:hover ul.right-edge,
	#nav-site ul li.hover ul.right-edge {
		right: 1px;
	}
	
/* Section navigation */	
	
	#nav-section .box-sizing {
		padding: 0 !important;
	}
	
	#nav-section .box-sizing h2{		
		margin-top: 0 !important;
	}
	
	#nav-section ul {
		list-style-type: square;
	}
	
	#navtree, div#sitemaptree ul.level_0 {
		padding-left: 2em;
	}
	
	div#sitemaptree ul.level_0 {
		margin:0;
	}
	#content-container #navtree {
		padding-left: 0;
	}
	
/* Asides */
	#sidebar .aside {
		background: #fff;
	}

/* Page feedback */
	#page-feedback {
		clear: left;
		margin-left: 12px;
		width: 60%;
	}
	#page-feedback h2 { margin-top: 0; }
	
	#error #page-container #content {
		margin:0 1em;
	}
}