/*
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 0 20px; background: #0d1137 url(../../images/water.jpg) 50% 0 no-repeat; color: #cddee7; font-family: Arial, Helvetica, Verdana; font-size: 10px;}
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; padding: 10px 0 7px 0; border-top: 1px dashed #3a5d70; border-bottom: 1px dashed #3a5d70; }
dt { float: left; width: 55px; margin: 0 0 3px 0; color: #FFF;}
dd { margin: 0 0 3px 65px; }
img {border:none;}
address {font-style: normal; padding: 0; margin: 0;}
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

/* 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 {display: block; float: left; list-style:none;  margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #FFF; }
	#tnav li {display:block; float:left; margin:0 4px 0 0; padding: 0; background:#355c85; border: 1px solid #FFF; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; border-bottom: none;}
	#tnav li a {display:block; border: 1px solid #2e4f72; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; text-decoration:none; }
	#tnav li a span {display:block; padding: 5px 18px 5px 18px; background: url(../../images/bg_bubble.png) repeat-x; text-transform: capitalize; font-weight:bold; color:#cddee7; font-size: 10px; letter-spacing: 1px; white-space: nowrap; text-shadow: #103240 1px 1px 1px;}

	#tnav li a:hover {background-image:url(../../images/bg_glow.png);  background-repeat: no-repeat;}
	#tnav li a:hover span {color:#FFF;}

	#tnav #current  {background:#638da0;  background-position: 50% 30%; background-repeat: no-repeat;}
	#tnav #current a {border: 1px solid #638da0;}
	#tnav #current a span {color:#FFF;}

	#tnav li.loginbutt {float: right; background:#fd881e url(../../images/bg_lock.gif) 18px 5px no-repeat;  margin: 0;}
	#tnav li.loginbutt a {border: 1px solid #827143;}
	#tnav li.loginbutt a span {color: #FFF; padding: 5px 18px 5px 40px; width: 138px; text-shadow: #8e4f1d 1px 1px 1px;}
	#tnav li.loginbutt a:hover span {color: #FFF; padding: 5px 18px 5px 40px; width: 138px; text-shadow: #683a15 1px 1px 1px;}


	#portlist {display: block; margin: 0; list-style: none; padding: 0;}
	#portlist li {display: block; float:left; width: 120px; margin: 20px 40px 20px 0; }


#testlist {display: block; padding: 0; margin: 0 0 15px 0; list-style: none; border-top: 1px dashed #3a5d70;}
	#testlist li {display: block; border-bottom: 1px dashed #3a5d70; background:url(../../images/quote_start.png) 0 20px no-repeat; }
	#testlist div {padding: 17px 0 5px 33px; }


/* Superstructure */
#containment {width:810px; margin: 0 auto 40px auto; background: url(../../images/bg.png); padding: 25px 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;}
#content { font-family: Verdana; font-size: 12px; line-height: 18px; padding: 30px 25px 20px 25px; margin-right: 220px; min-height: 300px; height: 300px; height: auto !important;  }
#header {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: 16px; margin: 0 0 10px 0; padding: 0; font-weight: normal !important; font-family:Arial, sans-serif; }
h3 {font-size: 13px;}


/* 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; text-shadow: #ad6336 1px 1px 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; text-shadow: #ad6336 1px 1px 1px;}
#loginbutt span, #loginbutton span {display: block; padding: 7px 0 0 39px;}

#searchform {float: right; width: 196px; margin:5px 0 0 0; border: 1px solid #dfe5ec; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	#searchform fieldset {padding: 5px 0 0 39px; height: 17px; background:url(../../images/bg_searchfrm.gif) no-repeat; border: 1px solid #243f63; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	#searchform #s {width: 145px; background: none; border: none; color: #cddee7;  font-size: 11px; letter-spacing: 1px; text-shadow: #2d3f43 1px 1px 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; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;}
	#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); }

div.blog {}

div.blog div.multi {border-bottom: 1px dashed #3a5d70; margin: 0 0 20px 0;}
div.blog div.entry {}
div.blog div.meta {padding: 15px 0; border-top: 1px dashed #3a5d70; border-bottom: 1px dashed #3a5d70; margin: 0 0 20px 0;}



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;   text-shadow: #000715 1px 1px 1px;}
	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; }
		.imager {position: relative; border: 1px solid #11758c;  background: #010141 url(../../images/bg_image.jpg) repeat-x; padding: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
		.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;}
		.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;}

#bracket { clear: both; border-left: 1px solid #11758c;  border-right: 1px solid #11758c; height: 5px;margin: 0 25px 0 25px; }

#footer { clear: both; border-top: 1px solid #11758c; margin: 0 25px 0 25px; padding: 15px  0 0 0; color: #898fa5; text-shadow: #000715 1px 1px 1px; font-size: 10px !important;}
	#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 0 0; margin: 0 0 15px 0; border-top: 1px dashed #3a5d70; border-bottom: 1px dashed #3a5d70;}
	#stagelog label, #stagelog .frmfld { float: left; margin-bottom: 10px; display: block; }
	#stagelog label {width: 80px;}
	#stagelog .frmfld {width: 150px; height: 20px; padding: 6px 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-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; background: url(../../images/bg_butt.gif) 0 0 no-repeat; overflow: hidden; border: none; text-shadow: #8e4f1d 1px 1px 1px;}
	#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;}

/* Contact */
#map {height: 250px;  }

/* Brief */
.std-frm {border-top: 1px dashed #3a5d70; margin-bottom: 15px;}
.std-frm fieldset {width: 255px; float: left; padding: 15px 0 5px 0; margin: 0 25px 5px 0; overflow: hidden;}
.std-frm fieldset.alt {margin-right: 0;}
.std-frm fieldset.ctrl {clear: left; width: 100%; float: none; border-top: 1px dashed #3a5d70;  border-bottom: 1px dashed #3a5d70;  padding-top: 15px; }
.std-frm label {display: block; margin: 0 0 3px 0;  font-size: 11px; font-family: Arial; }
.std-frm label:after {content: '';}
.std-frm .blanklab:after {content: '';}
.std-frm .frmfld {display: block; float: left; width: 240px; margin: 0 0 15px 0; padding: 5px 5px 5px 10px; background: url(../../images/bg_field.png) no-repeat; border: 1px solid #cddee7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #cddee7;  font-family: Arial; font-size: 12px;  }
.std-frm select {display: block; float: left; width: 256px; margin: 0 0 15px 0; padding: 5px 5px 4px 10px; background: url(../../images/bg_field.png) no-repeat; border: 1px solid #cddee7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #cddee7;  font-family: Arial; font-size: 12px;  }
.std-frm textarea {display: block; float: left; width: 240px; height: 70px;  margin: 0 0 15px 0; padding: 10px 5px 5px 10px; background: url(../../images/bg_field.png) no-repeat; border: 1px solid #cddee7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #cddee7;  font-family: Arial; font-size: 12px;  }
.std-frm .butt  {display: block; width: 71px; height: 23px; padding: 0; margin: 0 0 10px 0; text-align: center;  color: #FFF;  font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; background: url(../../images/bg_butt.gif) 0 0 no-repeat; overflow: hidden; border: none; text-shadow: #8e4f1d 1px 1px 1px;}
	.std-frm .butt:hover {background-position: 0 -23px; cursor: pointer;}