/*
Theme Name: Manila Jeepney
Theme URI: http://filipinowebdesigner.com/themes/manila-jeepney/
Description: A colorful theme inspired by the jeepneys in Metro Manila, Philippines.
Version: 1.0
Author: Gail Villanueva
Author URI: http://kutitots.com/
Tags: blue, custom header, fixed width, three columns, widgets, illustration graphics

	Manila Jeepney
	http://filipinowebdesigner.com/themes/manila-jeepney/

	The jeepney is probably the most popular form of public transportation in the
	Philippines. Originally made from surplus US military jeeps left after World War II,
	the elaborately-decorated jeepney has become one of icons of modern Filipino culture.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	background-color:#bbf6fc;
	margin:0px;
	padding:0px 0px 20px 0px;
}
body, td, th {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {color:#ffd200;}
a:hover {color:#a8c631;}

.container1 {
	width:960px;
	margin:auto;
	padding:0px;
	background-image: url(images/bg_main1.gif);
	background-repeat:repeat-y;
}
.container2 {
	width:960px;
	margin:0px;
	padding:0px;
	background:url(images/bg_main2.jpg) no-repeat top left;
}

/* Header */
.header_container {width:960px; height:328px;}
.header_desc {
	width:960px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-transform:uppercase;
	height:22px;
}
.header_desc span {	padding:4px 8px 3px 8px; background:#000000; line-height:20px;}
.header_title {
	height:164px;
	overflow:hidden;
	width:590px;
	font-family:Impact, sans-serif;
	font-size:42px;
	line-height:42px;
	color:#000000;
	padding:32px 0px 0px 370px;
}
.header_title a {color:#000000; text-decoration:none;}
.header_title a:hover {color:#000000; text-decoration:underline;}

/* RSS box */
.rssbox {
	width:137px;
	height:60px;
	color:#02b0dd;
	padding:25px 0px 0px 823px;
	font-family:tahoma, Geneva, Verdana, Helvetica, "Sans Serif";	
}
.rssbox a {color:#02b0dd;}
.rssbox a:hover {color:#000000;}
.rssbox ul {margin:0px; padding:0px; list-style-type:none;}
.rssbox ul li {
	background:url(images/icon_rss.gif) no-repeat top left;
	padding:0px 0px 0px 12px;
	margin:0px 0px 5px 0px;
}

/* Content Structure */
.contentarea {width:960px; padding:0px 0px 10px 0px;}
.content_col1 {
	width:208px;
	float:left;
	font-family:tahoma, Geneva, Verdana, Helvetica, "Sans Serif";
}
.content_col23 {
	width:752px;
	float:right;
}
.content_col2 {
	width:545px;
	float:left;
}
.content_col3 {
	width:207px;
	float:right;
	font-family:tahoma, Geneva, Verdana, Helvetica, "Sans Serif";	
}

/* Column 1 (Left Column) */
.sidebar1 {
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.sidebar1 ul {margin:0px; padding:0px; list-style-type:none;}
.sidebar1 ul li {
	padding:0px 0px 30px 0px;
	margin:0px 0px 0px 0px;
	color:#8f6607;
}
.sidebar1 ul li h2 {
	margin:0px;
	padding:20px 37px 20px 0px;
	background:url(images/sidebar2_header.gif) no-repeat top right;
	font-family:Impact, sans-serif;
	color:#cb6a00;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	text-align:right;
}
.sidebar1 ul li ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
.sidebar1 ul li ul li {
	background:url(images/sidebar2_icon.gif) no-repeat top right;
	padding:0px 38px 0px 0px;
	margin:0px 0px 6px 0px;
	text-align:right;
}
.sidebar1 ul li ul li a {color:#ae7f13;}
.sidebar1 ul li ul li a:hover {color:#000000;}

/* Column 2 (Middle Column) */
.post {
	width:545px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.post p {margin:0px; padding:0px 0px 12px 0px; line-height:18px;}

.post_title1 {
	width:545px;
	background:#ffd200 url(images/post-title1.gif) no-repeat top left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.post_title2 {
	width:545px;
	background:url(images/post-title2.gif) no-repeat bottom left;
	font-family: Impact, sans-serif;
	font-size:26px;
	color:#785503;
	padding:8px 0px 14px 0px;
	margin:0px 0px 0px 0px;
	line-height:28px;
	text-align:center;
}
.post_title2 a {color:#785503; text-decoration:none;}
.post_title2 a:hover {color:#000000; text-decoration:underline;}
.post_date {
	width:545px;
	color:#97cb2b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	padding:0px 0px 3px 0px;
}
.post_content {padding:10px 15px 10px 15px; background:#785503; color:#fdf2e0;}
.post_comments {
	display:block;
	width:535px;
	background:#a8c631 url(images/post-comment.gif) no-repeat bottom left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#657c07;
	text-align:center;
	padding:3px 5px 3px 5px;
	margin:0px 0px 30px 0px;
	text-transform:uppercase;
}
.post_comments a {color:#657c07; text-decoration:none;}
.post_comments a:hover {color:#000000; text-decoration:underline;}

.navigation {
	width:545px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.navigation .alignleft {width:40%; float:left;}
.navigation .alignleft a {
	background:url(images/navigation_left.gif) no-repeat top left;
	padding:0px 0px 0px 18px;
}
.navigation .alignright {width:40%; float:right; text-align:right;}
.navigation .alignright a {
	background:url(images/navigation_right.gif) no-repeat top right;
	padding:0px 18px 0px 0px;
}

/* Column 3 (Right Column) */
.sidebar2 {
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.sidebar2 ul {margin:0px; padding:0px; list-style-type:none;}
.sidebar2 ul li {
	padding:0px 0px 30px 0px;
	margin:0px 0px 0px 0px;
	color:#8f6607;
}
.sidebar2 ul li h2 {
	margin:0px;
	padding:20px 0px 20px 37px;
	background:url(images/sidebar1_header.gif) no-repeat top left;
	font-family:Impact, sans-serif;
	color:#cb6a00;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
}
.sidebar2 ul li ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
.sidebar2 ul li ul li {
	background:url(images/sidebar1_icon.gif) no-repeat top left;
	padding:0px 0px 0px 37px;
	margin:0px 0px 6px 0px;
}
.sidebar2 ul li ul li a {color:#ae7f13;}
.sidebar2 ul li ul li a:hover {color:#000000;}

/* Footer */
.footer_container {
	width:600px; 
	padding:25px 180px 0px 180px;
	margin:auto;
	background:url(images/bg_main3.gif) no-repeat top left;
	text-align:center;
	color:#ae7f13;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:9px;
}
.footer_container p {margin:0px; padding:0px 0px 10px 0px; line-height:14px;}
.footer_container a {color:#986e0f;}
.footer_container a:hover {color:#000000;}