/*
Theme Name: Diaryong Tagalog
Theme URI: http://diaryongtagalog.com/
Description: Diaryong Tagalog Theme.
Version: 1.0
Author: Jordan Hilario
Author URI: http://72dpicreative.net/
Tags: diaryong tagalog, news theme, 72dpi, custom

	Diaryong Tagalog v1.0
	 http://diaryongtagalog.com

	This theme was designed and built by Jordan Hilario,
	of http://72dpicreative.net

*/

/* CSS Core Document */

* { margin: 0; padding: 0; }

body, html {
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(images/bg.gif) repeat-x;
	color: #000000;
	line-height: 24px;
}
a {
	color: #3f5fb0;
	text-decoration: none;
}
a img { 
	border: 0px; 
}
a:hover {
	color: #3a72ec;
}
h1 {
	font-size: 24px;
	padding: 0px 0px 5px 0px;
	margin: 0;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 24px;
}
h1 a {
	font-size: 24px;
	padding: 0px 0px 15px 0px;
	font-weight: normal;
	color: #163e95;
	text-decoration: none;
}
h1 a:hover {
	color: #3a72ec;
}
h1.heading {
	padding: 20px;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #e8e6e6;
	border-bottom: 1px solid #e8e6e6;
	background: url(images/bg-footer.gif);
	display: block;
	font=size: 24px;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}
h3 {	
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 15px 0px;
	text-transform: uppercase;
}
h4 {
	font-size: 10px;
	color: #8f8e8e;
	text-transform: uppercase;
}
p { 
	padding-bottom: 15px; 
}
ul.withmargin {
	margin: 0px 0px 20px 30px;
}
	
/* reusable */
.clear { 
	clear: both; 
	font-size: 1px; 
	line-height: 0px; 
	height: 0px; 
}
.dotted { 
	clear: both; 
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; 
	border-bottom: 1px dotted #e8e6e6;
	margin: 0px 0px 10px 0px;
}
.spacer { 
	clear: both; 
	font-size: 20px; 
	line-height: 20px; 
	height: 20px; 
}
.splitleft {
	float: left;
}
.splitright {
	float: right;
}
ul.articleLinks {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
ul.articleLinks li {
	list-style-type: disc;
}
.boxad {
	width: 250px;
}


/* container */
#container {
	width: 950px;
	margin: 0px auto;
}

/* header */
ul.header  {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	width: 950px;
	height: 80px;
}
ul.header li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
}
.logo {
	padding: 0px 122px 0px 121px;
}


/* nav */
#nav {
	width: 950px;
	border-top: 1px solid #e8e6e6;
	border-bottom: 1px solid #e8e6e6;
	margin: 0px 0px 20px 0px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li {
	margin: 0px;
	padding: 0px 16px 0px 0px;
	list-style-type: none;
	line-height: 40px;
	display: inline;
}
#nav li a {
	text-decoration: none;
	font-weight: bold;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav p {
	float: right;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#nav span {
	color: #CC0000;
}

/* content */
#content {
	width: 950px;
	background: url(images/bg-vline.gif) right top repeat-y;
}


/* main content */
.mainContent {
	width: 589px;
	margin: 0px 10px 0px 0px;
	float: left;
	padding: 0px 9px 0px 0px;
	/*border-right: 1px solid #e8e6e6;*/
	line-height: 20px;
}
.editoryal {
	width: 165px;
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 0px 20px 0px 0px;
	border-right: 1px solid #e8e6e6;
	line-height: 16px;
}
.lathalain {
	width: 165px;
	float: left;
	margin: 0px 26px 20px 0px;
	padding: 0px 20px 0px 0px;
	border-right: 1px solid #e8e6e6;
	line-height: 16px;
}
.palagay {
	width: 160px;
	float: right;
}
.googleAd {
	padding: 10px 0 10px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	margin: 0 0 10px 0;
}


/* side content */
.sideContent {
	width: 340px;
	margin: 0px;
	float: right;
	padding: 0px;
}

fieldset {
	background: #f4f4f4;
	border: 0px;
	padding: 20px;
}
input.searchField {
	float: left;
	width: 206px;
	height: 20px;
	border: 1px solid #e3e3e3;
	padding: 4px 0px 0px 4px;
}
input.btnSearch {
	float: right;
}

.rightBox {
	width: 340px;
	background: url(images/bg-right.gif) repeat-y center top;
}
.rightBox li {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
}
.articles {
	width: 160px;
	float: left;
	line-height: 16px;
}
.google {
	width: 160px;
	float: right;
}


/* footer */
#footer {
	width: 910px;
	color: #898989;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 20px 0px;
	border-top: 1px solid #e8e6e6;
	border-bottom: 1px solid #e8e6e6;
	background: url(images/bg-footer.gif);
}
#footer ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
#footer li {
	margin: 0px;
	padding: 0px 7px 0px 0px;
	list-style-type: none;
	line-height: 40px;
	display: inline;
}
#footer a {
	color: #898989;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	float: right;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}


/* banners */
ul.banners {
	width: 950px;
	text-align: center;
}
ul.banners li {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
	margin: 0px 5px 0px 5px;
	display: inline;
}