/***************************************************************************************
 ******* Name		: blog.css
 ******* URI		: /elements/css/blog.css
 ******* Description: Blog specific styles. Accommodates the blog styles which are not
 *******              included in the styles provided in interior.css
 ******* Author		: Congruent Media
 ******* Author URI	: http://www.congruentmedia.com
 ***************************************************************************************/
#middle #primaryContent .content .posts {margin: 0 0 2em;}
#middle #primaryContent .content .post {
	border-bottom: 1px solid #e1cf9a;
	padding: 0 75px 20px 0;
}
	#middle #primaryContent .content #blogPostHeader {position: relative;}
		#middle #primaryContent .content #blogPostHeader a {
			background-image: url(/modules/blog/images/blank.png);
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			text-indent: -99999em;
			top: 0;
			width: 100%;
		}
	#middle #primaryContent .content .information {color: #adadad; margin: 0;}
	#middle #primaryContent .content .byline {font-style: italic; margin: 0 0 1em;}
		#middle #primaryContent .content .byline cite {padding-right: 5px;}
		#middle #primaryContent .content .byline .date {padding-left: 5px;}
		#middle #primaryContent .content h1 a,
		#middle #primaryContent .content .byline a {text-decoration: none;}
	#middle #primaryContent .content .interactions {position: relative;}
	#middle #primaryContent .content .post .interactions {
		padding: 5px 5px 24px;
		text-align: right;
	}
		#middle #primaryContent .content .interactions ul {
			color: #666;
			display: block;
			margin: 0;
		}
		#middle #primaryContent .content .interactions ul.tools {
			list-style: none;
			margin: 1em 0 2em 0;
			padding: 5px 0;
		}
			#middle #primaryContent .content .interactions li {
				background: none;
				display: inline;
				margin: 0;
				padding: 0;
			}
		#middle #primaryContent .content .post .social-media {
			float: right;
			margin: 0 -75px 0 0;
			width: 54px;
		}
			#middle #primaryContent .content .post .social-media iframe {width: 54px;}
			#middle #primaryContent .content .post .social-media .FBConnectButton_Small .FBConnectButton_Text {padding: 2px 3px 3px;}
			#middle #primaryContent .content .post .social-media > iframe,
			#middle #primaryContent .content .post .social-media .main-social-item {
				display: block;
				float: none;
				margin: 0 auto 5px;
			}
			#middle #primaryContent .content .send-share-links {position: relative;}
				#middle #primaryContent .content .send-share-links li {display: block;}
				#middle #primaryContent .content .send-share-links a {
					color: #836716;
					display: block;
					font-size: 0.875em;
					font-weight: bold;
					line-height: 24px;
					padding: 0 0 0 25px;
					text-decoration: none;
				}
				#middle #primaryContent .content .send-share-links a.share-it {
					background: transparent url(/elements/images/global/navigation/primaryNavigationBG.png) center center no-repeat;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					border: 1px solid #e1cf9a;
					font-size: 1em;
					padding: 0;
					text-align: center;
				}
				#middle #primaryContent .content .send-share-links a.share-it:hover {background-image: url(/elements/images/global/navigation/primaryNavigationLit.png);}
				#middle #primaryContent .content .socialLinks {
					background: #fff;
					border: 1px solid #e1cf9a;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					left: -120px;
					list-style: none;
					margin: 0;
					position: absolute;
					top: 0;
					width: 115px;
					z-index: 1;
				}
					#middle #primaryContent .content .socialLinks li a {
						background: transparent url(/modules/blog/images/interactionIcons.png) 0 0 no-repeat;
						border-bottom: 1px solid #e1cf9a;
					}
					#middle #primaryContent .content .socialLinks li a.comment		{background-position: 5px 0;}
					#middle #primaryContent .content .socialLinks li a.technorati	{background-position: 5px -22px;}
					#middle #primaryContent .content .socialLinks li a.delicious	{background-position: 5px -47px;}
					#middle #primaryContent .content .socialLinks li a.digg			{background-position: 5px -72px;}
					#middle #primaryContent .content .socialLinks li a.facebook		{background-position: 5px -97px;}
					#middle #primaryContent .content .socialLinks li a.reddit		{background-position: 5px -122px;}
					#middle #primaryContent .content .socialLinks li a.stumbleupon	{background-position: 5px -147px; border: none;}
					#middle #primaryContent .content .socialLinks li a:hover {background-color: #e1cf9a;}
#middle #primaryContent .content .comments {margin: 0 0 2em;}
	#middle #primaryContent .content .comments h1 {
		border-bottom: 1px solid #e1cf9a;
		margin: 0 0 0.75em;
	}
	#middle #primaryContent .content .comments div.comment {
		margin: 0 0 1em;
		padding: 1em;
		position: relative;
	}
	#middle #primaryContent .content .comments div.alt {background: #efefef;}
	#middle #primaryContent .content .comments div.author {background: #dee7f0;}
		#middle #primaryContent .content .comments div.comment blockquote,
		#middle #primaryContent .content .comments div.comment cite {padding-right: 40px;}
			#middle #primaryContent .content .comments div.comment blockquote .underline {text-decoration: underline;}
			#middle #primaryContent .content .comments div.comment blockquote li {margin: 0 0 0.75em;}
			#middle #primaryContent .content .comments div.comment blockquote code {
				background: #fff;
				border: 1px dotted #ccc;
				display: block;
				margin: 0 0 1em;
				padding: 10px;
			}
		#middle #primaryContent .content .comments div.comment cite {
			display: block;
			font-style: normal;
			font-weight: bold;
			text-align: right;
		}
			#middle #primaryContent .content .comments div.comment cite span.date {
				display: block;
				font-size: 0.85em;
			}
			#middle #primaryContent .content .comments div.comment cite img.gravatar {
				bottom: 12px;
				position: absolute;
				right: 12px;
				width: 32px;
			}
		#middle #primaryContent .content .comments .markItUpHeader ul li {
			background:none;
			margin:0;
			padding:0;
		}
		#middle #primaryContent .content .comments .markItUpHeader ul li.markItUpSeparator {margin: 0 10px;}
	#middle #primaryContent .content .pagination {
		background: #dee7f0;
		border: 1px solid #6699cc;
		margin: 1em 0;
	}
		#middle #primaryContent .content .pagination a {
			display: block;
			float: left;
			font-weight: bold;
			line-height: 1.75em;
			padding: 0 5px;
			width: auto;
		}
		#middle #primaryContent .content .pagination a.newer {float: right;}
#secondaryContent .widget {
	background: #f0ecf5;
	margin: 0 0 1.5em;
}
	#secondaryContent .widget .title h3 {
		background: #3b386f;
		color: #fff;
		line-height: 25px;
		padding: 0 10px;
	}
	#secondaryContent .widget .body {padding: 10px;}
		#secondaryContent .widget .body .sideBySide {
			float: right;
			width: 140px;
		}
		#secondaryContent .widget .body .form_element {margin: 3px 0; padding: 0;}
			#secondaryContent .widget .body .form_element input {width: 100%;}
			#secondaryContent .widget .body .widget .form_element {margin: 0 10px 0 0;}
				#secondaryContent .widget .body .widget .form_element input {height: 25px; line-height: 25px;}
			#secondaryContent .widget .body .widget {margin: 0;}
			#secondaryContent .widget .body .widget .control,
			#container #middle #secondaryContent .widget .body .widget .control input {margin: 0;}
			#container #middle #secondaryContent .widget .body .widget .control input {padding: 0 5px;}
		#secondaryContent .widget .body .badge {
			display: block;
			margin: 0 auto;
			width: 64px;
		}
		#secondaryContent .widget .body ul {
			list-style: disc;
			margin: 0 0 0 1.5em;
		}
		#secondaryContent .widget .body ul.collapsable {
			list-style: none;
			margin: 0;
		}
		#secondaryContent .widget .body ul li {margin: 0 0 0.33em;}
		#secondaryContent .widget .body ul.collapsable li {
			background: none;
			padding: 0;
			position: relative;
		}
			#secondaryContent .widget .body ul.collapsable li span.arrow {
				background: transparent url(/elements/images/global/collapsingArrows.gif) 3px 5px no-repeat;
				cursor: pointer;
				display: block;
				height: 15px;
				left: 0;
				position: absolute;
				top: 0;
				width: 15px;
			}
			#secondaryContent .widget .body ul.collapsable li a {
				line-height: 1.33em;
				padding: 0 0 0 15px;
			}
			#secondaryContent .widget .body ul.collapsable li a.year,
			#secondaryContent .widget .body ul.collapsable li a.month {font-weight: bold;}
			#secondaryContent .widget .body ul.collapsable li a.year {font-size: 1.125em;}
			#secondaryContent .widget .body ul.collapsable li ul {
				list-style: none;
				margin: 0 0 0 0.75em;
			}
			#secondaryContent .widget .body ul.collapsable li ul.posts a {
				background: transparent url(/elements/images/global/orangeBulletSmall.gif) 6px 6px no-repeat;
				display: inline-block;
			}
		#middle #secondaryContent .widget .body .control input {
			width: 100%;
		}