/*  
Theme Name: BlogOhBlog
Theme URI: http://www.blogohblog.com/
Description: This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>. I love to hear of my work being used :). Just leave my Bob link under your footer.
Version: 2.0
Author: Bob
Author URI: http://www.blogohblog.com/

This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. 

*/

/*****************************************/
/* SEXY BODY */
/*****************************************/
body{font-family:Lucida Grande, Verdana , Arial , Sans-Serif;
font-size:9pt;background:#6699ff repeat;}

/*****************************************/
/* BEGIN TOP *                            /
/*****************************************/
#box{width:945px;background:#fff;margin:20px auto;padding:10px;}
#top{width:945px;background:#000 url(i/topbck.gif) repeat-x;height:80px;margin:0;padding:0;}
#header{float:left;width:440px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(i/logo.gif) no-repeat left;height:51px;}
p.desc {float:left;margin:5px 0 0 0;padding:0;color:#fff; } 
.ads{color:#fdfdb0;float:right;width:468px;text-align:right;font-size:11px;margin:10px auto;padding:0 10px 0 0;}
#jubow{background:#f3f2ed;height:30px;margin:10px auto; width:505px; float:left; position:inherit;}

/*****************************************/
/* SEARCH *                               /
/*****************************************/
#bsearch{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:url(i/info.gif) repeat-x; border:#eee 1px solid; float:left;}
#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:200px;}
#searchform #submit{font-size:8pt;}
input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}


/*****************************************/
/* NAVIGATION TOP *                       /
/*****************************************/
#nav{width:505px;height:30px;line-height:30px;float:left;padding:0; margin:10px 0 10px 0;background:#f3f2ed;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#f3f2ed;color:#555555;float:left;display:block;text-decoration:none;padding:0 10px;}
ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#555555;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#555555;background:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

/*****************************************/
/* MAIN ENTRY *                           /
/*****************************************/
#bgbox{width:945px;background:url(i/cbck.gif) repeat-y;margin:0;padding:0;}
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.entry{width:500px;float:left;color:#6666666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
.entry p{text-align:justify;}
.entry img{border:1px #eee solid; max-width:98%;}
.entry2{width:500px;float:left;color:#666666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
.pastentry{width:200px;float:left;color:#666666;margin:0;padding:0;}
#content{width:525px;float:left;line-height:140%;margin:0 auto;padding:0;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666666;}
.right {float:right;padding-right:20px;width:240px; color:#666666;}
.clear {clear:both}

/*****************************************/
/* MISC HUH! *                            /
/*****************************************/
.navigation{width:500px;float:left;color:#666666;border-bottom:#ffffff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.similiar{width:500px;float:left;color:#666666;text-align:justify;border:#e5e5bd 1px solid;margin:5px auto;padding:5px 6px 10px;}
#misc{width:405px;margin:0 0 10px 14px;padding:0; background:#ffffff; float:left;}
#info{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#ffffff url(i/rssbck.gif) repeat-x; border:#eee 1px solid; float:left;}
.postmeta{color:#666666;border-bottom:#666999 1px solid;}
.postinfo img{border:none;}
img.wp-smiley{border:0;padding:0;}
.twitter{width:395px;background:url(i/latestbck.gif) repeat-x;float:right;color:#333;text-align:justify;border:#e5e5bd 1px solid;margin:0 0 10px;padding:5px 6px;}
.center{text-align:center;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
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 7px 2px 0;padding:4px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
#past { padding:0; margin:0;}
.googleads1{width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 10px;padding:0 0 20px 2px;}

/* @end */

/*****************************************/
/* P CLASS * ADD BY Dedy Isnandar         /
/*****************************************/

blockquote {
	background-color: #EEEEEE !important;
	border: 1px solid #BBBBBB !important;
	width: 420px;
        background: #FFFFFF url('i/blockquote.png') 10px 4px no-repeat;
        margin: 10px auto;
	min-height: 35px;
	padding: 0 10px 0 52px;
	color: #666666!important;
	-moz-border-radius: 0px;
	}

div.comments div blockquote {
	background-color: #EEEEEE !important;
	border: 1px solid #BBBBBB !important;
	width: 350px;
        background: url('i/blockquote.png') 5px 4px no-repeat;
        margin: 5px auto;
	min-height: 35px;
	padding: 0 5px 0 40px;
	color: #666666!important;
	-moz-border-radius:0px;
	}
div.comments .download, .code, .note,
.alert, .new, .construction,
.information, .info, .bluebox, .yellowbox,
.redbox, .greenbox , .greybox {
	padding: 10px 10px 10px 50px;}

div.comments div blockquote p {
	margin:0px;
	}

blockquote p {
	text-align: justify;
	}

blockquote p.author {
	font-weight: bold;
	margin-top: -5px;
	text-align: right;
	}

.quote {
	background-color: #EEEEEE !important;
	border: 1px solid #BBBBBB !important;
	width: 420px;
        background: #FFFFFF url('i/blockquote.png') 10px 4px no-repeat;
        margin: 10px auto;
	min-height: 35px;
	padding: 0 10px 0 52px;
	color: #666666!important;
	-moz-border-radius:15px;
	}

/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.download, .code, .note,
.alert, .new, .construction,
.information, .info, .favorite, .question {
	background-position: 15px 10px;
	background-repeat: no-repeat;
	font-size: 0.9em !important;
	line-height: 115%;
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	text-align: left;
}

ul.download, ul.code, ul.note,
ul.alert, ul.new, ul.construction,
ul.information, ul.info, ul.favorite, ul.question  {
	font-size: 1em !important;
	line-height: 115%;
	list-style-type: disc;
	list-style-position: inside;
	padding: 10px 10px 10px 50px;
}

ol.download, ol.code, ol.note,
ol.alert, ol.new, ol.construction,
ol.information, ol.info, ol.favorite, ol.question  {
	font-size: 1em !important;
	line-height: 115%;
	list-style-type: decimal;
	list-style-position: inside;
	padding: 10px 10px 10px 65px;
}

dl.download, dl.code, dl.note,
dl.alert, dl.new, dl.construction,
dl.information, dl.info, dl.favorite, dl.question  {
	font-size: 1em !important;
	line-height: 115%;
	padding: 10px 10px 10px 50px;
}

dl.download dt, dl.code dt, dl.note dt,
dl.alert dt, dl.new dt, dl.construction dt,
dl.information dt, dl.info dt, dl.favorite.dt, dl.question.dt {
	font-size: 1.2em !important;
	font-weight: bold;
	line-height: 115%;
}

dl.download dd, dl.code dd, dl.note dd,
dl.alert dd, dl.new dd, dl.construction dd,
dl.information dd, dl.info dd, dl.favorite dd, dl.question.dd {
	line-height: 115%;
	list-style-type: disc;
}

.download {
	background-color: #336699;
	background-image: url('i/package_go.png');
	border-bottom: 2px solid #66CC66;
	border-top: 2px solid #66CC66;
}

.download a, .download a:visited {
	border-bottom: 2px dotted #33FF33;
	color: #33FF33;
	text-decoration: none !important;
}

.download a:hover {
	border-bottom: 2px dotted #33CC33;
	color: #33CC33;
	text-decoration: none !important;
}

.code { /* use p class=code when you want to fake it, sometimes handy */
	background-color: #EEEEEE;
	background-image: url('i/application_osx_terminal.png');
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	font-family: 'Courier New', Courier, Fixed;
}
	
.alert {
	background-color: #FFFCCC;
	background-image: url('i/exclamation.png');
	border-bottom: 2px solid #FF3333;
	border-top: 2px solid #FF3333;
}

.new {
	background-color: #FFDDBB;
	background-image: url('i/new.png');
	border-bottom: 2px solid #FF9933;
	border-top: 2px solid #FF9933;
}

.construction {
	background-color: #FFFFCC;
	background-image: url('i/error.png');
	border-bottom: 2px solid #FFFF33;
	border-top: 2px solid #FFFF33;
}

.information {
	background-color: #CCCCFF;
	background-image: url('i/information.png');
	border-bottom: 2px solid #3333FF;
	border-top: 2px solid #3333FF;
}


.info {
	background-color: #CCCCFF;
	background-image: url('i/information.png');
	border-bottom: 2px solid #3333FF;
	border-top: 2px solid #3333FF;
}

.note {
	font-family:Arial;
background-color: #EEEEE;
	background-image: url('i/page_white_text.png');
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCC;
}

.callout {
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	color: #CCCCCC;
	font-size: 1.4em !important;
	margin: 10px auto;
	padding: 10px;
	text-align: justify;
}
.bluebox {
	background: #9DD1F2;
	border-top: 2px solid #419ED9;
	border-bottom: 2px solid #419ED9;
	text-align: left;
	padding: 5px 20px;
	}
	
.yellowbox {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	}
	
.redbox {
	background: #ffcccc;
	border-top: 2px solid #c90404;
	border-bottom: 2px solid #c90404;
	text-align: center;
	padding: 5px 20px;
	}
	
.greenbox {
	background: #D0F29D;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	text-align: center;
	padding: 5px 20px;
	}

.greybox {
	background: #f2f2f2;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	text-align: center;
	padding: 5px 20px;
	}

.favorite {
	background: #FFF6BF url('i/favorite.png') 10px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	padding: 10px 10px 10px 52px;
	text-align: center;
	line-height: normal;
	}
.question {
	background: #9DD1F2 url('i/question.png') 10px center no-repeat;
	border-top: 2px solid #419ED9;
	border-bottom: 2px solid #419ED9;
	padding: 10px 10px 10px 52px;
	text-align: center;
	line-height: normal;
	}


/* @end */
.bluebox a, .yellowbox a,
.redbox a, .greenbox a, .greybox a {
	font-weight: bold;
	}
a:hover, .bluebox a:hover, .yellowbox a:hover,
.redbox a:hover, .greenbox a:hover, .greybox a:hover{
	color: #f36 !important;
	font-weight: bold;
	text-decoration: none !important;
	}

/*****************************************/
/* SIDEBAR *                              /
/*****************************************/
#sidebar{
width:400px;
float:right;
font-size:11px;
margin:0 5px 5px 5px;
padding:0; 
display: inline; 
background:#fff url(i/sidebar.gif) repeat-y right;}

.rsidebar{
width:210px;
float:right;
color:#666666;
font-size:11px;
margin:0 auto;
padding:0 0 0 10px;
}

.lsidebar{width:165px;
float:left;
color:#666666;
max-width:100%;
margin:0 auto;
padding:0 10px 0 0;
}

.rsidebar ul li ul{
list-style-type:none;
margin:0;
padding:0 0 0 5px;
}

.rsidebar ul li ul li{
display:block;
background:transparent url(i/b3.gif) no-repeat 0 2px;
border:0;
margin:0 0 5px;
padding:0 0 5px 13px;
border-bottom:1px solid #ccc;
}

.lsidebar ul li ul{
list-style-type:square;
margin:0;
padding:0 0 0 5px;
}

.lsidebar ul li ul li{
list-style-type:none;
background:transparent url(i/b3.gif) no-repeat 0 2px;
border:0;
margin:0 0 5px;
padding:0 0 5px 13px;
border-bottom:1px solid #ccc;
}

#sidebar img,.lsidebar img{border:0;
}

.rsidebar ul,.lsidebar ul{
list-style-type:none;
margin:0;padding:0;
}

.rsidebar ul li,.lsidebar ul li{
list-style-type:none;
margin:0 0 15px;padding:0;
}

.rsidebar p,.lsidebar p{
padding:0 5px;
}

.rsidebar, .lsidebar img {
border:medium none;
}


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

/* FOOTER *                               /
/*****************************************/
#footer{
width:935px;

background:url(i/footer.gif) repeat-x;
height:32px;
clear:both;
color:#dadada;
font-size:11px;
border-top:10px solid #fff;
margin:0;padding:20px 0 0 10px;
}

.footer a:hover{
text-decoration:none;
color:#fff;
border:none;
}

.footer a:link,.footer a:active,.footer a:visited{

text-decoration:none;
color:#f1e5aa;
border:none;
}


/*****************************************/
/* COMMENTS*                              /
/*****************************************/
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}

ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:5px 15px 1px;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}


/*****************************************/
/* WP-PAGENAVI*                           /
/*****************************************/
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{border:1px dashed #000;color:#147;background-color:#FFF;}
.wp-pagenavi span.pages{color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}


/*****************************************/
/* LINKS H1 H2 H3 H4 H5*                  /
/*****************************************
#info h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande", Verdana , Arial , Sans-Serif; color:#666633; }
.rsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande", Verdana , Arial , Sans-Serif; color:#666666; }
.lsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande", Verdana , Arial , Sans-Serif; color:#666666; }
#content h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande", Verdana , Arial , Sans-Serif; color:#666633; }
#content .entry h2 { margin:10px 0 10px 0; padding:0; font-size:18px; font-family:"Lucida Grande", Verdana , Arial , Sans-Serif; color:#666; }
#content h2,.postinfo a:link, #content h2,.postinfo a:visited { font-weight:normal; text-decoration:none;}
#content h2,.postinfo a:visited {color:#000000}
#content h2,.postinfo a:hover,
#content h2,.postinfo a:focus,
#content h2,.postinfo a:active {color:#000000}
.entry a:link{ color:#0000FF; font-weight:normal; text-decoration:none; border-bottom:dotted 1px #666; }
a:link, a:visited { color:#0000FF; font-weight:normal; text-decoration:none; }
a:visited {color:#0000FF; text-decoration:none;}
a:hover,a:active { text-decoration:none; }
a:active {background:#ffc; text-decoration:none;}

/* Gravatars CSS */
.gravatars{
	float: right;
	margin: 0px 5px 0px 5px;
	border: 1px solid #333;
}

.commenttext {
	clear: both;
	margin: 4px 0px 20px 0px;
	padding: 20px 5px 5px 10px;
	width: 482px;
	background: #E6EFF8 url(i/comment.gif) no-repeat top;
	}