/*

Theme Name: Default Ranchmarket

Theme URI: http://ranchmarket.co.id/

Description: The default ranchmarket theme 2010

Author: Thinkingpipe

Author URI: http:/Thinkingpipe.com/





*/











@font-face {

    font-family: "BASENINE";

    src: url('basenine-webfont.eot');

	src: local('?'), url('basenine-webfont.woff') format('woff'), url('basenine-webfont.ttf') format('truetype'), url('basenine-webfont.svg#webfont') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

    font-family: "GARAGEGB";

    src: url('garagegb-webfont.eot');

	src: local('?'), url('garagegb-webfont.woff') format('woff'), url('garagegb-webfont.ttf') format('truetype'), url('garagegb-webfont.svg#webfont') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

    font-family: "GARAGEGR";

    src: url('garagegr-webfont.eot');

	src: local('?'), url('garagegr-webfont.woff') format('woff'), url('garagegr-webfont.ttf') format('truetype'), url('garagegr-webfont.svg#webfont') format('svg');

	font-weight: normal;

	font-style: normal;

}







body{

	margin:0;

	padding:0;

	background:url(images/top-body.jpg) repeat-x;

	font-size:12px;

	line-height:18px;

	font-family: Helvetica, Arial, sans-serif;

	color:#333;

}
body .icon {background:url(images/chines.jpg) repeat-x; width:100px; height:200px;}



::selection { background: #534741; color: white; }

::-moz-selection { background: #534741; color: white; }





.left{ float:left; } /**/ .right{ float:right; } /**/ .clear{ clear:both; } /**/ .hidden{ display:none; } /**/ .clear-left{ clear:left; }



img{ border:none; }



a{ text-decoration:none; color:#534741; }

a:hover{ color:#999; }

:focus{ outline:none; }

p{ margin:0 0 15px; }



p.date{ font-size:11px; color:#29A7DE; margin:0 0 5px; }



h1, h2, h3, h4{ margin:0 0 10px; padding:0; font-weight:normal; }



h3.post-title{ font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:26px; }



h5{margin:0; padding: 5px 0 10px; color:#716555; font-size:24px;font-family:"GARAGEGB",Arial, Helvetica, sans-serif; }



.NP{ padding:5px 8px; background:#fff; border-top:1px solid #524841; border-right:1px solid #524841; border-bottom:2px solid #524841; border-left:2px solid #524841; display:block; }

/* image */



.image-right{ float:right; margin:0 0 20px 10px; }

.image-left{ float:left; margin:0px 20px 20px 0; }



.entry h2, .entry h3{ color:#649d0e; }

tr, td{ padding:5px; }

tr, td{ border-bottom:1px solid #c5c5c5; }

table{ margin: 0 0 5px; }



.trans-text{ text-transform:uppercase; }

.marg-bot{ margin-bottom:5px; }

.font10{ font-size:11px; }



/* structure */



#top-bar{

	width:965px;

	height:35px;

	margin:0 auto;

	padding:0;

	font-size:14px;

	font-family:"BASENINE",Verdana,Arial,"Bitstream Vera Sans",sans-serif;

	position:relative; left:6px;

}



	#top-bar ul{

		margin:0;

		padding:0;

		list-style:none;

		display:inline;

		height:34px;

	}

	

	#top-bar ul li{

		float:left;

		border-left:1px solid #fff;

	}

	

	#top-bar ul li.strip{

		float:left;

		border-left:1px solid #fff;

		height:33px;

	}

	

	#top-bar ul li a{

		padding:12px 10px 3px;

		color:#fff;

		display:block;

		

	}

	



	

	

#top-bar ul li.on a,#top-bar ul li:hover > a {

		background:#fff;

		color:#736357;

}	



#top-bar ul ul li{

	border-bottom:2px solid #5A6E25;

}



#top-bar ul ul li a{

	padding:2px 5px;

	color:#736357;

}

	

#top-bar ul ul li:hover a, #top-bar ul li:hover li a {



	border: none;

	color: #736357;



}

#top-bar ul ul a:hover {

	background: #fff !important;

	color:#241709 !important;



}



/* dropdown */

#top-bar ul li:hover > ul {

	display: block;

}



/* level 2 list */

#top-bar ul ul {

	display: none;

	margin: 0;

	padding: 5px;

	width: 185px;

	position: absolute;

	top: 90%;

	left: 1;

	background: #fff;

	color:#000;

	margin-left:-1px;

	height:auto;

	z-index:9999;



}

#top-bar ul ul li {

	float: none;

	margin: 0;

	padding: 0;

}



#top-bar ul ul a {

	font-weight: normal;

}



/* level 3+ list */

#top-bar ul ul ul {

	left: 181px;

	top: 80px;

}







/* clearfix */

#top-bar ul:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

#top-bar ul {

	display: inline-block;

} 

	



	

	

	

	

	

#header.home{

	width:950px;

	margin:1px auto 0;

	background:url(images/head-bg.png) no-repeat left;

	height:156px;

}



#header.page{

	width:950px;

	margin:1px auto 0;

	background:url(images/head.jpg) no-repeat left;

	background-position:0 -1px;

	height:142px;

}



	#logo{

		width:284px;

		height:121px;

		float:left;

		margin-left:0px;

	}

	

	#social{

		float:right;

		width:230px;

		margin-right:20px;

		margin-top:12px;

	}
	
	#social .button{ margin:12px 0 0; text-align:right; letter-spacing:15px; font-size:0; padding-right:7px; }
	#social .button ul{ margin:0; padding:0; list-style:none; }
	#social .button ul li{ float:left; display:inline; width:50px; height:50px; margin:0 10px 0 14px; text-align:center; font-size:0; text-indent:-999px; }
	#social .button ul li a{ display:block; width:50px; height:50px; }
	#social .button ul li img{ display:none; }
	
	#social .button ul li.fb{ background:url(images/fb.png) no-repeat top; }
	#social .button ul li.fb:hover{ background:url(images/fb.png) no-repeat bottom; }
	#social .button ul li.tw{ background:url(images/twitttt.png) no-repeat top; }
	#social .button ul li.tw:hover{ background:url(images/twitttt.png) no-repeat bottom; }
	#social .button ul li.feed{ background:url(images/RSS.png) no-repeat top; }
	#social .button ul li.feed:hover{ background:url(images/RSS.png) no-repeat bottom; }
	

		#search{

			background:url(images/bg-search.png) no-repeat;

			background-position:0 3px;

			height:28px;

			width:223px;

			padding-left:3px;

			margin-bottom:5px;

			margin-top:15px;

		}

		

		/*.search-box{ width:151px; padding:3px 3px 2px; height:20px; border:1px solid #736357; position:relative; top:-7px; }*/ 

		.search-box{ width:157px; height:22px; line-height:25px; text-indent:3px; border:1px solid #736357; position:relative; top:-1px; }

		.search-button{ width:62px; *width:57px; height:25px; *height:27px; line-height:25px; text-align:center; background:#736357; border:1px solid #736357; *border:none; color:#fff; cursor:pointer; }

		

#slider{ width:917px; margin:0 auto; background:url(images/bg-slide.png) no-repeat center; background-position:0px 1px; padding-left:3px; padding-top:11px; }		





#content{

	/*background:url(images/bg-content.jpg) no-repeat center top;*/

	width:917px;

	margin:0 auto 0;

}



.height-bantu{ height:725px; }



.grid-left-home{

	width:190px;

	float:left;

}



.grid-center-home{ width:511px; float:left; }

	.grid-center-home #homemenuwrap{ position:relative; top:36px;}
	#homemenuwrap ul#home-menu{ margin:0; padding:0; list-style:none; clear:both; background:url(images/Copy-of-box-6.jpg) no-repeat; }
	#homemenuwrap ul#home-menu li{ float:left; width:252px; height:242px; font-size:0; text-indent:-9999px; }
	#homemenuwrap ul#home-menu li a{ width:252px; height:242px; display:block; }



.grid-right-home{

	width:203px;

	float:right;

}



#isi-full{

	width:100%;

	background:url(images/isi-bawah.jpg) repeat-x bottom;

}



#content-page{

	width:950px;

	margin:0 auto;

	min-height:600px;

}



.post{ padding:0 10px; margin-bottom:35px; }



	ul.related_post{

		margin:0;

		padding:0;

		list-style:none;

	}

/* sidebar content */

#left-side-content{ width:256px; float:left; }



ul.side-bar{ margin:0; padding:0; list-style:none; width:256px; font-size:20px; letter-spacing:0.5px; font-family:"GARAGEGB",Arial, Helvetica, sans-serif; }

ul.side-bar li{  background:url(images/repeat_list.png) repeat-y; width:206px; line-height:28px; padding:0 30px 0 20px; }

ul.side-bar li a:hover, ul.side-bar li.on a{ color:#80A33F; }



ul.side-bar li.indent{ text-indent:10px; }





/* content isi */

#content-isi{ width:675px; float:right; padding-top:30px; }

#content-isi h2.title{ background:url(images/bg-title.png) no-repeat; width:635px; height:65px; color:#fff; padding:28px 30px 22px; font-size:50px; letter-spacing:1px; font-family:"GARAGEGR",Arial, Helvetica, sans-serif; }



.col{ padding:0 10px; }





ul.thumb{ margin:0; padding:0; list-style:none; border-top:2px dashed #A48F80; padding-top:10px; }

ul.thumb li{ float:left; border-right:2px dashed transparent; width:24%; text-align:center; }



ul.thumb.knn li{ border-right:2px dashed #A48F80; width:24%; }

ul.thumb.knn .nov li { border-right:2px dashed #A48F80; width:40%; }

ul.thumb.knn li.none{ border-right:none; }



/* resep list page */

ul.reseplist{ width:225px; float:left; margin:0px 0 0 0; padding:0; list-style:none; }

ul.reseplist li{ padding:5px 10px;border-bottom:1px dashed #A48F80;border-right:1px dashed #A48F80;border-left:1px dashed #A48F80; position:relative; top:-1px; text-transform:uppercase; }





/* organic */

ul.organic{ width:485px; height:490px; margin:0 auto; padding:10px 10px 10px 15px; list-style:none; background:url(images/organic-menu-page.jpg) no-repeat; font-size:0; text-indent:-9999px; }

ul.organic li { width:486px; height:162px; }

ul.organic li a{ width:486px; height:162px; display:block; }



ul.organic2{ width:510px; height:54px; margin:0 auto; padding:0; list-style:none; background:url(images/organic-kaki.png) no-repeat }





/* myth-and-facts */

.border-dashed{ border-bottom:1px dashed #534741; padding:10px 0; margin:10px 0 20px; }

#mythfacts{ margin-left:20px; }





/* about us */

.about-left{ width:315px; float:left; }

.about-right{ width:340px; float:left; }

.border-dashed-nopad{ border-bottom:1px dashed #534741;margin:0px 0 20px; }

.border-dashed-acc{ border-bottom:1px dashed #534741;margin:10px 0; }





ul.milestone{ margin:0; padding:48px 0 0 28px; background:url(images/about-us-bg.jpg) no-repeat; width:493px; height:215px; list-style:inside; list-style-type:none; }

ul.milestone li{ line-height:18px; color:#534741; }





/* RANCH BAKERY */

.bg-pm{ background:url(images/bg-PM.jpg) no-repeat; width:358px; height:37px; line-height:34px; padding:0 10px; font-size:20px; font-weight:bold;font-family:"GARAGEGB",Arial, Helvetica, sans-serif; }

#slide-pm{ border-bottom:1px dashed #534741; border-top:1px dashed #534741; padding:20px; margin-top:20px; }

#works-carousel{ width:100%; width:585px; margin:0 auto; }
.prev{ float:left; font-size:0; text-indent:-9999px; width:11px; height:87px; display:block; cursor:pointer; position:relative; top:53px; }
.next{ float:right; font-size:0; text-indent:-9999px; width:11px; height:87px; display:block; cursor:pointer; position:relative; top:35px; }

#works-carousel ul{ margin:0 auto; list-style:none; float:left; }
#works-carousel ul li{ float:left; width:186px; height:126px; margin:0 5px; }


/* our-brand */

.our-brand{ background:url(images/ourbrand-2.jpg) right no-repeat; padding:0 264px 0 85px; margin:20px 0 50px; }

h3.our-brand-tit{ background:url(images/ourbrand-3.jpg) no-repeat; width:179px; height:34px; line-height:34px; padding: 0 10px; font-weight:bold; }

ul.stores{ background:url(images/ourbrand-4.jpg) no-repeat; width:359px; height:410px; padding:20px; margin:10px 0 20px; }

ul.stores li{ list-style:outside; list-style-image:url(images/ourbrand-list.jpg); margin-left:30px; }



/* Perishable */

.perishable-a{ padding:20px 50px 0 220px; background:url(images/ourbrand-hias.jpg) no-repeat 155px 20px; }



.perishable-b{ float:left; padding:20px 00px 0 80px; background:url(images/ourbrand-hias.jpg) no-repeat 15px 20px; width:350px; margin-bottom:20px; }





/* Lunchbox Planner */

.LB{ float:left; width:325px; }



.no-1{ background:url(images/sun-1.jpg) no-repeat left; padding: 10px 50px;border-bottom:2px dashed #534741;border-top:2px dashed #534741; }

.no-2{ background:url(images/sun-2.jpg) no-repeat left; padding: 10px 50px;border-bottom:2px dashed #534741; }

.no-3{ background:url(images/sun-3.jpg) no-repeat left; padding: 10px 50px;border-bottom:2px dashed #534741; }

.no-4{ background:url(images/sun-4.jpg) no-repeat left; padding: 10px 50px;border-bottom:2px dashed #534741; }

.no-5{ background:url(images/sun-5.jpg) no-repeat left; padding: 10px 50px;border-bottom:2px dashed #534741; }



.note{ background:url(images/note.jpg) no-repeat  50px 5px; padding: 15px 200px 10px 140px; margin-top:20px; }	



ul.sat{ margin:0 20px 20px; padding:0; list-style:outside; }



ul.sat li{ list-style-image:url(images/sat-list.jpg); line-height:18px; }





ul.cate-lunch{ width:650px; margin:0 auto 20px; padding:20px 0; list-style:none;border-top:2px dashed #534741;  }

ul.cate-lunch li{ width:25%; float:left; text-align:center; }





ul.lunch-single{ margin:0; padding:0; list-style:none; }

ul.lunch-single li{ width:96px; min-height:20px; margin:0; padding:0; float:left; }





/* Food Myth & Facts */

.jdl-fmf{ margin-bottom:15px; }

.fmf-1{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf1.jpg) 0 15px no-repeat; }

.fmf-2{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf2.jpg) 0 15px no-repeat; }

.fmf-3{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf3.jpg) 0 15px no-repeat; }

.fmf-4{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf4.jpg) 0 15px no-repeat; }

.fmf-5{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf5.jpg) 0 15px no-repeat; }

.fmf-6{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf6.jpg) 0 15px no-repeat; }

.fmf-7{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf7.jpg) 0 15px no-repeat; }

.fmf-8{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf8.jpg) 0 15px no-repeat; }

.fmf-9{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf9.jpg) 0 15px no-repeat; }

.fmf-10{ padding:20px 40px 20px 80px; border-bottom:2px dashed #534741; margin-bottom:20px; background:url(images/fmf10.jpg) 0 15px no-repeat; }





/* Healthy tips for smart moms */

.post-htsm{ padding:0 5px 30px; margin-bottom:20px; border-bottom:1px dashed #c8c8c8; }

.cust-img{ float:left; width:220px; }

.cust-img img{ max-width:200px; /*border-bottom:2px solid #524841;border-right:2px solid #524841; background:#fff; padding:3px; border-left:1px solid #524841; border-top:1px solid #524841;*/ }



.cust-img2{ float:left; width:220px; }

.cust-img2 img{ max-width:194px; border-bottom:2px solid #524841;border-left:2px solid #524841; background:#fff; padding:3px; border-right:1px solid #524841; border-top:1px solid #524841; }



.cust-text{ float:left; width:400px; }

.post-htsm a.read-more{ background:#80A33F; color:#FFF; padding:3px 5px; position:relative; top:10px; }

.post-htsm a.read-more:hover{ background:#73655A; color:#FFF; }







/* customer services */

ul.cust { width:400px; margin:0 auto; list-style:outside; padding:0; }

ul.cust li{ list-style:outside; list-style-image:url(images/ourbrand-list.jpg); margin-left:30px; }







/* our stores */

.stores{ width:280px; margin-right:20px; }

.stores h3{ font-family: "GARAGEGR"; font-size:24px; color:#85BF3F; }





/* recipes single post */

.recipes img{ border-bottom:2px solid #524841;border-left:2px solid #524841; background:#fff; padding:3px; border-right:1px solid #524841; border-top:1px solid #524841; }



.recipes h2.title{ text-transform:uppercase; }







ul.half{ margin:0 0 15px; padding:0 0 20px; list-style:none; border-bottom:1px solid #c5c5c5; }

ul.half li{ width:50%; float:left; line-height:20px; }



.border-solid{ border-bottom:1px solid #c5c5c5; margin:20px 0; }





/* border-image */

img.bordered{ border-bottom:2px solid #524841;border-left:2px solid #524841; background:#fff; padding:3px; border-right:1px solid #524841; border-top:1px solid #524841; }









/* accordion */

.column1{ display:block; cursor:pointer; }

#cat1, #cat2, #cat3, #cat4, #cat5{

	padding:10px 10px 10px 260px; border-top:2px dashed #534741; margin-top:10px;

}

#cat1{ background:url(images/cat-1.jpg) 10px 10px no-repeat; }

#cat2{ background:url(images/cat-2.jpg) 10px 10px no-repeat; }

#cat3{ background:url(images/cat-3.jpg) 10px 10px no-repeat; }

#cat4{ background:url(images/cat-4.jpg) 10px 10px no-repeat; }

#cat5{ background:url(images/cat-5.jpg) 10px 10px no-repeat; }







/* in season tab */

#usual1 { padding:10px; }



#usual1 ul.judul-tab{ width:490px; margin:0 auto; padding:0; list-style:none; }

#usual1 ul.judul-tab li { float:left; background:#80A33F; margin:0 2px; position:relative; top:1px; }

#usual1 ul.judul-tab li a{ padding:3px 7px; display:block; color:#fff; border-top:1px solid #80A33F; border-right:1px solid #80A33F; border-left:1px solid #80A33F }

#usual1 ul.judul-tab li a.selected, #usual1 ul.judul-tab li a:hover, #usual1 ul.judul-tab li a:focus{ background:#fff; color:#80A33F; border-top:1px solid #80A33F; border-right:1px solid #80A33F; border-left:1px solid #80A33F; }



#content-tab{ padding:10px; border:1px solid #80A33F; }



ul.list-season{ margin:0; padding:0; list-style:none; }

ul.list-season li{ width:50%; float:left; line-height:18px; }





/* resep box home*/

ul.judul-resep{ width:193px; height:55px; background:url(images/feat.png) no-repeat left; margin:0; padding:0; list-style:none; font-size:0; text-indent:-9999px; }

ul.judul-resep.on{ width:193px; height:55px; background:url(images/top.png) no-repeat left; margin:0; padding:0; list-style:none; }

ul.judul-resep li{ float:left; width:91px; height:27px; }

ul.resep-isi{ width:160px;background:url(images/repeat.png) repeat-y; margin:0; padding:0; list-style:none; min-height:50px; padding-left:16px; padding-right:17px; padding-bottom:6px; }

.resep-isi.feat{ font-weight:bold; font-size:14px; }
.resep-isi.feat p{ margin:0 0 10px; }
.resep-isi.feat a{color:#333;}
.resep-isi.feat a:hover{color:#80A23E;}

ul.resep-isi.top li{ 

	line-height:16px;

	list-style:outside;

	list-style-type:decimal;	

	margin-left:20px;

}





.paddplus{ padding:0 10px; }
.paddplus a{ color:#7FA441; }
.paddplus a:hover{ color:#534741; }


/* polling box */

ul.polling{ width:193px; height:55px; background:url(images/polling.png) no-repeat left; margin:0; padding:0; list-style:none; font-size:0; text-indent:-9999px; }

ul.polling p.red{ margin:0; padding:0; line-height:12px; }



/* follow */

ul.follow{ width:193px; height:55px; background:url(images/follow.png) no-repeat left; margin:0; padding:0; list-style:none; font-size:0; text-indent:-9999px; }





/* content bawah */

#content-bawah{ width:100%; background:url(images/content-bawah_03.png) repeat-x; padding-top:30px; height:187px; }

#content-bawah-wrap{ width:1000px; margin:0 auto; }

#content-bawah-wrap ul{ margin:0; padding:0; list-style:none; width:100%; }

#content-bawah-wrap ul li{ width:20%; padding:0 2%; float:left; border-right:1px dashed #A48F80; height:167px; }



#content-bawah-wrap ul li.none{ border:none;}



.mag { height:115px; width:103px; float:left; margin-top:-12px; z-index:99; }

.cat {  width:85px; height:115px; float:right; margin-top:-12px; }











/* disclaimer */

#disclaimer{ padding:10px; background:#f5f5f5; color:#666; font-size:11px; border:1px solid #5C6F31; margin:20px 0 0 0; }







/* footer */

#footer{ width:100%; background:url(images/footer-rep.jpg) left repeat-x; padding-top:11px; }



#footer-lap{ height:375px; width:100%; background:url(images/footer-bot.jpg) bottom no-repeat; }



#footer-wrap{ /*background:url(images/footer-bot.jpg) center;*/ width:968px; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; }





#footer-wrap ul{

	margin:0;

	padding:0;

	list-style:none;

	line-height:14px;

	font-size:11px;

}





#footer-wrap h3{

		font-size:14px;

		font-weight:bold;

		color:#716555;

		margin:0; padding: 0 0 5px;

	}

	

#footer-wrap a:hover{ color:#7F963B; }



.extra h3.title{margin:0; padding: 0 0 5px; color:#5C6F31; font-size:18px; font-weight:normal; }



.extra-spacer{

	width:20px;

	float:left;

	min-height:50px;

}



.extra-col{ width:175px; float:left; }



.extra-height{ height:100%; }



.extra-title{ float:left; width:185px; margin-top:15px; }



.extra-content{ float:left; width:765px; margin-top:15px; }



.v-spacer{ width:100%; clear:both; height:10px;}







/* polling */



input.Buttons, .wp-polls .Buttons { font-size:0; text-indent:-9999px; background:transparent url(images/button-poll.png) no-repeat; width:75px; height:29px; border:none; }





/*  bonjour  */ 
#bonjour-bg{ height:460px; padding:10px 5px 10px 110px; background:url(images/bg-carousel.jpg) no-repeat; }
#bonjour-bg p{ margin:0; padding:0; }
#works-carousel2{ width:468px; margin:0 auto; }

#works-carousel2 ul{ margin:0 auto; list-style:none; float:left; }
#works-carousel2 ul li{ float:left; width:126px; height:197px; padding:10px 15px; background:url(images/bj-bg-cont.png) no-repeat; margin:0 0px; position:relative; overflow:hidden; }

.prev2{ float:left; font-size:0; text-indent:-9999px; width:25px; height:25px; display:block; cursor:pointer; position:relative; top:100px; left:20px; }
.next2{ float:right; font-size:0; text-indent:-9999px; width:25px; height:25px; display:block; cursor:pointer; position:relative; top:100px; right:20px; }

#works-carousel2 ul li h2{ font-family: "GARAGEGB"; margin:0; padding:0; color:#534741; font-size:20px; line-height:20px; }
#works-carousel2 ul li p{ font-size:11px; line-height:12px; margin:0; }


#works-carousel3{ width:468px; margin:0 auto; }

#works-carousel3 ul{ margin:0 auto; list-style:none; float:left; }
#works-carousel3 ul li{ float:left; width:126px; height:165px; padding:30px 15px 20px; background:url(images/bj-bg-cont.png) no-repeat; margin:0 0px; position:relative; overflow:hidden; }

.prev3{ float:left; font-size:0; text-indent:-9999px; width:25px; height:25px; display:block; cursor:pointer; position:relative; top:95px; left:20px; }
.next3{ float:right; font-size:0; text-indent:-9999px; width:25px; height:25px; display:block; cursor:pointer; position:relative; top:95px; right:20px; }


#works-carousel3 ul li h2{ font-family: "GARAGEGB"; margin:0; padding:0; color:#534741; font-size:21px; line-height:21px; text-align:center; }


#ranch-pastry-page{ background:url(images/ranch-pastry_03.jpg) no-repeat; height:283px; padding:10px 5px 10px 110px; }





/*----------------------------------------

	comment form

----------------------------------------*/



#comment, #author, #email, #url, #submit{ background:#DFDDC7; border:1px solid #5C6F31; padding:5px; }

#comment:focus, #author:focus, #email:focus, #url:focus{ background:#fff; }



#author, #email, #url{ width:250px; }



#submit{ cursor:pointer; }



#respond, #comments{

	padding:20px 0;

	margin:50px 0 0 0;

}



#respond h3{ margin-bottom:15px; }



ol.commentlist{

	margin:0;

	padding:0;

	list-style:none;

}



ol.commentlist li{

	border:1px solid #5C6F31;

	background:#DFDDC7;

	padding:10px;

	width:475px;

	margin:0 0 15px;

}



ol.commentlist li img{ float:left; margin-right:10px; display:none; }





/* slide */
/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:246px;
	margin-bottom:15px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}

#slideshow2{
    position:relative;
    height:91px;
	width:180px;
	padding:1px 0 2px 2px;
	margin-bottom:15px;
	margin-top:20px;
	background:url('images/bg-sideslide.png') no-repeat top right;
}

#slideshow2 IMG {
    position:absolute;
    top:1px;
    left:2px;
    z-index:8;
    opacity:0.0;
}
#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow2 IMG.last-active {
    z-index:9;
}

#slideshow3{
    position:relative;
    height:91px;
	width:180px;
	padding:1px 0 2px 2px;
	margin-bottom:25px;
	margin-top:20px;
	background:url('images/bg-sideslide.png') no-repeat top right;
}

#slideshow3 IMG {
    position:absolute;
    top:1px;
    left:2px;
    z-index:8;
    opacity:0.0;
}
#slideshow3 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow3 IMG.last-active {
    z-index:9;
}

#slideshow4-luar{ padding:5px 4px 3px; width:172px; height:242px; background:url(images/platinum-bg.jpg); margin-left:7px; margin-bottom:15px; }
#slideshow4{
    position:relative;
	width:174px;
	height:244px;
	
}

#slideshow4 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow4 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow4 IMG.last-active {
    z-index:9;
}


#slideshow5{
    position:relative;
    height:91px;
	width:180px;
	padding:1px 0 2px 2px;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:7px;
	background:url('images/bg-sideslide80.jpg') no-repeat top right;
}

#slideshow5 IMG {
    position:absolute;
    top:1px;
    left:2px;
    z-index:8;
    opacity:0.0;
}
#slideshow5 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow5 IMG.last-active {
    z-index:9;
}


/* homepage cooking school */
#home-cooking{ height:111px; width:257px; padding:124px 10px 0 248px; margin:58px auto 40px; background:url(images/home-cooking.png) no-repeat; position:relative; }
#home-cooking .date{ position:absolute; bottom:12px; left:6px; font-family:"GARAGEGR",Arial, Helvetica, sans-serif; font-size:34px; color:#fff; background:#b59c86; height:30px; line-height:30px; width:47px; padding:5px; text-align:center;  }

#marquee-cook{ color:#fff; padding:0 5px; margin-bottom:14px; }
#home-cooking .chefnya{ padding:0 5px;}
#home-cooking .imagenya{ width:63px; float:left; margin-right:11px; }
#home-cooking .namanya{ width:170px; float:left; font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:21px; color:#534741; margin-top:42px; }

#blog-center{ width:389px; height:194px; background:url(images/blog-bg.jpg) no-repeat top left; margin:0 0 40px; padding-left:125px; }
#blog-center ul{ margin:0; padding:0; list-style:none; }
#blog-center ul li{ width:127px; float:left; height:194px; margin:0 1px 0 0; }
#blog-center ul li .padder{ padding:10px 5px; font-size: 13px; font-weight: bold; }
#blog-center ul li .padder img{ margin:12px 0 8px; }

::selection { background: #73655A; color: white; }

::-moz-selection { background: #73655A; color: white; }

/* babylicious photo contest */
#testimonials-page{ width:600px; margin:0 20px; }
#testimonials-page ul{ margin:0; padding:0; list-style:none; clear:both; }
#testimonials-page ul li{ float:left; display:inline; padding:5px 0; }
#testimonials-page ul li.title{ width:120px; font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:18px; color:#534741; line-height:25px; }
#testimonials-page ul li.col{ width:420px; }
#testimonials-page ul li.col .input{ background:#fff; border:1px solid #7FA441; padding:3px; width:414px; }
#testimonials-page ul li.col .input2{ background:#fff; border:1px solid #7FA441; padding:3px; width:422px; }
#testimonials-page ul li.col .submit{ background:#fff; color:#7FA441; border:1px solid #7FA441; cursor:pointer; padding:3px 10px; font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:16px; }
#testimonials-page ul li.col .submit:hover{ background:#7FA441; color:#fff; border:1px solid #7FA441; }

div.clear{ height:0; }
.kayaktitle{ font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:18px; color:#534741; line-height:25px; }
.kayaktitle a{ color:#808080; }
.kayaktitle a:hover{ color:#AB272D; }


#fb-user .fb_profile_pic_rendered{ max-width:96px; height:auto; position:relative; overflow:hidden; }


ul.testimonial{ width:193px; height:55px; background:url(images/testimonial.png) no-repeat left; margin:0; padding:0; list-style:none; font-size:0; text-indent:-9999px; }
.testi-isi{ font-size:13px; font-style:italic; text-align:center; color:#333; margin-bottom:5px;  }
.testi-author{ font-weight:bold; text-align:center; color:#333; margin-bottom:15px; }

ul.Blog{ width:193px; height:55px; background:url(images/blog-bg.png) no-repeat left; margin:0; padding:0; list-style:none; font-size:0; text-indent:-9999px; }

.Recipe-of-the-week{ width:193px; height:55px; background:url(images/Recipe-of-the-week.png) no-repeat left; margin:0; padding:0; list-style:none; font-size:0; text-indent:-9999px; }

.blog-cont{ padding:0 0 10px; margin:0 0 10px; border-bottom:1px dashed #A48F80; font-size:13px; font-weight:bold; }
.blog-cont img{ margin-bottom:5px; }
.blog-cont a{color:#333;}
.blog-cont a:hover{color:#80A23E;}



/* contact us */
#contact-page{ width:600px; height:245px; margin:0 auto; padding:125px 0 0; font-size:25px; text-align:center; background:url(images/contact.jpg) no-repeat; }
#contact-page a{ color:#808080; }
#contact-page a:hover{ color:#AB272D; }

.req{ color:#AB272D; }
#testimonials-page ul li.title.req-keterangan{ color:#808080; }

#blogpage .alignleft { float:left; margin-right:10px; }
#blogpage .alignright { float:right; margin-right:10px; }


/*career*/
#career { width:850px; height:670px; margin:-50px 0 0; font-size:25px; background:url(images/back-career.jpg) no-repeat; }
#career h3 { font-family:"GARAGEGB",Arial, Helvetica, sans-serif; text-align:center; color:#000; padding:40px 0 0; line-height:25px;}
#career p { font-family:"GARAGEGB",Arial, Helvetica, sans-serif; text-align:center; color:#000; font-size:18px; padding:10px 40px 0; width:780px;}
#career .job { width:780px; height:340px; margin:5px 45px 0; font-size:25px; background:url(images/job-list.jpg) no-repeat; }
#career .job ul {width:180px; height:135px; float:left; margin:10px 20px 0; }
#career .job ul h3 { font-family:"GARAGEGB",Arial, Helvetica, sans-serif; text-align:left; color:#fff; padding:20px 30px 0;  width:200px;}
#career .job ul li{ font-family:"GARAGEGB",Arial, Helvetica, sans-serif; width:150px; text-align:left; color:#fff; margin:-10px 32px 0; list-style:none; font-size:12px; }
#career .job .qualify { width:100px; height:20px; margin:5px 33px 0; font-size:25px; }
#career .job ul li.date{ font-family:"GARAGEGB",Arial, Helvetica, sans-serif; text-align:left; color:#fff; margin:5px 32px 0; list-style:none; font-size:14px;}
#qua { width:850px; height:720px; margin:-50px 0 0; font-size:25px; background:url(images/back-career.jpg) no-repeat; }
#qua .qualifi { width:780px; height:650px; margin:5px 45px 0; background:url(images/page-qualifi.jpg) no-repeat; position:relative; top:40px;  }
#qua .qualifi h3 { font-family:Sylfaen; text-align:left; color:#000; padding:40px 60px 0; line-height:25px; font-size:30px; font-weight:bold;}
#qua .qualifi p { font-family:Sylfaen; text-align:justify; color:#fff; font-size:14px; padding:20px 60px 0; width:660px; position:relative; bottom:20px; line-height:12px;}
#qua .qualifi .qualify { width:100px; height:20px; margin:10px 60px 0; float:right; font-size:25px;  }
#resume { width:852px; height:590px; margin:-50px 1px 0; font-size:25px; background:url(images/resume.jpg) no-repeat; position:relative; }
#resume .back { width:610px; height:550px; margin:5px 45px 0; font-size:25px; background:url(images/resume1.jpg) no-repeat; position:relative; top:18px; left:110px; }
#resume-page{ width:600px; margin:0 80px; }
#resume-page ul{ margin:0; padding:0; list-style:none; clear:both; }
#resume-page ul li{ float:left; display:inline; padding:5px 0; }
#resume-page ul li.title{ width:120px; font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; padding:30px 0 0;  }
#resume-page ul li.col{ width:420px; margin:45px -120px 0; }
#resume-page ul li.col .input{ background:#fff; box-shadow: -2px 3px 5px #736357; solid #7FA441; padding:3px; width:414px; height:20px; }
#resume-page ul li.col .file{ }
#resume-page ul li.col .input2{ background:#fff; border:1px solid #7FA441; padding:3px; width:222px; }
#resume-page ul li.col .submit{ background:url(images/submit.jpg) no-repeat; margin:-50px 140px 0; position:relative; bottom:-25px; border:1px solid #7FA441; cursor:pointer; padding:3px 10px; font-size:0px; width:110px; height:37px; }
#resume-page ul li.col .submit:hover{ background:url(images/submit.jpg); color:#fff; border:1px solid #7FA441; }
#resume-page ul li.col .submit2{ background:#fff; margin:29px 60px 0; color:#7FA441; border:1px solid #7FA441; cursor:pointer; padding:3px 10px; font-family:"GARAGEGB",Arial, Helvetica, sans-serif; font-size:16px; }