/*
Theme Name:		Cebu Living Magazine
Theme URI:		http://living.cebunetwork.com
Description:	A theme for news and magazine websites run using WordPress. 
Version:		1.0 
Author:			Max Limpag
Author URI:		http://max.limpag.com/
*/

/* Typography */
body {font-family:Georgia,Times New Roman,Times,serif; line-height:1.6em; text-align:left;}
h1 {font-size:197%; font-weight:bold; line-height:1em; margin-bottom:10px; }
h1.home {font-size:189%; font-weight:bold; line-height:1em; letter-spacing: -0.03em; margin-bottom:20px; }
h2 {font-size:146.5%; line-height:1em; margin-bottom:5px;}
h3 {font-size:131%; line-height:1em;margin-bottom:5px;}
h3.summary {font-size:131%; line-height:1em;margin-bottom:5px;}
h3.comment {font-weight:bold; margin-bottom:15px;}
h4 {font-size:108%; line-height:1em;margin-bottom:5px;}
h4.sectionheaders {font-family:Helvetica; font-weight:bold; text-transform:uppercase; font-size:108%; line-height:1em; margin:0 0 3px 3px;}
a:link {text-decoration: none; }
a:hover {text-decoration: underline; }
p {margin-bottom:1em;}

.date {font-weight:bold; padding: 82px 0 0 14px;}
.caption {font-style:italic; padding-bottom:4px;}
.byline {font-size:85%; line-height:1.2em; padding-bottom:4px;}
.bannertext:first-letter {font-size:400%; color:#666666; float:left; font-weight:normal; padding: 5px 0 0 0; }
.commentcount {float:right; padding: 12px 25px 0px 0px; font-size:24px; color:#fff; }

ul li { list-style-type: disc; list-style-position: inside; }
ol li { list-style-type: decimal; list-style-position: inside;} 


/* layout */
#hd {width:974px; height:100px; background:#ffffff url(images/logo.jpg) no-repeat; padding-bottom:10px;}
#ft {font-size:90%; margin-top:10px; padding: 5px 5px 0 0; background:#666666; color:#fff; text-align:right;}
#bannerad {text-align:center; }
#toppanel {background:#ffffff url(images/bannerpanelbg.gif);}
#bottompanel {margin-top:30px; background:#ffffff url(images/bottompanelbg.gif);}
#singlepanel {background:#ffffff url(images/singlebg.gif);}
#banner {border-top:#6083b3 5px solid; padding-top:5px; }
#recentfeatures {border-top:#fff58a 5px solid; padding-top:5px; }
#promocolumn {border-top:#b39e60 5px solid; padding-top:5px; }
.colitem {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted; }
.curlycontainer{ border: 1px solid #b8b8b8; margin-bottom: 1em; width: 100%; }
.curlycontainer .innerdiv{ background: transparent url(images/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; }

/* Top borders */
.topdarkblue {border-top:#6083b3 5px solid; padding-top:5px; }
.toplightblue {border-top:#89bbff 5px solid; padding-top:5px; }
.topyellow {border-top:#fff58a 5px solid; padding-top:5px; }
.topbrown {border-top:#b39e60 5px solid; padding-top:5px; }

/* Header menu from Dynamic Drive.com */
#invertedtabs{ margin-left: 4px; padding: 0; width: 100%; background: transparent; padding-left: 5px; }
#invertedtabs ul{ font: bold 11px Arial, Verdana, sans-serif; margin:0; margin-bottom: 2em; /*margin between menu and rest of content*/ padding:0; list-style:none; }
#invertedtabs li{ display:inline; margin:0 2px 0 0; padding:0; text-transform: uppercase; line-height: 1.5em; }
#invertedtabs a{ float:left; color: white; background: #666666 url(images/color_tabs_left2.gif) no-repeat left bottom; margin:0 2px 0 0; padding:0 0 0 3px; text-decoration:none; letter-spacing: 1px; }
#invertedtabs a span{ float:left; display:block; background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom; padding:3px 9px 3px 6px; }
#invertedtabs a span{ float:none; }
#invertedtabs a:hover{ color: #000; background-color: #d9d9d9; }
#invertedtabs a:hover span{ color: #000; background-color: #d9d9d9; }
#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/ color: #000; background-color: #d9d9d9; }
#invertedtabsline{ clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; background: #666666; }

/* Comments */
ol.commentlist { width: 90%; margin: 0 auto; }
ol.commentlist li { margin-bottom: 1.5em; background-color:#9da6ba; padding: 10px; }
ol.commentlist li.alt { background-color: #8093ba; }
small.commentmetadata { font-size: 85%; margin-bottom: 1em; display: block; }

/* Search Form */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center; }
#searchform #s {width: 108px; padding: 2px;	}
#searchsubmit {padding: 1px; }

/* Photo Captions */
.largecaptionleft { float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }
.largecaptionright { float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}
.smallcaptionleft { float: left; width: 250px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }
.smallcaptionright { float: right; margin: 5px; padding: 5px; width: 250px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }