/*  



 



Theme Name: Buhay Kubo Theme



Version: 2.5







Theme URI: http://www.accidentalrebel.com



Description: A Wordpress theme for the Buhay Kubo blog. Heavily modified ComicPress Theme.







	Author: Juan Karlo Licudine



	Author URI: http://www.accidentalrebel.com







The CSS, XHTML and design is released under GPL v3:



http://www.opensource.org/licenses/gpl-3.0.html







*/















/* STANDARD HTML TAGS */







body {



	margin: 0;



	color: #333;



	font-size: 12px;



	font-family: 'Tahoma', 'Arial', sans-serif;



	background: #f1a93f url('images/bg-img.png') center top repeat-x;



	}



	



a {



	color: #9e7f52;



	text-decoration: underline;



  	}



  	



  	a:hover {



  		color: #777;



  		}







	a img {



		border: none;



		}







p img {



	max-width: 100%;



	padding: 0;



	}



		



small {



	font-size: 11px;



	}



 



hr {



	height: 1px;



	color: #777;



	background-color: #777;



	border: 0px;



	}







blockquote {



	margin: 10px;



	padding: 5px 10px 5px 20px;



	border-width: 1px 1px 1px 5px;



	border-style: solid;



	border-color: #ddd;



	}







	blockquote cite {



		margin: 5px 0 0;



		display: block;



		}







cite {



	font-family: 'Arial', sans-serif;



	font-size: 13px;



	font-weight: bold;



	font-style: normal;



	}



	



code {



	padding: 10px;



	display: block;



	font-family: 'Courier New', monospace;



	background: #eee;



	border: 1px dotted #777;



	overflow: scroll;



	}







acronym, abbr, span.caps {



	cursor: help;



	}







	acronym, abbr {



		border-bottom: 1px dashed #999;



		}















/* HEADINGS */







h1, h1 a, h1 a:hover {



	margin: 0;



	padding: 0 0 0 0px;



	color: #555555;



	font-family: 'Georgia', serif;



	font-size: 28px;



	font-weight: normal;



	text-align: left;



	text-decoration: none;



	letter-spacing: 0px;



	}







h2, h2 a {



	margin: 0;



	color: #da8000;



	font-weight: bold;



	font-size: 22px;



	text-align: left;



	text-decoration: none;



	font-family: Tahoma, 'Georgia', serif;



	}







	h2.pagetitle, h2.pagetitle a {



		margin: 20px 0 0 0;



		padding: 0 0 5px 0;



		color: #da8000;



		font-family: Tahoma, 'Georgia', serif;



		font-size: 32px;



		font-weight: normal;		



		letter-spacing: -2px;



		text-align: left;



		}







h3, h3 a {



	margin: 30px 10px 0 0;



	padding: 0;



	color: #da8000;



	font-size: 18px;



	font-weight: bold;



	text-align: left;



	text-decoration: none;



	clear: both;



	}







h2 a:hover, h3 a:hover {



	color: #111;



	border-bottom: 1px dotted #777;



	}



h4, h4 a {



	margin: 15px 10px 0 0;



	padding: 0;



	color: #555555;



	font-weight: normal;



	font-size: 18px;



	text-align: left;



	text-decoration: none;



	clear: both;



}











/* THE HEADER */







#topline {



	height: 14px;



	background: #af6900;



	width: 100%;



}







#header {



	width: 950px;



	margin: 0 auto;



		height: 148px;



	}



	



	.description {



		margin: -3px 0 0 0;



		padding: 0px 0 10px 30px;



		color: #999;



		font-family: Tahoma, 'Times New Roman', serif;



		font-size: 14px;



		font-style: italic;



		letter-spacing: 2px;



		}







#bgtitle {



	margin-top: 0px;

	background: url('http://www.buhaykubo.com/images/bk-title-lunes.png') left top no-repeat;



	height: 140px;



	float: left;



	width: 408px;
        margin-bottom: 10px;



}







#headerright {



	float: right;



	width: 540px;



}















#topbanner {



	margin: 20px 0 0 35px;



	background: url('http://www.buhaykubo.com/wp-content/uploads/2008/10/pbaskbanner.gif') left top no-repeat;



	height: 60px;



}







#sitenav {



	background: url('images/sitenav.png') left top no-repeat;



	height: 40px;



	padding: 0 0 0 35px;



}







#sitenav li {



	list-style: none;



	display: inline;



	width: 124px;



	margin: 0 10px 0 0px;



}







/* THE MENU */







#menubar {



	width: 950px;



	height: 25px;



	margin: 0 auto;



	background: #000;



	}







#menunav {



	margin: 0;



	padding: 1px 0 0 0;



	float: right;



	font-size: 19px;



	}







	#menunav a  {



		margin: 0 1px 0 0;



		color: #aaa;



		text-decoration: none;



		background: #222;



		-moz-border-radius: 10px;



		-khtml-border-radius: 10px;	



		-webkit-border-radius: 10px;



		border-radius: 10px;



		}







		#menunav a:hover {



			color: #fff;



			background: #555;



			} 



		



		.prev {



			padding: 0 2px 0 0;



			}



		



		.next {



			padding: 0 0 0 2px;



			}



  



#menu {



	color: #999;



	font-size: 12px;



	text-transform: uppercase;



	}







	#menu ul {



		margin: 0;		



		padding: 0;



		list-style: none;	



		}







	#menu li {



 		margin: 0;



 		padding: 0;



 		float: left;



		}







	#menu li a {



		height: 25px;



		padding: 0 5px 0 5px;



		display: block;



		float: left;



		color: #aaa;



		line-height: 25px;



		text-decoration: none;



		border-width: 0 1px 0 0;



		border-style: solid;



		border-color: #aaa;



		}







	#menu li a:hover {



		color: #fff;



		background: #333;



		}















/* THE COMIC */



	



#comic {



	width: 950px;



	margin: -20px auto 0 auto;



	padding: 0 0 0 0;



	text-align: center;



        background: none;



	}















/* THE PAGE WRAPPER */







.page {



	width: 950px;



	margin: 0px auto;



        padding-bottom: 10px;



	text-align: left;



	background: #fff;



	}







.pagetop {



	background: url('images/pagetop.png') top center no-repeat;



	height: 22px;



	width: 910px;



	margin: 0 auto;



	padding: 5px 30px 0 30px;



}







.pagetop h2, .pagetop h2 a {



	color: da8000;



	font-size: 16px;



}







.pagebottom {



	background: url('images/pagebottom.png') top center no-repeat;



	height: 32px;



	width: 950px;



	margin: 0 auto 10px;



	padding: 0;



}







#comicnav {



	background: url('images/comicnav.png') top center no-repeat;



	height: 32px;



	width: 950px;



	margin: 0px auto 0 auto;



	text-align: center;



	padding: 2px 0 10px 23px;



}







#comicnav li {



	list-style: none;



	display: inline;



	width: 124px;



	margin: 0px 28px 0 0px;



}







#menubarl {



	float: left;



	margin: -20px 0 -20px 0;



}







#menubarl h2, #menubarr h2 {



	margin: 0 0 -15px 0;



	font-size: 18px;



}







#menubarr {



	float: right;



	width: 612px;



	margin: -20px 25px -20px 0;



}







.menuiteml {



	width: 60px;



	height: 60px;



	margin: 4px 0 0 20px;



	float: left;



}







.menuitemr {



	width: 220px;



	height: 60px;



	float: right;



}







#subscribemenu {



	width: 306px;



}







#podcastmenu {



	width: 306px;



	float: left;



}







#tianggemenu {



	width: 306px;



	float: right;



}







.menubutton {



	margin: 10px 0 -10px 15px;



	width: 290px;



	color: #fff;



	font-weight: bold;



	padding: 4px;



	text-align: center;



	background: url('images/menubutton.png') top center no-repeat;



	height: 24px;



}







.menubutton a {



	color: #fff;



	text-decoration: none;



}







#feedform {



        border: none;



		height: 18px;



        padding: 0px 0 3px 0px;



        width: 280px;



		margin: 0 auto;		



}







#feedform input {



	font-weight: bold;



	border: none;



    color: #fff;



	width: 280px;



	background: none;



    font-size: 12px;



	text-align: center;



}







/* THE FOOTER */







#footertop {



	width: 950px;



	margin: 0px auto;



	padding: 5px 0 0 0 ;	



	color: #fff;



	text-align: center;



	background: #af6900 url('images/footertop.png') top center no-repeat;



	height: 37px;



	}







	#footertop a {



		color: #f1a940;



		text-decoration: none;



		border: none;



		}







	#footertop a:hover {



		border-bottom: 1px dotted #fff;



		}















/* NAVIGATION */







.nav {



	margin: 0;



	padding: 3px 0 0 0;



	float: right;



	color: #999;



	font-family: Tahoma, 'Arial', sans-serif;



	font-size: 12px;



	font-weight: bold;



	}







.nav-single {



	padding: 10px 0 0 0;



	color: #999;



	font-family: Tahoma, 'Arial', sans-serif;



	font-size: 12px;



	font-weight: bold;



	text-align: right;



	}







.pagenav {



	padding: 40px 20px 20px 20px;



	color: #999;



	font-family: Tahoma, 'Arial', sans-serif;



	font-size: 12px;



	font-weight: bold;



	clear: both;



	}







	.pagenav-left {



		float: left;



		}







	.pagenav-right {



		float: right;



		}







.nav a, .pagenav a, .nav-single a {



	padding: 0 2px;



	color: #333;



	text-decoration: none;



	border: none;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;	



	-webkit-border-radius: 6px;



	border-radius: 6px;



	}







	.nav a:hover, .pagenav a:hover, .nav-single a:hover {



		color: #111;



		background-color: #ddd;



		}















/* CONTENT AREA */







#column {



	width: 560px;



	padding: 5px 0 20px 0;



	float: left;



	overflow: hidden;



	}







.post-frontpage {



	padding: 0 20px 0 20px;



	text-align: justify;



	}



	



.post, .content {



	padding: 0 20px 0 20px;



	text-align: justify;



	}







	.comicdate {



		color: #9e7f52;



		font-family: Tahoma, 'Georgia', serif;



		font-size: 15px;



		font-weight: bold;



		}



	



	.postdate {



		color: #9e7f52;



		font-family: Tahoma, 'Georgia', serif;



		font-size: 11px;



		}







.postmeta {



	margin: 0 0 20px 0;



	color: #777; 	



 	font-family: Tahoma, 'Georgia', serif;



 	text-align: right;



 	}







	.postmeta ul {



		display: inline;



		list-style-type: none;



		list-style-image: none;



		}



 	



.postmeta-single {



	padding: 10px;



 	color: #777;



	font-size: 11px;



	text-align: left;



	background: #fff;



	border: 1px solid #999;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}



	



	.postmeta-single a {



		color: #000;



		}	



	



	.postmetatags {



		font-family: Tahoma, 'Georgia', serif;



		font-size: 12px;



		}







.postmeta a, .postmeta-single a {



	color: #333;



	text-decoration: none;



	border-bottom: 1px dotted #777;



	}



	



	.postmeta a:hover, .postmeta-single a:hover {



		color: #777;



		border-bottom: 1px solid #777;



		}







.postmeta-comments {



	font-size: 16px;



	}



	



	.balloon {



		color: #ccc;



		font-family: 'Webdings', fantasy;



		font-size: 18px;



		}















/* THE BLOG HEADER */







#blogheader {



	margin: 0;



	padding: 10px 0 0 20px;



	color: #555555;



	font-family: 'Georgia', serif;



	font-size: 28px;



	letter-spacing: 0px;



	}



	







/* COMMENTS */







.comment-wrapper {



	padding: 0 20px;



	}



	



	.comment-wrapper h3 {



		margin: 0;



		padding: 20px 0 0 0;



		color: #777;



		font-family: Tahoma, 'Georgia', serif;



		font-weight: normal;



		font-size: 24px;



		letter-spacing: -1px;



		clear: both;



		}







		.bigballoon {



			color: #ccc;



			font-family: 'Webdings', fantasy;



			font-size: 28px;



			}







	.comment-wrapper a {



		text-decoration: none;



		border-bottom: 1px dotted #777;



		}



		



		.comment-wrapper a:hover {



			color: #777;			



			border-bottom: 1px solid #777;



			}







	.comment-wrapper p {



		margin: 10px 0 0 0;



		}







.avatar {



	margin:0 10px 10px 0;



	padding:5px;



	float:left;



	border: 1px solid #777;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;	



	-webkit-border-radius: 3px;



	border-radius: 3px;



	}







#comment, #author, #email, #url {



	padding: 2px;



	color: #000;



	font-family: Tahoma, 'Verdana', sans-serif;



	font-size: 12px;



	border: 1px solid #999;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;	



	-webkit-border-radius: 6px;



	border-radius: 6px;



	}







	#comment:hover, #author:hover, #email:hover, #url:hover {



		background: #eee;



		}



	



	#comment {



		width: 100%;



		}







	#author, #email, #url {



		width: 200px;



		}







#submit {



	margin: 0 0 20px 0;



	padding: 0 5px;



	float: right;



	color: #fff;



	background: #888;



	font-family: Tahoma, 'Verdana', sans-serif;



	font-size: 12px;



	border-width: 2px;



	border-style: solid;



	border-color: #555;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}







	#submit:hover {



		cursor:pointer;



		background: #222;



		}







ol.commentlist {



	margin: 0;



	padding: 0;



	font-size: 11px;



	list-style: none;



	}







	.commentlist li {



		padding: 20px 0 0 0;



		clear: both;



		}















/* ARCHIVE */  







.comicarchiveframe {



	margin: 20px 0 10px 0;



	padding: 5px 10px 5px 10px;



	border-width: 1px;



	border-style: solid ;



	border-color: #ccc #aaa #555 #777;



	}



 



	.comicarchiveframe:hover {



		filter: alpha(opacity=50);



		-moz-opacity: 0.50;



		opacity: 0.50;



		}







.comicarchiveframe {



	margin: 20px 0 10px 0;



	padding: 5px 10px 5px 10px;



	border: 1px solid #000;



	}



 



	.comicarchiveframe h3 {



		margin: 0;



		}



		



	.comicarchiveframe small {



		display: block;



		}



		



	.comicarchiveframe:hover {



		filter: alpha(opacity=50);



		-moz-opacity: 0.50;



		opacity: 0.50;



		}















/* SIDEBARS */







#sidebar-left {



	width: 175x;



	margin: 0;



	padding: 5px 0 0 5px;



	float: left;



	overflow: hidden;



	}







#sidebar-right {



	width: 190px;



	margin: 0;



	padding: 5px 0 0 10px;



	float: left;



	overflow: hidden;



	}







.sidebar h2, .sidebar h2 a {



	color: #da8000;



	font-family: 'Tahoma', 'Georgia', serif;



	font-weight: normal;



	font-size: 18px;



	text-transform: lowercase;



	letter-spacing: -1px;



	}







.sidebar ul {



	margin: 0;



	padding: 0;



	list-style: none;



	}







	.sidebar ul li {



		margin: 0 0 10px 10px;



		padding: 0;



		}







		.sidebar ul li ul li {



			margin: 0 0 0 0px;



			padding: 0;



			}







			.sidebar ul li ul li a {



				display: block;



				color: #333;



				text-decoration: none;



				border-bottom: 1px dotted #777;



				}







				.sidebar ul li ul li a:hover {



					color: #333;



					background: #f1a940;



					border-bottom: 1px solid #777;



					}















/* CALENDAR */







#wp-calendar {



	width: 165px;



	margin: 0 0 0 5px;



	}







#wp-calendar th {



	color: #999;



	font-size: 10px;



	font-weight: normal;



	text-align: center;



	}







#wp-calendar caption {



	color: #555;



	font-family: Tahoma, 'Georgia', sans-serif;



	font-size: 18px;



	letter-spacing: -1px;



	}







#wp-calendar td {



	min-width: 20px;



	padding: 0;



	text-align: center;



	border: 1px solid #999;



	}







#wp-calendar a {



	color: #333;



	display: block;



	text-decoration: none;



	background: #ddd;	



	}



	



	#wp-calendar a:hover {



		color: #333;



		background: #bbb;



		}















/* SEARCH */







#s {



	width: 140px;



	margin: 0;



	padding: 2px;



	color: #000;



	font-family: Tahoma, 'Verdana', sans-serif;



	font-size: 12px;



	border: 1px solid #999;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;	



	-webkit-border-radius: 6px;



	border-radius: 6px;



	}







	#s:hover {



		background: #eee;



		}







#searchsubmit {



	margin: 0;



	padding: 0 0 0 2px;



	color: #fff;



	font-family: Tahoma, 'Verdana', sans-serif;



	font-size: 12px;



	background: #888;



	border-width: 2px;



	border-style: solid;



	border-color: #555;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}







	#searchsubmit:hover {



		cursor:pointer;



		background: #222;



		}















/* GALLERY */







.attachment {



	width: 520px;



	margin: 0 auto;



	text-align: center;



	}







	.attachment img {



		margin: 0 0 10px 0;



		border: 1px solid #000;



		}



		



	.attachment p {



		margin: 0 9px 10px 9px;



		padding: 10px;



		border: 1px solid #999;



		-moz-border-radius: 10px;



		-khtml-border-radius: 10px;	



		-webkit-border-radius: 10px;



		border-radius: 10px;



		}







.imagenav-wrap {



	width: 502px;



	height: 77px;



	margin: 0 auto;



	}







.imagenav {



	width: 77px;



	height: 77px;



	float: left;	



	}







.imagenav-center {



	width: 316px;



	height: 65px;



	margin: 0 10px;



	padding: 10px 5px 0 5px;



	float: left;



	color: #bbb;



	text-align: center;



	border: 1px solid #999;



	overflow: hidden;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}



	



	.imagenav-center a {



		text-decoration: none;



		color: #777;



		border-bottom: 1px dotted #777;



		}



		



		.imagenav-center a:hover {



			color: #777;



			border-bottom: 1px solid #777;



			}







.imagetitle {



	color: #333;



	font-size: 18px;



	}







.imagenav-bg {



	width:75px;



	height:75px;



	position: absolute;



	z-index: 0;



	background: #eee;



	border: 1px solid #000;



	}







	.imagenav-bg img {



		width:75px;



		height:75px;



		}







.imagenav-arrow {



	width:75px;



	height:75px;



	position: absolute;



	z-index: 1;



	color: #fff;



	font-size: 50px;



	line-height:75px;



	text-align: center;



	border: 1px solid #000;



	float: left;



	}







.imagenav-link {



	width:75px;



	height:75px;



	position: absolute;



	z-index: 2;



	border: 1px solid #000;



	float: left;



	}







	.imagenav-link img {



		width:75px;



		height:75px;



		filter: alpha(opacity=50);



		-moz-opacity: 0.50;



		opacity: 0.50;



		}







		.imagenav-link img:hover {



			filter: alpha(opacity=0);



			-moz-opacity: 0.00;



			opacity: 0.00;



			}







.aligncenter {



	margin: 0 auto;



	display: block;



	}







.alignright {



	margin: 10px 0 0px 10px;



	display: inline;



	float: right;



	}



.alignleft2 {



	margin: 0;



	display: inline;



	float: left;



	}



.alignright2 {



	margin: 0;



	display: inline;



	float: right;



	}







.alignleft {



	margin: 10px 10px 0px 0;



	display: inline;



	float: left



	}















/* CLEAR FLOATS */







.clear {



	height: 0px;



	line-height: 0px;



	font-size: 0px;



	clear: both;



	}