/***************************************************************************************
 ******* 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
 ***************************************************************************************/
 #primaryContent .posts {margin: 0 0 2em;}
	 #primaryContent .information {color: #adadad; margin: 0 0 0.5em;}
	 #primaryContent .byline {font-style: italic;}
	 	#primaryContent .byline cite {padding-right: 5px;}
	 	#primaryContent .byline .date {padding-left: 5px;}
	 #primaryContent .interactions {position: relative;}
	 #primaryContent .posts .interactions {
		 border-bottom: 1px solid #69c;
		 padding: 5px;
		 text-align: right;
	 }
	 	#primaryContent .interactions ul {
			color: #666;
			display: block;
			margin: 0;
		}
		#primaryContent .interactions ul.tools {margin: 1em 0 2em 0;}
			#primaryContent .interactions li {
				 background: none;
				 display: inline;
				 margin: 0;
				 padding: 0;
			 }
			 #primaryContent .interactions .tools li {
				 background: transparent url(/modules/blog/images/interactionIcons.gif) 0 0 no-repeat;
				 border-left: 1px solid #adadad;
				 display: block;
				 float: left;
				 padding: 0 7px;
			 }
			 #primaryContent .interactions .tools li:first-child,
			 #primaryContent .interactions .tools li.first-child {border: none; padding: 0 7px 0 0;}
			 #primaryContent .interactions .tools li.comment		{background-position: 5px 0;}
			 #primaryContent .interactions .tools li.technorati		{background-position: 5px -25px;}
			 #primaryContent .interactions .tools li.delicious		{background-position: 5px -50px;}
			 #primaryContent .interactions .tools li.digg			{background-position: 5px -75px;}
			 #primaryContent .interactions .tools li.facebook		{background-position: 5px -100px;}
			 #primaryContent .interactions .tools li.reddit			{background-position: 5px -125px;}
			 #primaryContent .interactions .tools li.stumbleupon	{background-position: 5px -150px;}
			 	#primaryContent .interactions .tools li a {
					line-height: 16px;
					padding: 0 0 0 18px;
				}
#primaryContent .comments {margin: 0 0 2em;}
	#primaryContent .comments h1 {
		border-bottom: 1px solid #6699cc;
		margin: 0 0 0.75em;
	}
	#primaryContent .comments div.comment {
		margin: 0 0 1em;
		padding: 1em;
		position: relative;
	}
	#primaryContent .comments div.alt {background: #efefef;}
	#primaryContent .comments div.author {background: #dee7f0;}
		#primaryContent .comments div.comment blockquote,
		#primaryContent .comments div.comment cite {padding-right: 40px;}
			#primaryContent .comments div.comment blockquote .underline {text-decoration: underline;}
			#primaryContent .comments div.comment blockquote li {margin: 0 0 0.75em;}
			#primaryContent .comments div.comment blockquote code {
				background: #fff;
				border: 1px dotted #ccc;
				display: block;
				margin: 0 0 1em;
				padding: 10px;
			}
		#primaryContent .comments div.comment cite {
			display: block;
			font-style: normal;
			font-weight: bold;
			text-align: right;
		}
			#primaryContent .comments div.comment cite span.date {
				display: block;
				font-size: 0.85em;
			}
			#primaryContent .comments div.comment cite img.gravatar {
				bottom: 12px;
				position: absolute;
				right: 12px;
				width: 32px;
			}
		#primaryContent .comments .markItUpHeader ul li {
			background:none;
			margin:0;
			padding:0;
		}
		#primaryContent .comments .markItUpHeader ul li.markItUpSeparator {margin: 0 10px;}
	#primaryContent .pagination {
		background: #dee7f0;
		border: 1px solid #6699cc;
		margin: 1em 0;
	}
		#primaryContent .pagination a {
			display: block;
			float: left;
			font-weight: bold;
			line-height: 1.75em;
			padding: 0 5px;
			width: auto;
		}
		#primaryContent .pagination a.newer {float: right;}
	#secondaryContent .widget .body .badge {
		display: block;
		margin: 0 auto;
		width: 64px;
	}
	#secondaryContent .widget .body .sideBySide .form_wrapper {
		float: right;
		width: 125px;
	}
		#secondaryContent .widget .body .sideBySide .form_wrapper fieldset .form_element input {
			float: right;
			width: 125px;
		}
		#secondaryContent .widget .body .sideBySide .form_wrapper fieldset .control input {width: auto;}