/*
Theme Name: Kebab House
Description: WordPress theme for www.KebabHouse.ru
Version: 1.0
Author: Sergei Sokolov
Author URI: http://sergeisokolov.com/
Tags: red, warm, fixed width

	KebabHouse v1.0

	This theme was designed and built by Sergei Sokolov,
	commissioned by KebabHouse restaurants, Moscow and Kazan.
	
	Not for resale or distribution.
*/


* {
	margin:0;
	padding: 0;
	}
	
body, html {
	height: 100%;
}	
	
body {
	background: #4a0507 url(images/bg-page.png);
	margin: 0; 
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

div#container {
	background: #a80101;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	width:800px; 
	position: relative; /* to hide the promos behind */
}

div.pushdown {height:50px;}

.bottom img, .bottom object {
	float:left;
	margin-right: 10px;
}
.bottom { padding: 36px 0px 36px 10px;}

#logo-image {display: block; position: absolute; top: 19px; padding-left: 21px;}

#search-form {display: block; position: absolute; top:22px; height:20px; padding-left:622px;}
#search-form #search-box {
	font-size: 8pt;
	padding-top: 2px;
	padding-bottom: 0;
	width: 142px; 
	height: 18px; 
	background: #efd0d0; 
	border: 1px solid #f3c291; 
	color: #a80101;
}
#search-form #search-box:focus {
	background: #fff;
	outline: none;
	}
	
#search-form #search-img {
	margin-left: 4px;
}

#menu-bar {
	display: block;
	width: 780px; 
	height: 50px; 
	margin: auto;
	padding-top:64px;  
	padding-bottom: 26px;
}
#menu-bar ul {
	height: 50px;
	list-style-type: none;
	background: url(images/bg-menu.png) no-repeat;
}

#menu-bar li a {
  float: left;
}

#menu-bar a {
  display: block;
  height: 49px;
  text-indent: -900%;
  outline: none;
  background-image: url(images/menu-sprite.gif);
  background-repeat: no-repeat;
}

/* Menu buttons images */
#m1 {margin-left: 134px;width: 93px;}
#m1:hover {background-position: 0 -49px;}

#m2 {background-position: -93px 0;width: 83px;}
#m2:hover {background-position:-93px -49px;}

#m3 {background-position: -176px 0;width: 52px;}
#m3:hover {background-position:-176px -49px;}
#m4 {background-position: -282px 0;width: 76px;}
#m4:hover {background-position:-282px -49px;}
#m5 {background-position: -358px 0;width: 67px;}
#m5:hover {background-position:-358px -49px;}

/* Shashlyk - no flashing
#m6 {background-position: -425px 0;width: 133px;}
#m6:hover {background-position:-425px -49px;}
*/
#m6 {
	background-image: url(images/bg-shashlyk.gif) !important;
	background-position: 0 0;width: 133px;}
#m6:hover {background-position:0px -49px;}

#m7 {background-position: -558px 0;width: 77px;}
#m7:hover {background-position:-558px -49px;}

#m8 {background-position: -228px 0;width: 54px;}
#m8:hover {background-position:-228px -49px;}


#white-thing {
	width:820px; 
	position: relative;
	left: -10px;
}


#fp-top {background: url(images/bg-promo-top.png);}
#fp-bottom {background: url(images/bg-promo-bottom.png) no-repeat center bottom;}
#fp-content {background: #fff url(images/bg-promo.png) repeat-y; padding: 0 10px 0;}

#kh-content {
	background: #fff url(images/bg-promo.png) repeat-y; 
	padding: 0 20px 20px;
	font-size: 11pt;
	line-height: 1.4em;
	text-align: justify;
	color: #444444;
}

#kh-content p {
	margin-bottom: 10px;
}

#kh-content li {
	list-style-position: inside;
}

.coarse p {
	font-size: 14pt;
	line-height: 1.8em;
}

.kh {
	color:#fff; 
	width:780px; 
	margin: auto;
	}

.kh a	{	color:#fff;}

#kh-content a {color: #a80101;}

#kh-content h1 {
	color: #A71517;
	font-weight: bold; 
	font-size: 24pt; 
	letter-spacing: -1px;
	padding: 25px 0 25px;
	}

#kh-content h2, #kh-content h3 {
	color: #3A3333;
	font-weight: bold; 
	letter-spacing: -1px;
	padding: 15px 0 5px;
	}
	

#kh-content h2 {
	font-size: 17pt; 
	}

#kh-content h3 {
	font-size: 16pt; 
	}

#kh-content h4 {
	font-size: 12pt; 
	}

dl.reviews {
	 padding-top: 20px; 
}

dl.reviews dt {
	font-weight: bold;
	color: #3A3333;	
}
dl.reviews dd {
	padding-left: 40px;
	padding-bottom: 20px;
}

#kh-content ul, #kh-content ol {
	list-style-position: inside;
}

#kh-content > h1.description {
	padding-bottom: 0;
	font-size: 13pt;
	font-weight: normal;
	color:#363333;
}
#kh-content > h1.description a {
	color:#363333;
}


#kh-content > div.sectdesc {
	width: 500px;
	padding: 5px 0 10px 40px;
	font-style: italic;
	color: #A71517;

}


.kh h1 a {	text-decoration: none; }

.dishtitle {margin: 0 0 0 5px;}
.dishpic {margin: 0 0 30px 0;}

#kh-content td a {outline: none;}
/*#kh-content td {border: 1px solid #ccc;}*/


#footer-container {
	background: #211717;
	height: 50px;
	position: relative;
}
#footer {
	width:800px;
	margin: auto;
	padding: 10px 0 10px;
}
#footer, #footer a {
	color:#777777;
	font-size: 9pt;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#footer .footer-column {
	float:left; 
}
#footer #b-col-1 {
	width: 400px;
	margin-right: 10px;
}
#footer #b-col-2 {
	width: 320px;
	margin-right: 10px;
}
#footer #b-col-3 {width: 390px; text-align: right;}

.clearem {clear:both;}


div.citiesList {
	line-height: 1.6em;
}

/*  Google Map */
#map_canvas {
	background: #CBD8C3;
	width:	500px;
	height: 380px;
	float: right;
	border: 1px solid #dc8c8b;
	margin-top: 40px;
	font-size: 10pt;
	}
	
#map_canvas h2{
	font-size: 14pt;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
}



/*   pics  */
img.alignleft {
	float:left;
	margin: 0 20px 20px 0;
}

img.alignright {
	float:right;
	margin: 0 0 20px 20px;
}

div.coarse img {
	border: 1px solid #cccccc;
}

/* JOBs list */
div.vactitle {
	background: url(images/vl-plus.png) no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	cursor: pointer;
	text-decoration: underline;
	line-height: 1em;
}

.iconplus { background: url(images/vl-plus.png) no-repeat; }
.iconminus { background: url(images/vl-minus.png) no-repeat !important; }

div.vacdesc {
	display:none;
	width: 400px;
	background: #fefefe;
	border:1px solid #ccc;
	margin: 5px 0 20px 20px;
	font-size: .9em;
	padding: 5px;
	overflow: auto;
}


/*
// SIDE ADVERTISEMENT
*/
div#side1, div#side2 {
	height: 421px;
	width: 218px;
	position: absolute;
	top: 127px;
}

div#side1 img, div#side2 img {
	border: none;
}


div#side1 { left: 0px; }
div#side2 { right: 0px; }
/* End captions */

h3.akcii { /* titles in Akcii section - for Timur */
/* 	font-size: 12pt; */
}


/* It's not earth that's in trouble
It's the people that live on it, no no
Earth'll be here long after we've all gone the way of the dodo */