/*
Theme Name: ASK JANCY - WebHive Team deafult style
Theme URI: http://www.webhiveteam.com/
Description: This theme is used as default by all blos on WPMU 
Version: 1
Author: WebHive Team
Author URI: http://www.webhiveteam.com/
*/

/*Copyright 2008, Michael Jubel Hutagalung
View detailed license info in license.txt file 

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
	font-family: Arial; vertical-align: baseline;
}

h6 {
color:#999;
margin-bottom:10px;
}


p {font-size:13px;

}

/* remember to define focus styles! */

:focus { outline: 0; }
body {line-height: 1;	color: black; background: white; }
ol, ul { list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/* HTML Elements */
* { margin:0; padding:0;}
p { margin-bottom: 15px;}
a:link, a:visited { color: #005e90; text-decoration:none; cursor: pointer;}
a:hover, a:active { color: #0090db; text-decoration:none; cursor: pointer;}
a img {	border:0; }
code { font: 1.0em Arial, Fixed; background:#242424; }	
acronym, abbr, span.caps { font-size: 1.0em; cursor: help; }			
acronym, abbr {	border-bottom: 1px dashed #999; }
blockquote { padding: 0px 35px; border-top: 1px solid #474747; border-bottom: 1px solid #474747; font:0.9em Arial; line-height:1.5em; margin:10px 0px; background: url(images/blockquote.png) no-repeat 10px 10px;}
code, kbd, var { font: 12px Arial, monospace; }
strong { font-weight:bold; }
em { font-style:italic; }

/* Text Sizes */
h1 { font:2.25em Arial; letter-spacing:-0.085em; font-weight:bold;  }
h2 { font:2.0em Arial; letter-spacing:-0.05em; font-weight:bold; color: #005e90; }
h3 { font:1.0em Arial; letter-spacing:-0.025em;}
h4 { font:1.1em Arial; letter-spacing:-0.005em; font-weight:bold; color: #303030; border-bottom:1px solid #ececec; }

h3#respond {margin-top:15px; }
h3#trackback {margin-top:15px; }

/* Structure */
#page { padding:10px 20px; } 
#wrapper-leftcol { width:720px; float:left; }

/* Header*/
#searchbar {padding-top:5px; }

#nav-bar { margin-bottom: 15px; }

#nav-bar .left { width:750px; float:left; background:#e0e0e0; }
#nav-bar .right { width:230px; float:right; background:#e4f9ff; font:11px Arial; font-weight:bold; padding:3px 0px; text-align:center; }

/*#topcol { padding-bottom:15px; font:11px Arial; width:760px; float:left; background:#fff; }*/
#topcol { padding-bottom:15px; font:11px Arial; width:730px; float:left; }
#topcol .menu { width:353px; height:143px;  padding:0; background:transparent url(images/hot_bg2.png) no-repeat scroll left top; border:none; float:left; display:inline; }
#topcol h3 { font:14px Arial; font-weight:bold; color:#505050; margin:0px 0px 5px 0px;}
#topcol .menu h3 { color:#FFFFFF; font-size:14px; margin:16px 0 0 48px;}
#topcol li { font:11px Arial; }
#topcol .menu a:link, #topcol .menu a:visited { font-size:12px; color:#2a7eba;}
#topcol .menu ul {padding:5px 15px 0;}

#page-bar { padding:0px; font:11px Arial; }
#page-bar ul { list-style: none; }
#page-bar li { float:left; list-style:none; cursor: pointer; display:block; }
#page-bar li:hover { background: #d0d0d0; }
#page-bar li.current_page_item { background: #d0d0d0; }
#page-bar a, #page-bar a:visited { margin: 0px; padding:3px 20px; font-weight:bold; color:#505050; display:block; }
#page-bar a:hover { text-decoration:none; }
#page-bar p { margin:0; padding:0; }

/* Content Page*/
/*#centercol { background:#fff; width:500px; min-height:300px; float:right; display:inline; padding:0px; font-size:0.75em; overflow: hidden;}*/
#centercol { width:470px; min-height:300px; float:right; display:inline; padding:0px; font-size:0.75em; overflow: hidden; margin-right:15px;}
#centercol h2 {font-size: 24px; }
#centercol a, #centercol a:hover, #centercol a:visited { color:#FFF} 

#centercol h3 { font:12px Arial; font-weight:bold; color:#fff;}

#content .entry, #content p { line-height:1.75em; }
#content p a { border-bottom:1px dotted #c6c8ce; padding-bottom:2px; }
#content .bread { color:#b0b0b0; font-size:0.9em; font-weight:bold; }
#content .bread, #content .bread a { color:#b0b0b0; }

#content .clearfloat { margin-bottom: 15px; background:url(images/hr.png) bottom repeat-x; padding-bottom:10px; }
#content .post small.postmetadata, #content .post small.postmetadata a { font:10px Arial; font-weight:bold; color:#b0b0b0; letter-spacing:-0.03em; ;}
#content .post small.postmetadata a:hover, #content .bread a:hover { color: #B0B0B0; }
#content .post img {float:right;}

#content .entry { padding-top:0px; }
#content.narrowcolumn .entry { padding-top:15px; }

.entry ol, .entry ul {margin-left:30px;}
.entry ol li {list-style:decimal;}
.entry img.alignleft, .entry img.left, .entry img { margin:0px 10px 10px 0px; }
.entry img.alignright, .entry img.right { margin:0px 0px 10px 10px; }
.entry img.size-full { display:block; }
.entry h3 { font:14px Arial; color:#303030; padding:2px 5px; }
.entry ul li {list-style:square;}

#content.narrowcolumn .entry p { margin-top:0px; }
img.wp-smiley { margin:0; padding:0 }
.thumb { border:1px solid #eee; padding:1px; float:left; margin:0px 10px 10px 0px; }

#sociables { padding-bottom:15px; }
#sociables img { border:0px solid #ececec; padding:2px; width:16px; height:16px; margin:0 10px 0 0;}

/* Aligned List */
#hot { width:353px; height:143px; float:left; margin-right:9px; background:url(images/hot_bg.png) top left no-repeat; color:#fff; overflow:hidden }
#hot a { color:#ececec; }
#hot a:hover { color:#fff; }
#hot ul { clear: both; padding:5px 15px 0 15px; }
#hot li { padding: 2px 0px; text-align: right; clear: left; }
#hot a.title:link, #hot a.title:visited { display: block; float: left; color:#2a7eba; font-size:12px; }
#hot h3 { color:#fff; font-size:14px; margin:16px 0 0 48px; }

/* List */
.dotlist li, #leftcol li {  padding: 2px 0px; list-style:none; }
#leftcol li li { padding-left:0px; list-style:square; margin-left:15px; }
#leftcol li ul { margin-bottom:0px; }

/* Sidebar*/
/*#leftcol { background:#e4f9ff; width:200px; float:left; padding:5px; margin-right:10px; border-bottom:15px solid #fff; font:11px Arial; }*/
#leftcol { width:220px; float:left; margin-right:10px; font:11px Arial; background:#141414 url(images/leftcol2.png) left repeat-y;  }
#leftcol .leftcol2 { background:url(images/leftcol1.png) top left no-repeat;}
#leftcol .leftcol3 { background:url(images/leftcol3.png) bottom left no-repeat; padding:5px 10px 25px 10px;}
#leftcol ul { margin-bottom:15px; }
#leftcol .textwidget, #leftcol p {padding:0px 0px 15px 0px;margin:0;}
#leftcol .avatar { float:left; padding:1px; border:1px solid #bbb; margin:0px 10px 5px 0px; }
#leftcol h3 { font:14px Arial; font-weight:bold; color:#fff; margin:10px 0px 5px 0px;}

table#wp-calendar { width:200px; padding-bottom:15px; }
table#wp-calendar caption {text-align:center; font-weight:bold; border-bottom:1px dotted #c6c8ce; padding:2px 0px; }
table#wp-calendar th { font-weight:bold; padding:2px 0px; text-align:center;  }
table#wp-calendar td { text-align:center; border-bottom:1px dotted #c6c8ce; padding:2px 0px; }
table#wp-calendar a { font-weight:bold; }

#rightcol { width:225px; float:right; padding:0px; font-size:0.65em;}

#about { width:222px; color:#fff; font:12px Arial; background: #1e1e1e url(images/welcome1.png) top left no-repeat; font-size:12px;}

#about h3 { font:14px Arial; font-weight:bold; margin-bottom:5px; }
#about p {padding:0px 0px 15px 0px;margin:0;}
#about a { color:#fff; }
#about div {font-size:10px; padding:5px; line-height:16px;background:url(images/welcome2.png) left bottom no-repeat }

#featured h3 { font:14px Arial; font-weight:bold; background:#393939; padding:2px 5px; margin-top:15px; color:#fff;}
#featured h3#cat-3 { background:#393939; }
#featured h3#cat-4 { background:#393939; }
#featured h3#cat-5 { background:#393939; }
#featured h3#cat-6 { background:#393939; }
#featured h3#cat-7 { background:#393939; }

#featured .more { padding:5px 0px; text-align:right; }

.spoiler { padding:5px 0px 5px 0px; }
.spoiler .title { font-size: 1.1em; font-weight:bold;}
.spoiler img { border:1px solid #eee; padding:1px; float:left; width:70px; height:70px; opacity:0.4; }
.spoiler img:hover { opacity:1; }

.spoiler .info { width:220px; float:right; padding-top:5px; }

/* Form Elements */

select { border:1px solid #c6c8ce; width:100% }
.field { padding: 1px; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb;	border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:#fff; }
#commentform input { margin: 5px 5px 0px 0; }
#commentform p input {	background: #181818;
	vertical-align: middle;
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	-webkit-radius: 7px;
	cursor:pointer; color:#FFFFFF; font-size:11px; padding:2px 2px; font-weight:700}
#commentform textarea { width: 99%;	margin-top:5px; border:1px solid #666666!important; background:#2A2A2A }

/* Comments*/
#comment { width:500px;	background:#fff;}

div#cancel-comment-reply { font-weight:bold; }

#comments ul.commentlist { margin:0; list-style:none; }
#comments .clearfloat { background:none; }

#comments div.navigation { padding:10px 0px; font-weight:bold; }

ul.commentlist li.pingback, ul.commentlist li.trackback { display:none; }
ul.commentlist li.comment { color:#4d4d4d; padding: 13px 13px 13px 13px; list-style:none; margin-bottom:10px; font-size:11px;  }
ul.commentlist li.comment h3#respond { background:#fff; margin-top:15px; }
ul.commentlist li.comment img.avatar { border:1px solid #bbb; margin:0px 0px 13px 13px; float:right; padding:1px; width:55px; height:55px; }	
ul.commentlist li.comment cite { font-weight:bold; font-size:12px; }
ul.commentlist li.comment div.comment-meta { font-size:10px; margin-top:3px; }
ul.commentlist li.comment div.comment-meta a { text-decoration:none; }
ul.commentlist li.comment a { text-decoration:underline; }
ul.commentlist li.comment cite a { text-decoration:none; }
ul.commentlist li.comment div.reply { clear:both; display:block; }
ul.commentlist li.comment div.reply a { text-decoration:none; font-weight:bold; }
ul.commentlist li.comment p { margin:15px 0px; padding:0;  }
ul.commentlist li.comment blockquote { width:380px; }

ul.children li.comment { margin-top:15px; color:#4d4d4d; padding: 12px 12px 12px 12px; background:#fff; border:none; list-style:none; margin-bottom:0px; font-size:11px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
ul.children li.comment img.avatar { border:1px solid #bbb; margin:5px 0px 6px 12px; float:right; padding:1px; width:55px; height:55px; }	

ul.commentlist li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9 {  }
ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10 {  }

#respond textarea { width:99%; }
#respond label { font-weight:bold; }
#respond .field { padding:1px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-left:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; }
#respond a {text-decoration:none; }
#respond h3 {margin-top:15px; }

li.depth-1 div#respond h3 { background:#fff; }
li.depth-2 div#respond h3 { background:#f2f2f2; }
li.depth-3 div#respond h3 { background:#fff; }
li.depth-4 div#respond h3 { background:#f2f2f2; }
li.depth-5 div#respond h3 { background:#fff; }
li.depth-6 div#respond h3 { background:#f2f2f2; }
li.depth-7 div#respond h3 { background:#fff; }
li.depth-8 div#respond h3 { background:#f2f2f2; }
li.depth-9 div#respond h3 { background:#fff; }
li.depth-10 div#respond h3 { background:#f2f2f2; }

/* Footer*/
#footer { margin: 0 auto;width: 990px; border-top: 1px solid #ddd; font-size:0.6em; padding-top:5px; padding-bottom:5px; color:#aaa; font-weight:bold;}
#footer a { color:#aaa; }
#footer a:hover { color:#303030; }
#footer span {padding: 0px 5px; }

/* Alignments */
.left, .alignleft { float:left; }
.right, .alignright {float:right; }

/* Float Properties*/
.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfloat { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}

* html #about { background-image: none; }
* html #wrapper-leftcol { width:720px;}

#askQ { background:url(images/ask.png) top left no-repeat; display:block; width:222px; height:40px; margin-bottom:23px; margin-top:8px;}
#featured .more { display:none;}
#content .titleBg { background:url(images/hr.png) bottom repeat-x; margin-bottom:15px; padding:0;}
.titleBgDP { background:url(images/titleBgDP.png) left top no-repeat; float: left}
.titleBgDP h3 {background:url(images/titleBgDPh3.png) right top no-repeat; height:22px; overflow:hidden;}
.titleBgDP h3 span { display:block; padding:3px 5px;}

input {
padding: 10px; border: solid 1px #000000; background:#111111; color:#FFFFFF; 

}