/* 
	Theme Name	: Indonesian
	Theme URL	: http://www.webdesignsurabaya.com/portfolio/indonesian.html
	Description	: Indonesian.Im Appearance
	Author		: Web Design Surabaya
	Author URI	: http://www.webdesignsurabaya.com
	Version		: 1.0
	
*/
/* Reset browser defaults */
@import url('reset.css');
/* End of Reset browser defaults */
 .ui-tabs-hide{
  display:none;
 }

/* General */
body{
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 background-color:#f1f1f1;
 font-family: Arial, Helvetica, sans-serif;
}
a{
 text-decoration:none;
 outline:none;
}
img, img a{
 border: 0px solid #f0f0f0;
}
blockquote{
 font-style: italic;
}
.clear{
 clear: both;
}
.left{
 float:left;
}
.right{
 float:right;
}
.justify{
 text-align:justify;
}
.wrapper{
 width:960px;
 margin:0 auto;
}
/* End of General */
/* Header */
#header{
 width:920px;
 height:60px;
 margin:60px auto 20px;
}
#header .left{
 width:185px;
 height:60px;
}
#header .left .A{
 width:20px;
 height:60px;
 background:url(images/bg_leftheader_01.png) no-repeat left top;
}
#header .left .B{
 width:165px;
 height:60px;
 background:url(images/bg_leftheader_02.png) repeat-x left top;
}
#logo a{
 width:155px;
 height:40px;
 background:url(images/logo.jpg) no-repeat left center;
 margin:10px 10px 10px 0px;
 display:block;
 text-indent:-9999px;
}
#header .right{
 width:735px;
 height:60px;
}
#header .right .A{
 width:715px;
 height:60px;
 background:url(images/bg_rightheader_02.png) repeat-x left top;
}
#header .right .B{
 width:20px;
 height:60px;
 background:url(images/bg_rightheader_01.png) no-repeat left top;
}
ul#navmenu{
 list-style:none;
 float: right;
 width: 420px;
 margin-right: 20px;
 position: relative;
 z-index: 100000;
}
ul#navmenu li{
 float: left;
}
ul#navmenu li a{
 font-size:12px;
 line-height:60px;
 color:#ffffff;
 padding:0 20px;
 display: block;
}
ul#navmenu li.hover,
ul#navmenu li:hover{
 opacity: 0.8;
 position: relative;
}
ul#navmenu li a:hover{
 background:url(images/bg_menu_hover.png) repeat-x center bottom;
 padding:0 20px;
 display:block;
 opacity: 1.0;
}
ul#navmenu a{
 color: #ffffff;
}
ul#navmenu ul{
 width: 120px;
 visibility: hidden;
 position: absolute;
 background-color: #000000;
 list-style: none;
 top: 100%;
 left: 0;
 opacity: 1.0;
 z-index: 1000;
}
ul#navmenu ul li{
 float: none;
}
ul#navmenu ul li a{
 width: 100px;
 padding: 0px 0px 0px 20px;
 display: inline-block;
 height: 30px;
 line-height: 30px;
 border-bottom: 1px solid #555555;
}
ul#navmenu ul li:hover{
 opacity: 1.0;	
 margin: 0px;
}
ul#navmenu ul li a:hover{
 width: 100px;
 padding: 0px 0px 0px 20px;
 opacity: 1.0;
}
ul#navmenu ul ul{
 background-color: #111111;
 left: 100%; 
 top: 0;
}
ul#navmenu li:hover > ul {
 visibility: visible;
}
ul.children{
 margin: 0px;
}
/* End of Header */
/* Featured */
#featured{
	width:920px;
	height:300px;
	margin:0 auto;
	-moz-border-radius: 10px 10px 10px 10px;
 background-color:#ff9900;
}
	ul#portfolio{
		list-style: none;
	}
	ul#portfolio li img{
		-moz-border-radius: 10px 10px 10px 10px;
	}

/* End of Featured */

/* News Ticker */
#newsticker{
	width:920px;
	height:30px;
 margin:20px auto;
}
	#nt_left{
		width:15px;
		height:30px;
		background:url(images/bg_tickernews_left.png) no-repeat left top;
	}
	#nt_center{
		width:890px;
		height:30px;
		background:url(images/bg_tickernews_center.png) repeat-x left top;
	}
	#nt_right{
		width:15px;
		height:30px;
		background:url(images/bg_tickernews_right.png) no-repeat right top;
	}

#newsticker h3{
	font-size:11px;
	line-height:30px;
	color:#ff0101;
	text-transform:uppercase;
	margin-right:5px;
	letter-spacing: .75px;
}
/* jQuery Newsticker */
#news{
	list-style: none;
	height: 30px;
	font-size: 11px;
}
#news li{
	letter-spacing: .75px;
	color: #9b9b9b;
}
#news li a{
	color: #d8d8d8;
}
#newsticker li a:hover{
	color: #ff9900;
}
.newsticker {
	list-style-type: none;
	line-height: 30px;
	margin: 0;
}
/* end of jQuery Newsticker */
/* End of Newsticker */
/* Content */
#index, #content, #mine{
 width:920px;
 margin:20px auto;
}
#index .left, #index .center, #index .right{
 width:260px;
 height:220px;
 padding:20px;
 background:url(images/bg_content.png) no-repeat left top;
 display:block;
}
#index .left, #index .right{
 margin:0;
}
#index .center{
 margin:0 10px;
}
#index .left #imgbox, #index .center #imgbox, #index .right #imgbox{
 width:220px;
 height:100px;
 margin-bottom:10px;
}
#overview{
 width:260px;
 height:80px;
}
#overview h2.indextitle a{
 font-size:14px;
 line-height:18px;
 color:#000000;
 margin-bottom:3px;
}
#overview h2.indextitle a span, #index .right h2.indextitle a span{
 color:#fe0000;
}
#index .right h2.indextitle a{
 font-size:14px;
 line-height:18px;
 color:#000000;
}
#index .right #imgbox{
 margin-top:5px;
}
#overview p.entry, #overview p.entry a{
 font-size:12px;
 line-height:14px;
 color:#2a2929;
}
.readmore{
 width:260px;
 height:18px;
 margin:0 auto;
}
.readmore p{
 font-size:11px;
 line-height:16px;
 text-align:right;
}
.readmore p a{
 color:#1784ff;
}
#content .top{
 height:20px;
 background:url(images/bg_widecontent_top.png) no-repeat left top;
}
#content .center{
 background:url(images/bg_widecontent_center.png) repeat-y left top;
 overflow:auto;
}
#story, #subcat, #single{
 width:880px;
 margin:0 auto;
}
#storyimage{
 width:880px;
 height:340px;
 margin:0 auto 20px;
 background:url(images/story_behind.jpg) no-repeat left top;
}
#subcat .left, #single .left{
 width:305px;
 padding-bottom:20px;
}
#subcat .right, #single .right{
 width:555px;
 margin-left:20px;
 padding-bottom:20px;
}
#subcatimage{
 width:305px;
 height:571px;
 margin:0 auto;
 background:url(images/image_subcat.jpg) no-repeat left top;
}
#singleimage{
 width:305px;
 margin:0 auto;
}
#content .bottom{
 height:20px;
 background:url(images/bg_widecontent_bottom.png) no-repeat left top;
}
h2.title, h2.title a, h3.title, h3.title a,
h4.title, h4.title a{
 line-height:30px;
 color:#2a2929;
 margin-bottom:20px;
 font-weight:normal;
}
h2.title span, h2.title a span, h3.title span, h3.title a span,
h4.title span, h4.title a span{
 color:#7b7b7b;
 font-weight:normal;
}
h2.title, h2.title a{
 font-size:30px;
}
h3.title, h3.title a{
 font-size:24px;
}
h4.title, h4.title a{
 font-size:16px;
}
.attachment-thumbnail, #licolor li img{
 border: 1px solid #cccccc;
}
.entry{
 font-size:12px;
 line-height:20px;
 color:#3c3c3c;
 padding-bottom:20px;
}
#liproducts, #licolor{
 width:555px;
 list-style:none;
}
#liproducts li, #licolor li{
 margin:0px 15px 15px 0px;
 float:left;
}
#liproducts li:nth-child(3n), #licolor li:nth-child(6n){
 margin-right:0px;
}
#liproducts li a, #licolor li a{
 border:0px solid #000000;
}
#liproducts li{
 width:175px;
 height:120px;
}
#licolor li{
 width:80px;
 height:80px;
}
#mine .top{
 height:20px;
 background:url(images/bg_mytourmax_top.png) no-repeat left top;
}
#mine .center{
 background:#cecece url(images/bg_mytourmax_center.png) no-repeat left top;
 overflow:auto;
}
#mine .bottom{
 height:20px;
 background:url(images/bg_mytourmax_bottom.png) no-repeat left top;
}
#mine .center .left{
 width:410px;
}
#mineimage{
 width:390px;
 height:340px;
 background:url(images/mine.jpg) no-repeat left top;
 margin:0 20px;
}
#mine .center .right{
 width:490px;
}
#mine .center .right p{
 padding-top: 10px;
 line-height: 20px;
 clear: both;
}
#mine .center .right p span.Judul{
 width: 180px;
 float: left;
 font-weight:bolder;
}
#mine .center .right p span.Isi{
 width: 310px;
 float: right;
 display: block;
}
#mine .center .right p span.Judul, #mine .center .right p span.Isi a{
 font-size:14px;
 line-height:24px;
 color:#303030;
}
#mine .center .right p span.Isi a:hover{
 text-decoration:underline;
}
/* End of Content */
/* Sidebar */

/* End of Sidebar */
/* Footer */
hr{
 border-top:1px solid #a5a5a5;
}
#footer{
 width:920px;
 min-height:80px;
 margin:20px auto 0;
}
#footer .left{
 width:710px;
}
#footmenu{
 list-style:none;
 margin-left:10px;
}
#footmenu li{
 font-size:10px;
 line-height:18px;
 float:left;
 padding:0 10px;
 background:url(images/divider.png) no-repeat right center;
}
#footmenu li:last-child{
 font-size:10px;
 line-height:18px;
 float:left;
 padding:0 10px;
 background:none;
}
#footmenu li a{
 color:#2a2929;
}
#footmenu li a:hover{
 color:#ff0101;
}
#footer .right{
 width:210px;
}
#copyright{
 width:168px;
 height:50px;
 margin:0 auto;
 background:url(images/logo_footer.jpg) no-repeat left top;
 display:block;
}
/* End of Footer */