/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	text-align: center;
	background: #333;
}

html,p,td,table,li,ol,ul { font-family: verdana, helvetica, arial, sans-serif; }

/* eeheader_temporary and its link styles control the dark blue bar at the top, and this is a temporary part of the design. You can safely remove this block of styles if you do not need that bar 


/* These are the default link styles */

a:link {
	text-decoration: underline;
	color: #003366;
	background: transparent;
}

a:hover {
	text-decoration: underline;
	color: #000;
	background: lightblue;
}

a:visited {
	text-decoration: underline;
	color: purple;
	background: transparent;
}

/* the wrapper holds the whole thing centrally in the browser window */
#wrapper {
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 0;
	width: 752px;
	background: #fff;
	color: #333;
	text-align: left;
	border-left: 6px solid #d1d1d1;
	border-right: 6px solid #d1d1d1;
	border-bottom: 6px solid #d1d1d1;
}

/* the masthead. Change the image reference to the one you want to use */

/* hide header style
#header {
	margin: 0;
	color: #030;
	height: 100px;
	width: 750px;

	background: url(http://www.iqual.com.au/images/uploads/lb_header.jpg); 
}
*/

/* the content style holds the two main columns together */
#content {
	margin: 10px 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* about_site is the holder for your introduction. This can be safely removed */
#about_site {
	float: left;
	width: 483px;
	margin-bottom: 0px;
	color: #FFF;
	text-align: left;
	border-bottom: none;
	padding: 0;
	background: #BC7509;
	font: 18px/130% Verdana, Arial, Sans-Serif;
	line-height: 165%;
}

/* blog is the right hand column where your entries and main content appear */
#blog {
	/*float: left;*/
	/* ----------- default setting */
	width: 533px;
	margin-bottom: 10px;
	color: #333;
	text-align: left;
	padding: 0;
	font: 11px/130% Verdana, Arial, Sans-Serif;
	line-height: 165%;
	background: #FFF;
}

#orderbutton form input { border: 0; }

#blog ul {
	list-style: square;
	margin-left: 20px;
	padding-bottom: 3px;
}

#blog a { color: blue; }
#blog h2.title a { color: #33336e; }
#blog li { line-height: 165%; }

/* sidebar is the left column where all the links and secondary info show up */
#sidebar {
	/* ---------------------- altered ------------------- */
	display: none;
	float: left;
	color: #333;
	text-align: left;
	font: 10px Verdana, Arial, Sans-Serif;
	margin-right: 11px;
	margin-bottom: 15px;
	border-top: 1px solid #666;
	background-color: #eee;
	width: 205px;
	margin-top: 8px;
	border-bottom: solid 1px #d1d1d1;
}

/* orderform ------------------------------  */
#freeform {
	background-color: #eee;
	width: 500px;
	padding: 10px;
	position: relative;
}

#freeform input { margin-top: 5px; }

/* the footer, containing credits, rss links etc */
#footer {
	margin: 0;
	padding: 15px 10px 12px;
	background: #FFF;
	color: #333;
	font-size: 9px;
	letter-spacing: 0.09em;
}

/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */
.main { margin: 0 16px 0 8px; }

/* Header definitions. h1 is hidden, and only shows when styles are off. Note, there are specific definitions for the sidebar h3 header, blog h3 header, and the blog h2 link. The blog h2 link is a clickable rollover of the entry title */
h1 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 24px;
	font-weight: normal;
	margin: 38px 0 0 20px;
}

h3 {
	font-family: Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
}

h2 {
	font-family: Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
}

h4 {
	margin-bottom: 4px;
	font: 11px Verdana, Arial, Sans-Serif;
	font-weight: normal;
}

h5 {
	margin-bottom: 4px;
	font: 11px Verdana, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 165%;
}

.summary {
	font-size: 13px;
	font-style: italic;
	color: #666;
	border-bottom: solid 1px #d1d1d1;
	padding-bottom: 5px;
}

.body-text { font-style: normal; }

#sidebar h3 {
	width: 200px;
	height: 18px;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: left;
	font: normal 12px Verdana, Arial, Sans-Serif;
	background: url(/themes/site_themes/logical_blocks/lb_diags_h3.gif) right;
	padding: 3px 0 0 5px;
}

html>body .h3 { width: 200px; }

#blog h3 {
	letter-spacing: 0.09em;
	margin-top: 9px;
	margin-bottom: 12px;
	font: 11px Verdana, Arial, Sans-Serif;
}

.center { text-align: center; }

h2 a:link, h2 a:visited {
	font-weight: bold;
	padding-left: 17px;
	color: #336;
	text-decoration: none;
}

h2 a:hover { color: #900; }
.spacer { clear: both; }

/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/* Two paragraph styles. A general one, and one specific to the footer */
p { font-family: Verdana, Arial, Sans-Serif; }

#footer p {
	margin: 5px 0 0 0;
	border-top: solid 1px #d1d1d1;
	padding: 5px;
}

/* For use with quotes and text you need to present outside of normal format */
blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	font: 11px Verdana, Arial, Sans-Serif;
	line-height: 165%;
}

/* The standard list styles. There are specific sidebar list styles later on */
ul {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
}

li {
	border-bottom: 0 solid #d1d1d1;
	padding-bottom: 2px;
	font: 100% verdana, arial, helvetica, sans-serif;
}

/* As it says, control of multi-entry page pagination links */
.paginate { margin: 18px 16px 18px 8px; }

/* date and title are added to earlier h tags for greater control of headers. Posted shows all the author, permalink and trackback stuff under each entry */
.date { font-size: 10px; }

.title {
	font-size: 22px;
	font-weight: lighter;
	letter-spacing: .5px;
	margin: 15px 0;
	line-height: 1.3;
	background: transparent;
	/* turn off the title icon ---------------------------------------------------------------*/
	/*	background: url(/themes/site_themes/logical_blocks/lb_new_post.gif);
	background-repeat: no-repeat;
background-position: top 1px; */
	color: #336;
}

h2.title a {
	font-size: 22px;
	font-weight: lighter;
	letter-spacing: .5px;
	margin: 15px 0;
	line-height: 1.3;
	padding: 0;
	background: transparent;
	color: #336;
}

.posted {
	clear: both;
	margin-bottom: 25px;
	font: 10px Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 3px 0 15px;
	border-bottom: 1px dashed #999;
}

.posted_comments {
	clear: both;
	font: 10px Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 3px 0 3px;
}

/* Comments classes. commbox and coomboxalt are used in the switch conditional on the comments page */
.comments {
	font-size: 120%;
	font-weight: bold;
	background: transparent;
	color: #E78818;
}

.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

.commboxalt {
	background: #FAF6F7;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

/* Some form styling. Not much though */
checkbox {
	border: 1px solid #999999;
	padding: 1px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

textarea {
	border: 1px solid #999999;
	padding: 1px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input {
	border: 1px solid #999999;
	padding: 3px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submit {
	border: 1px solid #999999;
	padding: 1px;
	background-color: #FFF;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

fieldset { padding: 10px; }
input:focus, textarea:focus { background-color: lightyellow; }

/* Note the sidebar-specific links also. They have set widths so you can rollover anywhere along the link line */
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 0px;
	border: 1px solid #d1d1d1;
	border-bottom: none;
	color: #666;
	width: 203px;
}

#sidebar li { border-bottom: 1px solid #d1d1d1; }

#sidebar li a:link {
	color: #333366;
	line-height: 150%;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	width: 200px;
}

#sidebar li a:visited {
	color: #333366;
	text-decoration: none;
	line-height: 150%;
	padding-left: 5px;
	display: block;
	width: 200px;
}

#sidebar li a:hover {
	color: #FFF;
	background-color: #8799CE;
	line-height: 150%;
	text-decoration: none;
	padding-left: 5px;
	display: block;
	width: 200px;
}

#sidebar li a:active {
	color: #333366;
	line-height: 150%;
	padding-left: 5px;
	text-decoration: none;
	display: block;
	width: 200px;
}

/* Ok, this is a bit nasty. Everything else on the sheet is used to control the tab menu under the header. See how you go with this, and be sure to back it up before you tinker */
#nav_wrapper {
	padding-top: 10px;
	font: normal 10px Verdana, Arial, Sans-Serif;
	background-color: #eee;
	width: 750px;
}

#nav_header {
	position: relative;
	top: 0;
	left: 0;
	width: 720px;
	height: 22px;
}

#nav_header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	top: -8px;
	height: 25px;
	left: 0px;
}

#nav_header ul#primary li {
	display: inline;
	list-style: none;
}

#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	display: block;
	float: left;
	padding: 7px 5px;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	font: 100% verdana, sans-serif;
}

#nav_header ul#primary span, #nav_header ul#primary #nav_header ul#primary a.current:hover {
	padding-bottom: 5px;
	margin-top: 0;
	font-weight: normal;
	color: #333;
}

#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	font-weight: normal;
	color: #333;
	background-color: #fff;
	margin-bottom: 0;
}

#nav_header ul#primary a {
	font-weight: normal;
	color: #333;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 0 solid #333;
	border: none;
	background-color: #ccc;
}

#nav_header ul#primary a:hover {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 0 solid #333;
	border: 0;
	font-weight: normal;
	color: #333;
	background-color: #eee;
}

#newslink {
	border: solid 1px #d1d1d1;
	margin: 10px;
	padding: 5px;
	background-color: lightyellow;
}

#newslink h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
}

#newslink h3 {
	font-weight: normal;
	padding: 3px;
	margin: 0;
	line-height: 16px;
	border-top: solid 1px #d1d1d1;
	background: url(/themes/site_themes/logical_blocks/lb_new_post.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-left: 20px;
}

#newslink p {
	font-size: 12px;
	padding: 0;
	margin: 5px 0;
	line-height: 14px;
	padding-top: 2px;
}

#newslink em {
	font-style: normal;
	padding: 3px;
	font-size: 11px;
	margin-top: 0;
	line-height: 13px;
	display: block;
}

#newslink h3 a {
	font-size: 14px;
	text-decoration: none;
}

#newslink h3 a:hover {
	text-decoration: underline;
	background: transparent;
}

/*Login styles */
.login {
	border: solid 1px #d1d1d1;
	background-color: #fff;
	padding: 5px;
	width: 200px;
}

.login a { color: #3563A0; }

.login a:hover {
	background-color: lightblue;
	color: #000;
}

.login p { line-height: 14px; }

.news-submit {
	border: solid 1px #000;
	width: 255px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	color: #fff;
	font-weight: lighter;
	background-color: #1A71B8;
}

.news-submit input {
	border: solid 1px #ccc;
	padding: 5px;
}

.news-submit h3 {
	color: #fff;
	font-weight: normal;
}

.news-subscribe {
	border: solid 1px #d1d1d1;
	background-color: #fff;
	padding: 5px;
	width: 200px;
}

.col1 {
	width: 340px;
	float: left;
	padding-right: 10px;
	border-right: solid 1px #d1d1d1;
	margin-top: -10px;
}

.col2 {
	width: 340px;
	margin-left: 360px;
	margin-bottom: 100px;
}

#cost {
	clear: both;
	background-color: #eee;
	width: 720px;
	padding: 10px;
	border: solid 1px #d1d1d1;
}

#cost .col1 { border: none; }

#cost .col2 {
	border-left: solid 1px #d1d1d1;
	margin-left: 340px;
	padding-left: 10px;
	margin-bottom: 0px;
}

.main { width: 700px; }

h2 .faq {
	background: #666;
	color: #fff;
	padding: 3px;
}

.faq {
	background: #ccc;
	line-height: 28px;
	margin-right: 14px;
	font-size: 16px;
	padding: 5px;
}

#freeform {
	border: solid 1px #d1d1d1;
	margin: 0 auto;
	width: 500px;
}

#blog { width: 700px; }
#registration table { width: 100%; }
#registration table td { }

#registration table h2 {
	background-color: #fff;
	padding: 5px;
}

#paypal {
	width: 300px;
	text-align: center;
	background-color: #fff;
	padding: 10px;
	margin: 20px auto;
}

#addthis {float: right; margin-top: -15px;}