/*  
Theme Name: Limau Orange
Theme URI: http://www.blogohblog.com/
Description: Limau Orange is a 3 columns Wordpress theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 0.1
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

body { font-family:'Verdana'; font-size:10px; }
#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#555; margin:0 auto; }
#header { height:86px; 
width:980px;  background:url(images/suai_village.jpg) no-repeat left top;
position:relative; color:#000; margin-bottom:5px; 
/*float:left;*/ 
padding:0; }
#header h1 {
	text-indent:10px;
	margin:0;
	padding:50px 0px 0px 0px;
	color: #FFFFFF;
	font-size:26px;
}
#header h1 a { display:block; height:35px; color:#FFFFFF;}
#search { margin-top:30px; float:right; padding:0; }
input#searchsubmit { /*background:#cccccc; border:2px solid #333333; color:#333; font-size:13px;*/ }
a:hover { text-decoration:none; color:#555353; border:none;  }
.left { float:left; width:200px; border:3px solid #f3f3f3; margin:10px 0; padding:10px; }
.right { float:right; width:170px; border:3px solid #f3f3f3; margin:10px 0; padding:10px; } 
.right img { border:0; display:block; /*margin-left:auto; margin-right:auto;*/ }
.middle { margin-top:10px; line-height:18px; margin-left:10px; float:left; width:710px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:11px; }
.middle h2 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }
.middle img { border:4px #eee solid; }
.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }
.ads img { border:0; text-align:center; }
img.wp-smiley { border:0; padding:0; }
#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px;
background-color:#eeeeee; }
div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }
div.br { height:5px; clear:both; }
.alignright { float:right; } 
.alignleft { float:left; } 
.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:3px; }
.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; } 
input {font-size: 10px;	border-width:1px; color:black; background-color:#FFFFFF;}
input#submit { background:#fc6; border:1px solid #f93; color:#fff; font-size:10px; }

ol.commentlist { margin:0 0 1px; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }
ol.commentlist li.commenthead { list-style:none; margin:0; } 
ol.commentlist li.commenthead h2 { margin:0; }
/*span { background:#FFC; }*/
.addthis { float:right; clear:both; }
a:link,a:active,a:visited { text-decoration:none; color:#416e90; border:none; }
.left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.left ul li ul li :hover { border-bottom:#ccc 1px solid;}
.right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.right ul li ul li :hover { border-bottom:#ccc 1px solid;}
div.hr hr,div.br br { display:none; }
.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }
.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; } 
.middle2 :hover,.middle3 :hover { background:#fafafa; }
.ucomment img,.addthis img { border:0; }

/* top menu */

/*		------	:hover simulator for IE		------		*/
body { behavior:url(csshover.htc); }

/*		------	Basic style	top_menu------		*/

#top_menu {
	margin-left:0px;
	margin-top:0px;
/*	position:absolute; */
	z-index: 98;
	

}

#top_menu  ul li ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	z-index: 90;
}

#top_menu ul li li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 97;
	/*width: 106px;*/
}


#top_menu ul li a {
	float: left;/* \*/float: none;/*  */
	display: inline;
	/*width: 152px;*/
	height: 18px;
	z-index: 91;
	font-weight:bold;
}

#top_menu ul li li ul {
	visibility: hidden;
	position: absolute;
	z-index: 92;
}

#top_menu ul li li ul li {
	/*width: 152px;*/
	display: block;
	float: left;
	position: static;
	z-index: 93;
}
html>body #top_menu ul li li ul li {
	float: none;
	position: relative;
	z-index: 94;
}

#top_menu ul li li ul li:hover {
	position: relative;
	}

/* fix the position */
#top_menu ul li li ul li ul {
	top: 0;
	left: 100%;
	z-index: 95;
}


#top_menu  ul li form {
	margin: 0;
	padding: 0px 0px 0px 20px;
	float:right;
	
}

#top_menu  ul li input {
	font-size: 9px;
	font-weight:normal;
	font-style:normal;
	border-width:1px;
	color:black;
	background-color:#FFFFFF;
	
	
	
}



/* simulate child selector for IE */
div#top_menu ul li li:hover ul, #top_menu li:hover li:hover ul, #top_menu li:hover li:hover li:hover ul {
	visibility: visible;
}
#top_menu ul li li:hover li ul, #top_menu li:hover li:hover li ul, #top_menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity */
#top_menu ul li ul#top_menuList li:hover > ul {
	visibility: visible;
}

/*		------   Make-up	--------			*/

#top_menu {
	font-family: arial,helvitica,sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	display: block;
	/*height: 1.3em;*/
	padding: 2px 2px 2px 2px;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;

	/*background-color: #fff;*/
	width:970px; 
	background: #aaaaaa;
	height: 16px;
}


#top_menu ul li a{
	color: #ffffff;
	/*background-color: #416e90;*/
	text-decoration: none;
	
}

#top_menu ul li li a {
	/*border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: none;*/
	padding: 5px 5px 5px 5px;
	
}

#top_menu ul li li li a {
	/*border-top: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	padding: 4px 5px 4px 5px;
	white-space:nowrap;
}

#top_menu ul li li li {
	/*width: 135px;*/
}

#top_menu ul li li:hover {
	color: #f00;
	background-color: #669999;
	border-color: #fff;
}


#top_menu ul li li:hover > a {
	color: #fff;
/*	background-color: #669999;*/
}
#top_menu ul li a:hover {
	color: #fff;
	/*background-color: #669999;*/
}

#top_menu ul li li ul {
	text-align: left;
	background: #aaaaaa;
	/*width: 105px;*/
}

#top_menu ul li li:hover ul {
	/*background-color: #fff;*/
}




/*		------   Fixes	for buggy browsers	--------			*/

* html #top_menu ul li li li a {
white-space:nowrap;
	/*width: 105px;*/
}

#top_menu ul li a {
	border-bottom: 1px none;
	text-decoration: none;
	white-space:nowrap;
}
#top_menu ul li a:hover {
	border-bottom: 1px none;
	text-decoration: none;
}

#top_menu ul {
     /*display: inline;*/
     list-style-type: none;
     list-style-image:none;
     margin:0; 
	 text-align: center;
	 }
	 
#top_menu ul li{
     display: block;
	 float:left;
     padding: 0px 0px; }	 

#footerlinks {
	display: block;
	width:870px;
	text-align:center;
	padding: 0px 0px 0px 120px;
}
#footerlinks ul {
     display: inline;
     list-style-type: none;
     list-style-image:none;
     margin:0; 
	 text-align: left;
	 }
	 
#footerlinks li {
     display: block;
	 float:left;
      list-style-type: none;
     list-style-image:none;
	 padding: 0px 5px; 
	 position:relative;
	width:190px;
	font-weight:bold;}
	 
#footerlinks li li, #footerlinks li li li {
     display: block;
     padding: 0px 5px;
	 font-weight:normal; }	 

.wordtube {text-align:center;}

#tagcloud {text-align: center;
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
margin: 1px 10px 1px 1px;
}

#tagcloud a{
	margin: 2px 2px 2px 2px;
	padding: 10px 0 10px 0;
	line-height: 25px;
	color:#cc0033;
	/*display: block;*/

}

#top_menu ul li li.topleft { float:left;    
	margin: 0px 160px 0px 0px;
	
}
.topright { float:right;  } 
.topmiddle { float:left;  }