/*************************************************************
Stylesheet for OxAlto Capita - Theme for Mango Blog
Based on Blueprint CSS framework
Requires blueprint.css
*************************************************************/

/*************************************************************
		Typography Overrides
*************************************************************/
 


/*************************************************************
		Layout
*************************************************************/
 	#pagemenu {margin-bottom:1em;}
	#search_form {margin-bottom:1em;}
		 #search_form .search_input {background: #f5f5f5; border:2px solid #666666; color:#666; margin-right:2px; }
		 
	#secondary-content {margin-top:20px;}
	#secondary-content h3, #secondary-content h2 { color:#999999; font-size:0.9em; font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:0.07em;}
	#secondary-content li {list-style:none;}
#secondary-content ul {list-style:none; margin:0;}
	#secondary-content ul li {border-bottom:1px solid #f5f5f5; padding:5px;}
	 
		
/*************************************************************
		Content specific
*************************************************************/			
	   
.content {  margin-bottom: 20px; }

/*************************************************************
		Posts
*************************************************************/	
	.post { margin-bottom: 30px;}
	.post .date {  }
	.post .header { position: relative; }
	.post .header h2, .post .header h3 {width:80%; margin-right:150px; margin-top:20px;}
	.post .date { position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold;}
	.post .content { margin-bottom: 0px; padding-top:20px; border-top:1px solid #666666; }
	.post .footer { position: relative; top: -10px;  height: 64px; }
	.post .footer ul { list-style: none; position: absolute; right: 15px; bottom: 15px; }
	.post .footer ul li {display: inline; line-height: 14px; padding-left: 17px; margin-left: 25px; background-repeat: no-repeat; background-position: 0px 2px;
}
	.post .footer ul li.printerfriendly { background-image: url(../images/a41.gif);}
	.post .footer ul li.comments { background-image: url(../images/a36.gif);}
	.post .footer ul li.readmore { background-image: url(../images/a38.gif);}
	.post .subfooter { position: relative;}
	.post img { background:#000; padding:0px; border:1px solid #666;}
	
/*************************************************************
		Comments
*************************************************************/	
	.commentblock, .commentForm {border:1px solid #ccc; padding:10px; margin:10px 0 ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.commentForm fieldset {border:none;}
	.commentblock img {float:left; border:2px solid #ccc; margin-right:10px;}
	.commentBody {padding-left:60px;}		
	
	label { width:150px; float:left;}
	input.text-input {width:350px; background:url(../images/css/bg-form-input.png) repeat-x top;}
	input.button { }
	input#subscribe {width:50px;}
			

/*************************************************************
		Helper Classes
*************************************************************/
.banner {margin:0; padding:0;}
.print {display:none;}
 
.required { color:#FF0000; font-weight:bold;}