/*
Theme Name: HeadRed Blog Theme
Theme URI: http://www.headred.net
Description: New HeadRed site blog
Author: Designed by Leon Cooke | Built by Matt Asbury
Author URI: http://www.headred.net
version: 1.0
Tags: two-column
*/

/******************************************
Element Declarations
******************************************/
* {behavior:url(iepngfix.htc); /*IE 5.5/6 PNG Fix*/}
	
body {background: url(/images/bg_rainbows.gif) repeat-x scroll #f4f3f0; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#77746e; line-height:1.5em; text-align:center;}
	
a {color:inherit; text-decoration:none;}
a {color:expression(this.parentNode.currentStyle.color);} /*IE fix for lack of inherit support*/

a:hover {color:#bc161d;}
	
hr {background-color:#dddbd6; border:0; color:#dddbd6; height:1px;}

label {color:#bc161d; vertical-align:top;}

small {font-size:10px; line-height:1.2em;}
/*****************************************/


/******************************************
Class Declarations
******************************************/
.floatRight, .alignright {float:right;}

.floatLeft, .alignleft {float:left;}

.clear {clear:both;}

.yellow {color:#dd9d20;}

.red {color:#bc161d;}

.standard {color:#77746e; font-weight:normal;}

a:hover.red {color:#dd9d20;}

a:hover.yellow {color:#bc161d;}

.blogger {float:right; margin-bottom:-10px; position:relative; top:-11px; right:-15px;}

	.bloggerText {font-size:11px; font-weight:normal;}
	
	.bloggerImg {position:relative; top:5px;}

.tape {position:relative; z-index:1;}

.pagetitle {margin:0 0 2px 0;}
/*****************************************/


/******************************************
Structure Styling
******************************************/
#container {margin:0 auto 0 auto; width:960px; text-align:left;}

#outerContainer {text-align:center; width:100%;}

#top {background: url(images/bg_frame_top.png) no-repeat; height:77px; width:959px; margin:0 auto 0 auto;}

#innerContainer {background: url(images/bg_frame_repeat.gif) repeat top center; width:959px;  margin:0 auto; text-align:left; padding-top:10px;}
	/*overflow: auto required so that innerContainer height doesn't collapse due to the floated child elements*/

#content {width:448px; margin:0 77px 0 77px; float:left;}

#sidebar {width:304px; margin-left:655px; position:relative; padding-top:120px;}

#bottom {background: url(images/bg_frame_bottom.gif) no-repeat; height:84px; width:959px; margin:0 auto 0 auto; clear:both;}
/*****************************************/


/******************************************
Header and Footer Styling
******************************************/
#logobar {margin-bottom:20px; position:relative; left:-5px;}

#navlinks {background: url(/images/navbar.jpg) no-repeat; height:45px; padding-left:26px; margin-bottom:-2px;}

	#navlinks a {position:relative; top:13px; padding-right:30px;}
	
		#navlinks a img {position:relative;}
		
			#navlinks a.home img {top:1px;}

			#navlinks a:hover.home {background: url(/images/nav_home_hover.png) no-repeat;}
			
			#navlinks a.whoarewe img {top:1px;}
			
			#navlinks a:hover.whoarewe {background: url(/images/nav_whoarewe_hover.png) no-repeat left -3px;}
			
			#navlinks a.whatwedo img {top:1px;}
			
			#navlinks a:hover.whatwedo {background: url(/images/nav_whatwedo_hover.png) no-repeat;}
			
			#navlinks a.ourwork img {top:1px;}
			
			#navlinks a:hover.ourwork {background: url(/images/nav_ourwork_hover.png) no-repeat;}
			
			#navlinks a.casestudies img {top:1px;}
			
			#navlinks a:hover.casestudies {background: url(/images/nav_casestudies_hover.png) no-repeat;}
			
			#navlinks a.news img {top:1px;}
			
			#navlinks a:hover.news {background: url(/images/nav_news_hover.png) no-repeat;}

			#navlinks a.getintouch img {top:1px;}
			
			#navlinks a:hover.getintouch {background: url(/images/nav_getintouch_hover.png) no-repeat;}
			
			#navlinks a.blog img {top:4px;}
			
			#navlinks a:hover.blog {background: url(/images/nav_blog_hover.png) no-repeat;}
			
			#navlinks a:hover img, .footerContentLeft a:hover img {visibility:hidden;}
						
#tenyears {float:right;	margin-right:20px; margin-top:-185px;}

#tenyearsflash {float:right; width:135px; height:135px; z-index:1;}

#footer {margin-top:10px; background:url(/images/bg_footer.gif) repeat-x #E8E7E4; min-height:306px; overflow:hidden; text-align:left;}

	#footerContentContainer {width:960px; margin:30px auto 0 auto; line-height:1.5em;}
	
		.footerNetworks, .footerLinks, .footerServices, .footerContact, .footerHeadred {float:left;}
		
		.footerLinks, .footerServices, .footerContact, .footerHeadred {margin-left:90px;}
		
		.footerHeadred {font-size:10px; line-height:1.2em;}
		
		#footerContentContainer p {color:#dd9d20; font-weight:bold; margin-bottom:10px; font-size:12px;}
		
		#footerContentContainer .seo {line-height:1.2em; font-size:12px;}
		
		.footerNetworks img {float:left;}
		
		.footerText {margin-top:20px;}
		
			.footerText .business {width:214px; float:left;}
			
			.footerText .seo {width:735px; margin-left: 10px; float:left;}

	#footer h3 {color:#dd9d20;}
/*****************************************/


/******************************************
Post Styling
******************************************/
.post {margin-bottom:20px;}

	.post h2 {font-size:16px; margin-bottom:10px;}
	
	.entry img {background:url(/images/image_background.png) no-repeat;}
	
	.entry li {background:url(images/arrow_small_right_on.gif) no-repeat top left; padding-left:22px;}
	
.navigation img {position:relative; top:5px;}

.post p {margin-top:10px; margin-bottom:10px;}

.postmetadata, .nocomments {display:none;}
/*****************************************/


/******************************************
Sidebar Styling
******************************************/
#sidebar h2, #sidebar h2 a {background:url(images/sidebar_seperator.jpg) no-repeat left top; padding-top:92px; margin-top:10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:17px; color:#bc161d; margin-bottom:10px;}

#sidebar h1, #sidebar h1 a {margin-top:10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:17px; color:#bc161d; margin-bottom:10px;}

	/*#sidebar h2 a {background:url(images/sidebar_seperator.png) no-repeat left top; color:#bc161d;}*/

.textwidget a {font-weight:bold; font-size:11px;}

.textwidget img.arrow {position:relative; top:4px;}

.lastfm-item {margin-bottom:15px; color:#666666;}

	.lastfm-link {font-weight:bold;}
    
#sidebar li {background:url(images/arrow_small_right_on.gif) no-repeat top left; padding-left:22px; line-height:24px;}
 
#sidebar .twitter li {background:none; padding:0;}
    
.seo-tag-cloud, .twitter {width:274px;}

.twitter-timestamp p {color:#bc161d; margin-top:10px;}

.tweethead {margin-top:10px; color:#bc161d; line-height:26px; height:26px;}
.tweethead img {position:relative;top:5px;}

#tea {position:absolute; top:-69px; left:-10px;}

.twitter-message {padding-right:20px;}

/*****************************************/


/******************************************
Comments Styling
******************************************/
.comment, #respond {margin-top:20px;}

.odd {background-color:#CCCCCC;}

#commentform input#author, #commentform input#email, #commentform input#url, textarea {margin:3px 0 3px 0; background-color:#e8e7e4; border:1px solid #cfcfcf; padding:3px; color:#77746e;}

	#commentform input#author, #commentform input#email, #commentform input#url {width:260px; height:18px;}
	
	textarea {width:100%;}
	
		#commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, textarea:focus {background-color:#FFFFFF;}
/*****************************************/