/*
Theme Name: Rotibakar88-2
Theme URI: http://www.rotibakar88.com/
Description: The default WordPress theme based on the famous <a href="http://jasainternetmarketing.com/">Jasa Internet Marketing</a>.
Version: 10.000
Author: JasaInternetMarketing
Author URI: http://jasainternetmarketing.com
Tags: roti bakar

	Roti Bakar v2
	 http://jasainternetmarketing.com

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://jasainternetmarketing.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background : #f4ffdf;  }
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto;  }
.main2 {  height : 465px;margin:0 0 0 0px ;  background:url(images/bg_header2.gif) no-repeat;}
.main_menu {  height : 298px;margin:0 0 0 0px ;  background:url(images/header_menu.gif) no-repeat;}
.main_menu2 {  height : 298px;margin:0 0 0 0px ;  background:url(images/aboutus.GIF) no-repeat;}
/********** header **********/
.header {  border-bottom:px solid #fff;  width : 100%; height : 117px;}
.block_header {width : 100%; margin:0 auto; }
/* logo */
.logo {  margin: 10px 5px 0px 30px; width:320px; float:left; height : 100px; }
.logo p{color : green;}
/* menu */	
.menu { padding:0px 0 0 0; margin:0px 0 0 0; width:600px; float: right; color : #FFF;}
.menu ul li { float:left; margin:0; padding:5px 3px; border:0; list-style:none; }
.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 10px; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; font-weight : bold;}
.menu ul li a span { color : #FFF;padding: 10px 9px; background:none; border:0px dashed #a1a1a1; font:bold 11px Arial, Helvetica, sans-serif; }
.menu ul li a:hover { color : green; }
.menu ul li a:hover span { color : green;background: url(imaages/l_menu.gif) no-repeat left top; }
.menu ul li a.active { color : green; }
.menu ul li a.active span { height: 5px;background:url(images/l_maenu.gif) no-repeat left top; }
/***********twitter*********/
.twitter { width:180px; float: right; padding:5px 5px; margin:0; }
.twitter p { font:bold 11px Tahoma, Geneva, sans-serif; color:#097a9a; padding:10px 10px; margin:0; }
.twitter img { margin:5px; padding:3px; float:left; }
/***************main_body******************/
.main_body_resize { background:url(images/bg_sidaebar.png) top repeat-x; margin:0; padding:0; border-top:0px solid #fff; height: 343px;}
.main_body_resize2 { background:url(images/bg_simple2.gif) top repeat-x; margin:0; padding:0; border-bottom:0px solid #fff; height:163px; }
.main_body { width:100%; margin:0 auto 0 auto; padding:0; }
.main_body img { margin:0; padding:0; }
/********** slider **********/
.slider { margin:0 auto; padding:0; height:100px; }

.slider .item{ margin:0 auto; padding:0;  width : 85px; height : 25px;}
.slider2 { margin:0 auto; padding:0; height:100px; float : right;}
.slider2  .text2 {   margin:0 0 0 30px; padding:0px 10px 0 0px; width:400px; height:23px; color:#4f3329; font:italic 13px Arial, Helvetica, sans-serif; }
.slider2  .text3 {    margin:0 0 0 30px; width:320px; height:43px;  font:italic 13px Arial, Helvetica, sans-serif; }
.slider2  .text3  h3 {color : #bc8207; border-bottom : none;}
.slider .head_title {  margin:0 0 0 0px; padding:0px 10px 0 0px; width:320px; height:23px; color:#4f3329; font:italic 13px Arial, Helvetica, sans-serif; border-bottom : 0px;}
.slider .head_title2{  margin:0 0 0 10px; width:320px; height:43px; color:#bc8207; font:italic 13px Arial, Helvetica, sans-serif; border-bottom : 0px; }
.slider .head_title2 h3{  border-bottom : none;}
.slider .box_text { padding:0px 0px 0px 60px;  }
.slider .box_text .box { float:left; width:80%; width:200px; height : 100px;}
.slider .box_text .box p { padding:10px 10px 0 0px; margin:0; color:#561208; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.8em; }

.slider img { float:right; padding-right: 30px; width : 290px; height : 188;}
.slider #slider { padding-top : 0px;}
/******butons****/
.buttons { background:#f6e6c5; border-bottom:1px solid #cdcdcd; height:30px; margin:0 auto; padding:0; }
.buttons ul { margin:0; padding:12px 0; list-style:none; width:700px; float:right; }
.buttons li { float:left; padding:0 20px; margin:0; border-right:1px dashed #a1a1a1; }
.buttons a { font:bold 11px Tahoma, Geneva, sans-serif; color:#646464; text-decoration:none; padding:0; }
.buttons a:hover { color:#899a22; text-decoration:underline; }
/********** block index **********/
.body_resize { background:#f4ffdf; margin:0; padding:0; border-bottom:0px solid #d2d2d2; }
.body { width:1000px; margin:0 auto; padding:0 0 0px 0; border : 10px; }
.body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#d73008; padding:15px 0; margin:0; border-bottom:0px solid #b2b2b2; }
.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #d2d2d2; padding:10px 0; margin:0; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:5px; margin:0; }
.body span { color:#898989; font:normal 20px Arial, Helvetica, sans-serif; line-height:1.6em; }
.body a { color:#8f9f23; }
/********Overview***/
.fullhome {width:100%; float:left; margin:5px 10px; padding:5px; }
.Overview{ width:60%; float:left; margin:5px 10px; padding:5px; }
.about{ width:60%; float:left; margin:5px 10px; padding:5px; }
.about h2{ color : #4e4a38;}
.News { background : url(images/bg_news.gif) no-repeat; height: 400px;width:29%; float:right;  padding-right : 6px;}
.News .data { font: normal 15px Arial, Helvetica, sans-serif; color:#FFF; line-height:1.6em; padding:80px 0 0 50px; margin:0; width : 180px; font-weight: bold; }
.Overview ul { list-style:none; margin:0; padding:0; }
.Overview li { background:url(images/ul_li.gif) left no-repeat; padding:5px 0 5px 25px; margin:0 10px; }
.Overview a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.Overview a:hover { text-decoration:underline; }
/************Portfolio********************/
.Portfolio { width:1000px; margin:0 auto; padding:0; }
.Portfolio h2 { color : #4e4a38;}
.Portfolio h3 { color : #e97e16;}
.Portfolio span { font:bold  15px Arial, Helvetica, sans-serif; color : #e97e16; }
.Portfolio img { float:none; margin:5px 5px; padding:0; border:px solid #d2d2d2;}
.Portfolio .box { width:25%; float:left; margin:5px 0; padding:0; text-align : center;}
.Portfolio .box a{color : #e97e16; text-decoration : none;}
.Portfolio .box img { float:none; margin:5px 5px; padding:0;  }
.Portfolio .but { width:300px; float:right; padding:20px 0 0 0;}
.Portfolio .but ul { list-style:none; margin:0; padding:0; float:right; width:200px; }
.Portfolio .but ul li { margin:0; padding:0; background:none; float:left;}
.Portfolio .but ul li a { display:block; margin:0 3px; padding:0; height:20px; width:20px; text-align:center; color:#82941f; background:#f6ffa0; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.Portfolio .but ul li a:hover { background:#82941f; color:#f6ffa0; text-decoration:underline;}
.Portfolio .but ul li a.active { background:#82941f; color:#f6ffa0;}
/**************************services*****************/
.services { width:1000px; margin:0 auto; padding:0; }
.services img { float: left; margin:5px 5px; padding:0; position : center;}
.services span { font:bold italic 15px Arial, Helvetica, sans-serif; color:#898989; }
.services a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.services a:hover { text-decoration:underline; }
/********** contact**********/
.Contact { width:600px; margin:0 auto; padding:0; float:left; }
.Sub { width:300px; float:left; margin:0 20px; padding:50px 10px 0 10px; }
.Sub ul { margin:0 auto; border:3px solid #d9dfbe; font:normal 13px Arial, Helvetica, sans-serif; color:#4c4c4c; list-style:none; padding:20px 40px; }
.Sub li { padding:0; margin:0; }
.Sub a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.Sub a:hover { text-decoration:underline; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#6e6e6e; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 20px; }
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left; }
#contactform label span { color:#6e6e6e; }
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left; }
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left; }
#contactform li.buttons input { padding:3px 0; margin:20px 0 20px 90px; border:0; color:#FFF; float:left; }
p.response { text-align:center; color:#6e6e6e; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
/*******************************FBG************************/
.FBG { background:url(images/fbg.gif) top repeat-x; height : 305px; width : 1020px; }
.FBG h2 { font:bold 16px Tahoma, Geneva, sans-serif; height : 35px; color:#FFF; margin-top : 7.5px;padding-top : 8px; background : url(images/bg_h2_fbg.gif) top no-repeat;}
.FBG p { font:normal 11px Tahoma, Geneva, sans-serif; color:#FFF; line-height:1.8em; }
.FBG ul { list-style:none; margin:0; padding:0 0 0 10px; }
.FBG li { background:url(images/FBG_ul_lai.gif) left no-repeat; padding:0 0 5px 20px; margin:0; }
.FBG a { font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
.FBG a:hover { text-decoration:underline; }
.FBG_resize {  margin:0 auto; padding:0; background : url(images/fgb.gif);}
.blog0 { text-align : left; height:257px;  width:15%; margin-top:8px; padding:0px; float:left; }
.blog1 { text-align : center; height:257px;  width:40%; margin:0px; padding-right:0px; float:left; line-height : 18px; }
.blog2 { text-align : center; height:257px;  width:45%; margin:0px; padding-left:0px; float:left; }
.blog1  .testimony { font:normal 11px Tahoma, Geneva, sans-serif; text-align : left; color : #282a27; font-size : 16px;border-right:1px solid #FFF; padding-right : 10px;}
.blog1  .from{text-align : left; color : #7f7f7f;}
.blog1  .testimony2{ font:normal 11px Tahoma, Geneva, sans-serif;padding-left : 55px;text-align : left; color : #282a27; font-size : 16px;border-right:1px solid #FFF; padding-right : 10px;}
.blog1  .from2{padding-left : 55px;text-align : left; color : #7f7f7f;}
.readmore  img{float : left; padding-left : 55px; padding-bottom: 20px;width : 85px; height : 25px;}
.blog2 img{padding : 0px 10px 2px 10px; width: 104px; border : 0}
.blog2 .hotnews a{color : #FFF; float : left; font-size : 18px; font-weight : bold;}
.blog2 .hotnews  p{color : #000; text-align : left;  }
.blog2 .readmore  img{float : right; padding-right : 60px; padding-bottom: 10px;width : 85px; height : 25px;}
.Subsribe { width:259px; margin:5px 10px; padding:5px 10px; float:left; }
.Subsribe p { margin:0; padding:3px 10px; text-align:left; }
.Subsribe span.bg1 { display:block; background: url(images/bg_form_l.gif) no-repeat left; height:20px; width:200px; }
.Subsribe span.bg1 span { display:block; background: url(images/bg_form_r.gif) no-repeat right; height:20px; padding:0 5px; }
.Subsribe span input { background:none; border:0; margin:0; padding:2px 0; width:190px; }

/********** footer **********/
.footer { margin:0 auto;float: right; }
p.footer{color : red; margin-right: 20px;}
.FBG .resize p.footer { float:right; padding:10; margin:0 0px; }
.footer .resize div { width:1000px; color:#FFF; font:normal 11px Tahoma, Geneva, sans-serif; text-align: left; margin:0 auto; }
.footer .resize div p { padding:0; margin:0; }
.footer .resize div img { padding-left : 30px;  }
.footer .resize div a { color:#FFF; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px; }
.text_left { text-align: left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:px 0; background:none; }
.menu { float : left; color : #FFF;}
.social {float : right; padding-right : 120px; padding-top : 80px;}
.social .twitter {float : left;padding: 40px 0 0 0px; width : 90px;}
.social .facebook {float : left;padding: 40px 0 0 0px;width : 0px;}
.language {float : right; padding: 13px 150px 0 10px; font-weight : bold; }
.language_menu {float : right; padding: 13px 70px 0 10px; font-weight : bold; }
.language_home {text-align : right; padding: 190px 160px 0 50px; font-weight : bold; }
#comment {width : 500px;}
.testimony_genap  { background-color : #fee392; font:normal 14px Tahoma, Geneva, sans-serif; padding : 10px;}
.testimony_ganjil  { background-color : #fefebe ; font:normal 14px Tahoma, Geneva, sans-serif; padding : 10px;}