/*
Theme Name: JDV3
Theme URI: http://wordpress.org/
Description: Custom for JDV's site
Version: 1.0
Author: balatstar
Author URI: http://balatstar.net
Tags: custom

*/



@import "css/reset.css";

/* CSS Document */

body {
margin: 0px;
margin-top: 20px;
background-image: url(images/bg-img.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #7FBD43;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
behavior:url(csshover3.htc);
}

p{
margin-bottom: 10px;
}

img {
border: 0px;
}

a {
color: #333333;
}

.alignright {
float: right;
}

.clear {
clear: both;
margin: 0px;
padding: 0px;
}

.container {
margin:0 auto;
padding: 5px;
background-color: #E2E2E2;
width:975px;
}

/*HEADER
============== */

.header {
margin: 0px;
padding: 0px;
width: 975px;
}

/*HEADER TOP
============== */

.headerTop {
margin: 0px;
padding: 0px;
width: 975px;
height: 35px;
background-color: #5E676E;
background-image: url(images/headertop-bg.jpg);
}

.headerTopLeft {
margin: 0px;
padding: 0px;
width: 715px;
height: 35px;
float: left;
}

.news {
margin: 0px;
margin-left: 10px;
padding: 0px;
width: 490px;
line-height: 30px;
font-weight: bold;
font-size: 12px;
color: #ACDE5B;
float: left;
}

.news a{
font-weight: normal;
font-size: 11px;
color: #FFFFFF;
}

.date {
margin: 0px;
margin-left: 10px;
padding: 0px;
width: 200px;
line-height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
float: right;
}

.headerTopRight {
margin: 0px;
padding: 0px;
width: 260px;
height: 35px;
float: left;
line-height: 32px;
}

.headerTopRight a{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.login, .rss {
margin: 0px;
padding: 0px;
height: 35px;
background-repeat: no-repeat;
float: left;
}

.login {
background-image: url(images/headertop-login.gif);
padding-left: 20px;
width: 81px;
}

.rss {
background-image: url(images/headertop-rss.gif);
padding-left: 10px;
width: 130px;
}

.rss img{
vertical-align: middle;
}

/*HEADER MID AREA
============== */

.headerMid {
margin: 0px;
padding: 0px;
width: 975px;
height: 301px;
}

.flashnav {
margin: 0px;
padding: 0px;
width: 715px;
height: 301px;
float: left;
}

.flash {
margin: 0px;
padding: 0px;
width: 715px;
height: 250px;
}

.nav {
margin: 0 auto;
padding: 0px;
height: 51px;
width: 715px;
background-image: url(images/nav-bg.gif);
}

.nav ul {
list-style: none;
width: 715px;
margin: 0px;
padding: 0px;
height: 51px;
}

.nav ul li {
margin: 0px;
padding: 15px 20px 0px 20px;
min-width: 50px;
max-width: 90px; 
height: 36px;
float: left;
display: inline;
background-image: url(images/nav-div.gif);
background-repeat: no-repeat;
}

.nav a{
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
height: 51px;
}

.nav ul li:hover {
background-image: url(images/nav-bg-over.gif);
}



.helpjoey {
margin: 0px;
padding: 0px;
width: 260px;
height: 301px;
float: left;
}

/*MAIN
============== */

.main {
margin: 0px;
padding: 0px;
width: 975px;
background-color: #FFFFFF;
}

/*CONTENT
============== */
.content {
margin: 0px;
padding: 30px 40px 30px 40px;
width: 635px;
min-height: 300px;
float: left;
background-color: #FFFFFF;
}

.content p{
margin-top: 20px;
}

.headline {
margin: 0px;
margin-top: 30px;
padding: 0px;
width: 635px;
}

.readmore{
padding-top: 10px;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
color: #333333;
font-size: 11px;
text-decoration: none;
}

.postdate {
margin: 0px;
padding: 0px;
width: 49px;
float: left;
}

.postdate p{
margin: 0px;
padding: 0px;
}

.postdateDay{
margin: 0px;
padding: 0px;
width: 49px;
height: 32px;
background-image: url(images/date-day.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
color:#333333;
text-align: center;
line-height: 32px;
}

.postdateMonth{
margin: 0px;
padding: 0px;
width: 49px;
height: 17px;
overflow: hidden;
background-image: url(images/date-month.gif);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color:#E2E2E2;
text-align: center;
text-transform: uppercase;
line-height: 13px;
}

.headline h1 {
padding-left: 10px;
width: 550px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 25px;
float: left;
}

.headline h1 a{
color: #333333;
text-decoration: none;
}

.featured {
margin: 0px;
padding: 0px;
width: 635px;
}

.featured-item{
margin: 0px;
padding: 0px;
margin-top: 30px;
padding-right: 115px;
width: 200px;
float: left;
background-image: url(images/features.gif);
background-repeat: no-repeat;
}

.featured-item h1 {
padding-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
color: #333333;
}

.featured-item h1 a{
color: #333333;
text-decoration: none;
}


.newsfeed {
margin: 0px;
padding: 0px;
padding-top: 30px;
width: 635px;
}

.newsfeed-items {
padding-left: 10px;
width: 550px;
float: left;
}

.newsfeed h2 {
margin-top: 10px;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #333333;
border-bottom: 1px dotted #333333;
}

.newsfeed h2 a{
text-decoration:none;
}


/*PAGEHEAD
============== */

.pagehead {
margin: 0px;
padding: 0px;
width: 600px;
height: 30px;
background-image: url(images/page-h1-bg.gif);
background-repeat: repeat-x;
}

.pagehead h1{
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
}


/*SIDEBAR
============== */

.sidebar2 {
margin: 0px;
padding: 0px;
width: 200px;


}

.sidebar {
margin: 0px;
padding: 0px;
width: 260px;
float: left;
background-color: #C4C4C4;

}

.highlight, .stories {
margin: 0px;
padding: 0px;
width: 260px;
}

.highlight {
background-color: #444444;
color: #FFFFFF;
}

.highlight h1, .stories h1{
margin: 0px;
padding: 0px;
padding-top: 15px;
width: 260px;
height: 30px;
font-size: 14px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}

.highlight h1{
background-image: url(images/sidebar-highlight.gif);
}

.highlight-content {
padding: 20px;
padding-top: 5px;
width: 220px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.highlight-content a{
color: #FFFFFF;
text-decoration: none;
}

.highlight-content img {
width: 220px;
padding: 0px;
padding-bottom: 10px;
}

.highlight-content ul{
width: 210px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #E2E2E2;
}

.highlight-content li {
padding: 10px 75px 10px 0px;
background-image: url(images/event-schedule-bg.jpg);
background-repeat: no-repeat;
}

.highlight-content li a {
width: 130px;
color: #E2E2E2;
text-decoration:none;
}

.stories {
background-color: #C4C4C4;
}

.stories h1{
background-image: url(images/sidebar-stories.gif);
color: #286D02;
}

.stories ul {
padding: 20px;
width: 210px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #505559;
}

.stories li {
padding: 8px 0px 8px 0px;
}

.stories a {
color: #505559;
}

/*FOOTER
============== */

.footer {
margin: 0px;
padding: 5px;
width: 965px;
background-color: #FFFFFF;
}

.footer-about {
padding: 5px;
height: auto;
width: 935px;
color: #FFFFFF;
background-color: #FFFFFF;
background-repeat: repeat-y;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #666666;
font-weight: bolder;
}

.footer-about h1{
margin: 0px;
padding: 20px 0px 20px 0px;
width: 200px;
height: auto;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
float: left;
}

.footer-about span{
margin: 0px;
padding: 0px;
padding-left: 50px;
padding-top: 5px;
width: 650px;
float: left;
background-color: #FFFFFF;
}

.footer-copyright{
margin: 0 auto;
padding: 5px;
width: 935px;
background-color: #E2E2E2;
text-align: center;
}

.footer-copyright a{
color: #333333;
}

/* Additional css for home.php */
.backoff { font-family: serif;
font-size: 24px; 
font-style: italic;
font-weight: bolder;
color: green; 
}

.textJ { font-family: arial;
font-size: 24px; 
font-weight: bolder;
color: green; 
}


/*COMELEC
============== */
.pcos {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px; 
font-weight: bolder;
color: black;	
}

.pcos a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: black;	

}