/*
Theme Name: Tagbilaran City
Theme URI: http://www.tagbilaran.gov.ph
Description: Exclusive Wordpress theme for City Government of Tagbilaran.
Version: 1.0
Author: Luis Reginaldo Medilo a.k.a. Loy
Author URI: http://www.loymeetsworld.com

LAST UPDATED: April 17, 2010 3:24 PM
*/


/* BODY */

body {
   background: #CCCCCC;
   color: #000000;
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: Verdana, Tahoma, Sans-serif;
   line-height: 1.5em;
   margin: 0;
   padding: 0;
   text-align: center;
   }
#container {
   background: #FFFFFF;
   margin: 10px auto;
   padding: 10px;
   text-align: left;
   width: 950px;
   }
p {
   margin: 10px 0;
   }
.clear {
   clear: both;
   }


/* LINKS */

a {
   color: #003869;
   text-decoration: none;
   }
a:hover {
   color: #006EA5;
   text-decoration: underline;
   }
a:visited {
   color: #334D84;
   }

/* IMAGES */

/* Use this if the image is at the top of the <p>. */

p img.top {
   margin-top: 0;
   }

img.aligncenter {
   border: 1px solid #CCCCCC;
   display: block;
   margin: 0 auto 15px auto;
   padding: 5px;
   }
img.alignright {
   border: 1px solid #CCCCCC;
   display: inline;
   float: right;
   margin: 0 0 10px 10px;
   padding: 5px;
   }
img.alignleft {
   border: 1px solid #CCCCCC;
   display: inline;
   float: left;
   margin: 0 10px 10px 0;
   padding: 5px;
   }
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   -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: 0.9em;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* HEADER */

#header {
   background: #000000 url('images/top.jpg') no-repeat left top;
   height: 200px;
   margin: 0px;
   width: 950px;
   }
#header h1 {
   font-size: 0;
   margin: 0;
   padding: 10px 0 0 15px;
   text-indent: -10000px;
   }
#header .description {
   font-size: 0;
   padding-left: 15px;
   text-indent: -10000px;
   }


/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   }
h2 {
   font-size: 1.2em;
   line-height: 1;
   margin: 10px 0 10px 0;
   }
h3 {
   font-size: 1.4em;
   line-height: 1;
   margin: 0;
   }
h4 {
   font-size: 1.4em;
   line-height: 1.25;
   }
h5, h6 {
   font-size: 1em;
   font-weight: bold;
   }
h2.pagetitle {
   background: url('images/bg-heading.png') repeat-x top;
   font-family: Verdana;
   font-size: 1em;
   height: 14px;
   margin: 11px 0 0 0;
   padding: 8px 10px;
   }


/* CONTENT */

#content {
   font-size: 1.1em;
   width: 950px;
}

/* LEFT SIDEBAR */

.leftsidebar {
   float: left;
   width: 230px;
}

.leftsidebar h2 {
   color: #404040;
   margin: 0 0 10px 0;
   padding: 0;
}

.leftsidebar .module {
   background: #F6F6F6 url('images/gradient.jpg') repeat-x top;
   border: 1px solid #DEDEDE;
   margin: 10px 0 0 0;
   padding: 10px;
}

.leftsidebar .newsletter {
   background: #FFFFCE url('images/gradient-yellow.jpg') repeat-x top;
   border: 1px solid #FFE478;
   margin: 10px 0 0 0;
   padding: 10px;
}

.leftsidebar .module form select {
   font-family: Verdana;
   font-size: 1em;
   margin: 0;
   width: 200px;
}

.leftsidebar .icon-newsletter {
   float: left;
   margin: 0 5px 5px 0;
}

.leftsidebar .icon-twitter {
   float: left;
   margin: 0 5px 5px 0;
}


/* RIGHT SIDEBAR */

.rightsidebar {
   float: right;
   width: 230px;
}

.rightsidebar h2 {
   color: #404040;
   margin: 0 0 10px 0;
   padding: 0;
}

.rightsidebar .module {
   background: #F6F6F6 url('images/gradient.jpg') repeat-x top;
   border: 1px solid #DEDEDE;
   margin: 10px 0 0 0;
   padding: 10px;
}

.rightsidebar .module form select {
   font-family: Verdana;
   font-size: 1em;
   margin: 0;
   width: 200px;
}

/* SIDEBAR (FOR POSTS AND PAGES) */

#sidebar {
   float: right;
   width: 300px;
}

#sidebar h2 {
   color: #404040;
   margin: 0 0 10px 0;
   padding: 0;
}

#sidebar ul {
   list-style-type: none;
}

#sidebar ul li {
   background: #F6F6F6 url('images/gradient.jpg') repeat-x top;
   border: 1px solid #DEDEDE;
   margin: 10px 0 0 0;
   padding: 10px;
}

#sidebar ul li ul {
   list-style-type: none;
   padding: 0;
}

#sidebar ul li ul li {
   background: none;
   border: none;
   margin: 0;
   padding: 5px 0;
}

/* MODULE */

.module ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.module ul li {
   clear: both;
   padding: 5px 5px 5px 0;
}

.module ul li img {
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   float: left;
   margin: 0 5px 0 0;
   padding: 5px;
   width: 40px !important;
   height: 40px !important;
}

.module ul li .comment {
   background: url('images/comment.gif') no-repeat left 2px;
   padding-left: 14px;
}

.module ul li .comment a {
   color: #B22222;
}

.module ul li .category {
   background: url('images/folder.gif') no-repeat left 1px;
   margin-right: 10px;
   padding-left: 14px;
}


/* MAINCONTENT */

.maincontent {
   float: left;
   width: 470px;
   margin: 0 0 0 10px;
}

.maincontent-wide {
   float: left;
   width: 640px;
   margin: 0 0 0 10px;
}

.maincontent .welcome {
   background: #F6F6F6 url('images/gradient.jpg') repeat-x top;
   border: 1px solid #DEDEDE;
   margin: 10px 0;
   padding: 10px;
}

.maincontent .welcome h2 {
   color: #404040;
   font-size: 1.4em;
   margin: 0 0 10px 0;
}

.maincontent .welcome .fact {
   background: url('images/fact.png') no-repeat left top;
   float: right;
   margin-left: 10px;
   padding: 10px;
   width: 220px;
   height: 60px;
}


/* NEWS */

.maincontent .news {
   width: 460px;
}

.maincontent .news .entry {
   border-bottom: 1px solid #DEDEDE;
   clear: both;
   min-height: 100px;
   padding: 0 0 10px 0;
}

.maincontent .news .entry a.more {
   color: #8B0000;
   font-weight: bold;
}

.maincontent .news .entry h2 {
   margin-bottom: 5px;
}

.maincontent .news .entry p {
   margin: 0;
}

.maincontent .news .entry img {
   border: 1px solid #DEDEDE;
   float: left;
   margin: 0 10px 10px 0;
   padding: 5px;
}

.maincontent .news .entry .info {
   margin-bottom: 5px;
}

.maincontent .news .entry .info .author {
   background: url('images/person.gif') no-repeat left 2px;
   margin-right: 10px;
   padding-left: 14px;
}

.maincontent .news .entry .info .date {
   background: url('images/clock.gif') no-repeat left 2px;
   margin-right: 10px;
   padding-left: 14px;
}

.maincontent .news .entry .info .comments {
   background: url('images/comment.gif') no-repeat left 2px;
   margin-right: 10px;
   padding-left: 14px;
}

.maincontent .news .entry .info .comments a {
   color: #B22222;
}

.maincontent .news .entry .info .category {
   background: url('images/folder.gif') no-repeat left 1px;
   margin-right: 10px;
   padding-left: 14px;
}

.maincontent .news .options {
   height: 50px;
   margin: 10px 0;
   }

.maincontent .news .options a {
   color: #FFFFFF;
}

.maincontent .news .options .archives {
   background: url('images/button-archives.png') no-repeat;
   color: #FFFFFF;
   float: left;
   font-family: Arial;
   font-size: 1.4em;
   font-weight: bold;
   height: 30px;
   padding: 12px 0 0 45px;
   width: 115px;
}

.maincontent .news .options .subscribe {
   background: url('images/button-subscribe.png') no-repeat;
   color: #FFFFFF;
   float: left;
   font-family: Arial;
   font-size: 1.4em;
   font-weight: bold;
   height: 30px;
   padding: 12px 0 0 45px;
   width: 115px;
}


/* POST */

.post {
   font-size: 1.1em;
   line-height: 1.6em;
   margin: 10px 0 30px;
   }
.post a:visited {
   color: #3B5998;
   }
.post h2 {
   font-size: 1.6em;
   font-weight: normal;
   }
.postmetadata {
   background-color: #F4F4EB;
   border: 1px solid #EAEADE;
   padding:8px;
   }
.postinfo {
   border-top: 1px solid #EAEAEA;
   border-bottom: 1px solid #EAEAEA;
   font-size: 0.9em;
   line-height: 1.6em;
   padding: 5px 0;
   }
.postinfo .posted {
   background: url('images/posted.png') no-repeat left 3px;
   padding: 2px 0 0 14px;
   }
.postinfo .category {
   background: url('images/category.png') no-repeat left 3px;
   padding: 2px 0 0 14px;
   }
.postinfo .tags {
   background: url('images/tag.png') no-repeat left 3px;
   padding: 2px 0 0 14px;
   }
.postinfo .comments {
   background: url('images/comment.png') no-repeat left 3px;
   padding: 2px 0 0 14px;
   }
.postinfo .date {
   background: url('images/date.png') no-repeat left 3px;
   padding: 2px 0 0 14px;
   }



/* CATEGORIES */

#categories {
   background: url('images/bg-categories.png') repeat-x top;
   clear: both;
   color: #FFFFFF;
}

#categories ul {
   list-style-type: none;
   overflow: hidden;
   margin: 20px 0 0 0;
   padding: 10px 20px;
}

#categories ul li {
   background: url('images/star.gif') no-repeat left center;
   float: left;
   font-size: 1.1em;
   line-height: 1.5em;
   margin: 0 2px 5px 0;
   padding-left: 15px;
   width: 165px;
}

#categories ul li a {
   color: #FFFFFF;
}


/* footer */

#footer {
   background: #000000;
   clear: both;
   color: #FFFFFF;
   font-size: 1.1em;
   padding: 0px;
   margin: 0;
   width: 950px;
   }
#footer a {
   color: #C0C0C0;
   }
#footer p {
   margin: 0;
   padding: 10px;
   text-align: center;
   }


/* LISTS */

.post ul {
   margin: 15px 10px 10px 20px;
   }
.post .related ul {
   margin-left: 20px;
   padding: 0;
   }
.post .related ul li {
   background: url("images/document.gif") no-repeat left 4px;
   list-style-type: none;
   margin: 0;
   padding-left: 15px;
   }
.post ol {
   list-style-type: decimal;
   }
.post ol li {
   margin: 0;
   padding: 0;
   }
.postmetadata ul, .postmetadata li {
   display: inline;
   list-style-type: none;
   list-style-image: none;
   }
ul.links {
   list-style-type: none;
   margin: 20px;
   padding: 0;
   }
ul.links li ul {
   list-style-type: none;
   margin: 20px;
   padding: 0;
   }
ul.links li ul li {
   background: url("images/document.gif") no-repeat left 2px;
   margin: 0;
   padding-left: 15px;
   }


/* FORM ELEMENTS */

#searchform {
   margin: 10px 0 0 0;
   }

#searchform input#s {
   border: 1px solid #AAAAAA;
   font-family: Verdana, Serif;
   font-size:1em;
   margin: 0;
   padding: 4px;
   width: 150px;
   }
#searchform .button {
   height: 23px;
   cursor: pointer;
   font-size: 1em;
   vertical-align: bottom;
   }
#newsletter {
   margin: 10px 0 0 0;
   }
#newsletter input {
   border: 1px solid #CCCCCC;
   font-family: Verdana, Serif;
   font-size:1em;
   margin: 0;
   padding: 4px;
   width: 140px;
   }
#newsletter .button {
   width: 40px;
   height: 23px;
   background: #1E90FF;
   border: 0;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 1em;
   vertical-align: bottom;
   }
.entry form {
   text-align:center;
   }
#commentform {
   margin: 20px 0 0 0;
   }
#commentform input, #commentform textarea {
   font-size: 1em;
   }
#commentform input {
   border: 1px solid #999999;
   font-family: Verdana;
   font-size: 1em;
   margin: 4px 5px 2px 0;
   padding: 3px;
   width: 200px;
   }
#commentform textarea {
   border: 1px solid #999999;
   font-family: Verdana;
   font-size: 1em;
   overflow: auto;
   padding: 3px;
   width: 98%;
   }
#commentform #submit {
   background: url('images/submit-button.png') no-repeat left top;
   width: 120px;
   height: 23px;
   border: 0;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 1em;
   vertical-align: bottom;
   }


/* COMMENTS */

h3#comments {
   background: url('images/comments.png') no-repeat left top;
   min-height: 50px;
   padding: 0 0 0 52px;
   font-size: 1.5em;
   }
h3#respond {
   background: url('images/pencil.png') no-repeat left top;
   min-height: 50px;
   padding: 0 0 0 52px;
   font-size: 1.5em;
   }
.authorcomment {
   background: #F5F5F5 !important;
   border: 1px solid #E8E8E8 !important;
   margin: 0;
   padding: 10px;
   }
.commentlist {
   margin: 0 0 20px 0;
   padding: 0;
   }
.commentlist li {
   background: #EFEFEF;
   font-size: 1em;
   font-weight: bold;
   list-style: none;
   min-height: 90px;
   margin: 20px 0 0 0;
   padding: 10px;
   }
.commentlist li .user {
   background: url('images/person.gif') no-repeat left 2px;
   border-right: 1px solid #FFFFFF;
   margin-right: 5px;
   padding: 0 10px 0 14px;
   }
.commentlist li .date {
   background: url('images/clock.gif') no-repeat left 2px;
   padding-left: 14px;
   }
.commentlist li.alt {
   }
.commentlist p {
   font-weight: normal;
   line-height: 1.4em;
   text-transform: none;
   }
.pingslist {
   background-color: #F4F4EB;
   border: 1px solid #EAEADE;
   margin: 15px 0 30px 0;
   padding: 10px;
   }
.pingslist li {
   list-style: none;
   margin: 0;
   padding: 5px 0;
   }
.pingslist li span {
   font-size: 0.9em;
   }
#commentform p {
   margin: 5px 0;
   }
.nocomments {
   color: #4682B4;
   margin: 0;
   padding: 0;
   text-align: center;
   }
.commentmetadata {
   display: block;
   font-weight: normal;
   }
.commentcount {
   color: #E0E0D0;
   font-size: 2.2em;
   float: right;
   }
.authorcomment .commentcount {
   color: #E0E0D0;
   }
.commentlist cite, .commentlist cite a {
   font-style: normal;
   font-weight: bold;
   }
.avatar {
   background: #FFFFFF;
   border: 1px solid #CCCCCC;
   float: left;
   margin: 10px 10px 0 0;
   padding: 5px;
   }

/* VARIOUS TAGS AND CLASSES */

small {
   font-size: 0.9em;
   line-height: 1.5em;
   }
strike {
   color: #4682B4;
   }
code {
   font: 1.1em 'Courier New', Courier, Fixed;
   }
acronym, abbr, span.caps {
   font-size: 0.9em;
   cursor: help;
   }
acronym, abbr {
   border-bottom: 1px dotted #CCCCCC;
   }
address {
   font-style: italic;
   margin-top: 1.5em;
   }
strong  {
   font-weight: bold;
   }
em,dfn {
   font-style: italic;
   }
dfn {
   font-weight: bold;
   }
pre,code {
   margin: 1.5em 0;
   }
pre,code,tt {
   font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
   line-height: 1.5;
   }
tt {
   display: block;
   line-height: 1.5;
   margin: 1.5em 0;
   }
blockquote {
   border-left: 5px solid #D3D3D3;
   color: #555555;
   margin: 15px 30px 0 10px;
   padding-left: 20px;
   }
blockquote cite {
   display: block;
   margin: 5px 0 0;
   }
.center {
   text-align: center;
   }
hr {
   display: none;
   }
a img {
   border: none;
   }
.navigation {
   clear: both;
   font-size: 1em;
   }
.entrynavigation {
   clear: both;
   font-size: 0.9em;
   padding: 0 0 5px 0;
   }
.alignleft {
   float: left;
   }
.alignright {
   float: right;
   }
.highlight {
   background-color: #FFFFCC;
   }
#spacer {
   clear: both;
   height: 30px;
}

/* MENU */

#menu {
   background: #000000 url('images/bg-menubar.png') repeat-x center;
   width: 950px;
   height: 27px;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px;
   }

#menubar {
   margin: 0px;
   padding: 0px;
   }

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

#menubar li {
   border-right: 1px solid #888888;
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

#menubar li a, #menubar li a:link, #menubar li a:visited {
   color: #FFFFFF;
   display: block;
   font-size: 11px;
   font-weight: bold;
   margin: 0px;
   padding: 6px 18px 6px 18px;
   }

#menubar li a:hover, #menubar li a:active {
   background: #D72A18 url('images/bg-menubarhover.png') repeat-x center;
   color: #FFFFFF;
   display: block;
   text-decoration: none;
   margin: 0px;
   padding: 6px 18px 6px 18px;
   }

#menubar li a.on {
   background: #D72A18 url('images/bg-menubarhover.png') repeat-x center;
   }

#menubar li li a, #menubar li li a:link, #menubar li li a:visited {
   background: #000000;
   width: 140px;
   float: none;
   margin: 0px;
   padding: 6px 18px 6px 18px;
   border-bottom: 1px solid #888888;
   border-left: 1px solid #888888;
   border-right: 1px solid #888888;
   }

#menubar li li a:hover, #menubar li li a:active {
   background: #D72A18;
   margin: 0px;
   padding: 6px 18px 6px 18px;
   }

#menubar li {
   float: left;
   padding: 0px;
   }

#menubar li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 160px;
   margin: 0px;
   padding: 0px;
   }

#menubar li li {
   }

#menubar li ul a {
   width: 140px;
   }

#menubar li ul a:hover, #menubar li ul a:active {
   }

#menubar li ul ul {
   margin: -30px 0 0 178px;
   }

#menubar li:hover ul ul, #menubar li:hover ul ul ul, #menubar li.sfhover ul ul, #menubar li.sfhover ul ul ul {
   left: -999em;
   }

#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul {
   left: auto;
   }

#menubar li:hover, #menubar li.sfhover {
   position: static;
   }
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
   top: auto;
   left: auto;
}

/* TABBER */

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {

}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 8px 0;
 border-bottom: 1px solid #E6E6E6;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 6px 10px;
 margin-right: 5px;
 border: 1px solid #E6E6E6;
 border-bottom: none;
 background: #FFFFFF;
 font-family: Arial;
 font-size: 1.4em;
 font-weight: bold;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #606060; }
ul.tabbernav li a:visited { color: #606060; }

ul.tabbernav li a:hover
{
 color: #606060;
 background: #FCFCFC;
}

ul.tabbernav li.tabberactive a
{
 background-color: #F1F1F2;
 border-bottom: 1px solid #F1F1F2;
}

ul.tabbernav li.tabberactive a:hover
{

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
   background: #F6F6F6 url('images/gradient.jpg') repeat-x top;
   border: 1px solid #DEDEDE;
 border-top:0;
}

.tabberlive .tabbertab ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.tabberlive .tabbertab ul li {
   border-bottom: 1px solid #E6E6E6;
   min-height: 55px;
   padding: 5px 5px 5px 0;
}

.tabberlive .tabbertab ul li img {
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   float: left;
   margin: 3px 5px 0 0;
   padding: 5px;
   width: 40px !important;
   height: 40px !important;
}

.tabberlive .tabbertab ul li .comment {
   background: url('images/comment.gif') no-repeat left 2px;
   padding-left: 14px;
}

.tabberlive .tabbertab ul li .comment a {
   color: #B22222;
}

.tabberlive .tabbertab ul li .category {
   background: url('images/folder.gif') no-repeat left 1px;
   margin-right: 10px;
   padding-left: 14px;
}



/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}



/* Tabber */

#tabber {
   background-color: #EFEFEF;
   border: 1px solid #CCCCCC;
   font-size: 0.9em;
   line-height: 1.6em;
   margin: 0 0 25px 0;
   padding: 10px;
}
#tabber #about-post {
   padding: 3px 0 5px 0;
}
#tabber #about-author {
   padding: 3px 0 5px 0;
}
#tabber #tabs {
   margin: 3px 0 10px 0;
}
#tabber a.highlighted {
   background: #000000;
   color: #FFFFFF;
   margin-right: 5px;
   padding: 5px;
   text-decoration: none;
   }
#tabber a.highlighted_down {
   background: #8B0000;
   color: #FFFFFF;
   margin-right: 5px;
   padding: 5px;
   text-decoration: none;
   }
#tabber a.highlighted:hover  {
   background: #8B0000;
   color: #FFFFFF;
   }
#tabber a.highlighted:visited {color: #FFFFFF; }

/* GALLERY */

.gallery {
   margin-top: 10px;
}