/*  
Theme Name: NWTF Color Splash
Theme URI: http://localhost/wordpress
Description: Official colored layout for NWTF, Inc.
Version: 2.0
Author: MIS Department
Author URI: http://nwtf.ph/

*/


body 
	{background-color: #8d984a;
	 font-family: Trebuchet MS, Arial, Verdana, Tahoma, 'Times New Roman';
	 font-size: 12px !important;
	 color:#3c4a0f;
	 text-align: center; /* for IE */
	 margin: auto;
	 padding: 0;}
	
#wrapper
	{width: 800px;
	 background:url(images/bottom.jpg) bottom #ffffff no-repeat;
	 margin: auto;
	 padding: 0;}
	 
#container
	{padding:0 15px 15px;
	 text-align: center;}
	 
#header
	{background: url(images/nwtfheader.jpg) #ffffff no-repeat;
	 width: 800px;
	 height: 85px;}
	 
#menu
	{background: url(images/menubg.jpg) repeat-x;
	 height: 43px;
	 margin: 0 0 2px 0;}
	 
.menu-links
	{color: #d1e06b;
	 padding-top: 11px;
	 text-align: center;
	 font-size:17px;}
	 
.menu-links a, a:link, a:visited
	{color:#d1e06b;}
	
.menu-links a:hover
	{color:#acd432;}
	
.morelink
	{text-align:right; 
	 padding-top:10px;
	 font-weight:bold;}

.morelink a
	{color:#bfac0e !important;}
	 
.morelink a:hover
	{color:#e9d73f !important;}
	
.search
	{padding-top:9px;}
	
.shortcuts
	{float:left;
	 font:14px 'Trebuchet MS'; 
	 font-weight:bold;}
	 
.shortcuts a
	{color:#668406;}
	
.shortcuts a:hover
	{color:#b6e02f;}
	
input.textbox
	{width:110px;
	 font-size:11px;}
	
input.searchbutton
	{text-transform:capitalize;
	 font-size:11px;}
	 
.intro
	{background:url(images/introbg.jpg) no-repeat;
	 height:163px;
	 margin-top:10px;}
	 
.introtext
	{text-align:justify;
	 padding-top:37px;
	 padding-left:15px;
	 padding-right:15px;}
	
#side
	{float:left;
	 width:239px;
	 padding-right:15px;}
	 
.sidemenu
	{margin-top:8px;
	 margin-bottom:10px;
	 background:url(images/sidebarbg.jpg) #51863f no-repeat;
	 text-align:justify;
	 color:#43543e;}
	 
.sidebar ul
	{list-style-type:none;
	 margin: 0;
	 padding: 0 10px 0 10px;}

.sidebar ul li
	{padding: 10px 0 10px 0;
	 border-top:1px dashed #465b2e;}
	 
.sidebar ul li a
	{color:#ffffff;
	 font:13px Trebuchet MS;
	 font-weight:bold;}
	 
.sidebar ul li a:hover
	{color:#fff601;
	 font:13px Trebuchet MS;
	 font-weight:bold;}

.side-heading 
	{font:19px 'Trebuchet MS';
	 color:#e7ff1e;
	 padding: 10px 10px 0 10px;}

.sidebar ul li
	{padding: 0;
	line-height: 28px;}
	 
.main
	{float:left;
	 margin:0px 0px;
	 width:516px;
	 font-size:13px;}
	 
.news
	{float:left;
	 width:232px;
	 background:url(images/box.jpg) repeat-y;
	 margin-top:10px;
	 text-align:justify;}
	 
.aboutus
	{float:right;
	 width:272px;
	 background:url(images/box2.jpg) repeat-y;
	 margin-top:10px;
	 text-align:justify;}
	 
.aboutustext
	{width:240px;
	 padding:12px 16px;}
	 
.page
	{width:516px;
	 background:url(images/singlepage.jpg) repeat-y;
	 margin-top:10px;
	 text-align:justify;}
	 
.mp3bg
	{width:516px;
	 height:150px;
	 background:url(images/mp3bg.jpg) no-repeat;
	 margin-top:10px;
	 text-align:justify;}

.pagetext
	{width:482px;
	 padding:12px 16px;
	 line-height:21px;}
	 
.newsheader
	{margin-bottom:8px;}
	 
.newstitle
	{font-weight:bold;
	 line-height:10px;}
	
.newstitle a
	{color: #7aaf15 !important;}
	
.newstitle a:hover
	{color:#a0dc2d !important;}
	
.newstitle2
	{font-weight:bold;
	 font-size:18px;
	 line-height:20px;}
	
.newstitle2 a
	{color: #7aaf15 !important;}
	
.newstitle2 a:hover
	{color:#a0dc2d !important;}
	 
.newstext
	{width:200px;
	 padding:12px 16px;}
	
.newstext a
	{color:#ff6000;}
	
.newstext a:hover
	{color:#fff601;}
	
.newsheader
	{padding-bottom:0px;}
	
.morelink
	{font-weight:bold; 
	 color:#bfac0e; 
	 text-align:right; 
	 margin-top:0px;}

.post
	{border-bottom:0px dashed #7c7c7c;}
	
.post-heading
	{font-size:18px; 
	 color:#4f4f4f; 
	 text-align:left;
	 margin-top:10px;}
	
.post-datetime
	{color:#847b7b; 
	 text-align:left;
	 margin-left:15px;}
	
.backtotop
	{text-align:right;
	 font-size:11px;
	 margin-top:5px;}
	 
.backtotop a
	{color:#ff6000 !important;}
	
.backtotop a:hover
	{color:#fff601 !important;}
	
.date
	{font:bold 12px Verdana;
	 color:#9d0008;
	 text-align:right;}
	 
.temp
	{font:11px Verdana;
	 text-align:right;
	 margin-bottom:10px;
	 color:#4d4d4d;}
	 
.main p
	{text-align:justify;}
	
.main a
	{color:#ff6000;}
	
.main a:hover
	{color:#fff601;}
	
.main img
	{border:5px solid #ffffff;}
	
.main-img-bg
	{background-color:#dedede;
	 padding:10px 0px;}

#footer
	{text-align: center;
	 height: 51px;
	 color: #4b9509;
	 clear:both;
	 padding-bottom:30px;}
	 
#footer a
	{color: #3c4a0f;}
	
#footer a:hover
	{color: #f79d00;}
	 
.footer-content
	{padding-top: 30px;}
	 
/* COMMON CSS */

a, a:link, a:visited, a:active, a:hover
	{text-decoration: none !important;}
	
a img
	{border: 0;}

.font11
	{font-size: 11px;}
	
.footer-color
	{color: #4b9509;}
	
.orange
	{color: #ff6000;}
	
.green
	{color: #7aaf15;}
	
	
/* WP TAGS CSS */

.aligncenter,
div.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;
}

/* End wp-tags */


/* HORIZONTAL MENU BAR */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu
	{margin-left:5px;
	 background:url(images/menubg.png) no-repeat top left;
	 height:240px;}

.suckertreemenu ul{
margin: 0;
padding: 0 0 0 5px;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
text-align:center;
background-color: none; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 88px; /*Width of top level menu link items*/
padding: 1px 8px;
border-left:0;
border-left-width: 0;
text-decoration: none;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
text-align:left;
visibility: hidden;
font-size:14px;
font-weight:bold;
font-family:'Trebuchet MS';
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
text-align:left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
text-decoration: none;
text-align:left;
padding: 1px 5px;
border-bottom: 1px solid #0c5b0c;
background-color:#247024;
}

.suckertreemenu ul li a:hover{
background-color: #247024;
color:#f0ff00;
}

.suckertreemenu ul li ul li a:hover{
background-color:#369926;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* COMMENTS CSS */
.comments-template{
	margin: 10px 0 0;
	border-top: 1px dashed #e6f2b0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #e6f2b0;
}

.comments-template h2, .comments-template h3{
	font-family: Trebuchet MS, Georgia, Sans-serif;
	font-size: 14px;
	color: #7aaf15;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input, textarea{
	font-family: Trebuchet MS, Arial, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
}