/******* Blog page styling *******/

#pageWrapper.paper{
	background:url("../images/paperBG-base.png") repeat-y scroll left top transparent;	
}

#contentLeft{
	width:660px;
	float:left;
}
				
	.notepad{
		float:left;
		width:638px;
		background:url(../images/notepadTop.png) left top no-repeat;
		padding-top:55px;
		margin-left:20px;
		/* IE6 fix */
		display:inline;
	}
	
		.notepad .notepadInner{
			width:563px;
			background:url(../images/notepadRepeat.png) left top repeat-y;
			padding:0 50px 0 25px;
			overflow:hidden;
		}
		
		.notepad .notepadBase{
			width:638px;
			height:21px;
			background:url(../images/notepadBase.png) left top no-repeat;
		}
		
		.notepad h1.blog{
			text-indent:-9999px;
			float:left;
			width:131px;
			height:73px;
			background:url(../images/titleBlog.png) left top no-repeat;
			margin:15px 0 0 45px;
			/* IE6 fix */
			display:inline;
		}
		
		.notepad p.readThis{
			text-indent:-9999px;
			display:block;
			width:305px;
			height:101px;
			background:url(../images/blogReadThis.jpg) left top no-repeat;
			float:right;
			margin-right:-42px;
			/* IE6 fix */
			display:inline;
		}
		
		.notepad .post{
			width:563px;
			float:left;
		}
		
			.post h2{
				font-size:155%;
				margin:0 0 5px 25px;
			}
			
				.post h2 a{
					text-decoration:none;	
				}
		
			.post ul.postInfo{
				list-style:none;
				margin:0;
				padding:15px 0 0 25px;
				background:url(../images/blogHRule.gif) left top no-repeat;
			}
			
				.post ul.postInfo li{
					margin-bottom:4px;	
				}
				
			.post .postContent{
				font-size:120%;
				padding:15px 0 25px 25px;
				background:url(../images/blogHRule.gif) left top no-repeat;
			}
			
			.post .postContent .postHTML{
				margin-bottom:10px;	
			}
			
			.post .social{
				font-size:120%;
				padding:15px 0 0 0;
				background:url(../images/blogHRule.gif) left top no-repeat;
			}
				.social h3{
					margin-left:25px;
					font-size:48px;
				}
				.social ul{
					list-style: none;
					overflow: hidden;
					margin-left: -20px;
					margin-top: 10px;
				}
				.social li{
					float:left;
					margin-left: 30px;
					height: 60px;
				}
			
			.post .comments{
				font-size:120%;
				padding:15px 0 0 0;
				background:url(../images/blogHRule.gif) left top no-repeat;
			}
			
				.comments h3{
					margin-left:25px;
					font-size:48px;
				}
				
				.comments ul.comment{
					padding-left:25px;
					margin-bottom:20px;
				}
				
				.comments ul.comment.first{
					background:url(../images/blogHRule.gif) left top no-repeat;
					padding-top:20px;
				}
				
					ul.comment li{
						margin-bottom:6px;	
					}
				
					ul.comment li.author{
						font-weight:bold;
					}
					
					ul.comment li.commentContent a.authorLink, ul.comment li.extra a.permalink{
						font-weight:bold;
						text-decoration:none;
					}
					
					ul.comment li.commentContent a.authorLink:hover,  ul.comment li.extra a.permalink:hover{
						text-decoration:underline;	
					}
		
#contentRight{
	width:264px;
	float:right;
}

	#blogStamp{
		float:right;
		margin:100px -10px 40px 0;
	}
	
	a#insightLink{
		float:left;
		display:block;
		width:257px;
		height:220px;
		background:url(../images/blogInsightLink.png) left top no-repeat;
		text-indent:-9999px;
		margin:60px 0 10px 0;
	}
	
	.blogNav{
		width:274px;	
		float:right;
		margin:0 -10px 0 0;
	}
	
		.blogNav .top{
			height:20px;
			/*background:url(../images/blogNavTop.png) left top no-repeat;*/
		}
		
		.blogNav .content{
			/*background:url(../images/blogNavRepeat.png) left top repeat-y;*/
			padding:0 10px;
			width:254px;
			overflow:hidden;
		}
		
		.blogNav .base{
			height:20px;
			/*background:url(../images/blogNavBase.png) left bottom no-repeat;*/
		}
		
	.blogNav #blogSearch{
		margin:0 0 20px 0;
		overflow:hidden;
	}
	
		#blogSearch #blogSearchBox{
			float:left;
			width:181px;
			height:36px;
			padding:5px 5px 5px 10px;
			line-height:36px;
			display:block;
			border:none;
			background:url(../images/blogSearchBox.png) left top no-repeat;
			font-size:16px;
		}
		
		#blogSearch #blogSearchButton{
			float:left;
			width:49px;
			height:46px;
			display:block;
			text-indent:-9999px;
			border:none;
			background:url(../images/blogSearchButton.png) left top no-repeat;
			cursor:pointer;
			/* IE6 hack to remove button value */
			color: transparent;
			text-transform: capitalize;
		}
		
	.blogNav h2{
		margin-left:20px;
		font-size:35px;
	}
		
	.blogNav h2.rss{
		text-indent:-9999px;
		height:41px;
		background:url(../images/titleBlogRSS.png) left top no-repeat;
	}
	
	.blogNav ul{
		margin:0 0 20px 20px;	
	}
	
		.blogNav ul li{
			margin-bottom:5px;	
		}
		
			.blogNav ul li a{
				text-decoration:none;
				color:#000;
			}
			
			.blogNav ul li a:hover{
				text-decoration:underline;
			}
			
	img#usbIllustration{
		float:left;
		margin:30px 0 0 0;
	}
						
#mcLogo {
	left: 100px;
	margin-bottom: 30px;
	position: relative;
	top: 30px;
}	

/** Post cleaning **/
p.blogpress_location{
	display:none;	
}
