/*  

Theme Name: John Calub

Theme URI: 

Description: Template from Optimind

Date: Feb 2010

Version: 2.5.1

Author: Jan Michael Yap

Author URI: 

Tags: Right Sidebar, 2 Column

*/

dl.gallery-item {
	float:left;
	margin:9px;
	width:30%;	
}

#mmf-f2-p309-o1 .mmf-validates-as-required{
	width: 190px;
}

#mmf-f2-p309-o1 #sendButton input{
	background: url(images/submit_button.jpg) no-repeat top left;
	border: 0px; width:82px; height:29px; color:transparent;
}

#mmf-f2-p309-o1 .mmf-validation-errors, #mmf-f2-p309-o1 .mmf-not-valid-tip-no-ajax, #mmf-f2-p309-o1 .mmf-mail-sent-ok{
	font-size: 11px; color:#FF0;
}

#mmf-f2-p309-o1 .mmf-validation-errors{
	padding: 0px;	
}

#post-42 p img {
	margin: 5px;
}
.post-tag{
	font-size: 12px; color:#666; padding: 15px 0px 15px 10px;
} 

.the_date {
	font-size: 12px; color:#666; padding: 10px 0px 5px 0px;
}
.post-tag a{
	color: #C00; text-decoration: none; 
}





body {
	background: url(images/bg.jpg) repeat-x top #f1db38;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color:#000; height: auto; line-height: normal;
}

img, .submit_btn { border: 0px; } 

table#main {
	width: 893px; margin: 0 auto;	
}

#container {
	width:893px;
	margin: 0 auto;
}

#header {
	width:897px;
	height:506px;
	background: url(images/bg.png) no-repeat bottom center;
}
#flashbanner { text-align: center; }
#john  { float: right; margin-right: 15px; margin-bottom: -35px; }
#logo { padding: 30px 0px 0px 10px; }
#logo p { width: 262px; text-align: right; font-weight:bold;}

#sidebar {
	float: right; width: 208px; padding-top: 5px; color: #FFF; 
}
	#sidebar #box1 { margin-bottom: 20px;}
	#sidebar #box1 li { list-style: none; }
	#sidebar .box_title, .widgettitle{
		color: #fff568; font-size: 18px; padding-bottom: 5px; border-bottom: 1px double #000;
		width: 200px; 
	}
	#sidebar .box_content, .textwidget {
		color: #fff568; padding: 5px 0px;
	}
	#sidebar .box_content_white {
		color: #fff; padding: 5px 0px;
	}
	#sidebar form{ color: #FFF;	}
	#sidebar input { margin: 5px 0px; }
	#sidebar .txtfld { width: 190px; }
	#sidebar .note { font-size: 10px; }
	#sidebar .submit_btn { }
	
	#sidebar-latest-blog .latest-blog{
		list-style-type: circle;	
	}
	#sidebar-latest-blog li.latest-blog a {
		color:#FFF; font-size:14px; text-decoration: none;
	}
	
	#recent-posts-3 ul li { list-style: circle; padding: 6px 5px; }
	#recent-posts-3 ul li a { color:#FFF; text-decoration: none; }
	
#contents-container{
	width: 879px; margin-right: 6px; float: right;
	background: url(images/contents-container-bg.jpg) repeat-x top #15760F; border: 1px solid #033b00;
}

	#content{
		 padding-top: 10px;	padding-left: 5px; padding-bottom: 10px; 
	}
	#the_contents{
		background-color: #FFF; width: 647px; padding: 5px;
	}
	
	#the_contents a{
		color:#008000;	
	}
		.post_title {
			font-size: 18px; color:#9e0b0f;	padding-left: 10px;
		}
		.the_post, #the_contents p{
			padding: 10px;	
		}
		.read_more, .more-link{
			color: #15760f; font-style:italic;	
		}
		.the_date {padding-left: 10px;}
		.img-float { float:left; padding: 0px 10px 2px 10px;  }
		
		#the_contents h2 { padding-left: 10px; font-size: 14px; }
		
	#content #container-corner-top {
		background: url(images/container-corner-top.jpg) no-repeat top;
		width: 657px; height: 11px; 
	}
	#content #container-corner-bottom {
		background: url(images/container-corner-bottom.jpg) no-repeat top;
		width: 657px; height: 11px; 
	}
	#contactForm table p{
		font-size: 12px;
	}
	.mmf-form textarea{
		width: 263px;	
	}
	.mmf-form input{
		width: 233px;	
	}
	#contactForm .mmf-not-valid-tip-no-ajax{ 
		font-size: 10px;
		padding-left: 70px;
		color:#C30;
	}
	.mmf-form{
		font-size: 12px;
	}
	.mmf-response-output{
		padding: 15px 0px 0px 20px;
		color: #C30;
	}
	.mf-form .mmf-form-control-wrap{
		margin: 0px 20px;
	}


#footer {
	width:880px; margin-right: 6px; background-color: #cab413; float: right;
}
	#footer-links {
		padding: 15px 5px;  
	}
	#footer-links ul{
		display: inline;
	}
	#footer-links li {
		 display: inline; padding: 10px 10px;
	}
	#footer-links a{
		color: #FFF; font-weight: bold; font-size: 11px; 
	}
	/** SUB NAVIGATION **/
	#about-us-sub { width: 100px; }
	
`	#training-sub { width: 100px;  }

	li.page-item-15 { margin-left: 40px;}
	li.page-item-49 { margin-right: 20px;}

	#gallery-sub { width: 40px; margin-left: 20px;  }
	
	#blog-sub { width: 100px; }
	
	#sub-footer{
		background: url(images/footer-bg.jpg) repeat-x top #F3DB3B;
		font-size: 9px; padding: 20px; 
	}
		#sub-footer ul li{
			list-style: disc; margin-left: 20px;	
		}
		#sub-footer ul li a{
			color: #000; text-decoration: none;	
		}
	#footer-bottom{
		background: url(images/footer-bottom-bg.jpg) repeat-x top #cab413;
		width: 100%; height:48px;
	}
	
#footer-bottom{
	padding-top: 10px;	
}
	.copyright {
		padding: 10px 20px; text-align: center;
	}
	.copyright a{
		color:#000; text-decoration: none;	
	}