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

/*************************************************************
		Typography Overrides
*************************************************************/
a, a:visited {color: #0099CC; text-decoration:none;}
a:hover { color: #6CF;}
h1,h2,h3,h4,h5,h6 { color:#CCCCCC; font-family:"Trebuchet MS", Helvetica, Arial, Sans-serif;}
h2.title {padding:10px;}

/*************************************************************
		Layout
*************************************************************/
body { background:url(../images/css/body-bg.png) repeat;}
#wrapper {}
	#header { background:url(../images/css/header-bg.png) repeat-x top; height:83px;}
	#header-content {}
		#navigation { margin-top:50px;}
		#navigation ul {}
 			#navigation ul li {list-style:none; display:inline; margin-right:10px;}
			#navigation ul li a { color:#333333;}
			#navigation ul li a:hover { color:#0099CC;}
    	#logo {margin-top:0; text-align:right; }
			#logo img {margin:0;}
	#main {color:#CCCCCC;} 
		#banner { height:170px; background:url(../images/banners/home.jpg) no-repeat top center; padding-top:35px;}
		#banner h1 { padding:10px 10px 10px 10px; margin: 0px 0 0 20px; background: #333333; width:50%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		#banner h2 { background: #666666; color:#FFFFFF;  padding:10px; margin:20px 0 0 20px; font-size:1.2em;  width:30%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#main-inner { background:url(../images/css/main-bg.png) repeat;}
	#content {}
	#comment-header {} 

	#pagemenu {margin-bottom:1em;}
	#search {margin-bottom:1em;}
		 #search input {background: #333333; border:2px solid #666666; color:#f5f5f5; margin-right:2px;}
	#secondary-content {margin-top:20px;}
	#secondary-content h3 { 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 ul {list-style:none; margin:0;}
	#secondary-content ul li {border-bottom:1px solid #333333; padding:5px;}
	#footer {margin-top:2em; font-size:90%;}
	#footer a, #footer { color:#CCCCCC; }
	#navigation, #footer, .c { font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:0.07em;}
	.c {font-size:1.2em; font-weight:normal;}
		
/*************************************************************
		Content specific
*************************************************************/			
	   
.content {padding: 0px 15px 0px 15px; margin-bottom: 20px; }

/*************************************************************
		Posts
*************************************************************/	
	.post { margin-bottom: 30px;}
	.post .date {padding:5px; border:2px solid #313131; background-color:#333333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.post .header { position: relative; }
	.post .header h3 {margin-right:150px;}
	.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:5px; border:4px solid #666;}
	
/*************************************************************
		Comments
*************************************************************/	
	.commentblock, .commentForm {border:1px solid #313131; 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 #313131; 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 {width:100px;}
	input#subscribe {width:50px;}
			

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