/*  
Theme Name: Brisbane Web Design Theme 1.0
Theme URI: 
Description: Theme for brisbanewebdesign.org
Version: 1.0
Author: Leon Poole
Author URI: http://www.creativeworld.com.au
	
 */

html, body {
border:0;
margin:0;
padding:0;
padding:0;
height: 100%;
background: url(images/bg-body.gif) top repeat-x;
}

body {
font: 62.5% Tahoma, Verdana, Arial, sans-serif;
color:#333333;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}

h1 {
	padding:10px 0px 8px;
	font:bold 1.7em Tahoma, Verdana, Arial, sans-serif;
	color:#336666;
	border-bottom:1px dotted #50C2F0;
	margin-bottom:10px;
	margin-right: 0px;
}

h2 {
	padding:5px 0px 0px;
	margin-top:10px;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

h3 {
	padding:10px 0 6px;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}


.right-col h3 {border-left:none;padding-left:0;}


p, #content ul, #content ol  {
	margin:0;
	font-size:1.2em;
	line-height:1.4em;
}

#nav ul, #nav ol {font-size:1.2em;}

td, th {
font-size:1.2em;
}

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}

li {
	list-style:disc;
}

blockquote {
margin:22px 10px;
padding:0;
border-left:4px solid #E0E0E0;
padding-left:10px;
font-style:italic;
}


small, .small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

p.last {margin-bottom:15px;}

.right {float:right;}
.left {float:left;}

/***** Links *****/
a {
	color: #4CBAE6; 
	text-decoration: none;
	padding:1px;
	}
	
/*a {color:#4CBAE6; text-decoration:none;}
a:hover {text-decoration: underline;color:#37B4E3;} */

a:hover {	
	background:transparent;
	text-decoration:underline;
	}

#header a:hover, #content a:hover {	
	background:#01BBD6;
	color: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
	}	
	
a:visited {color:#66B0CC;}

.post-title h1 a {text-decoration:none;}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
	border: 1px solid #65696E;
	padding:2px;
}

textarea {
line-height:1.25em;
width:500px;
}

label {
cursor:pointer;
font-size:1.2em;
}

.button, #tagformsub {
	background: #429DBA;
	border:1px solid #01BBD6;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px;
}

#commentform .button, #tagformsub {
	padding:3px;
}

.button:hover, #tagformsub:hover {
	background:#91D7E8;
	cursor:pointer;
}
.form-search {
	margin:3px 12px 0pt 0pt;
}
.form-search input#search {background-color: #E5E5E5;}
.form-search input:focus#search {background-color: #fff;}

#favorite-toggle, #favorite-2, #favorite-1 {width:200px;font-weight:normal;}

/***** Tables *****/

table {
border:0;
margin:0 0 1.35em 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Global Classes *****/

.clear 			{ clear:both; height:0; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#FFC; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.right 			{ display:inline;float:right; }
.left 			{ display:inline;float:left; }

#content p.highlight 		{ padding:0.5em 10px; margin-top:10px; }
 
/***** Wrapper *****/

#wrap {
width:100%;
margin:0 auto;
display: block;
min-height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
background: url(images/bg-header.png) top center no-repeat;
}

/***** Header *****/

#header {
	margin:0 auto;
	padding:1.6em 0 0 0;
	width: 79em;
}
#header img {margin-left:10px;}

/***** Navbar *****/

#nav {
	margin:0 auto;
	width: 79em;
}

#nav ol {
	height:2.5em;
	margin:0.5em 0 0;
	padding:0;
	list-style:none;
	background-color: #3E434B;
	border-left: 1px solid #484D55;
	border-right: 1px solid #484D55;
	border-top: 1px solid #484D55;
}
	
	#nav ol li {
	display:inline;
	}
	
		#nav ol li a {
	float:left;
	color:#EEEEEE;
	height:22px;
	padding:8px 15px 0;
	text-decoration:none;
	font-weight:bold;
		}
		
		#nav ol li a:hover
		{
		color:#FFFFFF;
		background:#52575E;
		}
		
		#nav ol li.current_page_item a,
		#nav ol li.current_page_parent a {
		background:#52575E;
		border-bottom:2px solid #01BBD6;
		}


/***** Content *****/

#content {
	width:77em;
	margin:0 auto;
	padding: 5px 10px 80px;
	background-color:#fff;
	height:100%;
	min-height:500px;
}

#content p {
	padding:10px 6px 0;
	line-height: 1.6em;
}

/***** Right Column *****/
.rightcol {background: url(images/bg-right-col.gif) right repeat-y;height:100%}

.right-col {
	float:right;
	line-height:1.5em;
	width:23em;
}
.right-col ul {
	padding:0.5em 1px 0.5em 0.8em;
	background-color: #F8FBFC;
	border: 1px solid #D6E4EB;
	margin-top: 10px;
	margin-right:4px;
}

.right-col ul li { list-style: none;}

.right-col ul li span {
	width:4em;
	float: left;
	font-weight: bold;
	}	
.main-col {
	float:left;
	width:52em;
}

#sidebar {
clear:right;
float:left;
width:214px;
}

	#sidebar h1 a:link, #sidebar h1 a:visited  { 
		color:#336666;
	}
	
	#sidebar h2 {
	color:#555;
	padding:0;
	font-size:1em;
	font-weight:bold;
	letter-spacing:normal;
	}
	
	#sidebar ul,
	#sidebar ol {
	padding:0 0 1.35em 0;
	
	}

/***** twitter feed *****/	
ul.twitter {list-style-type:disc;list-style:disc;}
li.twitter-item {list-style-type:disc;list-style:disc;padding-bottom:5px;}
p.twitter-message {padding-bottom:5px;}
.twitter-timestamp {font-size:0.9em;}
a.twitter-link {}
a.twitter-user {font-weight:bold;}
.widgettitle a, a.twitter_title_link {color:#336666;}

/***** Calendar ****/
.vevent {margin-bottom:20px;}

.rsvp {
	background-color:#E4F0F3;
	margin-right:0.8em;
	padding:0.3em;
	text-align:center;
	margin-top:0.5em;
	font-weight:bold;
	border-bottom: 1px solid #D6E4EB;
}
	
	
/***** bottom *****/
#bottom {display:none;}

/***** footer *****/

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	z-index: 999;
	padding: 0px;
	margin: 0px;
	color: #CCCCCC;
	background-color:#333941;
	border-top: 1px solid #3F3F3F;
}
.footer-inner {
width:702px;
margin:0 auto;
line-height:1.4em;
padding:13px 5px 0px 78px;
border-left:1px solid #484D55;
border-right:1px solid #484D55;
background:#3E434B url(images/brisbane-web-design-small-logo.gif) no-repeat 8px top;
font-size:1.1em;
height:40px;
}
.footer-inner .left {width: 50%;}
.footer-inner .right {width: 50%;text-align: right;}

#footer a:link, #footer a:visited {color:#ccc;text-decoration:none; margin:0 0.5em;}
#footer a:hover {color:#fff;text-decoration:underline;background:none;}
#footer a:visited {color:#C3C3C3;}


/************* Forum Styles ********************/


img.avatar { border: 1px solid #ddd; }

.bozo { background-color: #eeee88; }
.alt.bozo { background-color: #ffff99; }
.deleted { background-color: #ee8888; }
.alt.deleted { background-color: #ff9999; }

.right-col .box {		
	padding:0px;
	border-top:2px solid #E0E7EA;
	background:#EBF2F5;
	text-align:center;
	margin-bottom:10px;
}


.right-col .box ul {line-height:2em;list-style:none;margin-bottom:0px;}


/***** Breadcrumbs *****/
.bbcrumb {
	color: #ccc;
	padding: 3px;
	padding-bottom:5px;
	display: block;
	border: none;
	font-size:1.1em;
	} 

.bbcrumb a {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	color:#666;
	text-decoration:none;
		}
		
.bbcrumb a:hover {
	color:#01BBD6;
	background:none;
		}
/*.bbcrumb {color:#666;font-weight:normal;font-size: 1em;padding: 0px 0 10px;margin-top:5px;margin-bottom:5px;}*/

.submitbtn {padding:3px;font-size:1em;font-weight:bold;border:1px solid #EAE2D4;color:#fff;background:#429DBA;}
.submitbtn:focus, .submitbtn:hover {font-weight:bold;color:#eee;border:1px solid #01bbd6;background:#91d7e8}

.notice {
	border: 2px solid #4c9545;
	background-color: #abd8a2;
	color: #4c9545;
	font-size: 1.1em;
	font-weight: bold;
	padding:5px;
	margin: 0 0 1.1em;

}

.notice p { margin: 0;padding:0;}
.errormsg {color:#964113;}


/* ------------------------------------ Login Form ---------------------------*/

.login label {margin:0 auto;}
.logintext {padding:5px;}

form.login input {font-weight:bold;}

.loginextra {clear: both;padding-left: 20px;font-size:0.9em;color:#eee;}

form.login input#remember {}

#loginform  {float:right;margin-top:6px;font-size:1em;width:450px;color:#eee;text-align:right;}

/* ------------------------------------ Front Page --------------------------- */

.headlatest {background:url('images/icons/comments.png') no-repeat 0% 60%;padding-left:25px;}
.headforum{background:url('images/icons/group.png') no-repeat 0% 60%;padding-left:25px;}
.headtag {background:url('images/icons/tag.png') no-repeat 30% 60%;}
.headtag2 {background:url('images/icons/tag.png') no-repeat 26% 60%;}
.headview {background:url('images/icons/zoom.png') no-repeat 25% 60%;}
.headinbox {background:url('images/icons/inbox.png') no-repeat 28% 70%;}
.headedit {background:url('images/icons/edit.png') no-repeat 36% 60%;}
.headtopic {background:url('images/icons/newspaper.gif') no-repeat 27% 60%;}
.headother {background:url('images/icons/attach.png') no-repeat 25% 70%;}

#viewdiv ul{padding-left:20px;}
#viewdiv li{border-bottom:1px solid #3E434B;padding-top:3px;}

.frontpageheatmap {font-weight: normal;line-height: 30px;padding-bottom: 10px;}

td.forumimg {background:url('images/icons/newspaper.gif') no-repeat 50% 50%;}
td.topic_img {background:url('images/icons/comment.gif') no-repeat 50% 50%;}
th.slideheader {width:16px;background:url('images/icons/star.png') no-repeat 50% 50%;}
th.numlink {width:50%;font-weight:bold;}
th.numdel {width:10%;}
#forumlist td.numlink a , #memberlist td.numlink a{font-weight:bold;}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky { background-color: #FFE074;}
.sticky a {color:#3D2A00;}

#topic_labels {width:30px;height:16px;font-size:0px;float:left;}
#topic_posts {margin-left:10px;}

/* -------------------------- Topic Page -------------- */

.infobox {padding: 1em;}
.infobox ul {margin: 10px 0 10px 12px;padding: 0;}
.infobox ul li { padding-bottom: 3px; }

#topic-info {margin-bottom:40px;}

#thread {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #EBF2F5;
}

#thread li {
	clear: both;
	list-style:none;
	/*border-bottom:2px solid #F0E9DD;*/
	/* Hack to force padding on .threadauthor on IE */
}

#thread li ol, #thread li ul { margin-left: 40px; }
#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	float: left;
	padding: 1em 1em 0 1em;
	width: 15%;
}

.threadauthor p { margin: 0; }
.threadauthor small {font:0.8em arial, helvetica, sans-serif;}

.threadpost {
	padding: 1.5em 1em;
	margin-left: 20%;
	background-color: #EBF2F5;
	border-left:2px solid #fff;
	/*background:url('images/postbg.gif') repeat-x #3E434B;*/
}

#thread li.alt .threadpost { background-color: #fff; 	/*background:url('images/postbgalt.gif') repeat-x #fff;*/}
#thread li.alt .threadauthor { background-color: transparent;}
#thread li.deleted { background-color: #E4766E; }
#thread li.alt.deleted { background-color: #FF584B; }
#thread li.deleted .threadpost { background-color: #E4766E; }
#thread li.alt.deleted .threadpost { background-color: #FF584B; }

#thread .post blockquote {margin: 0 0 0 4ex;padding: 0 0 0 1ex;border-left: 5px solid #ccc;color:#6A6A6A;}

#thread .post ul, #thread .post ol {margin: 0 0 1em 2em;padding: 0 0 0 1em;}

.replypm {padding:20px;border-top:10px solid #fff;}
.admin {text-align:center;}
.navpages  {text-align:center;margin:10px;font-weight:bold}
/*.navpages  .next {float:right;}
.navpages  .prev {float:left;}*/

.poststuff {clear:both;margin: 10px 0 0;padding: 5px 0 0;font:0.8em arial, helvetica, sans-serif;}

.num, #forumlist small, #memberlist small {font:1em arial, helvetica, sans-serif;text-align: center;}

.headsmall {font-size:0.85em;letter-spacing:0.1em;}

.postform {
	width:100%;
	padding-right:0px;
	padding: 1em;
	margin-bottom: 1em;
}

.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 90%;
	display: block;
}

.postform label { display: block; }


#manage-tags {margin: 10px 0;list-style: none;}
#manage-tags li {float: left;width: 200px;padding-bottom: 10px;}

.submit { text-align: center; }
.topiclink { display: block; }

.topictitle {font-weight: bold;display: inline;border-bottom:none;}

.rss-link {display: block;text-indent: 20px;background-image: url('images/feed-icon-16x16.gif');background-repeat: no-repeat;background-position: 0 50%;}

#topic-move { margin-top: 1em; }

/* --------------------------------- Other -------------------------*/


th {font-weight:normal;font-size:1.1em;}
#content .frontpageheatmap a {font-weight: normal;text-decoration: none;}
#content a:visited {font-weight: normal;}
#front-search {float: right;margin-top: -8px;}
#latest td, #forumlist td, #memberlist td, #favorites td { padding: 5px 10px;}
#forumlist tr td div.nest, #memberlist tr td div.nest {padding-left: 2.5ex;}
#latest tr:hover, #forumlist tr:hover, #memberlist tr:hover, #favorites tr:hover { background-color: #EBF2F5;cursor:pointer; }
#latest th, #forumlist th, #memberlist th, #favorites th {
	/*border-bottom: 1px solid #aaa;*/
	background-color: #3E434B;
	color:#eee;
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
	padding: 5px 10px;
}

tr.headsmall th:hover {cursor:default;color:#fff;}

#latest, #forumlist, #memberlist, #favorites {background-color: #fff;margin-bottom: 1em;width: 100%;}

/* --------------------------- Profile Page ----------------------------- */
#useravatar {float:right; margin: 10px;margin-top:70px; }
#userinfo { margin-top: 10px; }
#userinfo li {line-height:200%;list-style:none;} 
#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }
.user-recent ol { margin: 5px 0 0 28px; }
.user-recent ol li { margin: 0 0 3px; }

/* ----------------------------------- Login, Register, Profile Edit ----------------- */
#login-page legend, #register-page legend, #profile-page legend {font-weight: bold;padding: 0 15px;}

#login-page .required, #register-page .required, #profile-page .required {color: #a70000;}

.form-invalid {background-color: #ffebe8 !important;}
.form-invalid input {border-color: #c00 !important;}

#profile-menu-box {position:relative;height:22px;width:100%;font-size:1.1em;float:left;border-bottom:5px solid #E0E7EA;	margin-top:15px;margin-bottom:15px;}

#profile-menu {
	list-style: none;
	position:absolute;
	margin-top:2px;
	/*font-weight:bold;*/
	padding-bottom:7px;
	padding-top:3px;
}

#profile-menu li {display: inline;}

#profile-menu li a {font-size: 1em;background:transparent;padding:3px 6px;color:#313131;}

#profile-menu li.current a, #profile-menu li.current a:hover, #profile-menu li.current a:active  {color:#313131;background:#E0E7EA;}

#profile-menu li a:hover {color:#000;background:#eee;}

/* ------------------------------ Tooltips -------------------------------*/
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {font-size:1.1em;display:block; position:absolute; top:24px; left:-25px; padding:5px; font-weight:normal; color:#3A677B; border:1px solid #4CBAE6; background:#EBF2F5; width:200px;opacity:0.9;}
a.tooltip:hover b em {position:absolute; left:25px; top:-6px; width:11px; height:6px; background:url('images/tooltip.gif') 0 0; display:block; font-size:1px;}

/*---------------------------------------------------- Resize textarea ---------------------------------------------*/
.resizehandle {background:transparent url('images/resizer.png') no-repeat scroll 45%;cursor:s-resize;font-size:0.1em;height:16px;width:100%;}	

/*---------------------------------------------------- Return to top box ---------------------------------------------*/	
#totop {cursor:pointer;font-weight:bold;text-align:center;width:100%;height:7px;padding-bottom:0px;position:fixed;right:0px;top:0px;opacity:0.3;background:url('images/tooltip.gif') no-repeat center #000;}	
#totop a:link, #totop a:visited {color:#281F19;text-decoration:none;}
#totop a:hover{color:#F4F3F3;}
	
a.pdf {background: url('images//icons/file-pdf.gif') no-repeat;padding-left: 20px;}
a.zip {background: url('images/icons/file-zip.gif') no-repeat;padding-left: 20px;}
a.doc {background: url('images/icons/file-doc.gif') no-repeat;padding-left: 20px;}
	
/* ------------------------------ Corners -------------------------------*/
.curvy {position:relative; width:100%; background:#F0E9DD; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#F0E9DD; background:#481A08; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0;left:0;}
#cbl {bottom:0;left:0;}
#ctr {top:0;right:0;}
#cbr {bottom:0;right:0;}
.curvy em b {position:absolute;font-size:150px;font-family:arial;color:#F0E9DD;line-height:40px;font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; padding:20px;}