/*  

Theme Name: bobv3

Theme URI: http://www.blogohblog.com/

Description: A Premium WordPress theme from <a href="http://www.blogohblog.com" title="premium wordpress themes">Blog Oh! Blog</a>. The theme features a unique layout and uses mootools JavaScript components. This is a single-user license copy which allows you to use this theme on a single domain and can be purchased for $89.99. 

Version: 3.0

Author: Jai Nischal Verma edited by Heri WB

Author URI: http://www.blogohblog.com editor URI: http://www.wisma-bahasa.com

*/



/*++++++ BODY ++++++++*/

* 
{ 
        padding:0; 
        margin:0; 
        list-style:none; 
        text-decoration:none; 
}

body 
{ 
        background:#666; 
        font:12px Verdana, Arial, Helvetica, sans-serif; 
        color:#000000;
}

html, body 
{ 
        height: 100%; 
}

/*++++++ TOP ++++++++*/

#topbar
{
	height:10px;
	width:974px;
	background-color:#221A18;
	border-bottom:#444647 1px solid;
	font-size:0;
}

#feeds
{
	float:right;
	padding:0 8px;
	background-image:url(images/feeds.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:162px;
	margin-right:160px;
	position:absolute;
	margin-left:636px;
}

#feeds p
{
	padding:0 8px 3px 8px;
	text-align:center;
	height:17px;
}

#feeds a:link, #feeds a:visited
{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	background-image:url(images/feed.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:14px;
	margin:0 2px;
}

#feeds a:hover, #feeds a:active
{
	text-decoration:underline;
}

#top 
{ 
        width:974px; 
        background:#ff0000 url(images/top.gif) no-repeat; 
        height:65px; 
        margin:5px auto 0;
}

#logo 
{  
        width:405px; 
        float:left; 
        margin-left:10px !important; 
        margin-left:5px;
}

#logo h1 
{ 
        text-indent:-9999px;
}

#logo h1 a 
{
        display:block; 
        background:url(images/logo.gif) no-repeat; 
        height:57px; 
        margin: 5px; 
}


/*++++++ H2, H3 & HYPERLINKS ++++++++*/

h2, h3  
{ 
        font:bold 14px Arial; 
        color:#333;
}

a 
{ 
        color: #990000;
}

a:hover 
{ 
        color:#000;
}


/*++++++ SEARCH BOX ++++++++*/

#searchbox 
{       float:right; 
        width: 245px; 
        height: 23px; 
        
        margin:15px 10px 0 0 !important; 
        margin:20px 15px 0 0; 
}

#searchbox #s 
{       float: left; 
        margin: 8px 0 0 10px; 
        border: 0; 
        width: 185px; 
        background: none; 
        color:#999999; 
}

#searchbox #go 
{ 
        float: right; 
        margin: 15px 13px 0 0; 
        width:12px; 
        height:13px;  
}


/*++++++ NAVIGATION ++++++++*/

#nav 
{        
        width:974px; 
        height:30px; 
        background:url(images/navbkg.gif) repeat-x; 
        margin:auto; 
        padding:0 0px 0 0px; 
        line-height:30px; 
        color:#333;
}

#nav ul 
{ 
        float:left; 
        width:974px;
}

#nav ul li 
{ 
        float:left;
        height:30px; 
        margin:0 0 0 0; 
        display: inline; 
        line-height:30px; 
        text-transform: uppercase; 
}

#nav ul li a 
{ 
        display: block; 
        padding:0 0 0 0; 
        color:#333; 
}

#nav ul li a:hover
{ 
        color:#0033FF;
}

#nav ul li.current_page_item 
{
}

#nav ul li.current_page_item a 
{ 
        color:#000;
}

#nav ul#menu, .menu ul
{
	width:974px;
	height:37px;
	background-color:#cccc99;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#nav ul#menu li, .menu ul li
{
	float:left;
	margin-top:5px;
	padding:0 0.5px;
	border-right:#333333 0.5px dotted;
	margin-left:3px;
}

#nav ul#menu li a:link, ul#menu li a:visited, .menu ul li a:link, .menu ul li a:visited
{
	display:block;
	text-align:left;
	padding:0 5px;
	text-decoration:none;
	color:#000000;
}

#nav ul#menu li a:hover, ul#menu li a:active, .menu ul li a:hover, .menu ul li a:active, ul#menu li.current_page_item a, .menu ul li.current_page_item a:link, .menu ul li.current_page_item a:visited, .menu ul li.current_page_item a:hover, .menu ul .current_page_item a:active
{
	text-decoration:none;
        color:#cc3300;
	height:25px;
}

#nav ul#menu li li
{
	width:auto;
        border-right:none;
	margin:0;
	margin-top:3px;
	padding:0;
	float:none;
}

#nav ul#menu li li li
{
	padding-left:1px;
}
	
#nav ul#menu li li a, ul#menu li li a:link, ul#menu li li a:visited
{
	width:auto;
        background:#cccc99  bottom;
	color:#333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	line-height:25px;
	text-align:left;
}
	
#nav ul#menu li li a:hover, ul#menu li li a:active
{
	background:#cccc99;
	color:#cc3300;
}

#nav ul#menu li ul
{
	width:auto;
        z-index:9999;
	position:absolute;
	left:-999em;
	height:auto;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav ul#menu li ul a
{ 
	width:auto;
}

#nav ul#menu li ul ul
{
	margin:-26px 0 0 150px;
}

#nav ul#menu li:hover ul ul, ul#menu li:hover ul ul ul
{
	left:-999em;
}

#nav ul#menu li:hover ul, ul#menu li.sfhover ul, ul#menu li li:hover ul, ul#menu li li.sfhover ul, ul#menu li li li:hover ul, ul#menu li li li.sfhover ul
{
	left: auto;
}

#nav ul#menu li:hover, ul#menu li.sfhover
{ 
	position: static;
}

#nav ul li.mycat 
{ 
       display: block; 
       padding:0 0 0 10px; 
       float:right; 
       margin-top:3px !important; 
       margin-top:2px; 
       margin-bottom:-3px;}

.cats 
{
       font-size:11.3px;
}


/*++++++ MAIN ++++++++*/

#wrapper 
{ 
       width:974px; 
       background:#fff; 
       margin:auto; 
       padding:5px;
}

#left 
{ 
       width:570px; 
       float:left;
}

.clear 
{ 
       clear:both;
}


/*++++++ MISC ++++++++*/

acronym, abbr, span.caps 
{ 
        cursor: help; 
}

acronym, abbr 
{ 
        border-bottom: 1px dashed #999; 
}

blockquote 
{ 
        margin: 15px 30px 15px 10px; 
        padding-left: 20px; 
        border-left: 5px solid #ddd; 
}

blockquote cite 
{ 
        margin: 5px 0 0;
        display: block; 
}

.center 
{       
        text-align: center; 
}

pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}

code {font-size:1.0em;color: #000}

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 7px 2px 0; display: inline; background-color:#FFFFFF; }

.alignright { float: right; } 

.alignleft { float: left; }

.wp-smiley { border:none;}

.head img { border:none;}

img a { border:none;}

.archs li {background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}

#browse { background:url(images/browse.gif) left no-repeat; font-size:10px; padding:5px 0 5px 20px; margin:0 0 10px 6px;}


/*++++++ ENTRY ++++++++*/

.post {padding:5px 5px 10px 5px; width:570px; margin-bottom:10px; text-align:justify;}

.post p { padding-top:10px; line-height:140%;}

html>body .post ul { padding: 0 0 0 30px; padding-left: 10px; } 

html>body .post li { margin: 7px 0 8px 10px; }

.post ul li:before { content: "\00BB \0020"; }

.post ol { padding:0; margin:0;}

.post ol li { background:#fafafa; }

.post img {margin:0 10px 10px 10px;}

.head h2 { font:normal 11px Arial; color: #999999; margin-bottom:3px; padding-left:10px; background:url(images/dot.gif) repeat-x bottom; padding-bottom:2px; }

.post h2 { display:block; background: #FFFFFF url(images/arrow.gif) left no-repeat;padding:5px 5px 5px 25px; font:bold 14px Arial; color:#000; border-bottom:0px solid #999999;border-right:0px solid #999999;}

.post h2 a {color: #333;} 

.post h2 a:hover {color: #0033FF;}	

.infometa { width:560px; height:17px; margin-top:15px;}

.infometa span.permalink { text-indent:-9999px; float:left;}

.infometa span.permalink a { display:block; background:url(images/permalink.gif) no-repeat; width:444px; height:17px;}

.infometa span.comment2 a { font-size:10px; float:right; width:95px; height:17px; background:url(images/comment.gif) no-repeat; text-align:right; color:#fff; line-height:17px; padding:0 5px 0 0;}

p.tags { background:url(images/tags.gif) no-repeat 0 10px; border:none; padding-left:20px; font-style:italic; }

p.categories { background:url(images/categories.gif) no-repeat 0 10px; border:none; padding-left:20px; font-style:italic;}

p.postmetadata { padding:5px; background: #F3F2ED; margin:20px auto 0; border:1px solid #CCCCCC; width:550px; line-height:22px;  }

p.postmetadata a { border-bottom:1px dotted #666666; font-style:italic;}

p.postmetadata a:hover {background-color:#000000; color:#FFFFFF;}

.date {font-size:10px; margin:10px 0px 10px 0px; color:#999999;}



/*++++++ LOOP ++++++++*/

.loopleft { border:1px solid #f2f2f2; padding:5px; width:264px; margin-bottom:10px; float:left; min-height:210px; height:auto !important; height:210px; background:url(images/boxbottom.gif) repeat-x bottom;}

.loopright {border:1px solid #f2f2f2; padding:5px; width:264px; margin-bottom:10px; float:right;  min-height:210px; height:auto !important; height:210px; background:url(images/boxbottom.gif) repeat-x bottom;}

.loop h2 { display:block; background: #CCCCCC;  border-bottom:1px solid #999999;border-right:1px solid #999999;padding:5px; font:bold 14px Arial; color:#333; margin-bottom:2px; }

.loop h2 a { color:#000; border-bottom:none;}

.loop h2 a:hover {color:#990000;}

.loop p { line-height:140%;}



/*++++++ SIDEBAR ++++++++*/

#sidebar 
{ 
       width:390px; 
       float:right;
}

#sidebar a 
{
       color:#333333;
}

#sidebar a:hover 
{
       color:#0033FF;
}

#about h3 
{ 
        display:block; 
        background:#cccc99;  
        border-bottom:1px solid #999999;
        padding:5px; 
        margin-bottom:7px;
}

#about 
{ 
        line-height:140%; 
        width:350px; 
        padding:5px; 
        border:1px solid #f2f2f2; 
        margin-bottom:5px; 
        background:url(images/rssbck.gif) repeat-x top;}

#about p 
{ 
        padding-bottom:7px;
}


#sidebar1{ width:180px; float:left; padding:5px;}

#sidebar1 h2{ font-size:15px; color:#0066CC;font-weight:auto;}

#sidebar1 ul{list-style-type:none;}

#sidebar1 ul li{margin-left:10px;margin-top:20px;}

#sidebar1 ul li ul{font-style:normal;font-weight:bold;margin-top:10px;padding:0px;}

#sidebar1 ul li ul li{border:0;background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}

#sidebar1 p{padding:0 5px;}



#sidebar2{ width:180px; float:left; padding:5px;}

#sidebar2 h2{ font-size:15px;  color:#0066CC; font-weight:auto;}

#sidebar2 ul{list-style-type:none;}

#sidebar2 ul li{margin-left:10px;margin-top:20px;}

#sidebar2 ul li ul{font-style:normal;font-weight:bold;margin-top:10px;padding:0px;}

#sidebar2 ul li ul li{border:0;background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}

#sidebar2 p{padding:0 5px;}



/*++++++ SIDEBAR ADS ++++++++*/

#ads { width:350px; padding:10px; border:1px solid #f2f2f2}



/*++++++ TABBER ++++++++*/

#tab { background:url(images/tabberbottom.gif) no-repeat bottom; width:375px; height:12px;}

.tabberlive .tabbertabhide { display:none; }

.tabber { }

.tabberlive { }

ul.tabbernav { }

ul.tabbernav li { display: inline; }

ul.tabbernav li a { padding: 6px; height:26px; line-height:26px; margin-right: 10px; background: #F0F0F0; border:none; color:#FFFFFF; font-weight:bold; }

ul.tabbernav li a:link {color:#FFFFFF;}

ul.tabbernav li a:visited {color:#FFFFFF; }

ul.tabbernav li a:hover { color: #CCC; background: #F0F0F0; }

ul.tabbernav li.tabberactive a { background: #F0F0F0; }

ul.tabbernav li.tabberactive a:hover { color: #333; background: #F0F0F0; }

.tabberlive .tabbertab { padding:10px 10px 10px 10px; border-top:0; background:#FFFFFF; }

.tabberlive .tabbertab h2 { display:none; }

.tabberlive .tabbertab h3 { display:none; }

.tabbertab p { padding-bottom:10px;}

.tabbertab ul { }

.tabbertab ul li { padding:5px 0 6px 0; }

.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:20px; border-bottom:1px solid #fff;} 

.tabbertab ul li a { border:none;}



/*++++++ SUBSCRIBE ++++++++*/

.best {background:url(images/most.gif) no-repeat left; font-weight:normal; text-transform:uppercase;font-size:16px; border-bottom:1px solid #999999;margin-bottom:5px; padding:10px 0 5px 20px;}

#moostick li {font-size:16px; font-weight:bold; padding:5px; font-family:Arial; line-height:20px;}

#moostick li span {font-size:11px; font-family:Arial; color: #999999; border-bottom:1px dotted #999999;}

#moostick li a { color: #990000;}

#moostick li a:hover { color: #0033FF;}

#subscribe { line-height:140%; width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:10px; background:url(images/rssbck.gif) repeat-x top;}

#s2 {padding:2px 5px 2px 5px; width:230px; border:3px solid #D7D7D7;}

#subs {padding:1px; margin-left:5px;}



/*++++++ ACCORDION ++++++++*/

.toggler { }

#slider {padding:10px 10px 20px 10px;}

.mycat select {font-size:11px; margin-bottom:5px;}



/*++++++ WP2.5 Gallery ++++++++*/

.gallery {text-align:center;}

.gallery img {padding:2px; height:90px; width:90px;}

.gallery a:hover {background-color:#ffffff;}

.attachment {text-align:center;}

.attachment img { padding:2px; border:1px solid #999999;}

.attachment a:hover {background-color:#FFFFFF;}

.galnavtitle { text-align:center; color: #999999; text-transform:uppercase; font-size:10px;  background-color:#F3F2ED; height:15px; padding:5px; margin:5px 0 10px 0;}

.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;}



/*+++++++ COMMENT +++++++*/

.comen { width:550px; margin-bottom:10px;}

.cleft { float:left; width:60px; margin-top:10px;  }

.cright { float:right; width:460px; }

.comen .cright .ucomen{ font:11px Arial; text-transform:uppercase; color:#72b6cf;}

.comen .cright .ucomen a { color:#72b6cf;}

#commentform textarea { width: 390px; padding: 2px; }

#commentform label { display:block; float:left; width:100px; color: #0066CC; font:bold 15px Arial; text-align:right; padding-right:10px;}

#commentform #author,#commentform #email,#commentform #url { background:#fcfcfc; border:3px solid #f3f2ed; width:390px; height:27px; padding:5px 0 0 5px;}

#commentform #comment { background:#fcfcfc; border:3px solid #f3f2ed;}

#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; outline:none; }

 

/*++++++ FOOTER ++++++++*/

#footer { width:974px; background:#ff0000 url(images/bottom.gif) no-repeat; height:118px; margin:0 auto 20px;}

#footer p { line-height:36px; color:#ccc; padding-left:15px;}

#footer a { color:#FFFF99;}

#footer a:hover { color:#ffffff;}