/*  
Theme Name: GenkiTheme
Theme URI: http://ericulous.com/2007/05/21/wp-theme-genkitheme/
Description: Clean Soothing Fluid 3 Columns
Version: 1.4.1
Author: Genkisan
Author URI: http://ericulous.com/
Tags: white, fluid width, three columns, widgets
*/
body {
background:#EEEEEE url(http://www.iyangmulia.com/gambar/bbggbody.jpg) fixed;
color: #555;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 1.5;
margin: 15px 15px 0 30px;
padding: 0;
}
a {
color: #2175BC;
text-decoration: none;
}
a:hover {
color: #FF7400;
}
img {
border: 0;
}
h1, h2, h3 {
font-size: 1.5em;
font-family: "Trebuchet MS", Georgia, Tahoma, serif;
font-weight: normal;
letter-spacing: -1px;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
#wrap {
background-color: #ffffff;
border: 1px solid #ccc;
border-right: 2px solid #bbb;
border-bottom: 2px solid #bbb;
float: left;
margin: 0;
padding: 0 0 15px 0;
width: 99%;
}
#divStayTopLeft {
left:5px;
position:absolute;
top:15px;
list-style-type: none;
}
.sidetab {
}
.sidetab ul {
list-style-type: none;
margin: 0;
margin-top: 15px;
padding: 0;
}
.sidetab ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
list-style-type: none;
}
.sidetab a {
background: url(images/bg_sidetab.gif) no-repeat;
display: block;
height: 60px;
padding-bottom: 6px;
width: 25px;
}
.sidetab a:link, .navlist a:visited {
color: #555;
text-decoration: none;
}
.sidetab a:hover {
background: url(images/bg_sidetab.gif) no-repeat 0px -70px;
}
.sidetab .sidetab_alt a {
background: url(images/feed.gif) no-repeat;
height: 25px;
}
.sidetab .sidetab_alt a:hover {
background: url(images/feed.gif) no-repeat 0px -35px;
}
#NavbarMenu {
	background: url(http://www.iyangmulia.com/gambar/bgmenuatas.gif) repeat-x;
	width: 99.8%;
	height: 29px;
	color: #000000;
	margin: 0 auto 0;
	padding: 0;
	margin-botom: -10px;
	font: bold 10px Arial, Tahoma, Verdana;
        border-top:0px solid #c0c0c0;
        border-right:1px solid #c0c0c0;
        border-left:1px solid #c0c0c0;
        border-bottom:1px solid #c0c0c0;
       }

#NavbarMenuleft {
	width: 99.5%;
	float: left;
	margin: 0;
	padding: 0;
}

#nav {
	margin: 0;
	padding: 0;
}
#nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
	color: #000000;
	display: block;
	margin: 0;
	padding: 9px 10px 8px;
	font: bold 11px Verdana, Georgia, Times New Roman;
        border-right:1px solid #fff;
}
#nav li a:hover, #nav li a:active {
	background:#445566;
	color: #ffffff;
	margin: 0;
	padding: 9px 10px 8px;
	text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
        background:#cfcce7;
	width: 150px;
	color: #000;
	text-transform: lowercase;
	float: none;
	margin: 0;
	padding: 7px 5px;
	border-bottom: 1px solid #afcaee;
        border-left: 1px solid #afcaee;
        border-right: 1px solid #afcaee;
	font: normal 14px Georgia, Times New Roman;
        }

#nav li li a:hover, #nav li li a:active {
        background:#c4d5ec;
	color: #000;
	padding: 7px 5px;
        }

#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0;
	padding: 0;
}
#nav li ul a {
	width: 140px;
}
#nav li ul ul {
	margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	position: static;
}
/* Posts */
#contentwrapper{
float: left;
width: 100%;
}
#content {
font-size: 1em;
margin-right: 440px;
overflow:hidden;
padding: 15px 20px 10px 20px;
}
.entrytitle h2 {
clear: both;
font-size: 1.8em;
line-height: 1em;
margin:0 0 5px 0;
border:1px solid #dcdcdc;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0px;
background: #eaf3fd url(http://4.bp.blogspot.com/_KtTnhDcKRRE/SzzLkk-Xi-I/AAAAAAAAAFU/T_TZAWlpIo4/s320/Column-Chart-32x32.png) no-repeat scroll 10px 1px;
padding:5px 0px 4px 45px;
}
.entrytitle h2 a {
color: #444444;
}
.entrytitle h2 a:hover {
color: #58BBEB;
}
.entrytitle h3 {
color: #999;
font-size: 1.3em;
line-height: 1em;
margin:0;
border:1px dotted #dcdcdc;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
padding:5px 0px 4px 10px;
}
.post {
margin-bottom: 3em;
}
.post blockquote {
color: #666;
margin: 0 30px 20px 30px;
padding: 0 0 0 10px;
border: 2px solid #fff;
border-left: 2px solid #C3D9FF;
}
.entrymeta {
clear: both;
margin-top: 1em;
}
.commentmeta {
background: url(images/comment.gif) no-repeat;
padding-left: 20px;
}
.commentrss {
background: url(images/rss.gif) no-repeat;
margin-left: 30px;
padding-left: 20px;
}
.navigation {
padding-bottom: 20px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.centered {
display: block;
margin: 0 auto;
}
.sticky {
background: #fffff0;
}
/* Sidebar */
#sidebar_left {
float: left;
margin-left: -440px;
padding-top: 10px;
width: 200px;
}
#sidebar_right {
float: left;
margin-left: -220px;
padding-top: 20px;
width: 200px;
}
#sidebar_bottom {
float: left;
margin-left: 0px;
padding-top: 10px;
width: 440px;
}
.sidebar {
font-size: 0.85em;
}
.sidebar h2 {
color: #FF7400;
font-size: 1.6em;
margin: 1em 0 0 0;
text-align: left;
border:1px solid #dcdcdc;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0px;
background: #eaf3fd url(http://2.bp.blogspot.com/_KtTnhDcKRRE/SzzIcvP54YI/AAAAAAAAAE8/7ucgSs54rq4/s200/Twitter_32.png) no-repeat scroll left center;
padding:5px 0px 4px 32px;
}
.sidebar a {
color: #0099FF;
font-weight: bold;
}
.sidebar a:hover {
color:#FF7400;
}
.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li {
background: #fafafa url(http://2.bp.blogspot.com/_CO9lGYF0lME/Sz8EyBPA1VI/AAAAAAAAAAk/IDh699rBUQg/s200/su.png) no-repeat scroll 0px 5px;
border-bottom: 1.5px dotted #ddd;
margin-bottom: 0.3em;
padding:5px 0px 5px 23px;
}
.sidebar ul li ul{
list-style-type: square;
margin-left: 1.5em;
padding: 0;
border: 0;
}
.sidebar ul li ul li {
border:0;
}
.searchinput {
border: 1px solid #C3D9FF;
padding: 3px;
width: 145px;
}
.searchbutton {
border: 1px solid #C3D9FF;
margin:0 ;
padding: 2px;
}
#aboutme {
margin-top: 15px;
min-height: 80px;
}
/* for Internet Explorer */
/*\*/
* html #aboutme {
height: 80px;
}
/**/
#aboutme ul li{
background-color: #fff;
border: 0;
}
#aboutme img{
border: 0;
float: left;
padding-right: 15px;
}
#navcontainer {
margin: 0 0 15px 0;
font-weight: bold;
width: 200px;
border-top: 0px dotted #ddd;
}
#navcontainer ul {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type: none;
margin-left: 0;
padding-left: 0;
letter-spacing: 1px;
}
#navcontainer ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}
#navcontainer a {
background: url(http://www.iyangmulia.com/wp-content/uploads/2009/11/edit241.png) no-repeat;
border-bottom: 0px solid #eee;
font-weight: bold;
display: block;
height: auto;
min-height: 20px;
padding: 7px 3px 3px 35px;
width: 160px;
}
/* for Internet Explorer */
/*\*/
* html #navcontainer a{
height: 20px;
}
/**/
#navcontainer a:link, .navlist a:visited {
color: #4096EE;
font-weight: bold;
text-decoration: none;
}
#navcontainer a:hover {
color: #ffe;
font-weight: bold;
background: #4FB2FF url() no-repeat;
}
#logo h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 28px;
border: 1px solid #cccccc;
font-weight: bold;
letter-spacing: -3px;
margin: 0;
}
#logo h3 a{ 
color: #CDEB8B;
}
#logo h3 a:hover {
color: #FF7400;
}
#logo h3 a.logoalt {
color: #4096EE;
}
#logo h3 a.logoalt:hover {
color: #FF7400;
}
/*IMS Answer*/
.IMS {
background:#445566;
border:2px dotted #000000;
color:#ffffff;
padding:10px 10px 10px 10px;
}
.IMS:hover {
background: #ffffff;
color: #000000;
}
/* Comments */
.commentsblock textarea {
width: 35em;
}
.commentsblock input, .commentsblock textarea {
border: 1px solid #d1d1d1;
}
.commentsblock textarea:focus {
background: #eee;
border: 1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus {
background: #eee;
border: 1px solid #a1a1a1;
}
ol.commentlist {
color: #666;
list-style-type: none;
margin: 0;
margin-top: 1.5em;
padding: 0;
}
.commentlist li {
margin-bottom: 2em;
padding: 0.5em 1em;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-left: 10px;
background: #fff;
}
.alt1, .thread-even {
background: #f9f7ed;
border: 1px solid #f9f7ee;
padding: 0.5em;
border-left: 10px solid #CDEB8B;
}
.alt2, .thread-odd {
background: #f9f7ed;
padding: 0.5em;
border: 1px solid #f9f7ee;
border-left: 10px solid #C3D9FF;
}
h3#comments {
font-size: 1.6em;
}
.commentsnavigation {
padding: 20px 0 30px 0;
}
.commentlist ul.children li {
background-color: #e3e3e3;
border: 1px solid #efefef;
list-style: none;
margin-top: 20px;
}
.commentlist ul li.depth-2 {
background-color: #f1f1f1;
}
.commentlist ul li.depth-3 {
background-color: #ececec;
}
.commentlist ul li.depth-4 {
background-color: #e8e8e8;
}
.commentlist ul li.depth-5 {
background-color: #e3e3e3;
}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
    padding: 15px 0 0 0;
    width:200px;
    color: #993300;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}
a.tt:hover span.top{
    display: block;
    padding: 30px 8px 0;
   background: url() no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
    display: block;
    padding: 0 8px; 
   background: url() repeat bottom;
}
a.tt:hover span.bottom{
    display: block;
    padding:3px 8px 0px;
    color: #548912;
   background: url() no-repeat bottom;
}
/* Footer */
#footer {
color: #999;
float: right;
margin: 3px 0 0 0;
padding: 0 0 2px 0;
padding-right: 10px;
}
/* Sitemap */
.ddsg-sitemap ul{
margin: 0;
padding: 0;
}
.ddsg-sitemap ul li {
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}
.ddsg-sitemap ul li ul{
list-style-type: none;
margin: 15px;
padding-left: 20px;
}
.ddsg-sitemap ul li ul li{
font-weight: normal;
list-style-type: circle;
}
.linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.linkopacity:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
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;	
}
/* 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 */