/*

Filename: screen.css
Author: Ben Lister
Date: October 2009
Description: Main stylesheet, darkcrimson.com

*/	

html, body {
	background: #640101 url(http://darkcrimson.com/images/layout/background.png) repeat-x top left;
	font-family : georgia, Times New Roman, Times, serif;
	color: #fff;
	font-size: 1em;
}
p {
	line-height: 1.5em;
	letter-spacing: 0.03em;
	font-size: 0.9em;
	color: #f0f0f0;	
}
a:focus, img:focus, input:focus { outline : none;}

::-moz-selection{
	background: #2B0303;
	color: #fff;
} 

::selection {
	background: #2B0303;
	color: #fff;
} 

strong { font-weight: bold;}
em { font-weight: italic;}
hr {
	height: 2px;
	border: 0px !important;
	background: #380404;
	width: 720px;
	margin: 25px 30px 25px 25px;
}
a {
	color: #fff;
}

	 h3 {
	 	font-size: 1.6em;
	 	letter-spacing: 0.04em;
	 }


		#header_top {
			height: 22px;
			background: #2b0303;
			border-bottom: 1px solid #000;
		}
		
		#header_middle {
			height: 190px;
			background: #2D0303 url(http://darkcrimson.com/images/layout/header_bg.png) repeat-x;
			border-bottom: 1px solid #000;
			overflow: hidden;
		}
		
		#header_content {
			width: 960px;
			margin: 0 auto
		}
		
		h1 a#logo  {
			width: 287px;
			position: absolute;
			height: 62px;
			overflow: hidden;
			display: block;
			text-indent: -9999px;
			background: url(http://darkcrimson.com/images/layout/top_logo.png);
			margin: 88px 0 0 14px;
		}
		
		ul#nav {
			float:right;
			height: 90px;
			margin: 110px 12px 0 0;
			
		}
		
			ul#nav li {
				float: left;
				padding: 0 18px 0;
				height: 90px ; 
				background: none;
				display: block;
				padding-top: 50px;
				
			}
		
			ul#nav li.active, ul#nav li:hover { background: url(http://darkcrimson.com/images/layout/nav_bg.png) !important; }	
			
			ul#nav li a {
				display: block;
				height: 20px;
				text-indent: -9999px;
			}
			
			
			ul#nav li#nav_home a  {
				background: url(http://darkcrimson.com/images/layout/nav_home.png) no-repeat top left;
				width: 51px;
			}
						
			ul#nav li#nav_about a {
				background: url(http://darkcrimson.com/images/layout/nav_about.png) no-repeat top left;
				width: 57px;
			}
	
	
			ul#nav li#nav_blog a {
				background: url(http://darkcrimson.com/images/layout/nav_blog.png) no-repeat top left;
				width: 41px;
			}
	
			ul#nav li#nav_work a {
				background: url(http://darkcrimson.com/images/layout/nav_work.png) no-repeat top left;
				width: 46px;
			}
	
			ul#nav li#nav_getintouch a {
				background: url(http://darkcrimson.com/images/layout/nav_getintouch.png) no-repeat top left;
				width: 117px;
			}
		
	#wrapper {
		width: 956px;
		margin: 0 auto;
		background: url(http://darkcrimson.com/images/layout/background_content.png) repeat-y;
		overflow: hidden;
	}
		
	h2.callout {
		font-size: 2.2em;
		line-height: 1.1em;
		padding: 30px 0;
		width: 895px;
		margin: 0 auto;
		text-shadow: 3px 3px #3F0000;
	}	
	#featured_box { 
		overflow: hidden;
		margin-bottom: 40px;
	}
	
	div.feat_thumb {
		padding: 2px 0 0 10px;
		float: left;
	}
		div.feat_thumb img {
			border: 5px solid #5D0404;
		}
	
	img.logo_feat {
		margin: 0 70px 15px; 
	}
	div.feat_description {
		float: left;
		font-size: 0.9em;
	}
		div.feat_description img {
			margin-left: 10px;
		}
	
	div.feat_description dl {
		margin: 20px 0 20px 20px;
	}
		div.feat_description dl dt {
			display: block;
			clear: both;
			line-height: 1.4em;
			width: 35px;
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 0.13em;
			margin: 2px 0 2px;
		}
			div.feat_description dl dd {
			display: block;
			margin-bottom: 20px;
			font-size: 0.9em;
			line-height: 1.5em;
			width: 350px;
			margin-left: 5px;
		}

			
	
	.feat_left, .feat_center, .feat_right { float: left }
	
	#featured_label {
		position: absolute;
		display: block;
		margin-top: -8px;
		z-index: 9999;
	}
		
	.feat_center {
		overflow: hidden;
		height: 351px;
		background: url(http://darkcrimson.com/images/layout/feat_bg.png) repeat-x top left;
		margin-top:22px;
		overflow:hidden;
		width:936px;
	}
	
	.feat_right { 
		float:right;
		margin-top:0; 
	}
	
	#main_left {
		float: left;
		width: 960px;
		margin-bottom: 50px;
	}
		#main_left p {
			width: 92%;
		}
		
		h3 {
			text-align: justify;
			margin-left: 30px;
		}
		
		#main_left p{
			text-align: justify;
			margin-left: 33px;
		}
		
		h3.blog_header { 
			height: 61px;
			background:  url(http://darkcrimson.com/images/layout/hdr_bg.png) repeat-x top left;
			margin-left: 0px;
			float: left;
			width: 934px;
			margin-top: 10px;
		}
		a.blog_teaser {
			font-size: 0.7em;
			font-style: italic;
			color: #230303;
		}
			h3.blog_header span {
				margin: 17px 0px 0 20px;
				display: block;
				float: left;
			}
				h3.blog_header span a {
					text-decoration: none;
					text-shadow: 2px 2px #111;
				}
			.hdr { margin-top: 35px; }
			.hdr_callout {
				font-weight: bold;
				color: #9A0101;
				text-shadow: 2px 2px #111;
			}
			
		.hdr_right {
			margin-top: 0px;
		}
		
		.hdr img { float: left; }
		div.blog_date {
			display: block;
			font-size: .7em;
			color: #9F2727;
			padding: 5px 0;
			font-size: 0.85em;
			margin: 3px 15px 10px 26px;
			letter-spacing: 0.05em;
			background: #4F0000;
			padding: 4px 8px;
			width:890px;
			text-shadow: 0px 1px 1px #000
		}
		
	div.blog_date {
		clear:both;
		padding:6px 8px;
	}
			div.blog_date a { color: #AF3636; text-shadow: 0px 0px 0px !important; font-size: 0.8em }
			
			
		.blog_date_year {
			font-size: 1.1em;
			font-weight: bold;
		}
		
	h2#from_the_blog {
		background: url(http://darkcrimson.com/images/layout/hdr_from_the_blog.png) no-repeat;
		text-indent: -9999px;
		width: 315px;
		height: 86px;
		margin: 15px 0;
	}
	
	#main_right {
		font-size: 0.8em;
		float: left;
		width: 191px;
		font-family: arial, Helvetica, serif;
		background: url(http://darkcrimson.com/images/layout/right_bg.png) repeat-x;
		color: #e1dfdf;
		min-height: 870px;
		display: none;
	}
	
		#main_right a {
			text-decoration: none;
			color: #e1dfdf;
		}
		
		#main_right ul li {
			padding-left: 10px;
			width: 90%;
			margin-bottom: 5px;
		}
	
		#main_right ul li a {
			line-height: 1.4em;
			display: block;
			background: #6b0808;
			padding: 5px;
			overflow: hidden;
		
		}
		
		#main_right ul li:first-child a {
			-moz-border-radius-topleft:10px;
			-webkit-border-top-left-radius:10px;
			-moz-border-radius-topright:10px;
			-webkit-border-top-right-radius:10px;
			}

		
		#main_right ul li a:hover { background: #700c0c; }
		#main_right h3 {
			text-indent: -9999px;
			height: 54px;
			width: 196px;
			margin: 20px 0 10px 2px;
		}
#tweet,#tweet_top {
		margin-left: 4px;	}
	#tweet_top img { position: relative; top: 4px}
	#tweet {
	background: url(http://darkcrimson.com/images/layout/tweet_middle.png);
	width: 197px;
	margin-left: -13px;
	}	
	 #tweet_bottom { margin-left: 3px;}
	#tweet p { 
		margin-left: 32px;	
	}
	.tweet_date {
		color: #bfbfbf;
		width: 100%;
		display: block;
		text-align: right;
		float: left;
		font-size: 0.7em
	}
	
	h3#right_twitter { background: url(http://darkcrimson.com/images/layout/right_twitter.png) no-repeat top left }
	h3#right_tubes { background: url(http://darkcrimson.com/images/layout/right_tubes.png) no-repeat top left; margin-left: 8px; }
	h3#right_lastfm { background: url(http://darkcrimson.com/images/layout/right_lastfm.png) no-repeat top left; margin-left: 8px; }
	
	img#foot_top {
		position:relative;
		top: 4px;
		margin-top:30px;
		
	}
	
	#footer {
		clear: both;
		padding: 20px 0 0 0 !important;
		background: url(http://darkcrimson.com/images/layout/foot_bg.png) repeat-y;
		overflow: hidden;
	}


		#foot_left h4 {
			margin-top: 34px;
			color: #796060;
			font-size: 0.8em;
			margin-left: 33px;
		}
		

		#foot_left { float: left;}

	#footer dl {
		float: left;
		margin-left: 10px;
	}
		#footer dl dt {
			background: #230303;
			height: 32px;
			padding-top: 5px;
			margin-bottom: 5px;
			border: 1px solid #000;
		}
			#footer dl dt img { padding-left: 10px; }

		#footer dl dd { display: block; }
		
			#footer dl dd a {
				line-height: 1.4em;
				display: block;
				background: #340404;
				padding: 5px 10px;
				color: #d8d7d7;
				overflow: hidden;
				text-decoration: none;
				font-size: 0.85em;
				margin-bottom: 2px;
			}

			 #footer dl.foot_twitter {
			 	margin: 30px 10px 30px 15px;
			 	width: 440px;
			 }

			 #footer dl.foot_pipes  {	
			 	margin: 0 0 50px 15px;
			 	width: 400px;
			 }
			 
			 #footer dl.foot_lastfm  {
			 	margin: 30px 0;
			 	width: 481px;
			 	
			 }

				#footer dl.foot_flickr { margin-bottom:50px; }
				
			 #footer dl.foot_flickr dd  { width: 510px; }

			 #footer dl.foot_flickr dd a { padding: 5px 0 0 5px; }
			
				#footer dl dd a:hover { background: #5F0606; }
	
		#foot_photo_caption {
			padding: 3px 10px;
			background: #000;
			position: relative;
			float: right;
			top:-29px;
			right:4px;
			width: 481px;
			text-align: right;
			font-size: 0.75em;
			filter:alpha(opacity=60);
 			opacity:0.6;
		}
			#foot_photo_caption a {
				padding:0px !important;
				margin: 0px !important;
				background: none !important;
				font-size: 1em !important;;
			}



/* Portfolio */

#p_web_list,#p_print_list, #p_photos_list,#p_art_list { display: none;}
#p_web_list li:first-child a{ padding-top: 10px;}
#wrapper_portfolio {
	width: 903px;
	font-family: Helvetica, Arial;
	margin-left: 29px;
	margin-top: 20px;
	min-height: 358px;
	background: #240202;
	overflow: hidden;
}
	#port_left_top {
		width: 145px;
		float: left;
		height: 95px;
		text-align: center;
	}
		#port_left_top img { margin-top: 30px;}
	
	#port_top_menu {
		float: left;
		width:903px;
		clear: right;
		padding-bottom:15px;
		height: 95px;
	}
		#port_top_menu h2 {
			display:inline;
			font-size:2.15em;
			left:15px;
			text-shadow:3px 3px #000;
			position:relative;
			color: #DFDFDF;

			top:50px;
		}
		#port_top_menu ul {
			float: right;
		}
			#port_top_menu ul li {
				float: left;
				margin-right: 5px;
				border-left: 1px solid #240202;
				border-right: 1px solid #240202;
			}
				#port_top_menu ul li.port_hit, #port_top_menu ul li:hover {
					background: #1d0202;
					border-left: 1px solid #130101;
					border-right: 1px solid #130101;
				}
			
			
			#port_top_menu ul li a {
				display: block;
				text-indent: -9999px;
				height: 95px;
				padding: 0 20px;
				overflow: hidden;
				position: relative;
				top: 65px;
			}
				#port_top_menu ul li#p_featured a {
					width: 60px;
					background: url(http://darkcrimson.com/images/layout/port_featured.png) no-repeat top center;
				}			
				#port_top_menu ul li#p_web a {
					width: 25px;
					background: url(http://darkcrimson.com/images/layout/port_web.png) no-repeat top center;
				}
				#port_top_menu ul li#p_print a {
					width: 29px;
					background: url(http://darkcrimson.com/images/layout/port_print.png) no-repeat top center;
				}
				#port_top_menu ul li#p_photos a {
					width: 140px;
					background: url(http://darkcrimson.com/images/layout/port_photos.png) no-repeat top center;
				}
				#port_top_menu ul li#p_art a {
					width: 60px;
					background: url(http://darkcrimson.com/images/layout/port_art.png) no-repeat top center;
				}
			#port_top_menu ul li.last_liport {
				margin: 0px !important;	
			}
				#port_top_menu ul li.last_liport a {
			
				}
	#port_left_menu {
		clear: both;
		width: 215px;
		float: left;
		min-height: 530px;
	}
		#port_left_menu ul {
			width: 210px
		}
			#port_left_menu ul li {
				padding: 0;
			}
			#port_left_menu ul li a {
				text-decoration: none;
				font-size: 0.8em;
				padding: 10px; 10px 10px 15px;
				display: block;	
				background: url(http://darkcrimson.com/images/layout/port_left_menu.png) bottom left no-repeat;
			}
				#port_left_menu ul li a span {
					margin-left: 3px;
					display: block;
				}
			#port_left_menu ul li a.port_left_hit, #port_left_menu ul li a.port_left_print_hit {
				background: #6b0101 url(http://darkcrimson.com/images/layout/arrow.png) center right no-repeat;	
				text-shadow:#000 1px 1px 0px;
				color: #EFEFEF;				
			}
			#port_left_menu ul li a.port_left_hit:hover { color:#fff; }
			 #port_left_menu ul li a:hover{
			 	text-shadow:#000 1px 1px 0px;
				color: #6D5757;
			 }

		div#port_img {
			border: 6px solid #6B0101;
			margin-left: 5px;
			overflow: hidden;
			float: left;
			height: 450px;
		}
			div#port_img img { position: relative;}
			.visit_link {
				height: 35px;
				display: none;
				background: url(http://darkcrimson.com/images/layout/view_bg.png);
				width: 650px; 
				position: absolute;
				z-index: 99;
				display: block;
				margin-top: -38px;
				text-align: right;
			}
				.visit_link a { 
					position: relative;
					top: 11px;
					left: -10px;
					text-transform: uppercase;
					text-decoration: none;
					letter-spacing: 0.12em;
					text-shadow: 1px 1px #000;
				}
				.visit_link a:hover {
					text-shadow: 1px 1px #610606 !important;
				} 
			
	#portfolio_meta {
		clear:right;
		float: left;
		width: 668px !important;
		background: #240202;
		padding: 15px 10px 15px 10px;
	}
	#portfolio_meta dl dt {
		float: left;
		text-indent: -9999px;
		margin-right: 15px;
	}
		#portfolio_meta dl dt#pm_client {
			width: 42px;
			padding-left: 34px;
			height: 12px;
			background: url(http://darkcrimson.com/images/layout/port_client.png) no-repeat top right;
		
		}
		#portfolio_meta dl dt#pm_industry {
			width: 54px;
			padding-left: 21px;
			height: 14px;
			background: url(http://darkcrimson.com/images/layout/port_industry.png) no-repeat top right;
		
		}
		#portfolio_meta dl dt#pm_description {
			width: 75px;
			height: 43px;
			background: url(http://darkcrimson.com/images/layout/port_description.png) no-repeat top right;
		}
		
		#portfolio_meta dl dd {
			font-size: 0.75em;
			margin-bottom: 7px;
			display: block;
		}
		#portfolio_meta dl dd p {
			float:right;
			left: -37px;
			margin-bottom:7px;
			position:relative;
			text-align:justify;
			width:81%;
			
		}
		.project_class {
			color: #7F0707;
			font-size: 0.85em;
		}
		#portfolio_load {
			left:50%;
			padding:5px 10px;
			position:absolute;
			top:70%;
			width:135px;
			z-index:999;
  			display: none;
		}
			#portfolio_load img {
				display: block;
				width: 32px;
				height: 32px;
				margin: 0 auto;
				padding-top: 10px;
				
			}

		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		

		#coda-nav-1 { 
			position: absolute; 
			z-index: 999;
			width: 50px;
			margin-left:435px;
			padding-top:320px;
		}
		
 


	
		
		/***********************************************/
		
		
			.coda-slider-wrapper { 
			
			margin: 5px 0 0 0px;
			position: relative;
			width: 895px;
			float: left;
			overflow: hidden;
	}
	.coda-slider { background: #380404; margin-left: 50px; } /* #380404*/
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {
	 	width: 890px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 330px;
	
	 } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 85px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; }
	
	/* Tab nav */
	.coda-nav ul li {
		height: 20px;
	}
	.coda-nav ul li a.current { background: #9A0101 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 00px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: block; float: left; width; 20px;height: 20px }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left; padding-top: 4px; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
		
		
		/* About page specific styles */
		hr.about {
			width: 900px;
			margin: 12px 0 12px 25px;
			background: #2B0303;
			height: 3px;
			display: none;

		}
		img#about_pic {
			display: block;
			margin: 0 0 40px 12px;
			border: 1px solid #2B0303;
			border-top: 0px;
		}
		h2#about_callout {
			margin: 10px auto 30px auto;
			font-size: 1.5em;
			line-height: 1.4em;
			border: 1px solid #4e0403;
			background: url(http://darkcrimson.com/images/layout/callout_bg.png);			
			width: 890px;
			-moz-border-radius-topleft: 7px;
			-moz-border-radius-bottomright: 7px;
			-webkit-border-top-left-radius: 7px;
			-webkit-border-bottom-right-radius: 7px;
			display: block;
			padding:15px 10px;
			letter-spacing: 0.01em;
			text-align: center;
			text-shadow: 2px 2px 2px #000;
			
		}
		#about_left {
			margin-top: 30px;
			float: left;
			width:624px;
		}
		
		#about_left h3, #about_right h3 {
			color: #fff;
			font-size: 1.4em;
			text-shadow: 1px 1px 1px #111;
			margin-bottom: 25px;
			border-bottom: 1px solid #fff;
			padding-bottom: 12px;
		}
		
		#about_left h3 { margin-right: 20px;}
		
			#about_left p {
				margin-bottom: 15px;
				padding-right: 5px;
				line-height: 1.5em;
			}
			
		#about_right {
			margin-top: 30px;
			float: left;
			width: 308px;
		}
		#about_right h3 {
			margin-left: 10px;
		}
		
		#about_right p {
			margin: 20px 0 15px 10px;
			text-align: left;
		}
		
			#about_right p.link {
				padding: 6px;
				background: #230303;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				line-height:1.3em;
				text-align: center;
				font-size: 0.9em;
			}
			
			#about_right p.link:hover { background: #0F0202 }
			
			#about_right p.link a { text-decoration: none; }
			#about_right p.link a:hover { text-decoration: underline;}
			#about_right ul {
			
			}
			
			#about_right ul li {

				margin: 5px 0 5px 5px;
				background: #fff;
				padding: 8px;
				-moz-border-radius:2px;
				font-size: 0.9em;
				-webkit-border-radius:2px;
				line-height: 1.4em;
				color: #5F0606;
			}
#contact_table {
	width: 560px;
	margin: 15px 20px 0 35px;
	float: left;
	padding-right: 20px;
	border-right: 1px solid #230303;
}
	#contact_table td {
		padding-bottom: 10px;
	}
	#contact_table td input.contact_frm {
		height: 20px;
		width: 450px;
		padding: 5px;
		font-size: 14px;
		background: #230303;
		color: #fff;
		border: 1px solid #5D0303;
	}

		#contact_table td textarea.contact_frm {
		font-size: 12px;
		background: #230303;
		color: #fff;
		height: 200px;
		width: 450px;
		overflow: hidden;
		padding: 5px;
		border: 1px solid #5D0303;
		}
h2.contact_h2 {
	font-size: 1.3em
}

#contact_table td {
	vertical-align: middle;
}

td.contact_msg { vertical-align: top !important;}

div#contact_meta {
float: left;
margin-top: 15px;
}
	#contact_meta dl {
		clear: both;
	}
	
	#contact_meta dl dt {
	float: left;
	margin-bottom: 2px;
	
	}
	
	#contact_meta dl dd {
	float: left;
	padding-left: 15px;
	}	
#contact_meta dl dd a {
	position: relative;
	top: 2px;
	display: block;
	padding: 6px;
	background: transparent;
	font-size: 0.9em;
	text-decoration: none;
}	
	
#contact_meta dl dd a:hover {
	position: relative;
	top: 2px;
	display: block;
	padding: 6px;
	background: #230303;
	font-size: 0.9em;
	text-decoration: underline;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}

#contact_meta h3 {
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-size:1.1em;
margin: 0 0 20px 0;
padding-bottom:3px;
text-shadow:1px 1px 1px #111111;	
}
#flickr_photos {
	overflow: hidden;
	margin: 0 auto 30px auto;
	width:850px;
	display: none;
	clear: both;
}

	#flickr_photos ul {
		width:880px;
		margin: 0 auto;
	}
	
		#flickr_photos ul li {
			margin-right: 10px;
			float: left;
			height: 75px;
			margin-bottom: 10px;
		}
		
		#flickr_photos ul li img {
		
		}

.more-link {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #4F0505 none repeat scroll 0 0;
	padding: 3px 6px;
	font-size: 0.75em;
	text-decoration: none;
	color: #D8D7D7;
	margin-left: 4px;
}
	a.more-link:hover { text-decoration: underline; background:#6d0707 none repeat scroll 0 0}
	

.comments_ico {
	position: absolute;
	margin: -4px 0 0 10px;
	width: 41px;
	height: 27px;
	background: url(http://darkcrimson.com/images/layout/comments_bubble.png) no-repeat;
	color: #fff;
	text-decoration: none;	
}
	.comments_ico span {
	text-shadow:0 1px 1px #000000 !important;
	color:#9F2727 !important;
	font-size: 1em;
	padding-top: 2px;
	text-align: center;
	display: block;
	}
	
h3.blog_header span a:hover {
text-decoration:underline;
text-shadow:0 0 0;

}

span#foot_twitter,span#foot_flickr, span#foot_last, span#foot_pipes {
float:right;
display: block; 
margin-right: 10px;
font-size: 12px;
padding:5px 7px;
background:#fff;
border: 1px solid #000;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
display: none;
}

	span#foot_twitter a, span#foot_flickr a, span#foot_last a, span#foot_pipes a   {
		text-decoration: none;
		color: #000;
	}
		span#foot_twitter a:hover, span#foot_flickr a:hover, span#foot_last a:hover, span#foot_pipes a:hover {
			text-decoration: underline;
		}
.qtip-content {
	font-size: 11px !important;
}

#porkchop {
	float:right;
	margin-right:2px;
	position:relative;
	top:13px;
}

.home_readmore {
	position: absolute;
	z-index: 999;
}