/*  
Theme Name: Bayanihan Blog Network
Theme URI: http://bayanihanblogs.com/
Author: Gail Dela Cruz - Villanueva
Author URI: http://kutitots.com/
*/

body {
	background:url(/bbn-theme/images/bg-main.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
body,td,th {
	font-family:tahoma, "Trebuchet MS", Helvetica, Sans-serif;
	color:#4B4B4B;
	font-size:11px;
}
a {color:#7799CC;}
a:hover {color:#66AAFF;}

/* STRUCTURE - be careful when editing! */
#container {
	width:949px;
	margin:auto;
	padding:0px;
}

#header {
	width:949px;
	background:url(/bbn-theme/images/header-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px 0px 28px 0px;
	margin:0px;
}

#content {
	width:949px;
	background: #707070 url(/bbn-theme/images/bg-content.gif) repeat-y;
	padding:0px;
	margin:0px;
	
}

#footer {
	width:949px;
	background:url(/bbn-theme/images/footer.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:22px 0px 10px 0px;
}


/* FOOTER TEXT STYLES */
#footer-text {
	margin:0px;
	padding:5px 0px 10px 0px;
	color:#B2B2B2;
	font-size:11px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#footer-text a {
	color:#B2B2B2;
	text-decoration:none;
}
#footer-text a:hover {
	color:#4B4B4B;
	text-decoration:none;
}



/* HEADER */
#header-logo {
	padding:0px;
	margin:24px 0px 0px 0px;
	float:left;
}
#header-logo a {
	width:176px;
	height:117px;
	text-decoration:none;
	display:block;
}

/* HEADER NAV */
#headernav {
	float:left;
	text-align:center;
	text-transform:uppercase;
}
#headernav a {
	color:#FFFFFF;
	text-decoration:none;
}
#headernav a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
	
#nav-home {
	width:142px;
	position:absolute;
	z-index:4;
}
#nav-home a {
	background-image:url(/bbn-theme/images/nav-1.gif);
	background-repeat:no-repeat;
	display:block;
	padding-top:5px;
	height:23px;
}
#nav-home a:hover {
	background-image:url(/bbn-theme/images/nav-2.gif);
}
#nav-about {
	width:142px;
	position:absolute;
	z-index:3;
	margin-left:122px;
}
#nav-about a {
	background-image:url(/bbn-theme/images/nav-1.gif);
	background-repeat:no-repeat;
	display:block;
	padding-top:5px;
	height:23px;
}
#nav-about a:hover {
	background-image:url(/bbn-theme/images/nav-2.gif);
}
#nav-tipus {
	width:142px;
	position:absolute;
	z-index:1;
	margin-left:244px;
}
#nav-tipus a {
	background-image:url(/bbn-theme/images/nav-1.gif);
	background-repeat:no-repeat;
	display:block;
	padding-top:5px;
	height:23px;
}
#nav-tipus a:hover {
	background-image:url(/bbn-theme/images/nav-2.gif);
}
	

/* HEADER ADSENSE */
#header-adsense {
	text-align:right;
	width:745px;
	float:right;
	margin:20px 0px 0px 0px;
	padding:0px 6px 0px 0px;
}


/* POST STRUCTURE */
#posts-container {
	width:591px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 0px;
}
div.postbox {
	width:580px;
	float:right;
	margin:0px 0px 15px 0px;
	padding:0px;
}

	/* POST TITLE STUFF */
	div.post-title1 {
		display:block;
		background:#667BB3;
		background-image:url(/bbn-theme/images/post-title1.gif);
		background-repeat:repeat-y;
		border-bottom:2px solid #5B6E9E;
		margin:0px 0px 1px 0px;
	}
	div.post-title2 {
		background-image:url(/bbn-theme/images/post-title2.gif);
		background-repeat:no-repeat;	
		padding:7px 0px 5px 12px;
	}
	h3 {
		font-family:Arial, Helvetica, sans-serif;
		color:#FFDE7D;
		font-size:18px;
		letter-spacing:-1px;
		margin:0px;
		padding:0px;
		font-weight:normal;
	}
	h4 {
		font-family:Arial, Helvetica, sans-serif;
		color:#667BB3;
		font-size:16px;
		letter-spacing:-1px;
		margin:30px 0px 0px 0px;
		padding:0px;
		font-weight:bold;
	}
	
	span.post-date {
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-transform:uppercase;
		font-size:10px;
		font-weight:bold;
		margin:0px 0px 3px 0px;
	}
	h3.post-titlelink {
		font-family:Arial, Helvetica, sans-serif;
		color:#FFDE7D;
		font-size:20px;
		letter-spacing:-1px;
		margin:0px;
		padding:0px;
		font-weight:bold;
	}
			h3.post-titlelink a {
				color:#FFDE7D;

				text-decoration:none;
			}
			h3.post-titlelink a:hover {
				color:#FC951A;
			}
				
	/* POST COMMENTS-AUTHOR STUFF */
	div.post-commentsauthor {
		display:block;
		background:#A9B6C5;
		padding:3px;
		height:17px;
		margin:0px 0px 1px 0px;
	}
	div.post-author {
		float:left;
		color:#ffffff;
		font-size:10px;
		line-height:17px;
		padding:0px 0px 0px 5px;
	}
		div.post-author a {
			color:#ffffff;
		}
		div.post-author a:hover {
			color:#FFDE7D;
		}
	div.post-commentslink {
		float:right;
		line-height:17px;
		color:#FFDC79;
		font-size:11px;
		font-weight:bold;
		background-image:url(/bbn-theme/images/icon-comments.gif);
		background-repeat:no-repeat;
		padding:0px 5px 0px 18px;
	}
		div.post-commentslink a {
			color:#FFDC79;
			text-decoration:none;
		}
		div.post-commentslink a:hover {
			color:#ffffff;
		}
	
	/* CONTENT STYLES */
	/* If you want to change styles within the post itself,
	they're here! :) */
		
	div.post-contents {
                position: relative;
		display:block;
		background:#FFFFFF;
		padding:10px 18px 15px 155px;
		margin:0px;
		border-top:1px solid #F5EC9B;
	}
		div.post-contents p {
			margin:0px;
			padding:5px 0px 5px 0px;
			line-height:18px;
		}

		div.post-contents ul {
			margin-left: 0px;
			padding-left: 1.5em;
		}

		div.post-contents li {
			margin-left: 0px;
			padding-left: 0px;
			line-height: 16px;
		}
		
		div.post-contents blockquote {
			background:#D5E3F0;
			background-image:url(/bbn-theme/images/bg-quote.gif);
			background-repeat:no-repeat;
			color:#6C6C6C;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			padding:10px 10px 10px 45px;
			line-height:18px;
		}

		blockquote cite {
			display: block;
			font-size: 0.85em;
			padding-left: 3em;
			text-align: right;
		}

	#feed_inpost_invite {
		margin: 10px 0px;
		border: 1px solid #CCD;
		background: #DDE;
		padding: 8px;
	}
		
	/* CATEGORY POST BOX */
	
	div.post-catbox {
		display:block;
		background:#A9B6C5;
		padding:3px;
		border-bottom:3px double #AFBCF9;
		color:#ffffff;
		font-size:10px;
		line-height:17px;
		padding:0px 0px 0px 5px;
		height:20px;
	}
		div.post-catbox a {
			color:#FFDC79;
		}
		div.post-catbox a:hover {
			color:#ffffff;
		}

/* COMMENTS */
div.commentsbox {
	width:580px;
	float:right;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
div.comments {
	background:#AFBCF9;
	margin:5px 0px 5px 0px;
	padding:10px 18px 15px 18px;
	color:#575EC6;
}
	div.comments p {
		margin:0px;
		padding:5px 0px 5px 0px;
	}
	span.commenter {
		font-size:11px;
		display:block;
		font-weight:bold;
		color:#293399;
	}
		span.commenter a {
			color:#293399;
		}
		span.commenter a:hover {color:#0F95EA;}
	
	span.commenttime {
		display:block;
		font-size:10px;
		margin:0px;
		padding:0px 0px 10px 0px;
	}
		span.commenttime a {
			text-decoration:none;
			color:#307AC7;
		}
		span.commenttime a:hover {color:#0F95EA;}

#txpCommentInputForm textarea {
  width: 400px;
  height: 200px;
}

/* NEXT - PREVIOUS LINKS */
div.nextback {
	width:580px;
	float:right;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;

}
	span.next {
		float:right;
		padding-left:5px;
	}
	span.back {
		float:left;
		padding-right:5px;
	}
	


/* SIDE BAR */
/* SIDE BAR : The structure */
#sidebar-container {
	width:348px;
	margin:0px;
	padding:0px;
	float:right;
}
#sidebar-box {
	width:337px;
	padding:0px;
	margin:0px;
}

/* SIDE BAR1 : The upper right area */
#sidebar1 {
	width:337px;
	padding:0px 0px 20px 0px;
	margin:0px;
	background-image:url(/bbn-theme/images/bg-sidebar-top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#707070;
	float:left;
}
#sidebar1-rss {
	width:257px;
	padding:12px 0px 1px 80px;
	margin:10px 0px 0px 0px;
	background-image:url(/bbn-theme/images/bg-rss.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:12px;
}
#sidebar1-rss p {
	margin:10px 0px 10px 0px;
	padding:0px;
}
#sidebar1-rss form {margin:0px; padding:0px;}
input.fieldstyle {
	border:1px solid #D4D4D4;
}
input.buttonstyle {
	color:#737373;
	background:#D4D4D4;
	margin:3px 0px 0px 0px;
	font-size:11px;
	border-top:1px solid #E7E6E5;
	border-right:1px solid #BCBCBC;
	border-bottom:1px solid #B0B0AF;
	border-left:1px solid #DDDDDD;
	padding:2px;
}

/* SIDE BAR2 : Left bottom side bar */
#sidebar2 {
	width:152px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 7px;
	float:left;
}
#sidebar2 ul {margin:0px; padding:0px; list-style-type:none;}
#sidebar2 ul li {margin:10px 0px 20px 0px; padding:0px; list-style-position:outside;}
#sidebar2 ul li h2 {
	background-color:#FECC60;
	background-image:url(/bbn-theme/images/bg-sideh2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	display:block;
	border:1px solid #B98F17;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
#sidebar2 ul li h2 a {color:#4B4B4B; text-decoration:none;}
#sidebar2 ul li h2 a:hover {color:#4B4B4B;}
#sidebar2 ul li h2 img {border:none; float:left; padding-right:5px; background:none;}

#sidebar2 ul li ul {
	margin:0px;
	padding:0px;
}
#sidebar2 ul li ul li {
	margin:3px 0px 0px 0px;
	padding:3px 0px 5px 18px;
	border-bottom:1px solid #4B4B4B;
	color:#FFFFFF;
	background-image:url(/bbn-theme/images/icon-bullet.gif);
	background-repeat:no-repeat;
}
#sidebar2 ul li ul li a {text-decoration:none; color:#FFFFFF;}
#sidebar2 ul li ul li a:hover {color:#E0A61A;}


/* SIDE BAR3 : Right bottom side bar */
#sidebar3 {
	width:152px;
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 0px;
	float:right;
}
#sidebar3 ul {margin:0px; padding:0px; list-style-type:none;}
#sidebar3 ul li {margin:10px 0px 20px 0px; padding:0px; list-style-position:outside;}
#sidebar3 ul li h2 {
	background-color:#8DADF0;
	background-image:url(/bbn-theme/images/bg-sideh2-2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	display:block;
	border:1px solid #5788ED;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
#sidebar3 ul li h2 a {color:#4B4B4B; text-decoration:none;}
#sidebar3 ul li h2 a:hover {color:#4B4B4B;}
#sidebar3 ul li h2 img {border:none; float:left; padding-right:5px; background:none;}

#sidebar3 ul li ul {
	margin:0px;
	padding:0px;
}
#sidebar3 ul li ul li {
	margin:3px 0px 0px 0px;
	padding:3px 0px 5px 18px;
	border-bottom:1px solid #4B4B4B;
	color:#FFFFFF;
	background-image:url(/bbn-theme/images/icon-bullet2.gif);
	background-repeat:no-repeat;
}

#sidebar3 ul li ul li a {text-decoration:none; color:#FFFFFF;}
#sidebar3 ul li ul li a:hover {color:#E0A61A;}

/* Adsense */
div.adsense-banner {
	width:580px;
	float:right;
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}


/* Vista Pinas, Textpattern specific */

#accessibility
{display: none;}

#content #posts-container .article_image {
   position: absolute;
   top: 15px;
   left: 15px;
   display: block;
   width: 140px;
   height: 140px;
   border: 0px;
   background: url(../images/6.gif) no-repeat top left;
   margin: 0px;
   padding: 0px;
}

* html #content #posts-container .article_image {
   lef\t: -140px; 
}

#content #posts-container .gmaps_thumbnail {
   border: 0px;
}

#content #posts-container .gmaps_thumbnail img {
   border: 0px;
   padding: 0px;
   margin: 0px;
}

#content #posts-container p.image {
   text-align: center;
}

#content #posts-container p.st_photo {
   width: 300px;
   line-height: 1.2;
   text-align: right;
   margin: 5px auto;
}

#content #posts-container p.st_photo_tall {
   width: 200px;
   line-height: 1.2;
   float: right;
   text-align: right;
   margin: 8px 0px 8px 10px;
}

/* work around IE 6 bug where floated elements in a relative container becomes invisible */
* html #content #posts-container p.st_photo_tall {
   position: relative;
}

#content #posts-container p.st_photo a, #content #posts-container p.st_photo_tall a {
   border: none;
   color: #888;
}

#content #posts-container p.st_photo cite, #content #posts-container p.st_photo_tall cite {
   display: block;
   padding: 3px;
   background: #DDD;
}

div.post-contents p.footnote {
   font-size: 90%;
   text-indent: -1em;
   padding-left: 1em;
   line-height: 1.2;
   color: #444;
}

a img {
   border: 0px;
}

#about_box {
   margin: 8px 0px;
   color: #DDD;
   padding: 8px;
   border: 1px solid #787878;
   background: #686868;
   line-height: 1.4;
}

#about_box a {
   border-bottom:0px dotted #7799BB;
   color:#AABBDD;
   text-decoration:none;
}

#gallery-content {
   padding: 10px 15px;
}

#gallery {
   margin: 20px 0px;
}

/* Holly Hack */
* html #gallery { height: 1%; }

.gallery_image {
   display: block;
   float: left;
   width: 137px;
   height: 137px;
   background: url(../images/6.gif) no-repeat top left;
}

/* work around IE 6 bug where floated elements in a relative container becomes invisible */
* html .gallery_image {
   position: relative;
}

#map {
   height: 650px;
   border: 1px solid #9ac;
   margin: 20px 0px;
   background:#CCC;
}

#archive_list, #archive_list_2, #search_results {
   padding-left: 18px;
}

#archive_list h4 {
   float: left;
   clear: left;
   width: 100px;
   margin: 7px 0px 0px 0px;
   padding: 0px;
   text-align: right;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
   color: #667BB3;
}

#archive_list .yearly_archive_item {
   margin: 0px;
   padding: 7px 0px 0px 120px;
   line-height: 1.2;
}

#search_box input {
   margin-top: 5px;
   border: 1px solid #DCDEE4;
   width: 131px;
   background: #fff;
   color: #000;
}

#search_results .article_search_result, #archive_list_2 .archive_item {
   background: #e0e0e0;
   padding: 12px;
   margin: 10px 0px;
}

#search_results .article_search_result h4, #archive_list_2 .archive_item h4 {
   margin: 0px;
   padding: 0px;
   font-size: 16px;
   font-weight: bold;
}

#search_results .article_search_result h4 a, #archive_list_2 .archive_item h4 a {
   text-decoration: none;
}

#search_results .article_search_result .author_and_date, #archive_list_2 .archive_item .author_and_date {
   font-size: 9px;
   text-transform: uppercase;
   color: #888;
   line-height: 1.2;
   margin: 0px;
}

#search_results .article_search_result .author_and_date {
   padding: 0px 0px 3px 0px;
   border-bottom: 1px solid #CCC;
}

#submit_site h4, #submit_site form {
   margin-left: -140px;
}

#submit_site form p {
   position: relative;
   line-height: 1;
   padding: 5px 0px 5px 140px;
   margin: 0px;
   border-top: 1px solid #ccc;
   font-size: 10px;
}

#submit_site form label {
   display: block;
   position: absolute;
   left: 0px;
   top: 8px;
   width: 130px;
   color: #9ac;
   line-height: 1.2;
}
* html #submit_site form label {
   left: -140px;
}

#submit_site form textarea {
   width: 350px;
   height: 200px;
}

div.nextback a {color:#99BBEE;}
div.nextback a:hover {color:#77BBFF;}