/*
Theme Name: Dabayao
Theme URI: http://publicspeaking.starising.net/
Description: Based on Sukumu for tpctmc
Version: 4.0
Author: Eskay Ng
Author URI: http://starising.com/
Tags: wide header, wide footer, fixed width, three columns, widgets
This is the theme that is used by the starising home and its sukumu themes.
changes for each individual blog will be on style at each theme folder.
version 4 removed wp default  headings
*/

*{margin:0; padding:0;}
body {font-size: 62.5%; font-family:Verdana, Arial, Helvetica, Sans-Serif; color: #333; text-align: center; background-image: url(images/bgtpc.jpg); background-repeat: repeat-x; background-color:#ffffec;}

#page{ width:960px; margin:5px auto; text-align:left; background:transparent; overflow:hidden;}

#pagesb {width:960px;margin:0px auto; background:#f0e9c2; float:left;position:relative	overflow:hidden;}
#pagecont {width:960px; margin:0px auto;background:#ffffec; float:left;right:345px; position:relative;}
.narrowcolumn {position:relative; float: left; width: 575px; padding-right:40px; background:transparent; left:345px;	overflow:hidden;}
#sidebar {position:relative;float:right; width: 345px; font-family: Arial, Verdana, 'Lucida Grande', Sans-Serif; background:#f0e9c2; padding-bottom:10px;left:345px;	overflow:hidden;}


/* FONTS */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Georgia, Verdana, 'Lucida Grande','Trebuchet MS',"Palatino Linotype", Sans-Serif; color:#B5123B;margin:20px 0 5px; color:black;}
#content h1 { font-size:2.3em;text-transform:capitalize;text-align:center; border-bottom:1px dotted #060; margin-bottom:20px;} /* for blog and  page, post only */
h2 { font-size:1.9em; text-transform:capitalize;text-align:left; color:#B5123B;}
h3 { font-size:1.7em; }
.reference {border-bottom:1px dotted green; text-align:right; color:#006600; margin-top:20px;}
h4 { font-size:1.5em; }/* for list title */
h5 { font-size:1.4em; }
h6 { font-size:1.3em; color:white; text-align:center; padding:15px; line-height:1.5em; color:#e1ecff; color:yellow;}
.pagetitle {text-align: center; color:#c60; padding:7px 0;border-bottom:1px dotted #600; border: solid 1px #fc6;  line-height:1.5em; background:#f8f6bd;} 

p {margin:0 0 1em 1em; font-size:1.3em; line-height:1.3em; letter-spacing:0.1px;}
#content ul, #content ol {font-size:1.3em; line-height:1.4em; margin:0 0 1em 3em;}
#content ul li, #content ol li  {line-height:20px; margin-left:20px;} 

ul, ol{line-height:14px; margin:0 0 0 40px; font-size:13px;}
ul li{line-height:20px; }

dl {font-size:1.3em;line-height:16px; margin:15px 0;}
dt {margin-top:15px; margin-bottom:5px; font-weight:bold;}
dd {margin-left:15px; margin-bottom:5px;}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{text-decoration:none; color:#B5123B; color:red; }
h1 a:hover  {text-decoration: none; color:blue; }

a:link {color:#0000ff;}
a:visited {color:#800080;}
a:hover { color:#ff0000; text-decoration:none;}
a:active {color:#0000ff;}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help; font-size: 0.9em; letter-spacing: .07em; }
acronym, abbr { border-bottom: 1px dashed #999; }
/* acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } */
blockquote cite { margin: 5px 0 0; display: block; }
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
pre { width:90%; font-size:1.6em; overflow:hidden;}
code {font-family:'Courier New', Courier,fixed; font-size:1.1em; line-height:1.4em; background-color:#f5f5c4;padding:8px; width:95%; margin:0 auto;overflow:auto;display:block;  color:#14568a; padding:8px; width:95%; overflow:auto;}
/*  MISC  */
#eof{width:100%;clear:both;height:10px;background:#fff;;}
.clearl{clear:left;}
.clearr {clear:right;}
.clear {	clear: both;}
.center, .cen { text-align: center; }
.hidden { display: none; }
.red, .redd{color:#c30;}
.blac {color:black;}
.bcode {font: 1.1em 'Courier New', Courier, Fixed; color:#14568a; background-color:#f5f5c4;}
.quotea, .quoteb, .quotec {width:80%; margin:10px auto; font-family:verdana;padding:20px 20px 10px;}
.quotea {background:#FFE3BF;}
.quoteb {background:#FFF59B;}
.quotec {background:#F3FFB3;}
.bquote{ width:80%; border:8px solid #f5f5f5; text-align: center; padding:10px; background: url("images/beigebg.gif" ) repeat-x  #fbf4db; margin:10px auto; }
/*.bquote h4{margin-bottom:-10px;} */
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.85em; line-height:1.5em; color:#333;}
.bcode {font: 1.1em 'Courier New', Courier, Fixed; color:#14568a; background-color:#f5f5c4;}

	/* Begin Images */
a img {border:none;}
p img { padding: 0; max-width: 100%; 	}
img.centered {display: block; margin-left: auto; margin-right: auto;	}
img.alignright { padding: 10px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 10px; margin: 0 7px 2px 0; display: inline; }
.imgright {float:right; margin:15px 0 15px 15px;}
.imgleft {float:left; margin:15px 15px 15px 0 ;}
.addleft320{float:left; width:320px; background:transparent; height:260px;}
.addleft350{float:left; width:350px; background:transparent; height:290px;}
.addright250{float:right; width:250px; height:250px; background:transparent;}
.addright220{float:right; width:220px; height:290px; background:transparent;}
.addcenter {width:100%; text-align:center;}
/* End Images */


/* Captions */
.aligncenter, div.aligncenter {	display: block; margin-left: auto; margin-right: auto; }
.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: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/*header*/
h1#blogtitle{font-family:"Times New Roman", Times,"Palatino Linotype", Palitino,  serif; letter-spacing:1px; font-size:27px; font-weight:bold; line-height:1em; text-align:left; margin:0; padding:10px;}
h1#blogtitle a:link, h1#blogtitle a:visited, h1#blogtitle a:hover, h1#blogtitle a:active
{text-decoration:none; color:#6a4326; font-style:italic; font-weight:bold; }
h1#blogtitle a:hover  {text-decoration: none; color: #fc6; color:red;}
.door{position:absolute; top:13px; right:10px; z-index:1;}
.header {position:relative;text-align:left; font-size:13px; width:100%; }
.header1{width:100%; height:90px; background:transparent;}
.header2{background:#fc3;  color:white; font-size:14px; }
 
 /* SEARCH */
.searchbox  {float:right; margin: 10px 100px 0 0;height:22px;} 
.search, .browse{ background-color: #f5f5f5; border: solid 1px #fc6; padding: 0px;}
#searchform { margin: 0px auto;overflow:hidden;}
#sidebar #searchform #s { width: 208px; }

/* CONTENT   WIDTH 615px 575 PLUS 40  */
#content{ position:relative;  }

#content h2{}
/* NARROW */


.navigation 	    { border-top:dotted 1px #fff; border-bottom:dotted 1px #fff;text-align: center; height:20px;  font-size:1.1em; background-color:transparent; margin-bottom:10px;}
.alignleft {float:left; position:relative;}
.alignright {float:right; position:relative;}

.navigationbot{ display: block; text-align: center; font-size:1.1em; height:20px; padding:5px; margin-right:-10px; border: 1px dotted #600;clear:both; }
.narrowcolumn .postmetadata {text-align:center; font-size:1.2em; margin-top:0;padding-top: 5px;}
.narrowcolumn .posted { text-align:center;}

.post {	text-align: left;} /* category  */
.post hr { display: block; }

.tagbox{width:100%; border-top:dotted 1px #600; border-bottom:solid 1px #600;background:#fff; margin:25px 0 30px;}
.tagbox  p{ font-family: Arial, Verdana, 'Lucida Grande', Sans-Serif;font-size:11px;}

.authorship {float:left; height:41px; padding:0 10px 10px 0;}
.authorship small{font-size:1em; line-height:22px; }
.authorship .avatar { border-bottom:2px solid #fff;border-right:2px solid #fff; }

 /* ----------------------------------------------------------------------                                                                                                                             Comments */
/* Begin Comments*/
#respond { border-bottom:dotted 1px #689900; text-align:right; color:#006600;margin: 30px 0;line-height:1.5em;}
#comments { margin: 30px 0; border-bottom:dotted 1px #689900; text-align:right; line-height:1.5em;} /* headline for number of comments */ 
.commentmetadata a{display: block;  text-decoration:none; line-height:25px;}
.commentmetadata{font-size: 10px; /*date */ margin:0px; display:block;}
.comment-author {height:20px; margin-bottom:10px;font-size: 10px; /*says */}
.commentlist cite, .commentlist cite a {	font-weight: bold;	}
.commentlist p { padding:10px 10px 10px ; font-size:1em;}
.commentlist {text-align: justify; /* background color will caused diff box sizes */ }
.commentlist ol { }
.commentlist  li {font-size:1em; margin-bottom:10px;/* border-bottom:1px solid #9c8d88;*/ border-top:1px solid #fff; border-right:1px solid #fff; background:#fffdc4; }
.commentlist  li.alt {/*padding: 10px;border-bottom:1px solid #a8d800;*/ border-top:1px solid #fff; border-right:1px solid #fff;  background:#f0e9c2; }
.commentlist li .avatar { float: right; padding: 0px 0px 10px 10px;}
/* End Comments */

/* Begin Form Elements */
#commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#commentform textarea {width: 98%;	padding: 2px;}
#commentform p {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;}
#commentform #submit {margin: 0 0 10px; float: right;}
#commentform input { 	width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ 	text-align:center; }
select { 	width: 130px; }
/* End Form Elements */

/* WIDE  full 960 */
.widecolumn .entry p {font-size: 1.05em; 	}
.widecolumn .postmetadata { 	margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

/* -----------------  SIDEBAR ---------------------360  180  */


.sbwide {padding: 2px 10px;}
.lsidebar, .rsidebar {width:160px; padding:0px 5px 20px }
.lsidebar{float:left;margin-right:0px; }
.rsidebar{float:left; border-left:0px solid white; }
#sidebar #searchsubmit {	padding: 1px;}
.author{float:left; background:transparent url('images/ngsk1.png'); background-repeat:no-repeat; padding-left:48px; color:green; font-size:1.1em;}

#sidebar h5{font-family:Georgia, Sans-Serif; font-size:14px; color:#f50002; line-height:2.2em; border-bottom:1px solid #b5ab5a; margin:0.5em 0 0;} 
#sidebar ul{list-style-type:none; line-height:2.5em; color:#999632; text-transform:capitalize; margin:0; padding:0; }
#sidebar li  {/* border-bottom:1px solid #ccc; border-top:1px solid white;*/}
#sidebar ul ul {/* border-top:1px dotted #ccc;for sub pages title */ }
#sidebar ul ul ul li { /*margin-left:2px; keep list at same margin to maintain 3D effect*/}
#sidebar ul li p, #sidebar ul select { margin: 10px 0; font-size:1em;  padding:5px; /* for displaying of cat/tag  listing */}

#sidebar a {text-decoration:none; display:block; font-size:12px; padding:2px;}
#sidebar a:link {color:#d08504; border-bottom:1px solid #b5ab5a; border-top:1px solid white;}
#sidebar a:visited {color:#b5ab5a; border-bottom:1px solid #b5ab5a; border-top:1px solid white;}
#sidebar a:hover {color:#fff; background-color:#f5f5f5; background:#fc3; border-bottom:1px solid white; border-top:1px solid #d08504; border-left:1px solid #eee; border-right:1px solid #f5f5f5;}
#sidebar a:active {color:#86b324; border-bottom:1px solid #b5ab5a; border-top:1px solid white;}

/* FOOTER */
#footer {background: #fc6; width: 100%; height:20px; clear:both; text-align: center; padding:15px 0 5px;}
#footer p { color:#6a4326;  font-size:1.1em; }
#footer a:link, #footer a:visited, #footer a:active {color:#fc6; }

/* -------------------------------------------------------------------------------------HOME ----------------------------------------------------------------------------------- */
#pagehome{ width:960px; margin:5px auto; text-align:left;}

.header2, .header3, .header4, .header5 {  height:30px; padding:10px 0 0px;}

.header3{background:#f0e9c2; }
.header4{background:#a37f59;color:yellow;}
.header5{background:#6a4326;height:150px; color:white; }
.header5 ul {list-style-type:none; }
.header5 ul li {margin-left:20px; display:inline; text-align:center;}
.header h2 {font-size:17px;  color:white; margin:0 0 0 1em; text-align:center;}

.box300L, .box300LC {float:left; width:300px; margin:20px 10px ; /*border:1px solid red;*/ }
.box300LC {text-align:center; background:#c3ff00;}
.box350R {float:right; width:350px;  padding-bottom:20px; /*background:#c3ff00;*/}

.box550L {float:left; width:550px; background:transparent; padding-bottom:20px;}
.box400R {float:right; width:400px; padding: 0 5px 10px; background:#eee;}
.box200L {float:left; width:200px; background:#eee;}
.box200R {float:right; width:200px; background:transparent;}

/*  ---------------------------------------------------------------------------------------------ENDS HOME -----------------------------------------------------------------------------*/

/* TO DETERMINE IF  STILL USING IF NOT DELETE */
/* HEADER */
#topmenu {float:right; width:500px; height:23px;  text-align:right; margin-top:3px;}
#topmenu ul{/*list-style-type:none; */font-size:1.1em; margin-top:5px;}
#topmenu ul li{display:inline;margin-right:10px;}
#botmenu { width:100%; height:25px; padding-top:10px;  }
#botmenu ul{list-style-type:none; font-size:1.1em;  }
#botmenu ul li{display:inline; margin:10px; }
#logo {position:absolute; top:-12px; left:5px; font-size:1.5em;}
#starhead { position:relative; width:980px;margin:0 auto; }
 /*End Headers    
 .commentlist {text-align: justify; background-color:#f5fed8;  }
 */
 /* for tag archive - not used 
.tagarc{width:100%; background-color:#ccc;}
.tararc a{display:inline;}
.tararc ul {display:inline;}
.tararc ul li {display:inline;}
 aweber text */
 #fatfooter a:link {text-decoration:none; color:blue;  border:none; font-weight: normal; display:block;}
#fatfooter a:visited {text-decoration:none; color:purple; border:none; display:block;}
#fatfooter a:hover {text-decoration:none; background-color:#f2f2f2; color:#fff; display:block;}
#fatfooter a:active {text-decoration:none; color:#6a4326; border:none; font-weight: normal; }
#footer a:link, #footer a:visited, #footer a:active {color:#6a4326; }
.former {color:green;font-size:1.1em; }

.go46815 { width:100%; text-align:center;}