/*  
Theme Name: dartpress3zz
Theme URI: http://www.kokoro-works.com
Description: Kokoro Works and V.A.S.T
Version: 3
Author: Dart Tiglao
Author URI: http://www.kokoro-works.com
*/

* { margin: 0px; padding: 0px; list-style:none; text-decoration:none;  }
body { background: #ffbed6 url(images/bg1.jpg) no-repeat center top ; font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif; font-size:13px; color:#3a3a3a; }
a:link { text-decoration: none; color : #da0b0b; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #da0b0b; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #da0b0b; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #ca0000; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}
#wrapper {background: #fff; width: 873px; margin: auto; border-right:1px solid #c4c4c4; border-left:1px solid #c4c4c4;}
#top { float:right; height:110px; width: 473px; margin: 0;}
#main h2 { font-size:18px; font-family:Arial; font-weight:normal; color:#da0b0b; padding-bottom:5px;}
#main { width: 873px; padding:0 0px 20px 0px; line-height:140%; }

#main h2 a { color:#285ab5;}
.clear { clear:both;} 
.allinfos { font-size:11px; padding-bottom:10px;}
span.comments { background:url(images/comment.gif) no-repeat 0 0; width:18px; height:11px; padding-left:20px;}
span.category { background:url(images/category.gif) no-repeat 0 0; width:18px; height:11px; padding-left:20px;}
.doth { background:url(images/doth.gif) repeat-x; height:1px; padding:0 0 10px 0;}
#header { width:873px; height:124px; margin: 0 auto 0px;
background: url(images/headerbg.jpg) no-repeat 0 0;}

#logo {  float: left; width:100px; padding: 10px}
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background: url(images/logo.gif) no-repeat; height:100px; outline:none;}

#ads { float: right; width: 468px; height:64px; }

#navbg { background: url(images/navbg.gif) repeat-x; width: 873px; height:55px; }
#nav { height: 35px; width: 873px; float:left; }
#nav ul {}
#nav ul li {display:inline; font-family:"Trebuchet MS"; font-size:12px; height:35px; line-height:35px; }
#nav ul li.page_item a {text-decoration:none;}
#nav ul li.page_item a:hover { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#nav ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#nav ul li a { color:#fff;float:left; font-weight:bold;text-transform:uppercase; padding:0 10px 0 10px;}
#nav ul li a:hover{text-decoration:none;}


#uppernavbox {float:right; width: 480px;  margin:70px 0 0 0; padding:auto;  }
#uppernav { height: 12px; width: 460px; padding: 0 0 0 20px;}
#uppernav ul {}
#uppernav ul li { display:inline; font-weight:bold; font-family:"Arial"; font-size:12px; height:12px; line-height:12px; padding:0px 8px 0px 8px;}


#rss {float:right; color:#fff; font-weight:bold; text-transform:uppercase; height: 16px; margin:10px 10px 0 0; padding:0px 20px 0px 0px; background:url(images/rss.gif) no-repeat right; }

#login {float:right; color:#000; font-weight:normal; text-transform:uppercase; font-size:10px; margin-right:15px; padding:10px 0px 0px 0px }

#content { width: 873px;  }
.entry { float: right; width: 640px; padding-right:10px; }
.entry p { padding-bottom:10px; }
.entry img {margin:0 10px 10px 10px; border:1px solid #e0e0e0}



#sidebar { float: left; width: 170px; border-right:1px solid #e6e6e6; padding-left:5px; }
#sidebar h2 { font-size:12px; font-family: Arial;
font-weight:bold; color:#da0b0b; margin-bottom:0px; background:url(images/h2.gif) no-repeat 0 2px; padding-left:20px; text-transform:uppercase;}
#sidebar ul{ margin:5px auto 0px;}
#sidebar ul li{}
#sidebar ul li ul{margin:2px auto 5px;}
#sidebar ul li ul li{display:block; padding-left:20px; padding-bottom:3px; text-transform:uppercase; font-weight:bold; font: 11px arial, helvetica, sans-serif;}
#sidebar ul li ul li ul{font-color:#C1C1C1;}
#sidebar ul li ul li ul li{display:block; padding-left:10px; padding-bottom:2px;  font-size:11px; font-family: Arial; 
font-weight:normal;  color:#C1C1C1 border:none; background:none; text-transform:lowercase;}
#sidebar p{padding:0 5px;}

#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; color:#006699; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; color:#006699; }


#footer {background: #fff; width: 873px; margin:0 0 0 -1px; border-right:1px solid #c4c4c4; border-left:1px solid #c4c4c4; height: 25px; font-size:11px; }
#footernav {float:right; margin:8px 8px 0px auto;}
#footernav ul {}
#footernav ul li { display:inline; font: 11px arial, helvetica, sans-serif; padding:0 5px 2px 5px;}


.postmetadata { padding:10px; border:1px solid #e5e6c3; background:#feffe5; margin:20px 0 20px 0;}
h3#respond,h3#comments {font-size:16px; font-family:"Trebuchet MS"; font-weight:bold; color:#285ab5; padding:20px 0 20px 0;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}


#searchbox { float:right; width: 150px; height: 25px; margin:6px 10px 0 0; padding:auto; }
#searchbox #s 
{
width: 120px;
height: 11px;
	padding: 4px;
	margin: 0 0 5px 0;
	background: #fff;
	border: 1px #c1c1c1 solid;
	color: #000;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
	
#searchbox #go { float:right; margin: 3px 4px 0 0; width:27px; height:24px;  }
#main h2.search {margin:10px 10px 10px 0; color:#000000;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 0 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 30px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding:20px;}
.alignleft{float:left; padding:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 0 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}


.dropcontent{
width: 230px;
height: 80px;
border: 1px solid #D7D7D7;
background-color: #fcdfff;
display:block;
padding:10px;
margin-bottom:15px;
font-size:1.1em;
}


/**************** Gallery *********************/
.gallery {text-align:center;}
.galleryembedded {display: inline;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/**************** avatar *********************/
.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}

/**************** tabbed pane *********************/
.tabbed-pane * {
	margin: 0;
	padding: 0;

	
}
.tabbed-pane {
	width: 500px;
	
	
	
}

.tabbed-pane .tabs {
	list-style: none;
	clear: both;
	float: left;
	margin-bottom: -3px;
}
.tabbed-pane .tabs li a.active {
	background: white;
	background: red;
}
.tabbed-pane .tabs li {
	float: left;
	margin: 0 3px 0 0;
}

.tabbed-pane .tabs li a {
	color: #336699;
	display: block;
	padding: 5px;
	background: #f0f0f0;
}
.tabbed-pane .pane {

	padding: 5px;
	clear: both;
	height: 100%;
	background: red;
	
}
.tabbed-container {
	position: relative;
	clear: both;
	min-height: 10em;
}
.tabbed-container .overlay {
	position: absolute;
	clear: both;
	padding: 5px;
	width: 488px;
	top: 0;
	left: 0;
	background: white url(/include/images/spinner.gif) center center no-repeat;
	text-align: center;
	z-index: 100;
	height: 100%;
}