/*
Theme Name: cagayan
Theme URI: http://www.networkcm.org
Description: A theme with flexibility! All major components are user changeable, be that colors, sizes or layouts.
Version: 1.0
Author: NetWork
Author URI: http://www.netorkcm.org/blogs/cagayan/
Tags: light, blue, two-columns, left-sidebar, fixed-width, custom-colors, custom-header, theme-options, sticky-post, microformats
*/

body {
	margin:0; padding:0;
	background:#f2f2f2;
	font-size: 80%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#828080;
	}

h1 {
	display:none;
	float:left;
}

	.post-content h1 {
		display:block; float:none;
		font:bold 2.00em Tahoma, Arial, Helvetica, sans-serif; color:#484a4b;
	}
	
	h1.comments-title {
		margin:0 0 0 160px; padding:15px 0 0 0;
		display:block; float:none;
		font:2.50em Georgia, "Times New Roman", Times, serif; color:#484a4b;
	}

h2 {
	margin:0 0 20px 0; padding:0;
	font:2.50em Georgia, "Times New Roman", Times, serif; color:#464442;
}

	.post-content h2 {
		font:bold 1.50em Arial, Helvetica, sans-serif; color:#484a4b;
	}
	
	.post-content h2.title {
		font:bold 2.50em Tahoma, Arial, Helvetica, sans-serif; color:#484a4b;
	}

	h2.featured {
		margin:0; padding:0;
		width:auto; height:auto;
		font:bold 2.50em Tahoma, Arial, Helvetica, sans-serif; color:#d9eff7;
	}
	
	.featured-small h2 {
		display:block; line-height:104px;
	}
	
	h2.comments-title {
		margin:0 0 0 160px; padding:0 0 15px 0;
		display:block; float:none;
		font:.92em Georgia, "Times New Roman", Times, serif; color:#484a4b;
	}
	
	h2.gray {
		margin:0;
		font-size:1.75em;
	}

h3 {
	margin:0 0 10px 0; padding:0;
	font:normal 1.50em Tahoma, Arial, Helvetica, sans-serif; color:#bc4d10;
}

	#post-contents ul {
		list-style:none;
	}
/*
	#post-contents ul li{
		list-style:none;
		font:normal 1em Tahoma, Arial, Helvetica, sans-serif; color:#484a4b; 
	}
*/

	.post-content h3 {
		text-decoration:none;
/*		font:bold 1.25em Tahoma, Arial, Helvetica, sans-serif; color:#484a4b;*/
	}

	.meta h3 {
		font-size:1.64em;
	}

h4 {
	font:1.17em Tahoma, Arial, Helvetica, sans-serif; color:#929ba3;
}

	.post-content h4 {
		font:bold 1.00em ahoa, Arial, Helvetica, sans-serif; color:#484a4b;
		text-transform:uppercase;
	}

	h4.related-posts, h4.tags {
		font:1.27em Arial, Helvetica, sans-serif; color:#929ba3;
	}

h5 {
/*	margin:0 0 12px 0; padding:0 0 5px 0; */
	margin:0 0 12px 0; padding:0 0 5px 0;
	font:2.0em Georgia, "Times New Roman", Times, serif; color:#5c6a76;
	border-bottom:3px solid #f4f7f8;
}
	.post-content h5 {
		font:bold 1.00em Tahoma, Arial, Helvetica, sans-serif; color:#484a4b;
		margin:auto; padding:auto;
		border:0;
	}

blockquote {
	font:1.17em Tahoma, Arial, Helvetica, sans-serif; color:#929ba3;
	text-align: justify;
}

/*
a:link {
	color: #334752;
	text-decoration: none;
	}
a:visited {
	color: #293F4A;
	text-decoration: none;
	}
a:hover, a:active {
	color: #274D72;
	text-decoration: underline;
	}	
*/
a:link, a:active, a:visited {
	color:#2f4f73; text-decoration:none;
}

a:hover {
	text-decoration: underline;
	}	

	a.rss:link, a.rss:active, a.rss:visited {
	margin:0;
	padding: 8px 0 0 20px; /*0 0 0 20px;*/
	width:auto;
	height:16px; 
	font:normal 0.92em Arial, Helvetica, sans-serif;
	color:#d1dce7;
	float:right;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/* Styles */

.extrasmall {
	font-size:0.72em;
}

.small {
	font-size:0.92em;	
}

.medium {
	font-size:1.08em;
}

.large {
	font-size:1.33em;
}

.arial {
	font-family:Arial, Helvetica, sans-serif;
}

.verdana {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.white {
	color:#FFF;
}

.gray, .gray a, h2.gray a {
	color:#71787b;
}

.lightgray, .lightgray a {
	color:#b2b5b6;
}

.orange, caption {
	color:#d94d00;
}

.grayblue, .grayblue a {
	color:#748a9c;
}

.darkblue, .darkblue a {
	color:#112842;
}

.darkgray, .darkgray a, th {
	color:#3a3c3e;
}

.bold {
	font-weight:bold;
}

.caption {
	font-style:italic;
}

.block {
	display:block;
}

.inline {
	display:inline;
}

.textright {
	text-align:right;
}


/* global/general CSS - ID */
#container{
	width: 1000px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
	background-color: #F3F5F6;
	background-image: url(images/bg_wp_cdo_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

#page-top{
	margin:0; padding: 0 0; /*8px 0;*/
	width:auto; height: 35px; /*auto;*/
	background: #F3F5F6 url(images/bg_wp_cdo_top_1.jpg) repeat-x bottom center;
	border-bottom:1px solid #4e6d8e;
	}

#header{
	margin:0; padding:0 0;
/*	width:auto; height:auto; */
/*	background: #F3F5F6 url(images/bg_wp_cdo_header.jpg) repeat-x bottom center;*/
	background: transparent url(images/bg_wp_cdo_header1.jpg) repeat-x bottom center;
	}

	#header_text{
		background-color: transparent;
		text-color: #041F2C;
		}

	#header_text h1 {
		margin: 0;
		padding: 0;
	}

#header-logo-back {
	float:left;
	margin:0; padding:0;
	width:345px; height: 92px;
	background:url(images/logo.jpg) no-repeat bottom left;
}
		
	#header-logo-back img {
		margin:15px 0 0 0;
		float:left;
	}
#header-logo-text {
	margin-left:350px; padding:0 0 0 0;
	width:auto; height:92px;
}
#header-logo-text h3 {
	padding-left: 25px;
	font:normal 1.75em Arial, Helvetica, sans-serif; color:#bc4d10;
}

#logo-back {
	margin:0; padding:0;
	width:auto; height:92px;
	background:url(images/logo-back.gif) no-repeat bottom left;
}
		
	#logo-back img {
		margin:15px 0 0 0;
		float:left;
	}

#navbar{
	width: 1000px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #AEC1ED;
	}

#home-content {
	margin:1px 0 1px 0; padding:0;
	width:auto; height:auto;
	color: #fff;
	background: #7f9fbc url(images/featured.gif) repeat-x bottom center;
	border-bottom:1px solid #79a6cb;
}

.home-text {
	margin: 0; padding: .5em 0em 0em 0em;/*0;*/
	width: 420px;
	}

.home-text h2 {
	color: #fff;
}

.home-text a, .home-text a:hover, .home-text a:active {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}

#footer{
	clear: both;
	font-size: small;
	text-align: center;
	color: #fff;
	padding-top: 0.05em;
	padding-bottom: 0.05em;
/*	background-color: #274D72;*/
	background-color: #073552;
}

#post-container {
/*	background-color: transparent; */
	padding: 15px 15px 15px 15px;
}

#post-contents-org {
	margin-right: 270px;
	background-color: #fff;
/*	padding: 5px 15px 5px 15px;*/
	color: #293F4A;
	border:1px solid #868B8E;
}

#post-contents {
	padding: 0;
	margin-right: 0;
	float: left;
	width: 650px;
	background-color: #fff;
/*	padding: 5px 15px 5px 15px;*/
	color: #293F4A;
	border:1px solid #868B8E;
}

.post-contents-padding {
	padding: 15px 15px 15px 15px;
}

#post-contents-page {
	margin: 15px 15px 15px 15px;
}

#sidebar {
	color: #293F4A;
	padding: 0;
	margin-right: 0;
	float: right;
	width: 250px;
}

/*Suckerfish menu 
*************************************/
#suckerfishnav {
	margin:0; padding: 0 0 0 0; /*7px 0 0 0;*/
	width:auto; height:45px; /*auto;*/
	background: #274D72 url(images/bg_wp_cdo_navbar_1.jpg) repeat-x top center; /*bottom center;*/
/*	border-top:1px solid #bdd3db;*/
}

#suckerfishnav,#suckerfishnav ul {
	float:left;
	list-style-type:none;
	width:100%;
	margin:0 0 0; /*1em;*/
	padding:0;
}
#suckerfishnav a {
	display:block;
	color: #365B7D;  /*#EEEADB;*/
	text-decoration:none;
	outline:none;
	text-shadow:1px 2px 3px #000;
	padding: 1em 1em;
}

#suckerfishnav li {
	background:url(images/menu_button.png) no-repeat right top;
	float:left;
	padding:0;
}

#suckerfishnav li ul {
	z-index:1;
	position:absolute;
	left:-999em;
	height:auto;
	width:120px;
	font-weight:400;
	margin:0;
}

#suckerfishnav li li {
	border-top:1px solid #868B8E;
}

#suckerfishnav li li a {
	padding:0.2em 1em;
}

#suckerfishnav li ul a {
	background-color: #AEC1ED;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #868B8E;
	border-right:1px solid #555555;
	width:12em;
}

#suckerfishnav li ul ul {
	/*margin:-1.5em 0 0 10em;*/
}

#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul {
	left:-999em;
}

#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul {
	left:auto;
	background-color:#222;
}

#suckerfishnav li:hover,#suckerfishnav li.sfhover {
	color:#606060;
}

#suckerfishnav a:hover,#suckerfishnav li.sfhover {
	color: #f3f5f6;
	background-color: #274D72;	
	position:static;
	text-shadow:1px 2px 3px #000;
}

/* classes */
.description {
	margin: 0px; adding: 0;
	color: #334752;
}

.center {
	text-align: center;
	}

.clear-both {
	clear: both;
	}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


.container {
	margin:0 auto; padding:0;
	width:941px; height:auto;
}

.featured-norm {
	margin:0; padding:0;
	width:auto; height:auto;
	background:url(images/home_norm.jpg) no-repeat top center;
	/*line-height:20px;*/
}

.featured-small {
	margin:0; padding:0;
	width:auto; height:103px;
	background:url(images/home_small.jpg) no-repeat top center;
}

.sidebar-content {
	margin: 0; padding: 0;
	width:auto; height:auto;
}

.sidebar-box {
	margin: 0 0 15px 0; padding: 5px 10px 5px 0px;
	width:auto; height:auto;
/*	background-color: #79a6cb; 
	border:1px solid #79a6cb; */
/*	background-color: #fff; 
	border: 1px solid #868B8E;*/  /*#274D72;*/
	list-style:none;
}

#sidebar {
	margin:0; padding:0;
	list-style:none;
}

	#sidebar li {
/*		margin:0 0 28px 0;*/
		margin:0 0 0 0;
	}
	
		#sidebar li ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			#sidebar li ul li {
				margin:5px 0; padding:0;
				width:auto; height:auto;
			}
/*		
			#sidebar li ul li.popular {
				margin:15px 0 0 0; padding:0 0 5px 0;
				width:auto; height:auto;
				background:url(images/dash.gif) repeat-x bottom center;
			}
			
			#sidebar li .flickr_badge_image {
				float:left;
				margin:5px;
			}
			
			#sidebar li .flickr_badge_image img {
				padding:4px;
				background-color:#FFFFFF;
				border: solid 1px #cccccc;
			}
			
			 #sidebar .box {  padding:15px 0 0 0; }
*/

/* tables */
table{margin:.5em 0 1em;}
table td,table th{text-align:left;padding:.2em 0em;}
table th{text-transform:uppercase;font-weight:bold;}

table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
table, table.post{
  border-collapse: collapse;  
}




/* 05 - LEFT COLUMN
/* ----------------------------------------------*/

.post-list, .post-list-last {
	margin:0; padding:0;
	list-style:none;
}

	.post-list-last {
		border-bottom:1px solid #d9e2e9;
	}
/*	
.post-list li.post, .post-list li.post-last, .post-list-last li.post, .post-list-last li.post-last, .post-list li.post-last-blank {
	margin:0; padding:0;
	border:1px solid #d9e2e9; border-width:1px 1px 0 0;
	background:url(images/postback.gif) repeat-y;
}

	.post-list li.post-last, .post-list-last li.post-last, .post-list li.post-last-blank {
		border-bottom:1px solid #d9e2e9;
	}
	
	.post-list li.post-last-blank {
		background:none;
	}

	.post-list li.post-blank, .post-list-last li.post-blank {
		margin:0; padding:0;
		width:auto; height:auto;
		border:1px solid #d9e2e9; 
		border-width:0 1px 0 0;
		background:none;
	}
*/			
	.meta {
		margin:0; /*10px 0;*/ padding: 15px 15px; /*15px 12px;*/
		width:140px; height: 140px; /*auto;*/
		background:#fafbfd url(images/meta.gif) repeat-x top center;
		float:left; 
		border-left:1px solid #d9e2e9;
/*		border-right:1px solid #d9e2e9;*/
	}
/*					
		.related-posts, .tags, .tags-top, .comment-author {
			margin:10px -16px 0 -15px; padding:15px 15px 5px 15px;
			list-style:none;
			background:url(images/related-posts.gif) no-repeat bottom right;
			position:relative; z-index:5; overflow:visible;
		}
		 
			.related-posts, .tags-top {
				border-top:1px solid #d9e2e9;
			}
			
			.comment-author {
				margin:0 -16px 0 -15px; padding:0 15px 5px 15px;
			}
					
		.related_posts {
			margin:0; padding:0;
			width:auto; height:auto;
			list-style:none;
			_margin-top:40px;
		}
					
			.related_posts li {
				margin:0 0 10px 0; padding:0;
			}
*/				
	.post-content {
		margin: 0; /*10px 0*/; padding: 15px; /*15px;*/
		width:448px; height:140px; /*auto;*/
/*		width:472px; height:auto;*/
		float:right;
		border-left:1px solid #d9e2e9;
		background:#FFF;
	}
				
		.post-preview {
			margin:0 15px 5px 0;
		}
/*		
.post-list li.other-post-last, .post-list-last li.other-post-last {
	margin:0; padding:10px;
	width:213px; height:auto;
	float:left;
	border:1px solid #d9e2e9; border-width:1px 0 0 0;
}

.post-list li.other-post, .post-list-last li.other-post {
	margin:0; padding:10px;
	width:212px; height:auto;
	float:left;
	border:1px solid #d9e2e9; border-width:1px 1px 0 0;
}

.post-list li.archives, .post-list-last li.archives {
/*	margin:0; padding:30px 10px 10px 10px;*/
	margin:0; padding:30px 10px 10px 10px;
	width:97% !important; height:auto;
	float:left;
	border:1px solid #d9e2e9; border-width:1px 0 0 0;
}

	.other-posts-preview {
		margin:10px 0;
	}
*/	
.img-border {
	padding:2px;
	border:1px solid #c2c2c2;
}
	
.commentlist {
	margin:0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:0;
		border-bottom:1px solid #e5e9ee;
		background:#fafbfd url(images/postback.gif) repeat-y;
	}

		.comment-meta {
			margin:0; padding:15px;
			width:129px; height:100%;
			background:#fafbfd;
			float:left;
			border-left:1px solid #d9e2e9;
		}
		
		.comment-meta .gravatar {
			margin-right:10px;
			float:left;
			_float:none;
		}
		
		.comment-content {
			margin:0; padding:15px 20px;
			width:498px; height:auto;
			background:#FFF;
			float:right;
			border-left:1px solid #e5e9ee;
			min-height:85px;
			height:auto !important;
			height:85px;
		}
		
		
.comment-form-left {
	margin:0; padding:0;
	width:170px; height:auto;
	float:left;
}

.comment-form-right {
	margin:0; padding:0;
	width:285px; height:auto;
	float:right;
}

		.textfield {
			margin:8px 0 0 0; padding:5px;
			background:#FFF;
			border:1px solid #e5e9ee;
		}
		
		.button {
			margin:0; padding:4px 6px;
			background:#2b4869 url(images/button.gif) repeat-x;
			border:1px solid #2b4869;
			font:bold 0.92em Arial, Helvetica, sans-serif; color:#FFF;
		}
		
		
/* 06 - RIGHT COLUMN
/* ----------------------------------------------*/

.box {
	margin:0; padding:15px;
}

	.box img {
		margin:0 auto 15px auto; display:block;
		text-align:center;
	}

#sidebar {
	margin:0; padding:0;
	list-style:none;
}

	#sidebar li {
		margin:0 0 28px 0;
	}
	
		#sidebar li ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			#sidebar li ul li {
				margin:5px 0; padding:0;
				width:auto; height:auto;
			}
		
			#sidebar li ul li.popular {
				margin:15px 0 0 0; padding:0 0 5px 0;
				width:auto; height:auto;
				background:url(images/dash.gif) repeat-x bottom center;
			}
			
			#sidebar li .flickr_badge_image {
				float:left;
				margin:5px;
			}
			
			#sidebar li .flickr_badge_image img {
				padding:4px;
				background-color:#FFFFFF;
				border: solid 1px #cccccc;
			}
			
			 #sidebar .box {  padding:15px 0 0 0; }
	
/* 00 - FOOTER
/* ----------------------------------------------*/

#footer {
	margin:0; padding:0;
}

.copyright {
	margin:auto; padding:20px 0;
	float:left;
}

.woothemes {
	margin:auto; padding:50px 0;
	float:right;
}

	a.woothemes-link:link, a.woothemes-link:active, a.woothemes-link:visited {
		margin:0 0 -5px 0; padding:1px 132px 0 0;
		width:auto; height:22px; display:block;
		background:url(images/jy.png) no-repeat center right;
		float:right;
	}