/*
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; margin-top: 0px;}
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:0px; }
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 10px 0px;}

p {margin-bottom:1em;}

.date {font-weight:bold; padding: 65px 0 0 14px;}
	.date span {color: #6083B3; margin-left: 118px; font-size: 11px;}

.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/prosperitat_net_logo.jpg) no-repeat; padding-bottom:10px;}

#ft {font-size:90%; margin-top:11px; margin-bottom:10px; padding: 1px 0px 0px 0px; border-top: 10px solid #666666; color:#000; text-align:right; }

#ft img {vertical-align: top;}

#bannerad {text-align:center; }
#toppanel {
font-family:arial,sans-serif; line-height:1.6em; text-align:left;
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; }
#banner img {margin: 5px;}
#recentfeatures {border-top:#fff58a 5px solid; padding-top:5px; }
#recentfeatures p {margin: 0px; margin-bottom: 10px;}
#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; }

div.left_news {
	width: 48%;
	float: left;
}

div.right_news {

	width: 46%;
	float: right;
}

div.right_news h2, div.left_news h2 {
	margin-bottom: 0px;
}

div.right_news h2, div.left_news h2, div.right_news p, div.left_news p  {
	margin-top: 0px;
}

/* Top borders */
.topdarkblue {border-top:#6083b3 5px solid; padding-top:5px; }
.topgray {border-top:gray 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; }
.topred {border-top:red 5px solid; padding-top:5px; }
.topdarklila {border-top:#660099 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: 5px auto; text-align: center; }
#searchform #s {width: 160px; padding: 2px;	}
#searchsubmit {padding: 1px; border:1px solid #38C; background-color: #FFF; color: #38C;}

input#s{
     border:1px solid #ccc;
     padding:5px;
}

input#s:focus{
     border:1px solid #38C;
}

/* 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; }

.home a {
	text-decoration: none; 
	color: #000;
}

.home a:hover {
	text-decoration: none; 
	color: #6083B3;
}



a {text-decoration: none; color: #6083B3; }
a:hover {text-decoration: underline; }

img {
	border: 0px;
}


blockquote {
	color: #000;
	font: 13px italic Times, serif;
	font-style: italic;
	/*
	padding: 3px;
	margin: 3px;
	*/
	background-color: #E2ECFA;
	border-left: 1px solid #6083B3;

}

blockquote p, blockquote li{
color: #000;
}



/***************************************************************/

link{padding:0;}
editlink{border:none;padding:2px;padding-left:10px;}
{text-align:left;padding:30px 0 0;position:relative;}

 p{line-height:1.4em;padding:4px 0 4px;}
div.bubble{width:auto;font-size:1.2em;margin-bottom:5px;}
div.bubble .cmt_txt{margin: 0px;color:#555;padding: 0px;border:1px solid #c9c2c1;background-color:#fafafa;}
div.bubble .cmt_txt p{margin: 10px;padding:0;line-height:1.4em;}
div.bubble .cmt_txt blockquote{color:#888;border:none;}
.commentlist blockquote,blockquote{margin: 20px 0;padding: 0 30px 0 30px;color:#888;line-height: 1.2em;font-family: Trebuchet MS, Serif;}
 .commentlist li.authorcomment div.bubble .cmt_txt{border:1px solid #14568a;background:#f4f8fe;}
 .commentlist li.authorcomment div.bubble .cmt_txt blockquote{border:none;margin:10px;}
 .commentlist li div.bubble .tip, 
 .commentlist li.authorcomment div.bubble .tip_author,
 .pinglist div.bubble .tip{
	display:block;
	height:9px;
	width:11px;
	left:20px;
	position:relative;
	top:-1px;
}

.commentlist li div.bubble .tip{
	background:transparent url('images/comment-gris.gif') no-repeat;
}

.commentlist li.authorcomment div.bubble .tip{
	background:transparent url('images/comment-blue.gif') no-repeat;
}

.pinglist div.bubble .tip{
	background:transparent url('images/comment-blue.gif') no-repeat;
}

 .pinglist div.bubble .author_line,  .commentlist li.authorcomment div.bubble .author_line,  .commentlist div.bubble .author_line{
	margin-left:10px;
}

 .commentlist{padding:0px;position:relative;}
 .commentlist li{margin:10px 0 10px;padding:2px 0px 2px 0px;list-style:none;}
 .commentlist li .commentauthor{font-size:1.1em;font-weight:bold;letter-spacing:-1px;}

 .pinglist{font-size:1.2em;padding:0;margin:0;}
 .pinglist li{list-style:none;margin-top:4px;padding:5px 0 5px 0;}
 .pinglist li .commentauthor{font-weight:bold;display:block;}
 .pinglist li small{font:1em Arial,Sans-Serif;display:block;}
 .pinglist li .counter{display:none;}
 .pinglist li img{padding:0;border:none;}


/* formulario comentario */

form#commentform{clear:both;padding:0px 0 30px;margin:0;width:500px;}


input[type=text]:focus,textarea:focus {
     border:1px solid #38C;
}
input[type=text],textarea{
font:1.1em Verdana,Arial,Helvetica,Sans-Serif;padding:3px;color:#333;background:#fff;margin:0;
}

input#submit{
padding: 1px; border:1px solid #38C; background-color: #FFF; color: #38C;}


#commentform ul{list-style-type:none;list-style-image:none;margin-top:0px;}
#commentform ul li input{margin-bottom:10px;}

#commentform #authorinfo label{display:block;}
 form input[type=text]{width:44%;margin:5px 5px 1px 0;border:1px solid #c9c2c1;padding:4px;}
 form textarea{height:200px;border:1px solid #c9c2c1;padding:4px;width:492px;}
 form #submit{margin:0;float:right;}
.navigation{text-align:center;margin:10px 0 10px;width:99%;}
.navigation .left{float:left;width:50%;text-align:left;}
.navigation .right{float:right;width:50%;text-align:right;}
.navigation p{margin:0;padding:0;}
.navigation a{color:#777;}
.navigation a:hover{color:#fff;}


#commentform label {text-align: left;}

ul.ec3_events,
ul.noticies_sidebar {
	padding: 0px;
}

ul.noticies_sidebar li {
	font-size:1em !IMPORTANT;
	margin-left: 0px;
	list-style: none;
	line-height: 15px;
	/*padding-bottom:5px;  border-bottom: 1px dotted; */ 
	margin-bottom:10px;
}

ul.noticies_sidebar li small {
	margin-top: 0px;
	display:block;

}

ul.noticies_sidebar li a {
	margin-bottom: 0px;
}


ul.ec3_events li {
	font-size:1em !IMPORTANT;
	margin-left: 0px !IMPORTANT;
	padding-left:0px;
	margin-bottom:10px;
	list-style: none;
	line-height: 15px;
}

ul.ec3_events li ul{
	margin-left: 0px;
	list-style-position: inside;
}

ul.ec3_events li {
	color: #000000;
	list-style-position: inside;
}

h4.comments, h3.comments {
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	margin-top: 20px;

}