/*  
Theme Name: CJ
Theme URI: http://wordpress.org/
Description: The default WordPress theme for Christopher Jones.
Version: 1.0
Author: Christopher Jones
Author URI: http://www.christopherjones.com.au



*/


html { overflow-y: scroll; height:100%; font-size: 100%; }
body {margin:40px 20px 40px 20px; background: #0d1137 url(../../images/water.jpg) 50% 0 no-repeat; color: #cddee7; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
a, embed, object {outline: none;}
form, fieldset, dl, div {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5, p {margin: 0 0 10px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
ul {margin: 0; padding: 0; list-style: none;}

.clearer {clear: both;}
.clearleft {clear: left}
.clearright{clear: right;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.nobg {background:url(../../images/shim.gif) bottom repeat-x;}
.invisi {display: none;}
.nomargin {margin-right: 0 !important;}
p {margin: 0 0 15px 0;}
dl {margin: 0 0 15px 0;}
dt { float: left; width: 50px; margin: 0 0 3px 0; color: #FFF;} 
dd { margin: 0 0 3px 60px; }
img {border:none;} 
address {font-style: normal; padding: 0; margin: 0;}


/* Links */
a:link, a:visited		{color: #33CCFF;  text-decoration: none; }
a:active, a:hover		{color: #ffffff;   }
a.pdflink {background:url(../../images/icon-pdf.gif) 0 50% no-repeat; padding-left:35px; height: 23px; width: 200px; display: block;} 
a.leaflink {background:url(../../images/icon_leaf2.gif) 0 100% no-repeat; padding-left: 22px;}
a.leaflink:hover {color: #0C0 !important;}

/* Lists */

ol.terms-list {list-style: decimal; margin-left: 0; padding-left: 18px;}
ol.terms-list li {margin-bottom: 5px;}

ul.qa-list {list-style: circle; margin-left: 15px;}
ul.qa-list li {margin-bottom: 0;}

ul.bulleted {margin: 0 0 15px 0;}
ul.bulleted li {padding: 0 0 2px 15px; background:url(../../images/bullet.gif) 0 0.5em no-repeat;}

#tnav {float: left; list-style:none;  }
	#tnav li {float:left; background:url(../../images/nav_l.gif) no-repeat left top; margin:0 4px 0 0; padding:0 0 0 20px; }
	#tnav li a { float:left; display:block; background:url(../../images/nav_r.gif) no-repeat right top; padding: 7px 20px 12px 0; text-decoration:none; font-weight:bold; color:#FFF; font-size: 10px; letter-spacing: 1px; white-space: nowrap;}
	#tnav > ul li a {width:auto;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tnav li a {float:none;}
	/* End IE5-Mac hack */
	#tnav li a:hover {color:#FFF;}
	#tnav li:hover, #topnav li:hover a { background-position:0% -31px; color:#FFF; }
	#tnav li:hover a {background-position:100% -31px;}
	#tnav #current {background-position:0 -31px; border-width:0;}
	#tnav #current a {background-position:100% -31px; padding-bottom:9px; color:#FFF;}		
	
#testlist {display: block; padding: 0; margin: 0 0 15px 0; list-style: none; border-top: 1px solid #11758c;}
	#testlist li {display: block; border-bottom: 1px solid #11758c; background:url(../../images/quote_start.png) 0 20px no-repeat; }
	#testlist div {padding: 17px 0 5px 33px; }
	
	
/* Superstructure */
#containment {width:810px; margin: 0 auto;}
#paneltop {background: url(../../images/bg_top.png) no-repeat; height: 18px;}
#panel {background: url(../../images/bg.png) repeat-y; padding: 7px 1px 8px 1px; min-height: 400px; height: 400px; height: auto !important;}
#panelbot {background: url(../../images/bg_bot.png) no-repeat; height: 18px;}
#content {font-size: 1.1em; line-height: 1.5em; padding: 30px 25px 20px 25px; margin-right: 220px;}
#header {background: url(../../images/bg_head.gif) 0 85px repeat-x; padding: 0 25px; margin: 0; height: 91px; }

/*Headings */
h1 a {display: block; width: 369px; height: 40px; background:url(../../images/head_logo.gif) no-repeat; text-indent: -9999px;  margin: 0 0 20px 0; }
h2 {color: #FFF; font-size: 1.6em; margin: 0 0 10px 0; padding: 0; font-weight: normal !important; font-family:Arial, sans-serif; }
h3 {font-size: 1.2em;}


/* Infrastructure */
#loginbutt {float: right; width: 200px; background:url(../../images/bg_tnav_login.jpg) no-repeat; height: 25px; font-weight:bold; color:#FFF; font-size: 10px; letter-spacing: 1px;}
	#loginbutt:hover {background-position: 0 -25px;}
#loginbutton {float: right; width: 200px; background:url(../../images/bg_tnav_login.jpg) no-repeat; height: 25px; font-weight:bold; color:#FFF; font-size: 10px; letter-spacing: 1px; background-position: 0 -25px;}
#loginbutt span, #loginbutton span {display: block; padding: 7px 0 0 39px;}

#searchform {float: right; width: 200px; background:url(../../images/bg_searchfrm.gif) no-repeat; height: 26px; margin:5px 0 0 0;}
	#searchform fieldset {padding: 6px 0 0 39px;}
	#searchform #s {width: 145px; background: none; border: none; color: #cddee7;  font-size: 11px; letter-spacing: 1px;}
	#searchform:hover #s {color: #FFF !important;}
	#searchform #searchbutt {display: none;}

#smarg {clear: right; float: right; width:200px; margin: -5px 25px 15px 0;}
	#smarg #snav {background: url(../../images/bg_margin.png) no-repeat; padding: 35px 0 15px 1px; }
	#smarg #snav ul, #smarg #snav li, #smarg #snav a {display: inline-block; }
	#smarg #snav ul, #smarg #snav li {display: block; list-style: none; margin: 0; padding: 0; }
	#smarg #snav li ul {list-style: none; margin-bottom: 15px;}
	#smarg #snav h2  {padding-left:19px; }
	#smarg #snav a  {display: block; padding: 3px 20px 3px 19px; }
	#smarg #snav a:hover { background: url(../../images/bg_margin_over.png); }
	#smarg #sfoot {background: url(../../images/bg_margin_bot.png) no-repeat; height: 16px;}
	
div.blog {margin-right: 350px !important;}
div.bordered { border-bottom: 1px solid #11758c; margin-bottom: 20px;}
div.bnav {height: 30px;}
div.bnav div.getleft a {background: url(../../images/bullet_left.gif) 0 60% no-repeat; padding-left: 10px;}
div.bnav div.getright a {background: url(../../images/bullet.gif) 100% 60% no-repeat; padding-right: 10px;}

table.tbl-rate {width: 100%; border: 1px #11758c solid; padding: 0; margin:15px 0 15px 0;}
	table.tbl-rate th, table.tbl-rate td {padding: 5px 12px;}
	table.tbl-rate th {background: #355c85 url(../../images/bg_table_head.gif) repeat-x; }
	table.tbl-rate td.odd {border-top: 1px solid #11758c;}

#imgpanel { float: right; width: 183px; margin: 0 0 20px 0;}		
	.imgwrap {margin-bottom: 30px; } 
	.thumbwrap {float:left; width: 120px; margin: 15px 30px 15px 0; }
		.imgtop {background: url(../../images/img_tl.gif) no-repeat; height: 2px; }
		.imgtop div {background: url(../../images/img_tr.gif) 100% 0 no-repeat; height: 2px;  margin:0; padding: 0; overflow: hidden;}
		.imager {position: relative; border-left: 1px solid #11758c; border-right: 1px solid #11758c; background: #010141 url(../../images/bg_image.jpg) repeat-x; padding: 8px; }
		.imager a{display: block;  cursor: pointer;}
		.shine-top {position: absolute; top: 8px; left: 8px; width: 164px; height: 47px; background: url(../../images/bg_shine_top.png) no-repeat; z-index: 99;}
		.shine-bot {position: absolute; bottom: 8px; left: 8px; width: 164px; height: 47px; background: url(../../images/bg_shine_bot.png) 0 100% no-repeat; z-index: 98;}
		.shine {position: absolute; top: 8px; left: 8px; width: 100px; height: 57px; background: url(../../images/bg_shine_thumb.png) no-repeat; z-index: 98;}
		.imgbot {background: url(../../images/img_bl.gif) no-repeat; }
		.imgbot div {background: url(../../images/img_br.gif) 100% 0 no-repeat; height: 2px; }	
		.caption {padding: 5px 8px;}
		
		.image {border: 1px solid #11758c; background: #010141 url(../../images/bg_image.jpg) repeat-x; padding: 9px;}

div.award {background: url(../../images/award.gif) 0 10px no-repeat; padding: 10px 0 3px 35px;}
div.award span {font-size: 1.2em;}


#footer { clear: both; border-top: 1px solid #11758c; margin: 0 25px 0 25px; padding: 8px  0 0 0; color: #898fa5;}
	#footer a.lxhtml {display: block; width: 82px; height: 17px; background: url(../../images/w3c_html.gif) 0 0 no-repeat; text-indent: -9999px;  float: right; overflow: hidden; margin-right: 8px;}
	#footer a.lcss {display: block; width: 82px; height: 17px; background: url(../../images/w3c_css3.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; float: right; }
	#footer a.awia {display: block; width: 18px; height: 17px; background: url(../../images/awia.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; float: right; margin-right: 6px;}
	#footer ul.footnav {margin:0; padding: 0 0 0 0;}
	#footer ul.footnav li {display: inline; padding-right: 10px; border-right: 1px solid #11758c; margin-right: 10px;  letter-spacing: 1px;}
	#footer ul.footnav li.last {border-right: none; padding: 0; margin: 0;}


.alert {background: url(../../images/alert.gif) 0 50% no-repeat; padding: 0 25px;}

#stagelog {padding: 20px 0 30px 0;}
	#stagelog label, #stagelog .frmfld { float: left; margin-bottom: 10px; display: block; }
	#stagelog label {width: 80px;}
	#stagelog .frmfld {width: 150px; height: 19px; padding: 7px 10px 0 10px; background: url(../../images/bg_field.gif) no-repeat; border: none; color: #cddee7;  font-size: 11px; letter-spacing: 1px; }
	#stagelog #submitton  {display: block; width: 71px; height: 23px; padding: 0 0 0 0; text-align: center;  color: #FFF;  font-size: 11px; letter-spacing: 1px; background: url(../../images/bg_butt.gif) 0 0 no-repeat; overflow: hidden; border: none;}
	#stagelog #submitton:hover {background-position: 0 -23px; cursor: pointer;}
	
#ssp {margin-bottom: 10px;}	
#slideshow, #slideshow img {display: block; width: 164px; height: 93px; overflow: hidden; cursor: pointer;}
#slidelink {display: block; position: absolute; top: 0; left: 0; width: 155px !important; height: 116px; overflow: hidden; border: none; background: none !important;}