/*************************************************************************
	Skills Third Sector
	MODULE: 	forum.css
	PURPOSE:	special rules for the forum pages
*************************************************************************/

/* Extra clear fixes */

.forumlist li:after,
#forumquestion:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
.forumlist li,
#forumquestion {
	height:1%;
}

/* Heading
*************************************************************************/
.secforum #content h1 {
	float:left;
	width:510px;
	margin-bottom:30px;
}

/* Buttons
*************************************************************************/
a.buttonstarttopic,
a.buttonstarttopic:visited,
a.buttonlogin,
a.buttonlogin:visited,
a.buttonpostreply,
a.buttonpostreply:visited  {
	width:92px;
	padding:4px 16px 0;
	margin:0 0 0 -2px;
	min-height:30px;
	display:block;
	color:#FFF;
	background:#592049 url(../site_images/bg-sprites-buttons-other.png) no-repeat;
	text-align:left;
	font-size:0.85em;
}
a.buttonstarttopic:hover,
a.buttonstarttopic:visited:hover,
a.buttonlogin:hover,
a.buttonlogin:visited:hover,
a.buttonpostreply:hover,
a.buttonpostreply:visited:hover {
	text-decoration:none;
}
a.buttonlogin,
a.buttonlogin:visited {
	width:126px;
	background-position:-302px 0;
	margin:0 auto;
}
a.buttonstarttopic,
a.buttonstarttopic:visited {
	width:119px;
	background-position:-151px 0;
	float:right;
	margin:5px -5px 0 0;
	line-height:20px;
}
a.buttonpostreply,
a.buttonpostreply:visited {
	width:95px;
	background-position:-587px 0;
	float:right;
	margin:5px -5px 0 0;
	line-height:20px;
}



/* Search Form
*************************************************************************/		
#forumsearch {
	margin:0 0 30px 0;
	padding:0;
	width:100%;
}
#forumsearch label {
	position:absolute;
	left:-10000em;
	margin:0 5px 0 0;
	padding:5px 0 0 0;
}
#forumsearch input {
	float:left;
	width:132px;
	height:20px;
	padding:7px 5px 5px;
	margin:0;
	background:#EEE url(../site_images/bg-forumfield-search.png);
	border:none;
}
#forumsearch button {
	float:left;
	height:32px;
	width:57px;		
	margin:0 0 0 5px;
	padding:0;
	background:#666 url(../site_images/bg-button-search-forum.png);
	color:#FFF;
	vertical-align:top;
}

/* Side Bar Panel
*************************************************************************/
.secforum #contentside .panel {
	width:167px;
	padding:0 18px 10px;
	background:#EFEFEF url(../site_images/bg-forum-sidepanel.png) left bottom no-repeat;
}
.secforum #contentside .panel h3 {
	font-size:1.5em;	
	padding:12px 18px;
	margin:0 -18px 5px;
	background:#EFEFEF url(../site_images/bg-forum-sidepanel.png) left top no-repeat;
}
.secforum #contentside .panel span {
	display:block;
	margin:0 -17px;
	padding:15px 0 0;
	background:url(../site_images/bg-forum-sidepanel-grad.png) top left repeat-x;
}
.secforum #contentside .panel span a.buttonstarttopic {
	float:none;
	width:115px;
	margin:0 auto;
	background-position:-714px 0;
}

/* Utility belt
*************************************************************************/
.secforum #content .utilitybelt p {
	float:left;
	text-align:left;
	margin:0;
}
.secforum #content .utilitybelt h3 {
	float:left;
	text-align:left;
}

/* Topics / Replies / Lead Question
*************************************************************************/
#content .forumlist {
	margin:0 0 30px;
	padding:0;
	list-style:none;
}
#content .forumlist li,
#content #forumquestion {
	float:none;
	clear:both;
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
	background:#FFF;
}
#content .forumlist li div,
#content #forumquestion div {
	clear:left;
	float:left;
	position:relative;
	z-index:10;
	width:55px;
	height:38px;
	background:url(../site_images/bg-forumquote-left.png) right top no-repeat;
}
#content .forumlist img
#content #forumquestion img {
	display:block;
	border:1px solid #CCC;
	width:34px;
	height:34px;
}
#content .forumlist blockquote,
#content #forumquestion blockquote {
	float:left;
	position:relative;
	z-index:5;	
	width:563px;
	margin:0 0 0 -1px;
	padding:10px 20px 0;
	border:1px solid #DED2DB;
	border-bottom:none;
	color:#333;
	background:#EEE8EC;
	line-height:1.2em;
	-khtml-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
#content .forumlist blockquote p,
#content #forumquestion blockquote p {
	float:left;
	width:520px;
	margin:0;
	padding:0 0 10px 0;
}
#content .forumlist blockquote p a,
#content .forumlist blockquote p a:visited,
#content #forumquestion blockquote p a, 
#content #forumquestion blockquote p a:visited {
	display:inline-block;
	color:#333;
	font-weight:bold;
}
#content .forumlist blockquote p a:hover,
#content .forumlist blockquote p a:visited:hover,
#content #forumquestion blockquote p a:hover,
#content #forumquestion blockquote p a:visited:hover {
	color:#FFF;
}
#content .forumlist blockquote b,
#content #forumquestion blockquote b {
	display:block;
	float:right;
	width:32px;
	height:25px;
	margin:0 -5px 0 0;
	background:#6FBAC9;
	color:#FFF;
	line-height:25px;
	font-size:1.3em;
	text-align:center;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#content .forumlist blockquote cite,
#content #forumquestion blockquote cite {
	clear:both;
	display:block;
	width:565px;
	padding:4px 20px 0;
	margin:5px -21px 0;
	border-top:1px solid #DED2DB;
	color:#999;
	background:#FFF;
	font-size:0.85em;
	font-style:normal;
	font-weight:normal;
	line-height:1.2em;
}
#content .forumlist blockquote cite a,
#content .forumlist blockquote cite a:visited
#content #forumquestion blockquote cite a,
#content #forumquestion blockquote cite a:visited {
	font-weight:bold;
}

/*** No replies overrides ***/
#content .forumlist li.noreplies div {
	background:url(../site_images/bg-forumquote-left-noreply.png) right 8px no-repeat;
}
#content .forumlist li.noreplies blockquote {
	background:#FFFFCC;
}


/* Forum Lead Question Overrides
*************************************************************************/
#content #forumquestion blockquote {
	font-weight:bold;
} 
#content #forumquestion blockquote p {
	font-size:1.2em;
	line-height:1.4em;
} 



/* Reply List overrides
*************************************************************************/
#content #replylist li {
	clear:both;
	margin-top:30px;
	padding:30px 0 0 0;
	border-top:1px solid #E1E1E1;
}
#content #replylist div {
	background:#FFF url("../site_images/bg-default-avatar.png") no-repeat;
}
#content #replylist blockquote {
	border:none;
	background:#FFF;
	padding:0;
	margin:0;
	width:600px;
}
#content #replylist blockquote p {
	width:auto;
	float:none;
}
#content #replylist blockquote cite {
	border:none;
	width:auto;
	padding:0;
	margin:0;
}
#content #replylist blockquote cite .quoteme {
	display:block;
	float:right;
	padding:1px 2px 1px 17px;
	background-image:url(../site_images/icon-quote.png);
	background-position:2px 3px;
	background-repeat:no-repeat;
}
#content #replylist blockquote cite .quoteme:hover {
	background-position:2px -48px;
}

/* User Quote
*************************************************************************/
#content #replylist blockquote blockquote {
	border-left:5px solid #6FD4E1;
	background:#EAF9FB;
	padding:20px;
	margin:0 0 20px 0;
	width:560px;
}
#content #replylist blockquote blockquote cite {
	background:#EAF9FB;
	margin:0 0 10px;
	width:auto;
}

/*** Multiple Nested Quotes - level 2 ***/
#content #replylist blockquote blockquote blockquote {
	width:85%;
	margin:20PX 3%;
	border-left:5px solid #E1E1E1;
	background:#FCFCFC;
}
#content #replylist blockquote blockquote blockquote cite {
	background:#FCFCFC;
}

/*** Multiple Nested Quotes - level 3 ***/
#content #replylist blockquote blockquote blockquote blockquote {
	border-left:5px solid #EEEEEE;
	background:#FFF;
}
#content #replylist blockquote blockquote blockquote blockquote cite {
	background:#FFF;
}