/*
Theme Name: BK Ganter 09
Theme URI: http://www.almostanything.com.au
Description: Updated design for April 2009
Version: 2009.1
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * red					:	ed1a24
 * dark grey			:	1c1c1c
 * hover text grey		:	a2a09f
 * 
 * LAST EDIT
 * by		:	Jason
 * date		:	25 November 08
 * what		:	Build
 * 
 * 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: 1em/1.6em calibri, sans-serif;
	background:#1c1c1c url(images/body.gif) repeat-y;
}
#header {
    width: 575px;
    height: 221px;
	background:url(images/masthead_tile.png) repeat-x;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#header h1 {
    margin: 0;
    padding: 0;
	width:359px;
	height:221px;
	position:relative;
	overflow:hidden;
}
#header h1 span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(images/logo.png) no-repeat;
}
#description {
	position:absolute;
	width:512px;
	height:221px;
	top:0;
	right:0;
	overflow:hidden;
}
#description span{
/*	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(images/masthead_right.png) no-repeat;*/
	display:none;
}
#sidebar{
	background:url(images/photo.jpg);
	width:575px;
	/*height:347px;*/
	height:400px;
	top:220px;
	position:fixed;
}
#sidebar span{
	position:absolute;
	left:0;
	bottom:0;
	width:193px;
	height:79px;
	background:url(images/footer_logo_abstract.gif) no-repeat;
}

#menu {
	position:absolute;
	right:0px;
	top:30px;
	width:148px;
	font-size:12px;
	background:url(images/nav_tpt.png) repeat;
	height:900px;
	overflow:hidden;
}

/*
 * 2.Main Content
 */
#content {
	background-color: #1c1c1c;
	color: #fff;
	font: normal 0.8em/1.6em;
	margin: 0 0 0 575px;
	padding: 10px 20px;
}
#content a {
	color: #a2a09f;
}
#content a:hover {
    background-color: #a2a09f;
    color: #1c1c1c;
    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;
}
.ngg-navigation{
	padding-bottom:5px;
}
.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
#content .cform legend {
    font-family: sans-serif;
}
#content .cform fieldset {
    background: #000;
}
#content .cform input.sendbutton{
	margin:10px 0 0 100px;
}
.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 {
	margin:0 0 0 575px;
	padding:50px 0 0 0;
    height: 8em;
	text-align:center;
	background:#1c1c1c url(images/qmba.png) no-repeat center top;
}
#footer p {
    font-size: 0.6em;
    line-height: 1.4em;
	color:#A2A09F;
}
#footer a {
    text-decoration: none;
	color:#A2A09F;
}
#footer a:hover {
    text-decoration: underline;
}
#footer-constructions{
	width:134px;
	height:73px;
	background:url(images/footer_logo_constructions.png);
	margin:auto;
}

/*
 * 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:25px;
}
.nav ul { /* dropdown width */
	width:148px;
}
.nav a {
	width:100%;
}
.nav ul li {
	width: 100%;
}
.nav li {
	/*float:left;*/
	z-index:99;
	text-indent:10px;
	width:148px;
}

.nav a {
	display:block;
	
	width:148px;
}
.nav ul li a {
	display:block;
	
	width:138px;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
}
.nav li {
	/*background:#ccc;*/
	border-bottom:1px solid #fff;
	width:100%;
}
.nav ul li {
	/*background:#ccc;*/
	border-bottom:none;
	padding-left:10px;
}
.nav a {
	color: #fff;
	text-decoration:none;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	color:#a2a09f;
}
.nav li li {
	background:none;
}
.nav li li li {
	background:none;
}

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

/*
 * sIFR
 */

/* 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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
}