/*******************************************************************
screen styles for AuSES site
2010.01.08 -- Michael Burke
--------------------------------------------------------------------
website		:	http://www.auses.org/
test site	:	http://www.auses.greenbridge.net.au/
author site :  http://www.bearfacts.com.au
					http://kathryngough.com/
version		:	2010.01.28	v.6
authors		:	Michael Burke, Kathryn Gough, Gerard Palk
browsers		:  Safari (Mac/Win), Firefox (Mac/Win)
               IE 7 + IE 6 (Win), Opera (Mac/Win)
               Chrome, Flock, Fluid
               Navigator, Camino, SeaMonkey
--------------------------------------------------------------------
colours
f7faff - blue pale .post
e6f2fe - blue pale cells
868a8d - grey
404040 - grey dark
c4e5ff - blue light
0061ae - blue mid
2c3090 - blue dark
f7941d - orange
fff32a - yellow
--------------------------------------------------------------------
`LAYOUT  |  `HEADERS  |  `PARAGRAPHS  | `LISTS     |  `LINKS  |  
`IMAGES  |  `TABLES   |    `FORMS     | `ELEMENTS  |
*******************************************************************/

* {
	padding: 0;
	margin: 0;
}/* clobber browser defaults */

/*** `LAYOUT ***/
body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4;
	color: #404040;/* dark grey */
	background: #c4e5ff;/* light blue */
}

body #page {/* specific to clobber inline wp style */
	width: 1000px;/* image width */
	margin: 0 auto;/* centre */
	background: url(images/main.jpg) repeat-y;
	position: relative;
}

#header {
	margin: 0 auto;
	padding: 10px 0 10px 70px;
}/* full width till logon is added */

#slideshow {
    width: 630px;
    height: 180px;/* w + h of images */
    position: relative;/* for images */
    float: right;
    padding-right: 80px;
}/* jQ */

#slideshow img { 
	display: none; 
}

#slideshow img.first { 
	display: block; 
}

#sponsors {
    width: 630px;
    height: 180px;/* w + h of images */
}/* flash */

#headerimg h1 a {
	visibility: hidden;
	height: 0px;
	display: none;
}

.description {
	display: none;
}/* logo txt */

.post {
	width: 630px;/* + 10px p padding */
	margin-right: 80px;
	float: right;
	font-size: 90%;
/* 	min-height: 660px;for short pages */
}/* main txt */

#sidebar {
	background: url(images/navlong.jpg) bottom center no-repeat;
	width: 180px;
	margin-left: 80px;
	font-size: 80%;
	padding-bottom: 30px;
}/* nav - bg img 1000 px */


#sidebar ul:first-child {
	min-height: 100px;
	background: url(images/navtop.jpg) no-repeat;
}/* navtop in first ul */

#sidebar p {
	color: #f7941d;
}


#footer {
	clear: both;
	height: 70px;/* image 68 x 67 */
	line-height: 60px;/* vertically centre txt to logo */
	margin-right: 80px;/* align right edge */
	padding-bottom: 10px;/* make main bg fill page */
	padding-top: 30px;/* "clear" sponsors */
	background: url(images/logo-footer.jpg) right center no-repeat;
	font-size: 90%;
}

#respond {
	width: 180px;
	margin-left: 50px;
	min-height: 800px;
}/* "home" page */

#buttons {
	width: 180px;
	margin-left: 80px;
}

#buttons p {
	padding: 5px 0 0 0;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




/*** `HEADERS ***/
h2 {
	margin-top: 0;
	margin-bottom: 0;
	color: #0061ae;/* logo blue */
	font-size: 130%;
}


#sidebar h2 {
	display: none;
} /* clobber headers in sidebar */

h3 {
	color: #0061ae;/* logo blue */
	margin-top: 5px;
}

h4 {
	color: #0061ae;/* logo blue */
	padding-top: 5px;
}

/*** `PARAGRAPHS ***/
p {
	padding: 5px 0 8px 0;
}

/*
.postmetadata {
	display: none;
}
*/

p.tick {
	padding-top: 0;
}/* tick here paragraph - renewal page */

#footer p {
	padding: 0 80px 0 80px;
	text-align: right;
	font-size: 80%;
	color: #868a8d;/* grey */
}

#footer p#wp {
	float: left;
	text-align: left;
	font-size: 80%;
	color: #868a8d;/* grey */
}

p.dot {
	background: url(images/dot.jpg) 0 7px no-repeat;
	padding-left: 20px;
}

/*** `LISTS ***/
ul {
	list-style: none;
}

.post ul {
	margin-top: 10px;
}

.post li {
	padding: 5px 10px;
}

ul.blogroll {
	display: none;
}

li#meta-li,
li#archives-li {
	display: none;
}

li.categories {
	display: none;
}

/*
li.pagenav {
	margin-top: -90px;
} move nav links to top of sidebar */

#sidebar li {
	padding-left: 10px;
	font-weight: bold;
}/* all nav links inherit */

#sidebar li li li {
	font-weight: normal;
}/* level 1 nav */

#sidebar li li li li {
	font-size: 90%;
	font-style: italic;
}/* level 2 nav */

/*** `LINKS ***/
a:link,
.post a:link {
	color: #0061ae;/* logo blue */
	text-decoration: none;
}

a:visited,
.post a:visited {
	color: #868a8d;/* grey */
	text-decoration: none;
}

a:hover,
.post a:hover {
	text-decoration: underline;
}

a:active,
.post a:active {
	color: #f7941d;/* logo green */
}

/** header links **/
h2 a:link,
h2 a:visited {
	color: #0061ae;/* logo blue */
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h2 a:active {
	color: #f7941d;/* logo green */
}

/** nav + login **/
li.pagenav a:link,
li.pagenav a:visited,
li a:link,
li a:visited {
	color: #f7faff;/* blue pale */
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

li.pagenav a:hover,
li a:hover {
	text-decoration: underline;
}

li.pagenav a:active,
li a:active {
	color: #f7941d;/* logo green */
}

li.current_page_item a:link,
li.current_page_item a:visited {
	color: #f7941d;
}/* you are here link */

li.current_page_item ul a:link,
li.current_page_item ul a:visited {
	color: #f7faff;
}/* you are here link */

/** wordpress link **/
#footer a:link,
#footer a:visited {
	color: #868a8d;/* grey */
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/** "edit this entry" link **/
a.post-edit-link:link,
a.post-edit-link:visited {
	display: block;
	position: fixed;/* to body */
	top: 10px;
	left: 10px;
	height: 50px;
	line-height: 50px;/* centre txt vertically */
	width: 150px;/* pic dimensions */
	text-align: center;
	color: #fff;
	z-index: 50;
	background: url(images/edit.png) no-repeat;
	text-decoration: none;
}

/*** `IMAGES ***/
.image {
	float: right;
	padding: 0 0 10px 10px;
	margin-right: 0;
	width: 305px;
}

.image p,
p.caption {
	text-align: right;
	font-style: italic;
	font-size: 90%;
	padding-top: 0;
}

.exec {
	float: left;
	width: 180px;
	height: 300px;/* allow for caption */
	font-size: 90%;
}

.execL {
	padding-right: 45px;
}

.execR {
	float: right;
}

.exec p {
	padding: 0;
}

/*** `ELEMENTS ***/
.highlight {
	font-weight: bold;
	font-size: 100%;
}

.clear {
	clear: both;
}

hr {
	display: none;
}/* clobber horizontal rulers */

/* 
small {
	display: none;
}clobber date txt */

#respond small {
	display: block;
}/* show captions in reply form (home) */

/** set up jQuery in case we use it **/
#overlay { 
   background: url(images/overlay.png)
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

/** FF & IE7 image link behaviour **/
a img {
   border: 0;
}/* clobber blue dotted border */

a:focus {
   outline: none;
}/* clobber red dotted border */



/*** `TABLES ***/
table {
	border-collapse: collapse;
	border: 0;
	width: 630px;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 30px;
}

tr {
	border-bottom: 1px solid #fff;
}

th {
	border: 0;
	border-bottom: 1px solid #fff;
	padding: 10px;
	height: 60px;
/*	background: url(images/th.jpg) no-repeat;*//* 580 x 126 */
	text-align: center;
}

tr th {
	background: url(images/th-bg.jpg) repeat-x;
}

.topleft {
	background: url(images/topleft.jpg) no-repeat;
}/* 600 x 126 */

.topright {
	background: url(images/topright.jpg) top right no-repeat;
}/* 600 x 126 */

.bottomleft {
	background: #d4e9fd url(images/bottomleft.jpg) bottom left no-repeat;
}/* 20 x 125 - light blue bg */

.bottomright {
	background: #d4e9fd url(images/bottomright.jpg) bottom right no-repeat;
}/* 20 x 125 - light blue bg */

.odd .bottomleft {
	background: #e6f2fe url(images/bottomleftodd.jpg) bottom left no-repeat;
}/* 20 x 125 - pale blue bg */

.odd .bottomright {
	background: #e6f2fe url(images/bottomrightodd.jpg) bottom right no-repeat;
}/* 20 x 125 - pale blue bg */

td {
	border: 0;
	padding: 10px;/***/
	background: #d4e9fd;/* light blue */
	height: 30px;
}

tr.odd td {
	background: #e6f2fe;/* pale blue */
}

.aligntop {
	vertical-align: top;
}/* for some txt in tables */

.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

td.email {
	text-align: right;
}

.money {
	text-align: right;
	padding-right: 30px;
}

table input[type='text'] {
	width: 180px;
}

table .money input[type='text'] {
	width: 60px;
}

table#yourdetails input[type='text'] {
	width: 360px;
}

/** sponsors table **/
.sponsortable tr {
	border-bottom: 1px solid #f7faff;/* blue pale */
}

.sponsortable td {
	background: #fff;
	height: 120px;/* uniform height */
}

.sponsortable td img {
	display: block;/* to centre img */
	margin: 10px auto;
}

.sponsortable .topleft {
	background: #fff url(images/topleft-sponsor.jpg) no-repeat;
}/* 80 x 80 */

.sponsortable .topright {
	background: #fff url(images/topright-sponsor.jpg) top right no-repeat;
}/* 80 x 80 */

.sponsortable .bottomleft {
	background: #fff url(images/bottomleft-sponsor.jpg) bottom left no-repeat;
}/* 80 x 80 */

.sponsortable .bottomright {
	background: #fff url(images/bottomright-sponsor.jpg) bottom right no-repeat;
}/* 80 x 80 */

/*-----------------------
colours
f7faff - blue pale .post
e6f2fe - blue pale cells
868a8d - grey
c4e5ff - blue light
0061ae - blue mid
2c3090 - blue dark
f7941d - orange
fff32a - yellow
-----------------------*/

.navigation,
.commentlist,
.pagetitle,
#respond,
#comments 
 {
	display: block;
	width: 630px;
	margin-right: 80px;
	float: right;
}

.navigation {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#respond {
	margin-top: 10px;
	margin-bottom: 10px;
	}

h3#comments {
	padding: 0;
	text-align: left;
	font-size: 110%;
	}
	
	
.commentlist {
	padding: 0;
	text-align: justify;
	}
	


.commentlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 0 5px 0 0;
	font-size: 90%;
}

.commentlist a:link,
.commentlist a:visited {
	color: #0061ae;
	font-size: 80%;
}

/*** `FORMS ***/
#respond textarea,
#respond input[type='text'] {
	width: 400px;
}/* match nav width with padding */

/*** `INFOMATION PORTAL ***/

.section {
	display: block;
	float:left;
	clear: both;
	margin: 10px 0 10px 0;
}

.fieldset{
	display: block;
	clear:left;
	padding-top: 10px;
}

.fieldset label {
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 140px;
	text-align: right;
	font-weight: bold;
	float: left;
	padding: 3px;
}

.formfield {
	display: block;
	float: left;
	font: 12px/14px verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	padding: 0 0 0 3px;	
	min-height: 20px;
}

.formfield input[type='text'] {
	padding: 0px;
	font-size: 1.2em;
	height: 1.3em;
	line-height: 1.2;
	font-family: Tahoma;
	width: 300px;
}
.formfield input[type='radio'] {
	margin-top: 5px;
	margin-right: 5px;
	margin-left:5px;
	padding: 2px;
	font-size: 1.2em;
	line-height: 4em;
	font-family: Tahoma;
}


span {
	margin: 5px;
}

.result {
	font-size: 12px;
	clear: both;
	padding-left: 12px;
}

.short {
	text-indent: -3em; 
	margin-left: 3em;
}
.star {
	background-image:url('images/star.png');
	background-repeat:no-repeat;
	background-position:top left;
}

.author {
	color: grey;
	font-weight: bold;
}

.title{
	font-style: italic;
}

.actions{
	cursor: pointer;
	color: blue;
	margin-left: 3em;
}

.details{
	background-color: #ebebeb;
	margin: 2px 0 2px 20px;
}

.detailset{
	clear:left;
	min-height: 14px;
}

.detailset label {
	display: block;
	width: 80px;
	text-align: right;
	font-weight: bold;
	float: left;
}

.detailset .info {
	display: block;
	float: left;
	font-weight: normal;
	padding: 0 0 0 3px;	
}

.hidden {
	display:none;
}

.detailset .comment {
	display: block;
	float: left;
	margin-left: 15px;
}

.comments label {
	width: 200px;
}

#auses_creditstatus{
	display: block;
	float:right;
	width: 200px;
	border: 1px solid #d4e9fd;
	text-align: center;
	padding: 2px;
	margin: 2px;
	font-size: 80%;
}

span.buycredit {
    display:block;
    float:left;
    clear:both;
    border: 1px solid #d4e9fd;
    margin: 10px;
    font-size: 120%;
    width: 320px;
    text-align: center;
    background-color: #0061ae;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

table.buycredit input {
    width: 300px;
   
}

/* sponsor blurb */
#content td.sponsor span {
	display: none; 
	padding: 5px 8px; 
	margin-left: 5px;
	margin-top: -20px;
	max-width: 300px;
	text-decoration: none;
	color: #000;
}
#content td.sponsor:hover span {
	display: inline; 
	position: absolute; 
	background: #458CD3; 
/*		background: url(../pics/tooltip.png); */
	border: 3px solid #e5f7fd; 
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}
.formBuilderField span {
	margin: 0;
}
.formBuilderInput input {
	width: 300px;
}
div.formBuilderSuccess {
	border: 1px solid #015289;
}