/*Theme Name: ACMS
Theme URI: http://www.codescheme.net/2007/06/06/acms-wordpress-theme/
Description: Fixed-width 3-col layout CMS-style Version: 1.5
Author: Codescheme
Author URI: http://www.codescheme.net/
Tags: fixed width, widget ready, 3 columns, white, blue, gray

EDITED FOR DILIMAN PREPARATORY SCHOOL BY VBCABRERA MAY 2010*/

body {     
float: center;     
margin: 0;     
padding:0;       
font-size: 100%;     
color: #333;    
background: transparent;    
background-image: url('http://dilimanprep.edu.ph/wp-content/uploads/2010/04/background-header.jpg');     
background-repeat: repeat-x;     
text-align:center;     
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#wrapper { /* background settings in header.php */     
min-width:auto;      
max-width:auto;      
margin: 0px auto;     
padding: 0px 0 0 0; /* padding for the whole wrapper */     
border-bottom: 0px solid #777; /* space below footer */     
text-align:left;     
background:none;     
background-color:transparent;
}

#wrapper2 {   /* WRAPPER 2 starts below the superheader, background settings in header.php */     
min-width:600px;      
max-width:1020px;   /*  photos may have to be max 1020px width to work properly */     
margin: 0px auto;     
padding: 0;     
border-bottom: 1px solid #777;     
text-align:left;     
background-color:transparent;
}

#header {   /* HEADER located below topmost bar & aligned with top of left sidebar 
            background url settings in header.php */    
margin:-27px 0px 0 6px;    
border-top:0px; 
border-left:0px;
border-right:0px;
border-bottom:0px;   
background:none;    
background-color:transparent;    
height:349px;   
}

#superheader {   /* SUPERHEADER is within the WRAPPER                 
                   and is the topmost bar across the layout,                 
                   background settings in header.php */    
height:122px;    
padding: 17px 0 0 201px;    
background-color:transparent;
}

#subheader {     /* SUBHEADER contains the description,
                   background settings in header.php */    
height:25px;    
border-top:2px transparent;    
background: #12517A;    
margin:7px 0 15px 7px;    
padding:2px 0 5px 0px;
}

#searchform {    
margin:5px 10px 25px 0;    
font-size: 68%;
}

#sidebar {       /* left sidebar; background settings in header.php */    
float:left;    
width: 180px;     
margin: 0;    
padding: 0px 0px;    
overflow:hidden;
}

#content {    
margin: 0;    
padding: 0;    
font-size: 85%;    
overflow:hidden; 
}

#contentwrapper {    /* creates the uneven levels of sidebars  */    
margin: 0 0 0 195px;
}

#centercontent {    
margin:30px 200px 0 0;    
padding:0 12px 20px 12px;
}

#pagecontent {
margin:0;    
padding:0 10px;
}

#news {        /*  refers to the RIGHT SIDEBAR.               
                See comment to vary the content of the right sidebar
                depending on the page, in right_sidebar.php.
                Will need to create new .php files for
                the different sidebars.   */     
float:right;     
width: 200px;     
margin: -10px 0 0 0;  /* TOP distance from SUBHEADER */     
padding: 0px 0px 0 0px;     
overflow:hidden;
}

#footer {   
clear: both;    
font-size: 68%;    
background: #f0f0f0;    
padding: 0px 0 2px 0;    
height: 40px;    
text-align:center;
}

#subscribe {    
font-size:90%;
}

#navigation {    
padding: 0px 15px;
}

#navigation div.fleft {    
float:left;
}

#navigation div.fright {     
float:right;
}

/*  ********** DEFAULT STYLES *********** */
p, h1, h3, h4, h5, h6 {    
margin: 27px 0;    
padding: 0;
}

p,li {    
line-height:20px;
}

h1, h5, h6 {    
font-weight:100;
}

h2, h3, h4 {
}

h1 {	
font-size: 190%;        
color:#12517a;
}

h2 {	
font-size: 160%;        
margin:0 0 0 0;
}

h3 {	
font-size: 140%;
}

h4 {	
font-size: 120%;
}

h5 {	
font-size: 100%;
}

h6 {	
font-size: 70%;
}

table {	
font-size: 100%;
}

table tr {        
vertical-align:top;
}

a {       
color:#1E82C6;       
font-size:110%;       
font-weight:100%;       
text-decoration:none;
}

a:hover {      
color:#244F99;
}

a img {      
border:0px;
}

hr {      
height:6px;      
margin:5px 0;      
border-bottom: 1px solid #ccc;      
border-top: 1px solid #ccc;
}

blockquote {      
padding: 5px 10px;      
margin:3px 15px;      
font-style:italic;
}

blockquote ul {      
padding: 3px 10px;      
margin: 4px;
}

form {     
margin: 0;     
padding:3px;
}

fieldset {    
padding:10px;    
margin:0;    
border:none;
}

legend {    
font-weight:800;
}

/* HEADINGS */ 

#superheader h3 {    
margin: 0;    
padding: 5px 10px 0px 10px;    
color:;
}

#superheader h3 a {    
font-weight:100;
}

#superheader h3 a:hover {    
text-decoration:none;
}

#subheader h1 {    
margin: 0;    
font-family: Verdana, sans-serif;    
padding:5px 0 5px 10px;    
font-weight:bold;    
color: #fff;    
font-size: 100%;
}

#footer a {    
color: #12517a;    
align: center;    
font-weight: 100%;    
border-top:0px solid #12517a;    
text-decoration:underline;
}

/* POST STYLES */
#centercontent a {      
font-weight:800;
}

.post {       
margin: 10px 15px 15px 0px;
}

.post h2, 
#centercontent h2 {       
border-bottom: 1px solid #eee;       
padding: 0 0 0 0px;
}

#centercontent h2 {       
font-size:120%;       
font-weight:100;       
color:#5A88D8;
}

.post h2 a {       
font-weight:120 !important;
}

.post-thumbnail {	
width: 60px;        
height: 60px;	
float: left;	
clear: left;	
margin: 0 10px 23px 0;        
border:none;
}

.postmetadata {       
font-size:78%;       
border-bottom:1px solid #bbb;       
padding: 1px 0 1px 5px;       
text-align:right;       
margin: 0;
}

.postmetadata p {      
margin: 0;
}

.navigation {      
text-align:center;
} 

.aligncenter {      
display: block;      
margin-left: auto;      
margin-right: auto;
}

.alignleft {	
float: left;
}

.alignright {	
float: right;
}

.wp-caption {   
border: 1px solid #ddd;   
text-align: center;   
background-color: #f3f3f3;   
padding-top: 4px;   
margin: 10px;   /* optional rounded corners for browsers that support it    
-moz-border-radius: 3px;   
-khtml-border-radius: 3px;   
-webkit-border-radius: 3px;   
border-radius: 3px;  */
}

.wp-caption img {   
margin: 0;   
padding: 0;   
border: 0 none;
}

.wp-caption p.wp-caption-text {   
font-size: 11px;   
line-height: 17px;   
padding: 0 4px 5px;   
margin: 0;}

/*  COMMENTS   */

h3#comments, h3

#postcomment {	
font-size: 100%;	
font-family:verdana, sans-serif;
}

li p.commentheader {     
margin: 3px 0 10px 0;     
display: block;     
padding: 1px 5px;
}

ul#commentlist {    
padding: 0 0 0 0px;    
list-style-type:none;    
font-size: 90%;    
margin:0;
}

ul#commentlist li {	
border-bottom: 1px solid #ddd;	
padding: 0 20px 5px 5px;	
margin: 0 0 16px 0;
}

ul#commentlist li table {
}

ul#commentlist li table td.author {	
width:55px;	
text-align: center;
}

ul#commentlist li table td.author img {    
border: 2px solid #ccc;
}

ul#commentlist li p.commentauthor {	
padding: 0;	
margin: 0 0 2px 0;	
overflow:hidden;
}

ul#commentlist li p.commentheader {    
margin: 0 0 10px 0;    
padding: 1px 0px;    
font-size: 100%;
}

ul#commentlist li td {    
padding: 2px 8px;
}

ul#commentlist li div.commenttext {    
width:100%;    
padding:0 8px 2px 8px;
}

/*  SIDEBAR STYLES */

.menu { /* the whole sidebar column */      
width:100%;      
padding:5px 0px 20px 0px;      
margin:10px 0 10px 0;      
font-size:100%;
}

.menu a {      
font-weight:100;
}

.menu ul {     
margin:0px 0px 0 0px;     
padding:0 0 0 10px;     
border: 1px #C79A1E solid; /* border around each menu contents section */     
list-style-type:none;     
font-size: .9em;
/*     font-weight: bold;  */     
color:#1E82C6;
}

.menu #pagemenu ul {     
padding: 0px;
border:none;
}

.menu #pagemenu ul li {     
border-bottom:1px !important;
}

.menu ul li {     
border-bottom:1px dotted #ccc;     
padding: 2px 0px 2px 0;      
margin:0;
}

.menu ul li a {     
color:#1E82C6;
}

.menu ul li ul li {     
margin: 3px 0 0 0;     
padding: 0 0 0 10px;
border: none;
}

.menu a:hover {    
color: #000000; 
}

.menu h3 {   /* heading for each menu section */      
font-family:verdana, sans-serif;      
font-size:90%;      
font-weight:bold;      
color:#12517a;       
border:3px solid #1E82C6;      
background: #1E82C6;       
margin:20px 0px 3px 0;      
padding:5px 5px 5px 5px;
}

/* SEARCH BLOCK  */
.not-front #search-block-form {	
margin: 24px 0px 24px 0px;
}

#search-block-form {	
margin: 12px 0px 14px 0px;	
border:solid 1px #c79a1e;	
width: 172px;	height:56px;
}

#edit-search-block-form-1-wrapper {	
width:172px;	
height: 18px;	
font-size:.9em;	
background-color:#c79a1e;	
color:#fff;	
margin-top: -3px;        
margin-left: -3px;	
margin-bottom: 34px;	
padding: 6px 0px 0px 6px;	
border-bottom:solid 1px #b6ba7f;
}

form input.form-submit {    /* SEARCH ENTRY AREA   */	
font-family:Arial, Helvetica, sans-serif;  	
background: #66732e;  	
border-color: #cacaa4;  	
border-style: solid;  	
border-width: 1px;  	
color: #FFF;  	
font-size: .8em;  	
font-weight: bold;  	
padding: 2px 2px;
}

#search-block-form .form-submit { /*  GO BUTTON */	
position: absolute; 	
margin-left: 140px;	
margin-top: -25px;        
background-color:#1E82C6;
}

#edit-search-block-form-1 {	
margin: 13px 0px 0px 0px;	
width: 127px;	
height: 20px;	
border: 1px solid #cacaa4;
}

/* CALENDAR STYLES */

#wp-calendar {     
empty-cells: show;     
margin: 0px auto 0;     
width: 100%;     
align: left;
}

#wp-calendar #next a {
padding-right: 0px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 0px;
text-align: left;
}

#wp-calendar a {
display: block;
font-weight: 800;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: left;
}

#wp-calendar td.pad:hover {
background-color: #fff;
}

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

#footer ul li {
display:inline;
}

#footer a {
text-decoration:none;
}

/* PAGES MENU */

#pagemenu {	
width: 180px;	
margin: 30px 0 20px 0;	
padding: 0 0 0 0;
}

#pagemenu li a {        
color:#fff;	
display: block;	
padding: 2px 0px 6px 10px;        
border-left: 5px solid #c79a1E;        
border-top: 1px solid #12517a;        
border-right: 1px solid #12517a;        
border-bottom: 1px solid #12517a;        
background-color:#1e82c6;    	
height:15px;	
text-decoration: none;        
font-weight:normal;
}

#pagemenu li a:link, #pagemenu li a:visited {	
color: #fff;	
display: block;	
}

#pagemenu li a:hover {	
color: #bbae14;
}

.credits {
color:#777;
font-size:9px;
text-align: right;
padding-right: 20px;
}

/* Top navigation */

#hmenu {
	float:left;
	width:auto;
        margin-top:61px;  /* distance from blog title and search box */
	position:relative;  
}

#hmenu ul { 
	width:auto;
	float:left;
	list-style:none;
	padding:0px 0 0px 0;  
	margin:0;
}

#hmenu ul li {
        display:inline;
	float:left;
	/* width:130px;  */
        height:35px;
        border-left:2px solid #c79a1e;
	margin:0px 0px 0px 0;
        padding:0 0px 0 0px;
}

#hmenu ul li a {
        height:20px;
	background:transparent;
	padding:5px 15px 15px 5px;
	margin:0 0px 0 0;
	color:#12517a;
	text-decoration:none;
	text-transform:normal;
	font-weight:bold;
	font-size:.85em;      
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
	background-color: #12517a;
	color: #ffffff;
}

#hmenu ul li ul {   /* child menu block  */
	display:block;
        height:50px;
        margin-top:15px;
	padding:0px 0 0px 0px;
        border:none;
	position:absolute;
	visibility:hidden;
	z-index:599;
}

#hmenu ul li.hmenu_rss ul {
	right:0;
}

#hmenu ul li:hover ul {
	visibility:visible;
}

#hmenu ul ul li {  /* first child level */
	display:block;
        height:25px;
        float:none;
	width:200px;
        border:none;
}

#hmenu ul ul a {
	margin:0px;
	width:100px;
        padding: 6px 6px 6px 6px;
        background: #b1a428;
        font-size:.7em;
        text-transform:none;
        color: #ffffff;
}

#hmenu ul ul a:hover {
        color: #fff;
}

#hmenu ul li.hmenu_rss a {
	background:#27567a 
	padding:4px 30px 4px 20px;
}