/*

UMBRELLA
Topic Stylesheet
Version 0.0.0

Notes: This stylesheet needs to be divided into two stylesheets (structure/theme)

*/

/*

branched this stylesheet off forum.css because it will be used to render homepage discussion
there are lots of excess styles exist in forum.css that arent needed on the home page

*/
/*
	category list
	topic list
*/


ul.post-list {
	list-style-type:none;
	padding:16px 0;
	margin:0;
	background-color:#fff;
}

/* clearfix for floating elements */

ul.post-list:after,
ul.post-list li:after,
ul.post-list li dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.post-list,
ul.post-list li,
ul.post-list li dl {display: inline-block;}
* html ul.post-list,
* html ul.post-list li,
* html ul.post-list li dl {height: 1%;}
ul.post-list,
ul.post-list li,
ul.post-list li dl {display: block;}
/* end clearfix */

ul.post-list li {
	display:block;
	padding:0 16px; /* horiz padding added here, vert padding added to each nested item for greater control */
	margin:0 0 8px 0;
	cursor:default;
	border:1px solid #eee;
	background-color:#eee;
}

ul.post-list li h3.author {
	float:right;
	display:block;
	width:144px;
	margin:0;
	padding:16px 0 0 0; /* horiz padding only */
	overflow:hidden;
}

ul.post-list li dl {
	margin:16px 144px 16px 0;
	padding:0;
	border-right:1px solid #ccc;
}

ul.post-list li h3.author div.user,
ul.post-list li h3.author a.user {
	margin:4px 8px;
}

ul.post-list li h3.author a.user span {
	font-size:.675em;
	font-weight:bold;
}

ul.post-list li dl dt,
ul.post-list li dl dd {
	clear:left;
	padding:0;
	margin:0;
}

ul.post-list li dl dd {
	padding:0 16px 0 0;
}

ul.post-list li dl dt.post-head ul {
	margin:0;
	padding:0;
	height:40px;
}

ul.post-list li dl dt.post-head ul li {
	float:left;
	height:20px;
	margin:6px 2px 0 0;
	padding:0 4px;
	border:0;
}

ul.post-list li dl dt.post-head ul li.meta-num {
	height:24px;
	font-size:1.5em;
	line-height:1.5em;
	color:#999;
	border:0;
	margin:0 8px 0 0;
	padding:0;
}

ul.post-list li dl dt.post-head ul li.meta-flag {
	padding:0 2px;
	display:none;  /* removed until we have this feature */
}

ul.post-list li dl dt.post-head ul li.meta-flag a {
	display:block;
	width:20px;
	height:20px;
}

ul.post-list li dl dt.post-head ul li.meta-timestamp {
	color:#999;
}

ul.post-list li dl dt.post-head ul li.meta-quote,
ul.post-list li dl dt.post-head ul li.meta-reply,
ul.post-list li dl dt.post-head ul li.meta-edit,
ul.post-list li dl dt.post-head ul li.meta-delete {
	float:right;
}

ul.post-list li dl dt.post-head ul li.meta-reply {
	margin-right:8px;
}

ul.post-list li dl dt.post-head ul li.meta-edit,
ul.post-list li dl dt.post-head ul li.meta-delete {
	margin-left:0;
	margin-right:0;
	padding:0;
}

ul.post-list li dl dt.post-head ul li.meta-edit {
	padding:0 4px 0 0;
}
ul.post-list li dl dt.post-head ul li.meta-edit a span,
ul.post-list li dl dt.post-head ul li.meta-delete a span {
	width:20px;
	height:20px;
	padding-left:0;
	background-position:2px center;
	cursor:pointer;
}
ul.post-list li dl dt.post-head ul li.meta-edit a span em,
ul.post-list li dl dt.post-head ul li.meta-delete a span em {
	display:none;
}

ul.post-list li dl dd.post-body small.edited {
	background-color:#ccc;
}

ul.post-list li dl dd.post-foot {
	margin:18px 0 0 0;
	padding:8px 0 0 0;
	font-weight:bold;
	color:#999;
}

ul.post-list li dl dt.post-head ul li a.add,
ul.post-list li dl dt.post-head ul li a.edit,
ul.post-list li dl dt.post-head ul li a.delete {
	width:20px;
	height:20px;
	padding:0;
	margin:0;
	background-color:transparent;
}

ul.post-list li dl dt.post-head ul li a.add span,
ul.post-list li dl dt.post-head ul li a.edit span,
ul.post-list li dl dt.post-head ul li a.delete span {
	display:none;
}
