/*
Theme Name: Kaya Natin Theme
Description: Theme for the Kaya Natin! website.
Author: Mae Paulino
Author URI: http://tech-hive.com
*/

body, html { margin:0; padding:0; font-size:small; font-family: Verdana, Arial, Helvetica, sans-serif; }
a img { border:0 none; }
q:after, q:before { content: "" }
code, samp, kbd, pre, tt { font-size: 115%; }
pre code, code pre { font-size:100%; }
acronym, abbr { border-bottom: 1px dotted #000; cursor: help; }
dfn { font-style: italic; }
dl dt { font-weight: bold; }
dl dd { margin-left: 0; margin-bottom:.8em; }
ul li, ol li { margin-bottom: .3em; }
th, caption { text-align: center; }
legend { font-size: 140%; color:#EEE; }
fieldset { border:0 none; padding:10px 0px; }
h1, h2, h3, h4 { font-weight:normal; }
blockquote { margin:30px auto; padding:10px 25px; }

.clear { clear: both; }
.right { text-align: right; }
.left { text-align: left; }
.alignright { float:right; margin-left: .8em; margin-bottom: .8em; }
.alignleft { float:left; margin-right: .8em; margin-bottom:.8em; }
.center { text-align: center; }
.last, .last a { border:0 none!important; }
.strong, label { font-weight:bold; }
.italic { font-style: italic; }
.navigation { overflow:hidden; }

html { background:#FFF url('images/bg_html.gif') top center repeat-x; }
body { background:url('images/bg.jpg') top center no-repeat; font-family:Georgia, "Times New Roman", serif; }
a { color:#06c; text-decoration:none; }
a:visited { color:#39c; }
a:hover { color:#000; text-decoration:underline; }

.read-more { font-size:92%; }

#page { width:960px; margin:0 auto; }

#page, #header, #body, #content, #sidebar, #footer, .text, .about_org, .authors, .gallery, .single_column ul, .commentauthor { overflow:hidden; position:relative; height:1%; }

#header { height:350px; }
  #header .header, #header h1 a { display:block; width:256px; padding-top:252px; height:0; overflow:hidden; }
  #header ul, #header ul li { overflow:hidden; list-style:none; padding:0; margin:0; }
    #header ul { position:absolute; right:10px; bottom:65px; font-family:Arial, Verdana, Helvetica, sans-serif; }
    #header ul li { float:left; margin-right:5px; }
    #header ul li a:hover { }
    #header ul li a { display:block; background:url('images/nav_bg.png') bottom repeat-x; padding-bottom:8px; color:#FFF; text-decoration:none; }
    #header ul li a span { display:block; background:#3399ff; text-transform:uppercase; padding:5px 15px; color:#FFF; text-decoration:none; }
    #header ul li a:hover { background:url('images/nav_hover.png') bottom repeat-x; }
    #header ul li a:hover span { background-color:#FFF; color:#b34040; }
    #header ul li.active a { background:url('images/nav_active.png') bottom repeat-x; }
    #header ul li.active a span { background-color:#FF3; color:#000; }
		
	#header form, #header p.login { position:absolute; top:12px; right:5px; width:68%; *width:75%!important; font-family:Arial, Verdana, Helvetica, sans-serif; }
	#header p.login { text-align:right; }
	#header form p { margin:15px 10px 0 0; float:left; }
	#header form label { display:block; font-weight:bold; margin-bottom:5px; float:left; margin-right:10px; }
	#header form label input { border:0 none; width:150px; background:#f0f7ff; border:1px solid #9CF; }
	#header form input#submit { clear:both; margin-top:15px; *float:left!important; *clear:none!important; }
	#header form div { float:left; width:400px; *width:430px!important; }
	#header form div.remember { margin-top:15px; width:auto!important; }
	#header form div.remember input { display:inline; float:left; margin:0 3px 0 5px; }

#body { border-width: 0 10px; border-style:solid; border-color:#FFF; background:#f0f7ff; overflow:visible!important; }

#footer { font-size:85%; background:#FFF url('images/bg_footer.gif') top left no-repeat; padding:55px 30px 50px;  }
  #footer p { margin:0; }
  #footer ul, #footer ul li { list-style:none; margin:0; padding:0; }
  #footer ul li { display:inline; border-right:1px solid #333; padding-right:5px; }
  
#content { overflow:visible; padding:0 10px; margin-top:-65px; }
#content, .about_org { float:left; width:700px; }
#forum #content { float:left; width:680px; }
#sidebar, .discussion, .about, .authors .bucket, .about { float:right; width:220px; }
.single_column { width:100%!important; padding: 0!important; }

.text { width:99.9%; margin-bottom:10px; line-height:150%; }
  .text .content { padding:0 10px; }
.discussion, .breaking_news { float:left!important; }
.about_org { float:right!important; }
.breaking_news { width:460px; }
  .breaking_news .content { padding-left:0; }
  .breaking_news .alignleft { width:100px; }
  .breaking_news img { border:3px solid #FF9; }
  .breaking_news .small { font-size:85%; margin-top:8px; }
  .breaking_news ul { margin-left:90px!important; line-height:150%; }
  .breaking_news ul li { line-height:190% !important; }
  .breaking_news ul li span, .discussion ul li span { font-size:85%; color:#777; font-family:Arial, Verdana, Helvetica, sans-serif; }
  .discussion ul li { margin-bottom:5px!important; }
  .discussion ul li span { display:block; }
  
.text h2 { background:url('images/bg_sidebar_header.gif') top left no-repeat; color:#000; font-size:123.1%; font-weight:normal; padding:7px 10px 18px; font-family:Georgia, "Times New Roman", serif; }
.breaking_news h2 { background:url('images/bg_breaking_news.gif') top left no-repeat; }

.authors .bucket { float:left; margin-left:20px; margin-bottom:20px; }
.authors .first { margin:0 0 20px; }
  .authors h2 { background:url('images/bg_header_author.gif') top left no-repeat; font-size:123.1%; color:#FFF; padding:7px 10px; letter-spacing:1px; overflow:hidden; height:1%; }
  .authors h2 img { float:left; margin:-5px 5px 0 0; border:3px solid #FF6; }
  .authors .bucket li { font-size:92%; margin-bottom:7px; }
  .authors .bucket li a { display:block; padding-left:15px; }

.single_column ul, .single_column ul li { list-style:none; margin:0; padding:0; }
.single_column ul, .single_column ul li { list-style:none; margin:0; padding:0; }

.gallery { background:#9CF; border-width:10px 0; border-style:solid; border-color:#FFC; padding:10px; }
  .gallery ul { float:left!important; margin-right:10px; width:755px; height:125px; }
  .gallery ul .ngg-galleryoverview { margin-top:0!important; }
  .gallery li { float:left; margin-right:10px!important; }
  .gallery a img { width:105px!important; height:105px!important; }
  .gallery li a:hover img { border:3px solid #FF5; }
  .gallery p.read-more a { font-size:167%; color:#663; padding-top:6px; display:block; }
  .gallery p.read-more a:hover { color:#000; }

h2.pagetitle, .bbcrumb, h2.post-form { color:#39F; font-family:Arial, Verdana, Helvetica, sans-serif; }
.bbcrumb { color:#666; font-size:100%; font-weight:bold; }
h2.pagetitle, h2.post-form { font-size:200%; }
  
table { width:100%; }
table, table th, table td, table tr { border-collapse:collapse; }
table th, table td { border-bottom:1px solid #9CF; border-collapse:collapse; text-align:center; padding:5px; }
table th.title, table td.title { text-align:left; }
#latest th, #latest td, #favorites th, #favorites td { width:25%; }
#forumlist th, #forumlist td {width:25%}
#forumlist th.title, #forumlist td.title {width:50%}

form table th, form table td { border:0 none; text-align:left; }
#content form table { width:80%; margin:0 auto; }
form table th { width:30%; }
form table input { width:100%; }
form table input#submit, form input#remember { width:auto!important; }
.required sup, .error, p sup { color:#F00; }
div.submit { padding-left:240px; }

#manage-tags, #manage-tags li { list-style:none; margin:0; padding:0; }
	#manage-tags li { margin-bottom:10px; }
	
.post_form fieldset { padding:0; }

#forum #sidebar { margin-top:-50px; }
	#forum #sidebar ul, #forum #sidebar ul li { list-style:none; margin:0; padding:0; overflow:hidden; line-height:150%; }

ol#thread, ol#thread li { list-style:none; margin:0; padding:0; overflow:hidden; position:relative; }
	ol#thread { border-top:1px solid #9CF; }
	ol#thread li { border-bottom:1px solid #9CF; padding:10px; }
	ol#thread li.alt { background:#EEE; }
	ol#thread li .threadauthor p { margin-top:0; }
	
.slideshowlink { display:none; }

.blog .post { margin-bottom:50px; }
.blog .post h2 small { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:65%!important; }

.postmetadata { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#666; margin:40px 0; }
  .postmetadata h3 { font-weight:bold; border-bottom:1px solid #666; padding-bottom:5px; }
  .postmetadata h3 a:hover { text-decoration:none; }
  
ol.commentlist, ol.commentlist li { list-style:none; margin:0; padding:0; overflow:hidden; position:relative; }
  ol.commentlist { margin:50px 0 40px; }
  ol.commentlist li { padding:10px; margin-bottom:10px; }
  ol.commentlist li.alt { background:#EEE; }
  ol.commentlist li cite { font-style:normal; }
  ol.commentlist li small { display:block; font-size:70%; }
  ol.commentlist li .avatar { float:left; margin-right:10px; }
  ol.commentlist li .commentauthor, ol.commentlist li .moderation { color:#666; font-size:135%; font-style:italic; }
  
div.comment h3 { font-size:135%; font-style:italic; }