/*
Theme Name: Busby 2008
Theme URI: http://www.busbygroup.com.au
Description: The Default Theme for the Buby Group Site
Version: 1.0
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * white					:	fff
 * Dark Blue				:	013050
 * Light Blue				:	41647c
 * Content grey				:	464646
 * sidebar brown			:	171913
 * Green					:	81c447
 * 
 * LAST EDIT
 * by		:	Michael
 * date		:	3 October 08
 * what		:	Cloning of whitesite to make the busby themage :D
 * 
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Forms
 * 5.Navigation
 * 6.News
 */

/*
 * 1.Header and Body
 */
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	background: #fff;
	color:#fff;
}

.widthlimiter {
	background: #464646 url(images/sidebar-tile.gif) right top repeat-y;
}

.services-home {
	margin:0 auto;
}

#header {
	background: #013050 url(images/head-bg.gif) top center repeat-x;
	width: 100%;
	height: 408px;
	position:relative;
	overflow:hidden;
}

#header div#masthead_widget {
	position:absolute;
	bottom:0;
	left:0;
}

#header h1 {
	margin: 0 auto;
	padding: 0;
	font: normal bold 2em/80px sans-serif;
	text-indent:-999em;
	width: 100%;
	height: 408px;
	background: url(images/head.jpg) top left no-repeat;
}

#search {
	display: inline;
}

#description {
	display: inline;
	margin-right: 1em;
}

.widthlimiter {
	margin: 0 auto;
	min-width:707px;
}

#menu {
	width: 100%;
	background:url(images/nav-tile.jpg) center repeat-x;
	height: 56px;
}

/*
 * 2.Main Content
 */
#content {
	font: normal 1em/1.6em sans-serif;
	padding:2em 5%;
	margin-right:308px;
	min-width:400px;
}
#sidebar {
	float:right;
	width:304px;
	padding:0 0 0 1px;
	overflow:hidden;
}
h1 {
	font: normal bold 2em/60px sans-serif;
}
h1 .sIFR-alternate {
	display:none;
}
h2 {
	font: normal bold 1.6em sans-serif;
}
h3 {
	font: normal bold 1.4em sans-serif;
}
a {
	color:#fff
}
a img{
	border:none;
}
a:hover {
	color:#81c447;
}
#content img.alignleft, #content div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}
#content img.alignright, #content div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}
#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}

#transportablehomescta {
	width:200px;
	height:200px;
	position:absolute;
	top:160px;
	left:30px;
	z-index:999;
	display:block;
	text-indent:-9999px;
	background:transparent url(images/transportableHomesCallout.png) no-repeat;
	font-size:1.5em;
	color:#fff;
}

#transportablehomescta span {
	display:block;
}

/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
#content .cform legend {
	font-family: sans-serif;
	color:#fff;
}
#content .cform fieldset {
	background:none;
	border:none;
	
}
#content .cform {
	float:right;margin-bottom:2em;
}
.linklove { /*hides link to author but still gives them the backlink*/
	display: none;
}
/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer {
	clear:both;
	border-top:1px solid #dadada;
	background: #fff;
	color:#777777;
	width: 100%;
	height: 2em;
	text-align:center;
}
#footer p {
	font-size: 0.8em;
	line-height: 2.4em;
	margin:0;
}
#footer a {
	color:#777777;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/*
 * 5.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/

.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:32px;
	width:1013px;
	margin:0 auto;
	height:56px;
}
.nav ul { /* dropdown width */
	position:absolute;
	top:-999em;
	width:100%;
}
.nav ul li, .nav a {
	width: 100%;
	height:56px;
	display:block;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav li:hover ul, ul.nav li.sfHover ul { /* vertical pozzie of dropdown */
	left:0px;
	top:56px;
}
.nav li:hover li ul, .nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, ul.nav li li.sfHover ul { /* 2nd level dropdown */
	left:90px;
	top:-1px;
}
.superfish li:hover ul, .superfish li li:hover ul {
	top: -999em;
}
/*** ORIGINAL SKIN ***/
.nav {
	position:relative;
	left:-23px;
}
.nav li a {
	text-indent:-999em;
}

/* MAIN NAVIGATION IMAGE PLACEMENT!
 *
 * Okay, heres the deal: the navigation is just 2 images, and they are using offsets to get the images in the correct place.
 *
 * Technically the link is an empy seethrough box untill its noused over, and the background is set, with an offset to show the right button *gasp*.
 *
 * These shouldnt need to be changed, unless the whole top menu needs to be redone :D
 *
 */

/*Home */
.nav li.page-item-3 {
	width:80px;
	background:url(images/nav-sprite.jpg) 23px 0px no-repeat;
}
.nav li.page-item-3 a:hover, .nav li.page-item-3 a:focus,
.nav li.page-item-3.current_page_item a, .nav li.page-item-3.current_page_ancestor a  {
	background:url(images/nav-sprite.jpg) 23px 56px no-repeat;
}

/*about */
.nav li.page-item-24 {
	width:70px;
	background:url(images/nav-sprite.jpg) -60px 0px no-repeat;
}
.nav li.page-item-24 a:hover, .nav li.page-item-24 a:focus,
.nav li.page-item-24.current_page_item a, .nav li.page-item-24.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -60px 56px;
}

/*contracting */
.nav li.page-item-9 {
	width:111px;
	background:url(images/nav-sprite.jpg) -136px 0px no-repeat;
}
.nav li.page-item-9 a:hover, .nav li.page-item-9 a:focus,
.nav li.page-item-9.current_page_item a, .nav li.page-item-9.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -136px 56px;
}

/*transport */
.nav li.page-item-5 {
	width:90px;
	background:url(images/nav-sprite.jpg) -264px 0px no-repeat;
	border-left:1px solid #999;
}
.nav li.page-item-5 a:hover, .nav li.page-item-5 a:focus,
.nav li.page-item-5.current_page_item a, .nav li.page-item-5.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -264px 56px;
}

/*Transportable Homes (added in 29/01/10) */
.nav li.page-item-442 {
	width:127px;
	background:url(images/nav-sprite.jpg) -368px 0px no-repeat;
	border-left:1px solid #999;
}
.nav li.page-item-442 a:hover, .nav li.page-item-442 a:focus,
.nav li.page-item-442.current_page_item a, .nav li.page-item-442.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -368px 56px;
}
/*House Removals */
.nav li.page-item-19 {
	width:149px;
	background:url(images/nav-sprite.jpg) -498px 0px no-repeat;
}
.nav li.page-item-19 a:hover, .nav li.page-item-19 a:focus,
.nav li.page-item-19.current_page_item a, .nav li.page-item-19.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -498px 56px;
}
/*Plant Hire */
.nav li.page-item-13 {
	width:100px;
	background:url(images/nav-sprite.jpg) -647px 0px no-repeat;
}
.nav li.page-item-13 a:hover, .nav li.page-item-13 a:focus,
.nav li.page-item-13.current_page_item a, .nav li.page-item-13.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -647px 56px;
}
/*Demolition (ka-blammo!) */
.nav li.page-item-16 {
	width:111px;
	background:url(images/nav-sprite.jpg) -754px 0px no-repeat;
}
.nav li.page-item-16 a:hover, .nav li.page-item-16 a:focus,
.nav li.page-item-16.current_page_item a, .nav li.page-item-16.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -754px 56px;
}
/*News */
.nav li.page-item-4 {
	width:78px;
	background:url(images/nav-sprite.jpg) -874px 0px no-repeat;
}
.nav li.page-item-4 a:hover, .nav li.page-item-4 a:focus,
.nav li.page-item-4.current_page_item a, .nav li.page-item-4.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -874px 56px;
}
/*Contact */
.nav li.page-item-25 {
	width:70px;
	background:url(images/nav-sprite.jpg) -955px 0px no-repeat;
}

.nav li.page-item-25 a:hover, .nav li.page-item-25 a:focus,
.nav li.page-item-25.current_page_item a, .nav li.page-item-25.current_page_ancestor a {
	background:url(images/nav-sprite.jpg) -955px 56px no-repeat;
}

.nav a {
	color: #000;
	text-decoration:none;
}
/*.nav li:hover, .nav li.sfHover a,
.nav a:focus, .nav a:hover, .nav a:active {
	background:url(images/navigation-img-hover.jpg);	
}*/
.nav li.page_item li.page_item:hover, .nav li.page_item li.page_item.sfHover, .nav li.page_item li.page_item a:focus, .nav li.page_item li.page_item a:hover, .nav li.page_item li.page_item a:active {
	color: #81c447;
	background:#24272E;
}
.nav li.page_item li.page_item {
	background:#24272E;
	border:1px solid #fff;
	border-top:none;
	margin-left:-1px;
	height:36px;
	text-indent:0;
	color:#fff;
}
.nav li.page_item li.page_item a {
	background:#24272E;
	line-height:36px;
	height:36px;
	font-weight:bold;
	text-indent:0;
	color:#fff;
	text-align:center;
	font-size:90%;
}
/*
 * Just when you thought it was over, well its not.
 * There is a second menu, its the links up in the top headder :D
 */

#header_menu .sub_nav {

	left:607px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:86px;
	width:420px;
}
.sub_nav li a {
	float:left;
	display:block;
	text-indent:-999em;
}
.sub_nav li a:hover {
	border-bottom:1px solid #41637C;
}
.sub_nav li.page-item-9 a {
	width:76px;
}
.sub_nav li.page-item-5 a {
	width:65px;
	margin-left:8px;

}
.sub_nav li.page-item-19 a {
margin-left:5px;
width:105px
}
.sub_nav li.page-item-13 a {
margin-left:5px;
width:67px;
}
.sub_nav li.page-item-16 a {
margin-left:5px;
width:76px;
}



/*
 * 6.News
 */
.postdate, .postmetadata {
	font-size:0.8em;
	font-style:italic;
}

#content .ngg-galleryoverview .slideshowlink {
	display:block;
	font-size:85%;
	clear:none;
}
#content .ngg-galleryoverview, #content .ngg-albumoverview {
	text-align:center;
	clear:none;
}
#content .ngg-galleryoverview * {
	display:inline;
	text-align:center;
	float:none;
}
#sidebar .ngg-widget{
	width:145px;
	margin:20px auto;
}
#sidebar .ngg-widget img{
	margin:10px 0;
}