/*
Theme Name: Falafel
Theme URI: http://www.pinedesign.co.il/
Description: Unique design for Falafel Baribua
Version: 1.0
Author: Ziv Levin
Tags: falafel, menu, tilted

*/

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

* {
		margin: 0;
		padding: 0;
	}
	
a, a:visited { color: #0000ff; }
	
body {
			margin: 0;
			padding: 0;
/*********** Centering ***************/
min-width: 778px; /* for good browsers*/
min-height: 673px; /* for good browsers*/
/*************************************/
		color: #00263d;
		font-family: arial;
		font-weight: bold;
		font-size: 14px;
}

/********** Vertical Centering *******/
#outer {
			height: 100%;
			width: 100%;

			display: table;
			vertical-align: middle;
		}

#container { 
			width: 778px;
			height: 673px;

			position: relative;
			vertical-align: middle;
			display: table-cell;
		}
/*************************************/

body, #outer, #container { background-color: #ffffff; /*#FB701F;*/ /*#00263D;*/ }

#wrapper {
			
			width: 778px;
			height: 673px;
/******** Horizontal Centering *******/
			margin-right: auto;
			margin-left: auto;
/*************************************/
		background-image: url('images/bg-body.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
		}

	
#header {
		width: 778px;
		height: 102px;
		position: absolute;
	}

img#header-img { /* position: absolute; top: 0; left: 0; */ }

img.nav-button { position: absolute; }

a img , img, img.attachment-thumbnail { border: none 0px !important; }


#nav-about { top: 18px; left: 729px; }

#nav-menu { top: 21px; left: 674px; }

#nav-health { top: 24px; left: 551px; }

#nav-branches { top: 33px; left: 491px; }

#nav-events { top: 36px; left: 430px; }

#nav-mishloah { top: 39px; left: 358px; }

#nav-coupon {top: 46px; left: 309px; }

#nav-contact { top: 48px; left: 238px; }


#main {
		position: absolute;
		margin-top: 102px;
		width: 778px;
		height: 571px;
		background-position: bottom left;
		background-repeat: no-repeat;
	}

.corner-falafel { background-image: url('images/corner-falafel.jpg'); }
.corner-gargirim { background-image: url('images/corner-gargirim.jpg'); }
.corner-humus { background-image: url('images/corner-humus.jpg'); }
.corner-omlet { background-image: url('images/corner-omlet.jpg'); }
.corner-pasta { background-image: url('images/corner-pasta.jpg'); }
.corner-salad { background-image: url('images/corner-salad.jpg'); }
.corner-scooter { background-image: url('images/corner-scooter.jpg'); }
.corner-pita { background-image: url('images/corner-pita.jpg'); }

#content {
		width: 670px;
		height: 410px;
		margin: 0 0 95px 108px;
		
	}

#post { padding: 0 15px; }

#HomeRight { height: 240px; width: 321px; float: right; background-position: top right; background-repeat: no-repeat; }
#HomeLeft { height: 240px; width: 349px; float: left; }
#HomeBottom { text-align: right; clear: both; padding-top: 10px; }
.sticker { float:right; width: 220px; text-align: center; }


#TextOnRight { height: 410px; width: 390px; float: right; }
#SideImageLeft { height: 410px; width: /*280px;*/ 277px; float: right; background-position: right 4px; background-repeat: no-repeat; }

#TextOnLeft { height: 410px; width: 349px; float: right; }
#SideImageRight { height: 410px; width: /*321px;*/ 318px; float: right; background-position: top right; background-repeat: no-repeat; }

.side-gargirim { background-image: url('images/side-gargirim.jpg'); }
.side-mash { /* background-image: url('images/side-mash.jpg'); */ margin-top: -10px; }
.side-kitchen { /* background-image: url('images/side-kitchen.jpg'); */ }
.side-snifim { background-image: url('images/side-snifim.jpg'); }
.side-falafel { background-image: url('images/side-falafel.jpg'); }
.side-mishloah { background-image: url('images/side-mishloah.jpg'); }
.side-arizot { background-image: url('images/side-arizot.jpg'); }
.side-pitot { background-image: url('images/side-pitot.jpg'); }


#menu-right {
		direction: rtl;
		text-align: right;
		width: 118px;
		height: 410px;
		float: right;
		background-position: top right;
		background-repeat: no-repeat;
		background-image: url('images/menu.gif');
	}

#menu-left {
		width: 552px;
		height: 410px;
		float:left;
	}

#menu-left p { padding-bottom: 0px; }

.item-page h1 { display:inline; float: right; padding: 7px 10px 0; }
	
#menu-right h3 {
		font-family: arial;
		font-size: 14px;
		/*position: absolute;*/
		/*right: 10px;*/
	}
	
#menu-right a { text-decoration: none; }
#menu-right a, #menu-right a:link, #menu-right a:visited { color: #00263d; }
#menu-right a:hover { color: #fb701f; }

#menu-right h3.current_page_ancestor a, #menu-right h3.current_page_parent a, #menu-right h3.current_page_item a { color: #fb701f; }
#menu-right h3.current_page_ancestor a:visited, #menu-right h3.current_page_parent a:visited, #menu-right h3.current_page_item a:visited { color: #fb701f; }
#menu-right h3.current_page_ancestor a:link, #menu-right h3.current_page_parent a:link, #menu-right h3.current_page_item a:link { color: #fb701f; }

#menu-items { margin-right: 10px; margin-top: 44px; }
#menu-right h3 { margin-bottom: 23px; line-height: 12px; }

#menu-description { /* position: absolute; top: 320px; right: 200px; */ clear: both; }

#back-up { display: block; position: absolute; padding: 0; left: 110px; top: 0px; width: 52px; height: 31px; z-index: 5; outline: none 0; margin-top: 430px; }
#back-up img { display:inline; outline: none 0; }
#navigation-line { /* margin-right: -20px; */ }
#navigation-line a  { outline: none 0; }
#navigation-line a img { vertical-align:middle; outline: none 0; float: right; }

.gallery-item { float: right !important; }

#menu-left td { max-width: 430px; vertical-align: bottom; }

/****  jScrollPane ****/

body { /*overflow: hidden;*/ }
			
#pane {
	height: 253px;
	direction: rtl; 
	text-align: right;
	position: relative;
	}
	
.page-id-10 #pane, .page-id-12 #pane, .page-id-14 #pane, .page-id-189 #pane, .page-id-271 #pane, .page-id-229 #pane, .page-id-471 #pane, #menu-left #pane { height: 367px; }
#HomeLeft #pane { height: 145px; }

#holder .jScrollPaneTrack {
	background: url(images/scrollbar.gif) repeat-y;
	z-index: 2;
	}
#holder .jScrollPaneDrag {
	background: url(images/scroll-button.gif) repeat-y;
	}
#holder .jScrollPaneDragTop {
	background: url(images/scroll-button.gif) no-repeat;
	height: 4px;
	}
#holder .jScrollPaneDragBottom {
	background: url(images/scroll-button.gif) no-repeat;
	height: 4px;
	}
	
#holder {
	height: 286px;
	overflow: hidden;
	position: relative;
	}
	
.page-id-10 #holder, .page-id-12 #holder, .page-id-14 #holder, .page-id-189 #holder, .page-id-271 #holder, .page-id-229 #holder, .page-id-471 #holder, #menu-left #holder { height: 367px; }
#HomeLeft #holder { height: 145px; }
	
/****  /jScrollPane ****/

h1 {
	margin: -10px 0 10px; /* -5px 0 10px; */
	font-family: arial; /* "Lucida Sans Unicode", serif; */
	font-weight: bold;
	direction: rtl;
	text-align: right;
	font-size: 36px;
	color: #fb701f;
	padding: 0;
	overflow: hidden;
	line-height: 41px; /* 36px; */
	}

h2 { color: #fb701f; }

h1.hometitle { text-align: right; font-size: 48px; margin: -10px 0 0; line-height: 53px; vertical-align: middle; }
h2.hometag { text-align: right; font-size: 30px; }

p { 	padding-bottom: 15px;  
	line-height: 1.3; 
	}
p.attachment { float: right; margin-top:-10px; }
p.attachment img { max-height: 350px; }

#footer {
	direction: rtl;
	text-align: right;
	font-size: 12px;
	color: #00263D;
	font-weight: normal;
	line-height: 1.7;
	}
	
#footer a, #footer a:visited, #footer a:link { color: #00263D; text-decoration: none; }
#footer a:hover { color: #00263D; text-decoration: underline; }

#e404 { direction: rtl; text-align: right; background: url('images/pita.jpg') left 10px no-repeat; height: 410px; }
#e404 h1 { margin-top: 0; }

div.wpcf7 { width: 305px; color: #000000; font-size: 12px; font-weight: normal; float: right; margin-left: 50px; }
#post-14 div.wpcf7, #post-14 .wpcf7 { width: 630px; }
form .column1 { width: 105px; }
form .column2 { }
div.wpcf7 input { width: 200px; }
div.wpcf7 textarea { width: 200px; height: 32px; overflow: auto; }
div.wpcf7 select { width: 200px; }
.asterisk { color: #FB701F; }
#submit { width: 80px; float:left; text-align:left; }
#submit input { width: 38px; background-color: #FB701F; color: #ffffff; border: solid 1px #000000; }
#post-14 #submit { display: inline; float: right !important; }
div.wpcf7-response-output { margin-top: 0.5em !important; }
#post-14 div.wpcf7-response-output, #post-14 .wpcf7-response-output { width: 245px; display: inline; float: right; 
																margin-top: 0 !important; margin-bottom: 0 !important; }
div.wpcf7-validation-errors { border: 2px solid #551A8B !important; }
#post-14 #mandatory { display: inline; width: 240px; float: right; }
#post-14 span.wpcf7-not-valid-tip, #post-14 .wpcf7-not-valid-tip { width: 175px !important; }

h4.phone { 	background: url('images/phone.gif') center right no-repeat; 
			font-size: 26px; color: #00172b; 
			width: 200px; text-align:left; vertical-align: middle; line-height: 26px; }

#content table { width: 100%; font-weight: normal; font-size: 12px; margin-bottom: 4px; }
.menu-header { vertical-align: bottom; line-height: 2; font-size: 14px; color: #FB701F; font-weight: bold; }
.menu-comment { font-weight: bold; vertical-align: middle; line-height: 3; }

.page-id-10 .gallery img { max-width: 95px !important; max-height: 50px !important; vertical-align: middle; }
.page-id-10 table img { max-width: 95px !important; max-height: 50px !important; vertical-align: middle; }
.page-id-10 table td { padding: 8px 5px 0px; text-align: center; vertical-align: middle; }
.page-id-10 .gallery dd { display: none; }
#captcha { width: 100px; }
#post-14 p { padding-bottom: 9px !important; }

#franchise { position: absolute; left: 0; width: 260px; } 
