/*
Date: November 09
Author: Sean Ockert
Company: Kintek, Brisbane

*/

/* ------------------------------Initialise -------------------------------*/
/* This section is for style resets, a:link styles and common classes. 
Common classes can be applied to any element as a shortcut style. Eg.
Adding - class="right" - to an image will float it right
Adding - class="text-center" - to a paragraph will center align the text
Adding - class="clear" - is handy to clear floats and rows.
*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, button,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	object{z-index:1;}
	
	/* remember to define focus styles */
	:focus {outline: 0;}
	
	ol, ul {
		list-style: none;
		margin-bottom:10px;
		margin-left:10px;
	}
	

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}


	a:link, a:visited {color:#333;text-decoration:underline;font-weight:normal;}
	a:hover {color:#5a7227;text-decoration:underline;border-bottom:none;}

	p {margin:15px 0;}
	img {border:none;}
	p img {margin:5px;}
		
	strong {font-weight:bold;}
	em {font-style:italic;}
	hr {  
	border: 0;
	width: 100%;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	}
	
	.left {float:left;}
	.right {float:right;}
	.clear {clear:both;}
	.small {font-size:0.8em;}
	
	.text-left {text-align:left;}
	.text-right {text-align:right;}
	.text-center {text-align:center;}
	
	.padded {padding-left:10px;}
	.padded-top  {padding-top:5px;}
	.nopadding {padding:0;margin:0;}
	.nomargin {margin:0;}
	
	.error {padding:5px 10px;margin:5px 0;background:#AD0E2F;color:#fff;border:1px solid #7E0C24;font-weight:bold;}
	.notice {padding:5px 10px;margin:5px 0;background:#7DB647;color:#fff;border:1px solid #5D8932;font-weight:bold;}
	.spacer {height:0px;}	
	
	.blogger-post-footer {
	height:0;
	}


	
/* ------------------- Headers -------------------------------*/

	h1 {
		font-size:3em;
		text-transform:uppercase;
		font-weight:bold;
		color:#000;
		line-height:140%;
	}
	 
	h2, h3 {
		font-size:2.5em;
		padding:0px;
		margin-bottom:5px;
		text-transform:uppercase;
		color:#000;
		letter-spacing:-1px;
	} 
	
	#links h2, #links h3 {
		color:#fff;
		margin-top:5px;
		margin-bottom:0;
		font-size:1.1em;
		font-weight:bold;
	} 
	
	h3 {font-size:1.8em;}	

	.box h2, .box h3 {color:#222;border-bottom:5px solid #222;}
	.box h2 span, .box h3 a span {display:none;}
	
	.box h2 a, .box h3 a {color:#222;text-decoration:none;}
	.box.black h2 a, .box.black h3 a {color:#ddd;text-decoration:none;}
	
	.box h2:hover, .box h3:hover, .box h2 a:hover, .box h3 a:hover {
		color:#000;
		text-decoration:none;
		border-color:#000;
		}
	.box.black h2:hover, .box.black h3:hover, .box.black h2 a:hover, .box.black h3 a:hover {color:#fff;border-color:#fff;}	
		
	.box h2 a:hover span, .box h3 a:hover span {display:inline;}	
		
	#content .box  h3 {
		color:#000;
		border:none;
		font-size:1.4em;
		margin:0 0;
		margin-top:10px;
		}

	

	h4, h5, h6 {margin:15px 0;}	
	h4 {font-size:1.4em;padding-bottom:5px;}
	h5 {font-size:1.2em;}
	h6{font-size:1em;}

/* ------------------- Lists -------------------------------*/

	ul.tick {margin-left:10px;}
	ul.disc, ol.decimal  {margin-left:30px;}
	ul.disc li {list-style:disc;}
	ul.tick li {background:url(images/tick.png) no-repeat center left;padding-left:35px;padding-top:10px;}
	ol.decimal li {list-style-type:decimal;}
	ul.disc li, ul.tick li, ol.decimal li {margin-left:10px;padding-bottom:5px;}


/* ------------------- 960.gs  grid. Don't edit this -------------------------------*/

.container_16{margin-left:auto;margin-right:auto;width:1040px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:45px}.container_16 .grid_2{width:110px}.container_16 .grid_3{width:175px}.container_16 .grid_4{width:240px}.container_16 .grid_5{width:305px}.container_16 .grid_6{width:370px}.container_16 .grid_7{width:435px}.container_16 .grid_8{width:500px}.container_16 .grid_9{width:565px}.container_16 .grid_10{width:630px}.container_16 .grid_11{width:695px}.container_16 .grid_12{width:760px}.container_16 .grid_13{width:825px}.container_16 .grid_14{width:890px}.container_16 .grid_15{width:955px}.container_16 .grid_16{width:1020px}.container_16 .prefix_1{padding-left:65px}.container_16 .prefix_2{padding-left:130px}.container_16 .prefix_3{padding-left:195px}.container_16 .prefix_4{padding-left:260px}.container_16 .prefix_5{padding-left:325px}.container_16 .prefix_6{padding-left:390px}.container_16 .prefix_7{padding-left:455px}.container_16 .prefix_8{padding-left:520px}.container_16 .prefix_9{padding-left:585px}.container_16 .prefix_10{padding-left:650px}.container_16 .prefix_11{padding-left:715px}.container_16 .prefix_12{padding-left:780px}.container_16 .prefix_13{padding-left:845px}.container_16 .prefix_14{padding-left:910px}.container_16 .prefix_15{padding-left:975px}.container_16 .suffix_1{padding-right:65px}.container_16 .suffix_2{padding-right:130px}.container_16 .suffix_3{padding-right:195px}.container_16 .suffix_4{padding-right:260px}.container_16 .suffix_5{padding-right:325px}.container_16 .suffix_6{padding-right:390px}.container_16 .suffix_7{padding-right:455px}.container_16 .suffix_8{padding-right:520px}.container_16 .suffix_9{padding-right:585px}.container_16 .suffix_10{padding-right:650px}.container_16 .suffix_11{padding-right:715px}.container_16 .suffix_12{padding-right:780px}.container_16 .suffix_13{padding-right:845px}.container_16 .suffix_14{padding-right:910px}.container_16 .suffix_15{padding-right:975px}.container_16 .push_1{left:65px}.container_16 .push_2{left:130px}.container_16 .push_3{left:195px}.container_16 .push_4{left:260px}.container_16 .push_5{left:325px}.container_16 .push_6{left:390px}.container_16 .push_7{left:455px}.container_16 .push_8{left:520px}.container_16 .push_9{left:585px}.container_16 .push_10{left:650px}.container_16 .push_11{left:715px}.container_16 .push_12{left:780px}.container_16 .push_13{left:845px}.container_16 .push_14{left:910px}.container_16 .push_15{left:975px}.container_16 .pull_1{left:-65px}.container_16 .pull_2{left:-130px}.container_16 .pull_3{left:-195px}.container_16 .pull_4{left:-260px}.container_16 .pull_5{left:-325px}.container_16 .pull_6{left:-390px}.container_16 .pull_7{left:-455px}.container_16 .pull_8{left:-520px}.container_16 .pull_9{left:-585px}.container_16 .pull_10{left:-650px}.container_16 .pull_11{left:-715px}.container_16 .pull_12{left:-780px}.container_16 .pull_13{left:-845px}.container_16 .pull_14{left:-910px}.container_16 .pull_15{left:-975px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}	
/* ------------------------------Main Styles -------------------------------*/	

html {
background:black url(../images/background.jpg) center top no-repeat;
}

body {
	color:#222;
	font:62.5% arial,helvetica,sans-serif;
	letter-spacing:-0.02em;
}
	
#head_container {}
	#header  {
		margin-top:50px;
		margin-bottom:0px;
		padding-bottom:5px;
		}
		
	.mascot{margin:0 5px 0 0;width:68px;height:66px;}
	
	#logo {float:left;}	
	
	#newsletter {
		background:#000;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin-bottom:7px;
	}	
	
	#newsletter form {
	float:left;
	}
		
	#newsletter input#newsletter_signup {
		width:255px;
		padding:4px 3px;
		margin:0 5px 0 3px;
		float:left;
		height:10px;
		font-weight:bold;
		font-size:11px;
	}
	#newsletter input#newsletter_submit {
		width:54px;
		height:21px;
		border:1px solid #7f887c;
		outline:0;
		margin-top:0px;
		background:#bce0b0 url(../images/subscribe_button.png) center top no-repeat;
		}
		
	#newsletter input#newsletter_submit:hover {background-position:center -25px;background-color:#749c68;border:1px solid #486340;}
		
	
#container {}		
	#links {
		background:#000;
		color:#000;
		width:68px;
		height:594px;
		padding:5px 0px;
		margin:0;
		margin-top:0px;
		text-align:center;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
		
		#links h3 {font-size:1.3em;color:#ddd;}

	#menu_top {
		height:22px;
		background:transparent;
		display:block;
		padding:0;
		margin-left:-10px;
		margin-top:0px;
		margin-bottom:0px;
		}	
	
	#menu_top li {
		float:left;
		}	
		
	#menu_top li a {
		padding:8px 13px;
		height:13px;
		margin-right:2px;
		text-transform:uppercase;
		text-decoration:none;
		font-size:1.2em;
		background:#000;
		font-weight:bold;
		color:#fff;
		display:block;
		border-top-right-radius:5px; 	
		-moz-border-radius-topright:5px;  	
		-webkit-border-top-right-radius:5px; 	
		border-top-left-radius:5px; 	
		-moz-border-radius-topleft:5px;  	
		-webkit-border-top-left-radius:5px; 		
		}	
		
		#menu_top li a:hover {
		text-decoration:none;
		background:#333;
		color:#fff;
		}	
		
		#menu_top li a.selected {
		text-decoration:none;
		background:#fff;
		color:#222;
		margin-right:3px;
		}			
		
	#content {
		width:609px;
		margin:0 6px 0 6px;
		margin-top:-10px;
		}

	.box {
		background:#fff;
		color:#222;
		padding:5px 10px;
		margin:5px 0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}	
	
	#content .box {
		height:522px;
		width:599px;
		margin-top:0;
		border-top-left-radius:0px; 	
		-moz-border-radius-topleft:0px;  	
		-webkit-border-top-left-radius:0px;
		overflow:hidden;

		}
	
	#content .box .frame  {
		height:512px;
		overflow-y:scroll;
		line-height:135%;
		font-size:1.3em;
		letter-spacing:0.02em;
		}


		
	.box.black {
		background:#000;
		color:#ccc;
		}

		.box.black h2, .box.black h3 {color:#fff;border-bottom:5px solid #fff;}
			.box.black h3.noborder {border-bottom:none;}
	
	.post {border-bottom:1px dashed #444;padding-bottom:10px;margin-bottom:10px; }
	.post .date {
		text-transform:uppercase;
		color:#000;
		font-size:0.75em;
		letter-spacing:-0.03em;
		font-weight:bold;
		margin-bottom:10px;
	}
	.post .blogTitle, .post .blogTitle a {
		text-transform:uppercase;
		color:#000;
		font-size:1.2em;
		letter-spacing:-0.03em;
		font-weight:bold;
		line-height:150%;
	}
	
	.post .blogTitle {
		margin-bottom:10px;
	}
	
	.post .blogContent {
		font-size:100% !important;
		font-family: arial,helvetica,sans-serif !important;
		color:#222 !important;
	}
	
	.post .blogContent img {
		margin-bottom:10px;
	}
	
	.post .blogContent a {
		text-decoration:underline;
	}
	
	
	
	
	#right_boxes {margin:0;margin-top:-76px;padding:0;width:350px;height:680px; overflow:hidden;}		
	#right_boxes {margin-top:-76px;}
	#right_boxes .frame {height:146px;overflow-y:scroll;line-height:140%;}
	#right_boxes .frame strong {color:#fff;}
	#right_boxes .frame a:link {color:#fff;text-decoration:underline;}
	#right_boxes .frame a:visited {color:#ddd;text-decoration:underline;}
	#right_boxes .frame a:hover {color:#92bb85;text-decoration:underline;}

	
#footer {
	float:right;text-transform:uppercase;
	letter-spacing:-0.03em;
	font-weight:bold;
	font-size:1.2em;
	margin-right:6px;
	}
	
	#footer a {font-weight:bold;color:#000;}
	#footer a:hover {color:#313e15;}

.footerDetails{
	float:left;
	padding:4px 0 0 0;	margin:0 0 0 15px;
	text-transform:uppercase;
}
	.footerDetails a{text-decoration:none;color:#fff;}
	.footerDetails a:hover{text-decoration:underline;}

.footerLogo{
	margin: -1px 0px 0px 0px;
}

#footerRight{
margin-right:-5px;
}

object,embed {display:block;}
	
a.logo_san, a.logo_ind, a.logo_zoo, a.logo_cir, a.logo_eze, a.logo_cre, a.logo_kru, a.logo_shu, a.logo_ric, a.logo_ric, a.logo_mob, a.logo_gum, a.logo_bli, a.logo_tra, a.logo_ska, a.logo_des, a.logo_bel, a.logo_bul, a.logo_str, a.logo_sur, a.logo_sre, a.logo_alphabet {
	margin-top:3px;
	height:25px;
	width:65px;
	display:block;
	background:#000 url(../images/links.png) top center no-repeat;
}
	a.logo_san {height:40px;background-position:center 0px;}
	a.logo_ind {background-position:center -40px;}
	a.logo_zoo {height:20px;background-position:center -63px;}
	a.logo_cir {height:23px;background-position:center -79px;}
	a.logo_eze {height:20px;background-position:center -103px;}
	a.logo_cre {height:24px;background-position:center -121px;}
	a.logo_kru {height:20px;background-position:center -140px;}
	a.logo_shu {height:22px;background-position:center -160px;}
	
	a.logo_alphabet {height:30px;background-position:center -505px;}
	
	a.logo_ric {height:24px;background-position:center -180px;}
	a.logo_mob {height:25px;background-position:center -203px;}
	a.logo_gum {height:30px;background-position:center -230px;}
	a.logo_bli {height:25px;background-position:center -263px;}
	a.logo_tra {height:20px;background-position:center -293px;}
	a.logo_ska {height:20px;background-position:center -318px;}
	a.logo_des {height:30px;background-position:center -338px;}
	a.logo_bel {height:30px;background-position:center -368px;}
	a.logo_bul {height:30px;background-position:center -398px;}
	a.logo_str {height:20px;background-position:center -432px;}
	a.logo_sur {height:23px;background-position:center -452px;}
	a.logo_sre {height:30px;background-position:center -471px;}

	

/* --- Form Styles --- */

input[type=checkbox], input[type=radio], input[type=submit], label {cursor:pointer;}

form.styled {padding:0;margin:0;}

form.styled  fieldset {
	padding:10px;
	border:1px solid #ddd;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#f7f7f7;

}
		
form.styled  fieldset legend {
	font-size:1.2em;
	color:#5090BF;
	padding:5px;
}

form.styled  fieldset p {margin:5px 0;}

form.styled input, form.styled select, form.styled textarea {padding:4px;border:1px solid #999;color:#777;}
form.styled input:focus, form.styled select:focus, form.styled textarea:focus {padding:4px;border:1px solid #777;background:#fef7cf;color:#333;}

form.styled input[type=text], form.styled select, form.styled textarea {width:160px;}

form.styled textarea {width:450px;height:120px;}

	form.styled p em {color:#777;}

form.styled label {width:130px;float:left;color:#555;text-transform:uppercase;font-size:0.8em;padding-top:3px;padding-bottom:2px;display:inline;}
	form.styled label small {text-transform:none;}
	form.styled label em {color:red;}

form.styled input[type=submit] {
	padding:3px 6px;
	background:#104c64;
	color:#fff;
	border:none;
	border-bottom:1px solid #092834;
	border-right:1px solid #092834;
	font-size:1.1em;
}

form.styled input[type=submit]:hover {background:#222;}


/* --- Custom Vertical Scrollbars --- */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ccc;
	
}

#content .jScrollPaneTrack {border:1px solid #aaa;}

.jScrollPaneDrag {
	position: absolute;
	background: #333;
	cursor: pointer;
	overflow: hidden;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/*--- Modal Box styles for New Hardware and New Apparel sections ----*/
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 720px;
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 10px;
	line-height:110%;
	font-size:1.13em;
	letter-spacing:0.02em;
	z-index:9999;
	-moz-box-shadow:3px 3px 15px #000;
	box-shadow:3px 3px 15px #000;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

	.jqmWindow  h2 {
		font-size:2.5em;
		padding:0px;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:5px;
		text-transform:uppercase;
		color:#000;
		letter-spacing:-0.08em;
		border-bottom:3px solid #444;
	}
	
	.jqmWindow  h3 {font-size:1.4em;text-transform:none;font-weight:bold;}

	.jqmWindow .grey {color:#777;padding-bottom:6px;}
	.jqmWindow .code {font-weight:bold;margin-bottom:4px;}
	.jqmWindow p {padding:0px;margin:0;margin-top:4px;}
	.jqmWindow .main_image {border-bottom:1px dashed #666;margin-bottom:5px;}	
	
	.jqmWindow  .logo {width:150px;float:left;padding:10px;padding-top:5px;}	
	.jqmWindow  .main_text {width:510px;border-left:1px dashed #666;float:right;padding:10px;}	
	
	.jqmWindow a:link.jqmClose, .jqmWindow a:visited.jqmClose {
		font-size:1.3em;
		padding:5px 5px;
		color:#fff;
		font-weight:bold;
		float:right;
		margin-top:2px;
		text-decoration:none;
		background:#333;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		}
		
	.jqmWindow a:hover.jqmClose {background:#d60000}	

#content .box {
	height: 565px;
	padding-left: 12px;
	padding-right:12px;
	width: 586px;
}
	
.admin_box {
padding:10px 10px 10px 10px;
margin-top:7px;
min-height:537px;
}

.admin_box p {
}

.admin_box p a {
font-size:14px;
}

#tweets {
font-size:1.2em;
}

.tweet_list li {
margin-bottom:5px;
}

.tweet_list {
margin-left:0;
}

.adminLabel {
font-size:18px;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
}

.adminParagraph {
font-size:16px;
}

.backLink {
font-size:16px;
text-decoration:none !important;
}

.manageLink {
font-size:16px;
text-decoration:none !important;
}

.actions {
padding:10px;
}

.actions a {
margin-right:10px;
}

#twitterBox .jScrollPaneContainer {
height:85px !important;
}

#scroll_twitter {

}

#tweets {
margin-bottom:20px;
}