/*

THEME NAME: The Restaurant

THEME URI: http://redfactory.nl/themes/therestaurant/

DESCRIPTION: A complete restaurant website

VERSION: 1.1

AUTHOR: <a href="http://themeforest.net/user/redfactory/portfolio/?ref=redfactory">Red Factory</a>

AUTHOR URI: http://themeforest.net/user/redfactory/portfolio/?ref=redfactory

*/

@import "reset.css";

body {

	background: #fff;

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

	font-size: 13px;

	color: #585858;

	min-width: 980px;

}

.imgloader .load {

	display: none;

}

.junction {

	padding: 4px 0 0 0;

}

a {

	color: #464646;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

strong {

	font-weight: bold;

}

hr {

	border: none 0;

	border-bottom: 1px solid #E0E0E0;

	height: 1px;

	margin: 10px 0;

}

blockquote {

	font-style: italic;

	background: url(images/quotes.png) no-repeat top left;

	background-position: 12px 12px;

	color: #595959;

	margin: 5px 0;

	padding: 8px 15px 8px 60px;

}

.text-shadow-black {

	text-shadow: #000 0px -1px 0px;

}

.text-shadow-black-indent {

	text-shadow: #444 0px -1px 0px;

}

.text-shadow-white {

	text-shadow: #f8f8f8 0px 1px 0px;

}

#wrapper {

	width: 100%;

	margin: 0 auto;

}

.wrapper {

	width: 960px;

	margin: 0 auto;

	position: relative;

}

/* begin ---------------------------------------- top */

#top {

	position: relative;

	width: 100%;

	height: 150px;

	background: #fff;

	display: inline-block;

	z-index: 5;

}

#logo-container {

	display: inline-block;

	float: left;

	width: 450px;

}

#logo {

	font-size: 24px;

	margin: 11px 0 0 0;

	font-weight: bold;

	text-transform: uppercase;

	display: block;

}

#logo a {

	color: #fff;

}

#logo a:hover {

	text-decoration: none;

}

#logo #text_logo {

	margin: 10px 0 0 0;

	display: inline-block;

}

#description {

	font-size: 12px;

	color: #fff;

	margin: 5px 0 0 0;

	display: block;

}

#tagline {

	float: right;

	display: inline-block;

	width: 450px;

	text-align: right;

	margin: 30px 30px 0 0;

	font-size: 18px;

	font-style: italic;

	color: #000;

	line-height: 1.2;

}

/* end ---------------------------------------- top */

/* begin ---------------------------------------- menu */

#mainmenu {

	position: absolute;

	z-index: 10;

	top: 131px;

	width: 100%;

}

#mainmenu .wrapper {

	position: relative;

	width: 990px;

}

#menu-bg {

	width: 990px;

	height: 53px;

	display: inline-block;

	background: url('images/menu_bg.png') no-repeat;

}

#menu-left {

	position: absolute;

	top: 4px;

	left: 0px;

	height: 15px;

	width: 15px;

	background: url('images/menu_left.png') no-repeat;

}

#menu-right {

	position: absolute;

	top: 4px;

	right: 0px;

	height: 15px;

	width: 15px;

	background: url('images/menu_right.png') no-repeat;

}

#menu-container {

	position: absolute;

	top: 4px;

	left: 15px;

	width: 960px;

	height: 43px;

	display: inline-block;

	background: url('images/patern_sharp.png');

	float: left;

	border-top: #000 1px solid;

	border-bottom: 1px solid;

}

#mainmenu .menu {

	position: absolute;

	top: 0px;

	left: 150px;

}

.dropdown_arrow {

	height: 0px;

	width: 0px;

	position: absolute;

	top: 21px;

	right: 10px;

	border-color: #fff transparent transparent transparent;

 	border-style: solid;

  	border-width: 5px;

}

#mainmenu .menu ul li {

	float: left;

	font-size: 14px;

	padding: 15px;

	margin: 0 3px;

	display: inline-block;

	position: relative;

}

#mainmenu .menu ul li:hover, #mainmenu .menu ul li.current_page_item {

	background: #fff;

	padding: 17px 14px 16px 14px;

	margin: -3px 3px 0 3px;

	border: #dedede 1px solid;

	border-bottom: #fff 1px solid;

}

#mainmenu .menu ul li.has_submenu {

	padding-right: 30px;

}

#mainmenu .menu ul li.has_submenu:hover {

	padding-bottom: 25px;

	padding-right: 29px;

}

#mainmenu .menu ul li.has_submenu.current_page_item:hover {

	padding-right: 30px;

}

#mainmenu .menu ul li.has_submenu:hover ul li {

	padding-right: 14px;

}

#mainmenu .menu ul li.current_page_item:hover .has_submenu {

	padding-right: 30px;

}

#mainmenu .menu ul li.has_submenu:hover .dropdown_arrow, #mainmenu .menu ul li.current_page_item .dropdown_arrow {

	top: 23px;

}

#mainmenu .menu ul li a {

	color: #fff;

}

#mainmenu .menu ul li:hover .menu-overlap {

	position: absolute;

	bottom: -3px;

	left: 0px;

	width: 100%;

	height: 5px;

	background: #fff;

	z-index: 15;

}

#mainmenu .menu ul li ul {

	position: absolute;

	width: auto;

	top: 57px;

	left: -1px;

	background: #fff;

	display: none;

	padding: 10px 0;

	border: #dedede 1px solid;

}

#mainmenu .menu ul li.has_submenu:hover ul {

	display: inline-block;

}

#mainmenu .menu ul li.has_submenu ul li {

	clear: both;

	height: auto;

	width: 200px;

	padding: 10px 15px;

	margin: 0;

	border: 0;

	display: block;

}

#mainmenu .menu ul li.has_submenu ul li.current_page_item, #mainmenu .menu ul li.has_submenu ul li:hover {

	padding: 10px 15px;

	margin: 0;

	border: 0;

	background: #eee;

}

#mainmenu .menu ul li.has_submenu:hover ul li a, #mainmenu .menu ul li.has_submenu ul li a {

	padding: 0 10px 0 0;

	display: block;

	font-size: 13px;

	height: auto;

}

#mainmenu .menu ul li a:hover, #mainmenu .menu ul li ul li a:hover {

	text-decoration: none;

}

#stars-left {

	background: url('images/stars.png') no-repeat;

	position: absolute;

	top: 20px;

	left: 60px;

	height: 13px;

	width: 78px;

}

#stars-right {

	background: url('images/stars.png') no-repeat;

	position: absolute;

	top: 20px;

	right: 60px;

	height: 13px;

	width: 78px;

}

/* end ---------------------------------------- menu */

/* begin ---------------------------------------- header */

#header {

	position: relative;

	width: 100%;

	height: auto;

	background: #336633 url('images/patern.png');

	z-index: 5;

	border-top: #0d0b08 1px solid;

}

#slider {

	position: relative;

	display: inline-block;

	height: 400px;

	width: 1020px;

	top: 0px;

	left: 50%;

	margin: 0 0 0 -510px;

	z-index: 5;

}

#slider img {

	display: none;

}

#slider_arrow {

	position: absolute;

	margin: 0 0 0 -41px;

	top: -10px;

	left: 50%;

	height: 35px;

	width: 82px;

	cursor: pointer;

	z-index: 6;

}

.arrow_up {

	background: url('images/arrow_up.png') no-repeat;

}

.green .arrow_up {

	background: url('images/arrow_up_green.png') no-repeat;

}

.red .arrow_up {

	background: url('images/arrow_up_red.png') no-repeat;

}

.blue .arrow_up {

	background: url('images/arrow_up_blue.png') no-repeat;

}

.gray .arrow_up {

	background: url('images/arrow_up_gray.png') no-repeat;

}

.arrow_down {

	background: url('images/arrow_down.png') no-repeat;

}

.green .arrow_down {

	background: url('images/arrow_down_green.png') no-repeat;

}

.red .arrow_down {

	background: url('images/arrow_down_red.png') no-repeat;

}

.blue .arrow_down {

	background: url('images/arrow_down_blue.png') no-repeat;

}

.gray .arrow_down {

	background: url('images/arrow_down_gray.png') no-repeat;

}

#ornament {

	background: url('images/ornament.png') no-repeat;

	height: 20px;

	width: 157px;

	position: absolute;

	top: 23px;

	left: 50%;

	margin: 0 0 0 -79px;

}

/* end ---------------------------------------- header */

#container {

	position: relative;

	z-index: 6;

	width: 100%;

	background: url('images/container_bg.png') 0px 1px repeat-x;

	height: auto;

	display: inline-block;

}

/* begin ---------------------------------------- pages & posts */

#breadcrumbs {

	display: inline-block;

	color: #7c7c7c;

	position: absolute;

	top: 28px;

	left: 0px;

}

#breadcrumbs a {}

#content-top {

	display: inline-block;

	background: url('images/content_top.png') 50% bottom no-repeat;

	height: 70px;

	width: 960px;

}

#content-bottom {

	display: inline-block;

	background: url('images/content_bottom.png') 50% top no-repeat;

	height: 30px;

	width: 960px;

}

#content-border {

	border: #dedede 1px solid;

	display: inline-block;

}

#content {

	width: 956px;

	height: auto;

	border: #fff 1px solid;

	background: #e3e0dc url('images/content_bg.png') repeat-x;

	display: inline-block;

	position: relative;

	padding: 0 0 25px 0;

}

#fronttext-devider1, #fronttext-devider2 {

	height: 75%;

	width: 1px;

	background: #E0E0DE;

	border-right: #f7f7f5 1px solid;

	position: absolute;

	top: 41px;

	left: 316px;

}

#fronttext-devider2 {

	left: 633px;

}

.fronttext {

	width: 270px;

	display: inline-block;

	float: left;

	margin: 0 25px 0 23px;

	position: relative;

}

.title-container {

	position: absolute;

	margin: -16px 0 15px -125px;

	display: inline-block;

	width: 250px;

	height: 44px;

	left: 50%;

	float: left;

}

.title-container .title {

	position: absolute;

	top: 4px;

	left: 10px;

	width: 230px;

	height: 34px;

	background: url('images/patern_sharp.png');

	border-top: 1px solid;

	border-bottom: 1px solid;

	display: inline-block;

}

.title-container h2 {

	color: #fff;

	font-size: 17px;

	display: inline-block;

	width: 230px;

	text-align: center;

	margin: 8px 0 0 0;

}

.title-container .bar-bg {

  	position: absolute;

	background: url('images/frontbar_bg.png') no-repeat;

	width: 250px;

	height: 44px;

}

.title-container .bar-left {

  	position: absolute;

	top: 4px;

	left: 0px;

  	border-color: transparent;

 	border-style: solid;

  	border-width: 5px;

  	width: 0;

 	height: 0;

}

.title-container .bar-right {

	position: absolute;

	top: 4px;

	right: 0px;

  	border-color: transparent;

  	border-style: solid;

  	border-width: 5px;

  	width: 0;

  	height: 0;

}

.frontcontent-container {

	display: inline-block;

	padding: 42px 0 0 0;

}

.postimage-container {

	border: #dedede 1px solid;

	margin: 0 0 15px 0;

	display: inline-block;

	float: left;

}

.postimage {

	width: 266px;

	height: 104px;

	border: #fff 1px solid;

	overflow: hidden;

}

.postimage img {

	width: 266px;

}

.fronttext .frontcontent p {

	line-height: 1.5;

	font-size: 13px;

}

.readmore, input[type="submit"] {

	margin: 20px 0 0 4px;

	width: auto;

	height: auto;

	color: #fff;

	display: inline-block;

	background: url('images/patern_sharp.png');

	border-top-style: solid;

	border-top-width: 1px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-left: 0px;

	border-right: 0px;

	box-shadow: 0px 0px 5px #888;

  	-moz-box-shadow: 0px 0px 5px #888;

  	-webkit-box-shadow: 0px 0px 5px #888;

	padding: 8px 15px;

	cursor: pointer;

}

.post .readmore {

	margin-top: 0px;

}

.readmore {

	float: left;

}

input[type="submit"] {

	margin: 0px;

	padding: 5px 10px;

}

.ie7 input[type="submit"] {

	padding: 5px;

    border: 0px;

}

.readmore a, input[type="submit"] a {

	color: #fff;

}

.readmore a:hover {

	text-decoration: none;

}

#post-container {

	width: 600px;

	height: auto;

	display: inline-block;

	padding: 0 20px 40px 20px;

}

.sidebar_left #post-container {

	float: right;

}

.sidebar_right #post-container {

	float: left;

}

.post {

	margin: 25px 0 0 0;

	padding: 30px 0 0 0;

	float: left;

	display: inline-block;

	width: 600px;

}

.fullwidthpage .post, .fullwidthpage #post-container {

	width: 920px;

}

.post-img {

	width: auto;

	height: auto;

	display: inline-block;

	border: #dededc 1px solid;

	margin: 0 0 20px 0;

}

.post-img img {

	width: 596px;

	height: auto;

	display: inline-block;

	border: #fff 1px solid;

}

.fullwidthpage .post-img img {

	width: 916px;

}

.topleft-meta {

	display: inline-block;

	float: left;

	width: 80%;

}

.topright-meta {

	display: inline-block;

	float: right;

	width: 20%;

	text-align: right;

}

.topright-meta a {}

.post-title {

	color: #3F403B;

	font-size: 24px;

}

.post-title a {}

.title-container .post-title {

	color: #fff;

	font-size: 17px;

	display: inline-block;

	width: 230px;

	text-align: center;

	margin: 8px 0 0 0;

}

.title-container .post-title a {

	color: #fff;

}

.page-subtitle {

	color: #aaa;

	font-size: 17px;

	margin: 40px 0 0 0;

}

.post-meta {

	font-size: 12px;

	color: #000;

	margin-top: 12px;

}

.post-meta a {}

.devider {

	width: 100%;

	border-top: #e4e3e1 1px solid;

	height: 1px;

	background: #f8f7f5;

	display: inline-block;

	margin: 14px 0 0 0;

}

.post .devider {

	margin-bottom: 14px;

}

.post-comments {

	float: right;

	background: url(images/cbubble_left.gif) no-repeat top left;

	padding: 3px 0 7px 7px;

}

.post-comments a {

	background: url(images/cbubble_right.gif) no-repeat top right;

	padding: 3px 7px 7px 0;

	color: #FFFFFF;

}

.post-comments a:hover {

	color: #FFFFFF;

}

.post-content {

	line-height: 1.5;

	color: #3e3e3e;

}

.post-content h1 {

	font-size: 28px;

	margin: 0 0 10px 0;

}

.post-content h2 {

	font-size: 24px;

	margin: 0 0 10px 0;

}

.post-content h3 {

	font-size: 20px;

	font-weight: bold;

	margin: 0 0 10px 0;

}

.post-content h4 {

	font-size: 16px;

	font-weight: bold;

	margin: 0 0 5px 0;

}

.post-content h5 {

	font-size: 13px;

	font-weight: bold;

	margin: 0 0 5px 0;

}

.post-content h6 {

	font-size: 13px;

	margin: 0 0 5px 0;

	font-style: italic;

}

.post-content p {

	line-height: 1.5;

	margin-bottom: 30px;

}

.post-content img.alignnone {

	background: #FFF;

	border: 1px solid #EFEFEF;

	padding: 4px;

}

.post-content img.alignleft {

	float: left;

	border: 1px solid #EFEFEF;

	margin: 0 25px 15px 0;

	padding: 4px;

}

.post-content img.alignright {

	float: right;

	border: 1px solid #EFEFEF;

	margin: 0 0 15px 25px;

	padding: 4px;

}

.post-content ul,.post-content ol {

	margin-left: 30px;

	margin-bottom: 20px;

	margin-top: 5px;

}

.post-content ul li ul,.post-content ol li ol {

	margin-left: 30px;

	margin-bottom: 0;

}

.post-content ul {

	list-style: disc;

}

.post-content ol {

	list-style: decimal;

}

.post-content ul li,.post-content ol li {

	line-height: 1.3;

	margin-bottom: 5px;

}

.more-link {

	font-weight: 700;

	display: block;

	margin-top: 10px;

}

.section-title {

	font-size: 140%;

	margin-bottom: 10px;

}

.navleft {

	float: left;

}

.navright {

	float: right;

}

.navigation div a {

	display: inline-block;

	margin: 40px 0 0 0;

	font-size: 17px;

}



.fullwidthpage .column2x1 {

	display: inline-block;

	width: 448px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column3x1 {

	display: inline-block;

	width: 292px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column3x2 {

	display: inline-block;

	width: 604px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column4x1 {

	display: inline-block;

	width: 214px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column4x3 {

	display: inline-block;

	width: 682px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .last {

	margin-right: 0px;

}

/* end ---------------------------------------- pages & posts */

/* begin ---------------------------------------- menu card */

#card-container {

	width: 956px;

	height: 0px;

	display: inline-block;

	padding: 50px 0;

	position: relative;

	overflow: hidden;

}

#card-prev {

	position: absolute;

	display: inline-block;

	top: 80px;

	left: -8px;

	width: 28px;

	height: 74px;

	background: url('images/arrow_left.png') no-repeat;

	z-index: 8;

}

.green #card-prev {

	background: url('images/arrow_left_green.png') no-repeat;

}

.red #card-prev {

	background: url('images/arrow_left_red.png') no-repeat;

}

.blue #card-prev {

	background: url('images/arrow_left_blue.png') no-repeat;

}

.gray #card-prev {

	background: url('images/arrow_left_gray.png') no-repeat;

}

#card-next {

	position: absolute;

	display: inline-block;

	top: 80px;

	right: -8px;

	width: 28px;

	height: 74px;

	background: url('images/arrow_right.png') no-repeat;

	z-index: 8;

}

.green #card-next {

	background: url('images/arrow_right_green.png') no-repeat;

}

.red #card-next {

	background: url('images/arrow_right_red.png') no-repeat;

}

.blue #card-next {

	background: url('images/arrow_right_blue.png') no-repeat;

}

.gray #card-next {

	background: url('images/arrow_right_gray.png') no-repeat;

}

#card-slider {

	width: 100000px;

	height: auto;

	display: inline-block;

	position: absolute;

	top: 60px;

	left: 0px;

	z-index: 7;

}

.card-page {

	width: 956px;

	height: auto;

	float: left;

	display: inline-block;

	position: relative;

}

.menucard-devider {

	position: absolute;

	height: 100%;

	width: 1px;

	background: #E0E0DE;

	border-right: #f7f7f5 1px solid;

	left: 50%;

}

.card-cat {

	width: 280px;

	height: auto;

	float: left;

	padding: 0 99px;

	display: inline-block;

}

.card-cat h2 {

	font-size: 22px;

}

.card-cat h3 {

	font-size: 17px;

	margin: 50px 0 0 0;

}

.card-cat .devider {

	margin: 10px 0 0 0;

}

.card-item {

	margin: 25px 0 0 0;

	display: inline-block;

	width: 100%;

}

.card-item .meta {

	display: inline-block;

	width: 100%;

}

.card-item .name {

	font-weight: bold;

	display: inline-block;

	float: left;

	width: 75%;

	line-height: 1.5;

}

.card-item a.name {

	text-decoration: underline;

}

.card-item .price {

	display: inline-block;

	float: right;

	width: 20%;

	text-align: right;

	font-weight: bold;

}

.card-item .description {

	display: inline-block;

	width: 100%;

	line-height: 1.5;

}

/* end ---------------------------------------- menu card */

/* begin ---------------------------------------- comments */

#comments ol li {

	margin-top: 2px;

	border-bottom: 1px solid #F0F0F0;

	padding: 10px 0;

	overflow: hidden;

	height: 1%;

}

.comment-gravatar {

	float: left;

	margin-right: 10px;

	background: #FFF;

	border: 1px solid #F0F0F0;

	padding: 3px;

}

.comment-data {

	float: left;

	width: 560px;

}

.comment-data p {

	margin-bottom: 6px;

	line-height: 1.3;

}

.comment-author {

	font-weight: 700;

	margin-bottom: 3px;

}

.comment-meta {

	color: #666;

	margin-bottom: 5px;

	font-size: 85%;

}

.unapproved {

	font-style: italic;

}

#respond, #comments {

	margin: 20px 0 0 0;

	display: inline-block;

	float: left;

	width: 640px;

}

#comment-form {

	margin-top: 15px;

	margin-bottom: 10px;

}

#comment-form label {

	font-size: 90%;

	display: block;

	margin-bottom: 5px;

}

#comment-form input {

	width: 240px;

	margin-bottom: 10px;

	padding: 5px;

}

#comment-form textarea {

	width: 455px;

	height: 200px;

	margin-top: 15px;

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

	font-size: 100%;

	padding: 10px;

}

/* end ---------------------------------------- comments */

/* begin ---------------------------------------- sidebar */

#sidebar {

	width: 280px;

	margin: 35px 0 0 0;

	display: inline-block;

	color: #8b8a8b;

}

.sidebar_left #sidebar {

	float: left;

	padding: 20px 0 20px 20px;

}

.sidebar_right #sidebar {

	float: right;

	padding: 20px 20px 20px 0;

}

#sidebar a {

	color: #8b8a8b;

}

.sidepanel {

	margin-bottom: 30px;

}

.sidepanel img {

	margin: 5px;

}

.sidepanel h3 {

	padding: 0 0 5px 0;

	color: #414445;

	font-size: 17px;

}

.sidepanel ul li {

	padding: 5px 0;

	line-height: 1.5;

}

.sidepanel p {

	margin-top: 8px;

	line-height: 1.5;

}

#searchform #s {

	width: 180px;

}

#searchform input[type="submit"] {

	width: 80px;

}

/* end ---------------------------------------- sidebar */

/* begin ---------------------------------------- footer */

#footer {

	margin: 0 auto;

	width: 958px;

	height: auto;

	margin: 0 0 20px 0;

	display: inline-block;

	background: #191919 url('images/footer_bg.png') repeat-x;

	border: #727272 1px solid;

	color: #fff;

	position: relative;

	float: left;

}

#footer .sidepanel {

	width: 270px;

	display: inline-block;

	float: left;

	margin: 35px 25px 0 23px;

	padding: 0 0 35px 0;

	position: relative;

	color: #777;

	font-size: 12px;

}

#footer .sidepanel h3 {

	color: #fff;

	size: 17px;

	margin: 0 0 30px 0;

}

#footer .sidepanel a {

	color: #bbb;

}

#footer-links {

	display: inline-block;

	list-style: none;

	padding: 0 0 15px 0;

}

#footer-links li {

	float: left;

	margin-right: 15px;

}

#getintouch {

	float: right;

	line-height: 1.5;

}

#getintouch #social-buttons a {

	margin: 0 0px 0 0;

}

#getintouch #phone, #getintouch #email {

	width: 100%;

	display: inline-block;

	margin: 10px 0 0 0;

}

#getintouch #phone .icon {

	background: url('images/phone.png') 5px 2px no-repeat;

}

#getintouch #email .icon {

	background: url('images/email.png') 2px 12px no-repeat;

}

#getintouch .icon {

	height: 40px;

	width: 50px;

	display: inline-block;

	float: left;

}

#getintouch .text {

	display: inline-block;

	float: left;

}

#getintouch .title {

	text-transform: uppercase;

}

/* end ---------------------------------------- footer */

.sep {

	color: #CCC;

	margin: 0 8px;

}

.ico-small {

	vertical-align: middle;

	margin: 0 5px 2px 0;

}

.screen-reader-text {

	display: none;

}

input[type="text"] {

	padding: 5px;

}