/*
Theme Name: Central Queensland Plumbing 2009
Theme URI: http://www.cqplumbing.com.au
Description: Revised version for 2009
Version: 1.0
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * med green			:	526f60
 * dark grey (content)	:	2f2e2e
 * light green			:	bbc8bd
 * footer text			:	23694c
 * 
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Forms
 * 5.Navigation
 * 6.News
 */

/*
 * 1.Header and Main Body Layout
 */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
	background:#1d757d url(images/background.gif) center top repeat; /* the right sidebar colour */
}
.widthlimiter{
	position:relative;
	width:100%;
	padding-top:63px;
	background:transparent url(images/widthlimiter-background.gif) center top repeat-x; /* the right sidebar colour */
	/*background:url(images/nav_tile.jpg) repeat-y;  tile for below nav image */
}
#header {
    width: 100%;
	/**/
	z-index:99;

}
#header_content {
	width:976px;
	margin:0 auto;
	position:relative;
	border-bottom:10px solid #004487;
	border-top:10px solid #004487;
	left:-1px;
}
#header h1 { /* the watermark image at the right */
	background:#FFF url(images/masthead-right.jpg) right no-repeat;
	margin:0;
	padding:0;
	height:152px;
}
#header h1 a {
	background:url(images/masthead_logo.jpg) no-repeat scroll 0 0;
	height:152px;
	margin:0;
	padding:0;
	text-indent:-999em;
	width:100%;
	display:block;
}
#content_limiter {
	width:976px;
	position:relative;
	margin:0 auto;
	left:-1px;
	min-height:600px;
	background:#2b5b8b;
	border-top:1px solid #31679d;
}
#menu {
    width: 241px;
    background: url(images/left_background.jpg) no-repeat;
	min-height:478px;
	padding:30px 0 0 0;
	font-size:12px;
	float:left;
	margin-left:1px;
}
#sidebar{
	width:240px;
	top:216px;
	float:right;
	min-height:477px;
}
#sidebar img{
	margin:0;
	padding:1px;
	float:right;
	border:none;
}
#sidebar .ngg-widget {
	padding:0;
	margin:0;
}
#footer {
    background: #004487;
	border-top:1px solid #000;
   	width:975px;
	position:relative;
	margin:0 auto;
    padding: 1em 0;
	text-align:center;
	right:1px;
}

#tagline {
	position:absolute;
	top:80px;
	right:50px;
	font-size:24px;
	color: #004487;
}
#tagline .text2 {
	margin-left:90px;
}

/*
 * 2.Main Contentr
 */
 
#content h1 {
 	font-size:3em;
}

#page3 #content h1.pagetitle {
	display:none;
}

#page3 #content h1 {
	font-size:2.5em;
}

#content{
    font: normal 0.8em/1.6em sans-serif;
	padding:2% 2%;
	background:#2b5b8b;
	color:#fff;
	margin:10px 235px 0 241px;
}

.ngg-galleryoverview {
	clear:none !important;
}

#content h1{
	margin-top:-3%;
	height:60px;
}
a {
    color: #bbc8bd;
}
a:hover {
    background-color: #bbc8bd;
    color: #ffffff;
    text-decoration: none;
}
#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;
}


/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */

form.cform {
	background:#3a7bbc;
	padding:1em;
	width:425px;
	border:1px solid #21476c;
	margin:0 auto;
}

.cf-sb {float:right;}

form.cform fieldset {
	border:none;
	background:none;
	margin:0;
	padding:0;
}

form.cform legend {
	display:none;
}
.cf-ol {
	list-style:none;
	margin:0;
	padding:0;
}
.cf-ol li {
	clear:left;
	overflow:hidden;
	padding-bottom:1em !important;
}

.cf-ol li#li--7 {
	padding-bottom:1.5em !important;
}

.cf-ol li label {
	display:block;
	float:left;
	width:100px;
	padding:3px 0 2px 10px;
	margin:0 0 0 1em;
	height:20px;
	border:none;
	color:#fff;
	font-size:15px;
	line-height:20px;
	font-family:sans-serif;
	border:1px solid #21476c;
	border-right:none;
	text-align:left;
}

.cf-ol li input, .cf-ol li textarea {
	background:#2b5b8b;
	border:none;
	margin:0;
	color:#fff;
	width:250px;
	padding:5px 5px 4px 5px;
	border:1px solid #21476c;
}

.cf-ol li input:hover, .cf-ol li textarea:hover {
	background:#21476c;
	border-color:1px solid #000;
}

.cf-ol li input:active, .cf-ol li textarea:active, .cf-ol li input:focus, .cf-ol li textarea:focus {
	background:#21476c;
	border-color:1px solid #fff;
	outline:0;
}

#sendbutton {
	background:#21476c;
	border:1px solid #21476c !important;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	margin:-3px 0 0 0;
	padding: 3px 3px 2px 3px;
}

#sendbutton:active, #sendbutton:focus {
	position:relative;
	top:1px;
	left:1px;
	background:#1c3c5c;
	border-color:#152d45 !important;
}

.cf-ol li textarea {
	height:80px;
	line-height:20px;

}
.cf-ol li label span {
	padding:0;
}
.cf-ol li label, .cf-ol li label span  {
	background:#285481;
	padding-left:3px;
}
.cf-ol li .reqtxt, .cf-ol li .emailreqtxt {
	display:none;
}
.linklove {
	/*NO LINK LOVE FOR YOU! :D */
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
	clear:both;
}

/*
* gallery
*/

#content .ngg-galleryoverview{
	width:450px;
	margin:auto;
}
#content .slideshowlink{
	text-align:center;
	font-size:90%;
}
#content .ngg-gallery-thumbnail span{
	width:100%;
	text-align:center;
}
/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer p {
    font-size: 0.6em;
    line-height: 2em;
    color: #ccc;
	margin:0;
}
#footer a {
    color: #fff;
    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;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:hidden;
	line-height:18px;
}
.nav ul { /* dropdown width */
	/* position:absolute; */
	top:-999em;
	width:100%;
}
.nav ul li,
.nav a {
	display:block;
}
.nav li {
	/*float:left;
	 position:relative; */
	z-index:99;
	float:right; clear:right;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul { /* vertical pozzie of dropdown */

}
.nav li:hover li ul,
.nav li.sfHover li ul {
}
.nav li li:hover ul,
ul.nav li li.sfHover ul { /* 2nd level dropdown */
}
.superfish li:hover ul,
.superfish li li:hover ul {
}

/*** SKIN ***/
.nav {
}
.nav li {
	background:url(images/nav_tpt_L.png);
	width:100%;
	margin:2px 0 0 0;
}
.nav li li {
	background:none;
}
.nav a {
	color:#000;
	text-decoration:none;
	padding:2px 4px 2px 0;
}
.nav a:hover {
	background:#fff;
	color:#000;
}

.nav li li {
	margin:0;
}
.nav li li a {
	color:#222;
	padding-right:10px;
}
.nav li li li {
	margin:0;
}

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

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 25px;
	height:25px;
	margin:5px 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
	height:20px;
	margin:5px 0;
}