/*
	Cascading Style Sheet for CASA (Blog/blog posts)
	
	Author: Aaron Clinger (aaron@aaronclinger.com)
	Version: 01/12/2009
	
	Hiearchy:
			Column Layout/Common Styles
			
			Blog Posts
				Posts
				Comments
				Leave Comment
				Pagination
			
			Secondary Content
				Module Layout
				Search Module
			
			CSS Utilities
		 		Clear fix
*/
/*------------------------------------------------------------------
	Column Layout/Common Styles
--------------------------------------------------------------------*/
div#secondary-content,
div#postings {
	margin-top:				22px;
	float:					left;
}
div#postings {
	width:					493px;
	margin-left:			31px;
	margin-right:			21px;
}
* html div#postings { /* IE6 Hack */
	margin-left:			16px;
}
div#secondary-content {
	width:					250px;
}
div.module {
	margin-bottom:			10px;
}
div#secondary-content div.module dl dt,
div#postings div.module div.header h2 {
	color:					#FFF;
	font-size:				1.4em;
	margin:					0 0 5px 0;
	text-transform:			uppercase;
}
form div.hiddenFields {
	display:				none;
}

/*------------------------------------------------------------------
	Blog Posts
--------------------------------------------------------------------*/
/*	Posts
--------------------------------------------------*/
div#postings h3 {
	color:					#FFF;
	font-size:				1.4em;
	text-transform:			uppercase;
	margin:					0 0 5px 10px;
}
div#postings div.module div.content {
	padding:				0 11px;
}
div#postings div.module div.header {
	margin:					0 0 10px 0;
}
div#postings div.module p.metadata,
div#postings div.module div.header p {
	color:					#999;
}
div#postings div.leave-comment form,
div#secondary-content div.module dl dd,
div#postings div.module div.entry {
	background:				transparent url(/images/stripes-bg.gif) repeat 0 0;
	padding:				8px 13px 1px 13px;
	margin-bottom:			10px;
	color:					#999;
}
div#postings div.module div.entry {
	font-size:				1.2em;
	line-height:			1.5em;
}
div#postings div.module div.entry dl,
div#postings div.module div.entry ul,
div#postings div.module div.entry ol,
div#postings div.module div.entry p {
	margin-bottom:			1em;
}
div#postings div.module div.entry dl dd,
div#postings div.module div.entry ol li,
div#postings div.module div.entry ol li {
	margin-bottom:			0.5em;
}
div#postings div.module div.entry h3 {
	color:					#FFF;
	font-size:				1em;
	margin:					0;
	text-transform:			none;
}
div#postings div.module div.entry ul {
	padding-left:			15px;
}
div#postings div.module div.entry ul li {
	list-style:				disc outside;
}
div#postings div.module div.entry ol {
	padding-left:			2em;
}
div#postings div.module div.entry ol li {
	list-style:				decimal outside;
}
div#postings div.module div.entry li img {
	margin-top:				1em;
}
* html div#postings div.module div.entry pre { /* IE6 Hack */
	width:					390px;
}
div#postings div.module div.entry li pre {
	margin-top:				1em;
}
div#postings div.module div.entry div.blog-flash {
	margin-bottom:			0.8em;
}
div#postings div.module div.entry dl dd {
	margin-left:			1em;
}
/*	Comments
--------------------------------------------------*/
div#postings div.comment p.header {
	color:					#666;
}
div#postings div.comment div.content {
	margin-bottom:			-10px;
}
div#postings div.comment p {
	color:					#999;
	line-height:			1.5em;
	margin-bottom:			1em;
}
/*	Leave Comment
--------------------------------------------------*/
div#postings div.leave-comment form {
	margin:					3px 0 2px 0;
	padding-top:			17px;
	padding-bottom:			17px;
}
div#postings div.leave-comment form legend,
div#postings div.leave-comment form label {
	display:				none;
}
div#postings div.leave-comment form label.captcha {
	color:					#666;
	display:				block;
	margin:					0 0 5px 2px;
}
div#postings div.leave-comment form div {
	height:					29px;
	width:					303px;
	margin:					0 0 17px 0;
	padding:				1px 0 0 14px;
	background:				transparent url(/images/email-bg.gif) no-repeat top left;
}
div#postings div.leave-comment form img {
	margin:					0 0 10px 1px;
}
div#postings div.leave-comment form input.text {
	width:					288px;
}
div#postings div.leave-comment form textarea {
	width:					303px;
	height:					100px;
	margin:					0 0 17px 1px;
}
div#postings div.leave-comment form a {
	display:				block;
	width:					120px;
	text-transform:			uppercase;
	line-height:			30px;
	text-align:				center;
	background:				transparent url(/images/submit-comment-bg.gif) no-repeat top left;
}
/*	Pagination
--------------------------------------------------*/
div#postings ul#pagination {
	font-size:			1.2em;
	line-height:		1.5em;
	margin:				-10px 10px 26px 10px;
}
div#postings ul#pagination li {
	float:				left;
}
div#postings ul#pagination li#newer {
	float:				right;
}

/*------------------------------------------------------------------
	Secondary Content
--------------------------------------------------------------------*/
/*	Module Layout
--------------------------------------------------*/
div#secondary-content div.module dl {
	margin:					0 12px 1px 12px;
}
div#secondary-content div.module dl dt {
	margin:					0 0 10px 0;
}
div#secondary-content div.module dl dd {
	margin:					0 0 3px 0;
	padding-bottom:			8px;
}
/*	Search Module
--------------------------------------------------*/
div#secondary-content div.search dl dd {
	background-image:		none;
	padding:				0;
	margin-bottom:			10px;
	line-height:			1em;
}
div#secondary-content div.search dl dd legend,
div#secondary-content div.search dl dd label {
	display:				none;
}
div#secondary-content div.search dl div {
	height:					29px;
	padding:				1px 0 0 14px;
	background:				transparent url(/images/search-bg.gif) no-repeat top left;
}
div#secondary-content div.search dl div input.text {
	width:					145px;
	float:					left;
}
div#secondary-content div.search dl a {
	text-transform:			uppercase;
	text-align:				center;
	line-height:			29px;
	width:					28px;
	padding-right:			3px;
	margin:					-1px 0 0 0;
	display:				block;
	float:					right;
}
div#secondary-content div.search dl dd {
	margin-bottom:			7px;
}

/*------------------------------------------------------------------
	CSS Utilities
--------------------------------------------------------------------*/
/* Clear fix - allows wrapping of floats
--------------------------------------------------*/
div#postings ul#pagination:after {
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}
div#postings ul#pagination {
	display:				inline-block;
}
/* Hides from IE-mac \*/
* html div#postings ul#pagination {
	height:					1%;
}
div#postings ul#pagination {
	display:				block;
}
/* End hide from IE-mac */