@charset "utf-8";
/*
Theme Name: Deckenz
Theme URI: 
Description: Bohol HRD Center Inc.
Version: 1.2
Author: Deckenz
Author URI: 
Tags: hrd, bohol, incorporated, inc, anything
*/




body{background:#226513 url(img/bg.jpg) repeat-x;color:#505358;font:13px 'Myriad Pro',Helvetica,Arial,sans-serif;letter-spacing:0;margin:0;padding:0;}
a{color:#666666;outline:none;text-decoration:none;}
p{margin:0 10px 20px 0;}
p:a{background:#ccc;padding:3px;}
blockquote{border-left:5px solid #f7f7f7;margin:0 0 0 10px;padding:0 0 0 10px;}
#page{width:940px;margin:0 auto;}
#header{position:relative;/*height:340px;*/height:161px; background-color:#F3716C; background:url(img/header.jpg) top left no-repeat;  padding-top:10px;padding-bottom:25px;padding-right:25px}
#flash{float:right;margin-left:20px; height:131px; width:751px; }
#content{/*background:#d7d7d7*/min-height:660px;background:#FFFFFF;border:1px solid #fff;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;text-align:justify;padding:20px 0 0;}
#content-left{float:left;width:570px;padding:15px;}
#content-right{float:right;width:320px;}
#footer{background:#256D1D url(img/footer.jpg)no-repeat;width:898px;color:#fff;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 auto;padding:20px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
h1{/*position:absolute;*/ bottom:50px;left:0;line-height:1;font-size:28px;font-weight:700;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0;padding:0;}
h1 a{color:#D4B77F;text-decoration:none;padding-left:0;text-shadow:0 1px 0 #000;}
h2{margin:0 0 20px 20px;text-shadow:0 1px 0 #3E6992;}
h2#blog-description{position:absolute;left:0;font-size:13px;font-weight:400;color:#fff;margin:0;padding:4px 0 0 40px;}
h3{font-size:2.5em;line-height:100%;font-weight:700;font-style:italic;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 0 20px;color:blue;}
h3 a{text-decoration:none;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;text-shadow:0 1px 0 #fff;}
h4{font-size:18px;font-style:italic;color:#6A160D;margin:0 0 10px;text-shadow:0 1px 0 #fff;}
#top-nav{position:absolute;top:20px;right:0;list-style:none;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0;padding:0; width:270px;}
#top-nav li{float:left;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 0 0 10px;}
#top-nav li#rss{background:url(img/rss-icon.gif) no-repeat left center;padding:0 0 0 15px;}
.box-left{margin:0 0 40px 20px;}
.meta{clear:both;background:#B6DBC5;border-top:1px solid #a1a5a4; border-left:1px solid #a1a5a4; border-bottom:1px solid #a9a9a9; border-right:1px solid #a9a9a9; color:#5e5e5e;padding:5px;}
.meta-date{background:url(img/date.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-categories{background:url(img/categories.gif) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-comments{background:url(img/comment.gif) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.box-right{background:#B6DBC5;border:1px solid #a1a5a4;margin:15px 15px 20px 0;padding:20px;}
.box-right ul{list-style:none;margin:0 0 5px;padding:0;}
.box-right a {color:#0C1977; font-weight:bold;}
.box-right li{background:none;margin:0;padding:5px 5px 5px 10px;}
.box-right a:hover{background:none;margin:0;padding:5px 5px 5px 15px; color:#226513;}
.box-right li:hover{background:none;margin:0;padding:5px 5px 5px 15px; color:#EDEF54;}
#commentform label{display:block;margin:0 0 5px;}
#commentform input.text,#commentform textarea{width:500px;margin:0 0 10px;}
#commentform .text{height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform textarea{height:150px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 20px;}
.commentlist{list-style:none;margin:0;padding:0;}
.commentlist .quote{background:#22222d;border:5px solid #8b1d11;padding:20px;}
.commentlist li{background:#4e5156;color:#fff;margin:20px 0 0;padding:0;}
.commentlist cite{display:block;font-style:normal;}
.avatar{float:left;margin:0 20px 10px 0;}
#searchform #search{float:left;width:146px;height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#searchform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 10px;}
#footer p{font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 0 10px;text-shadow:0 1px 0 #1E456B;}
#footer p a {color:#fff;text-shadow:0 1px 0 #1E456B;}
#legal{float:left;width:800px;font-size:12px;}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}
.wp-caption{margin-bottom:20px;padding-top:4px;border:1px solid #ccc;text-align:center;background-color:#f7f7f7;}
.wp-caption img{float:none;border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:0;}
#calendar_wrap table{width:100%;}
#calendar_wrap td{text-align:center;}
#wp-calendar caption{background:#dedede;margin:0 0 10px;}
ul,ol,.aligncenter{margin-bottom:20px;}
h3 a:hover,.box-right li a{text-decoration:none;}
p.tags,.clear{clear:both;}

.thumbnail {
  float: left;
  margin: 0px 10px 0px 0px;  
  padding: 5px; 
  overflow: hidden;
  line-height: 170px;
  text-align: center;
}
.thumbnail a img {
  float:left;
  width: 200px;
  padding: 5px;  
  background:#999;
  border:1px solid #fff;
}
#contentwrite {
	width: 530px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 50px;
}
#contentfooter {
	background-image: url(img/contentfooter.jpg);
	padding: 0px;
	height: 164px;
	width: 607px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#contentfooterwrite {
	width: 350px;
	padding-left: 25px;
	padding-top: 5px;
	height: 120px;
}
#contentfooterwrite h1 {
	font-style: italic;
	color: #0F5499;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contentwrite h1 {
	color: #0F5499;
}
#contentwrite h2 {
	color: #0F5499
}
#contentwrite h1 a {
	color: #0F5499;
}
#contentwrite h1 a:hover {
	color: #256D1D;
}

.style1 {}
.style2 { font-weight: bold; }
.style3 {
	font-size: 12pt;
	font-weight: bold;
	color:#2C1603;
	// background-color: #44A839;
}



/*Main Navbar */

#nav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
font-family: Arial;
	background: url(img/bg-menu.gif) repeat-x left top;
	}
	
#nav, #nav ul {
	width: 940px;
	list-style: none;
	line-height: 40px;
	}

#nav a, #nav a:hover {
	display: block;
	background: url(img/bg-menu-a.gif) no-repeat right top;
	text-decoration: none;
	border: none;
text-shadow:0 1px 0 #000;
	}

#nav li {
	float: left;
	list-style: none;
font-family: Arial;
	}

#nav li:hover {
	float: left;
	list-style: none;
font-family: Arial;
background:#72170e;
	}

#nav a, #nav a:visited {
	display: block;
	color: #fff;
	padding: 0 20px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	text-decoration: none;
	}	
	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #505358;
	line-height: 30px;
font-family: Arial;
	}

#nav li li {
	width: 172px;
	border-top: 1px solid #4a4e53;
	border-right: 1px solid #4a4e53;
	border-left: 1px solid #4a4e53;
	background: #505358;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	background: #1e1f21 url(img/bg-menu.gif);
	}

#nav li li a:hover, #nav li li a:active {
	background:#505358;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;
	}