/*
Theme Name: Natural Essence
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Soft and natural two-column theme supporting widgets. Based on the <a href="http://templates.arcsin.se/">free website template</a> Natural Essence. Also available as <a href="http://templates.arcsin.se/natural-essence-joomla-template/">Joomla template.</a>
Author: Viktor Persson
Author URI: http://arcsin.se/
*/

/* default elements */

body {
	background: #780000 url(img/bg.jpg);
	color: #222;
	font: normal 12px "Times New Roman", Times, serif;
	padding: 0;
}

a {color: #6d0e07;}
a:hover {
	color: #6d0e07;
	text-decoration: underline;
	}

big {font-size: 1.1em;}

h1 {color: #333333; padding: 8px 0 20px;}
h2,h3 {color: #333333; padding: 8px 0 10px;}

h1 {font: normal 1.5em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em; color: #6d0e07;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}

select, input, textarea, button {outline:none; resize:none; font-size: 12px; font-family: "Times New Roman", Arial, Helvetica, sans-serif;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0;}
input[type=submit] {cursor: pointer;}
 /*Remove button padding in FF*/
input::-moz-focus-inner {border: 0; padding: 0;}

/* structure */
#wrapper {
	position: relative;
	background: #f0e0c9 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#container {
	position: relative;
	border-top: 6px solid #f0e0c9;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto; background: #FBF9F4;
	width: 750px;
}

/* header */
.title {
	background: #E2DED5;
	border-top: 1px solid #996;
}
.title h1 {
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}

.header {
	border-top: 2px solid #663;
	background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
	height: 220px;
}

.headerflag {
	text-align:right;
	padding: 10px 10px 0px 0px;
}

/* navigation */
.navigation {
	background: #EAE7DF url(img/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #996;
	text-align: center;
	padding: 0 14px;
	font: 16px Arial,sans-serif;
	color: #333333;
	text-decoration: none;
	line-height: 41px;
}

.navigation .current_page_item a {color: #331;}

.navigation a {
	color: #6d0f07;
	text-decoration: none;}
.navigation a:hover{
	color: #ffffff;
	/*text-decoration: underline;*/
	background-color:#6d0f07;
	}

/*.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #6d0e07;
	display: block;
	font: bold 1em Tahoma,sans-serif;
	line-height: 41px;
	padding: 0 14px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-position: left bottom;
	color: #221;
}
.navigation .current_page_item a {color: #331;}*/

/* main */
.main {background: #FFF url(img/main.gif) repeat-y;}

/* posts */
.post .descr {
	color: #630;
	font-size: 0.9em;
	margin: 2px 0 4px;
	text-align:justify;
}
.post .info{
	border-top: 1px dashed #AAAA9A;
	color: #222;
	font-size: 0.9em;
	font-weight: bold;
	margin: 4px 0 8px;
	padding: 8px 0;
	text-align:justify;
	
}
.post img {border: 2px solid #6d0e0a; margin: 4px 0;}
.post a img {border: 2px solid #6d0e0a;}
.post a:hover img {border-color: #AA9;}

/* bottom */
.bottom {
	background: #cccccc url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
	background: #f0e0c9;
	color: #333333;
	padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #6d0e07;
	text-decoration: none;
}
.footer a:hover {
	color: #6d0e07;
	text-decoration: underline;
}

.footer-images {position: relative; float: right; width: 370px; height: 60px;}
.footer-images img {position: relative; float: right; display: block; margin: 0 0 0 4px;}

/* misc */
.content {padding: 10px 10px; 	text-align:justify;}
.right .content {padding: 12px 10px;}
.left {float: right;}
.right {float: left;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 72%;}
.col2 .right {width: 25%;}

/* block list */
ul.block, .block ul {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #6d0e07;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	color: #6d0e07;
	background: #D2D0C0;
}.backlinks {position: relative; width: 195px; height: auto; background: transparent; padding: 0; margin: 0;} .backlinks h2 {width: 147px; border-bottom: 1px dashed #BCBAAC; clear: both; padding-bottom: 15px; margin-bottom: 10px;}.backlinks img {display: block; float: left; margin: 0 5px 5px 0; padding: 0; border: none; -webkit-transition: opacity 0.7s ease-in-out; -moz-transition: opacity 0.7s ease-in-out; -o-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out;}.backlinks img:hover {opacity: 0.70; filter: alpha(opacity = 70);}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {
	color: #ffffff; 
	background: #6d0e07;}

/* comments */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 0;
	width: 280px;
}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #FCFCFC;
	border: 1px solid #C6C3C3;
	padding: 2px;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #C6C3C3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}

/* calendar */
#wp-calendar {color: #A0A0A0;}

.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
  border-bottom-color: #000;
  color: #A53512;
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
  border-color: #000;
  color: #A53512;
}
.col2 .right table td a {
  border-bottom-color: #000;
  background-color: #EDF3DE;
}

.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display: inline-table;
  border-collapse: collapse;
  width: 185px;
  margin: 0px 10px 0 10px;
  text-align: center;
}

.col2 .right table caption {
  margin: -5px 5px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.col2 .right table thead tr {border-bottom:1px solid;}

.col2 .right table th {border-bottom:1px solid;}

.col2 .right table td {
  width: 190px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.col2 .right table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.col2 .right table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}

.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
  border: none;
  font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}

#searchform {padding:10px;}

.clear {clear: both!important; padding: 0!important; margin: 0!important; height: 0!important; font-size: 0!important;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}


#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}


#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.fb-commentbox {position: relative; width: 514px; height: auto; background: #fff; margin-top: 10px; padding: 2px; border: 1px solid #F0E0C9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.fb-commentbox-sub {position: relative; width: 514px; height: auto; background: #fff; margin-top: 5px;}
.mobil-contacts, .mobile-logo, .mobile-header-navigation, .mobile, .mobile-nav-anchor {display: none; padding: 0; margin: 0;}
.newsletter-container h2 {text-align: left!important;}
.newsletter-container label {display: block; margin: 4px 0 0 0;}
.newsletter-container input[type=submit] {background: url(http://www.fakanaletterem.hu/nl.jpg); width: 111px; height: 22px; color: #fff; margin: 12px 0 0 0; text-transform: uppercase; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; border: none;}


@media only screen and (max-width: 330px), only screen and (max-device-width: 330px) {

#wrapper {width: 320px!important;}

}


@media only screen and (max-width: 800px), only screen and (max-device-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) {

html {padding: 0!important; margin: 0!important;}
body {background: #fff; background-image: none!important; padding: 0!important;}
body, body p, body span {-webkit-text-size-adjust: none;}
input[type=text], input[type=password], textarea {background: url(img/input-gif.gif); font-size: 14px!important;} 
select {font-size: 14px!important;}

#wrapper {position: relative; float: none!important; width: 100%; min-width: 320px; padding: 0!important; margin: 0; overflow: hidden!important;}
#container, .header, .main, #sidebar, .left, .right, .col2 .left, .col2 .right, .footer, .post, .entry {position: relative; float: none!important; width: 100%; padding: 0; margin: 0;}
.bottom .left, .bottom .right {width: 100%;}
#container {border: none!important; margin: 0 auto; background: transparent!important;}
#sidebar {padding: 0!important; margin: 0!important; }


.header {position: relative; border: none!important; background: url(img/mobile-header.jpg) #0F1410 right 63px no-repeat; height: 154px!important; overflow: hidden;}
.headerflag {position: relative; width: 100%; height: 51px; float: none!important; background: #571819; padding: 12px 0 0 0!important;}
.headerflag .lang-link {position: relative; display: block; float: right; width: 36px; height: 35px; background: url(img/mobile-lang-flag-en.png) 0 0 no-repeat; margin: 1px 1% 0 0;}
.header .lang-flag, .navigation {display: none;}
.header .mobile-contacts {position: relative; display: block!important; padding: 0; margin: 0 0 0 2%; height: 36px!important; font-size: 14px!important; float: left; text-align: left!important;}
.header .mobile-contacts .email-phone {display: block!important; padding: 0; margin: 1px 0 1px 0; font-size: 13px!important; color: #fff!important; font-weight: 600; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none!important;}
.header #mobile-phone {background: url(img/mobile-phone-icon.png) 0 0 no-repeat; padding: 0 0 0 22px;}
.header #mobile-email {background: url(img/mobile-email-icon.png) 0 0 no-repeat; padding: 0 0 0 24px;}
.mobile-logo {position: relative; display: block!important; padding: 0; margin: 14px 0 0 13px; width: 59px; height: 59px; text-decoration: none; border: none; background: url(img/mobile-header-logo.jpg) transparent 0 0 no-repeat;}
.mobile-header-navigation {position: relative; display: block; border-top: 3px solid #ad9572; background: url(img/mobile-header-navigation-bg.png) transparent 0 0 repeat-x; width: 100%; height: auto; margin: 0; padding: 0 0 1px 0;}
.mobile-header-navigation ul {position: relative; display: block!important; float: none!important; width: 321px!important; height: 213px; background: #f6eee1; margin: 0 auto!important; padding: 0 0 1px 1px!important; text-align: center; list-style-type: none!important;}
.mobile-header-navigation ul li {position: relative; display: block!important; float: left!important; width: 106px!important; height: 106px; margin: 1px 0 0 1px; padding: 0!important; text-align: center; list-style-type: none!important;}
.mobile-header-navigation ul li a {position: relative; display: block!important; float: none!important; width: 106px!important; height: 26px; margin: 0!important; padding: 80px 0 0 0!important; text-align: center; text-decoration: none!important; color: #fff; font-weight: 600; font-size: 14px!important; font-family: "Times New Roman", Arial, Helvetica, sans-serif!important; text-transform: capitalize;}
#mobile-header-nav1 {margin: 1px 0 0 0!important;}
#mobile-header-nav4 {margin: 1px 0 0 0!important;}
#mobile-header-nav1 a {background: url(img/mobile-header-nav-restaurant.jpg) 0 0 no-repeat;}
#mobile-header-nav2 a {background: url(img/mobile-header-nav-catering.jpg) 0 0 no-repeat;}
#mobile-header-nav3 a {background: url(img/mobile-header-nav-events.jpg) 0 0 no-repeat;}
#mobile-header-nav4 a {background: url(img/mobile-header-nav-menu.jpg) 0 0 no-repeat;}
#mobile-header-nav5 a {background: url(img/mobile-header-nav-gallery.jpg) 0 0 no-repeat;}
#mobile-header-nav6 a {background: url(img/mobile-header-nav-contact.jpg) 0 0 no-repeat;}
.mobile-nav-anchor {position: relative; display: block!important; margin: 0!important; padding: 6px 2% 0 2%!important; font-size: 14px!important; text-align: left!important; width: 96%!important; height: 27px!important; text-decoration: none!important; text-transform: capitalize; font-family: Georgia, Arial, Helvetica, sans-serif!important; font-size: 16px!important; color: #fff!important; font-weight: 400!important; background: url(img/mobile-anchor-nav-bg.jpg) #670810 top right no-repeat;}

.main {background-image: none!important;}
.content, .left .content {padding: 0 1%; text-align:justify; width: 98%; float: none; margin: 0;}

.post img {display: block; max-width: 100%!important;}
.post, .post p, .post p {text-align: left;}

.right .content {padding: 0!important; text-align:justify; width: 100%!important; float: none; margin: 0!important;}
.right {background: #FBF9F4; padding: 0;}
.sidebar-navigation {position: relative; padding: 30px 2% 10px 2%;  background: url(img/mobile-sidebar-navigation-bg.jpg) #93745f 0 0 repeat-x; margin: 0!important; width: 96%;}
.sidebar-navigation h2 {font-family: Georgia, Arial, Helvetica, sans-serif!important; font-size: 18px!important; color: #fff!important; font-weight: 400!important; margin: 0 auto 7px auto!important; padding: 0!important; text-align: center!important; width: 100%; display: block; border-bottom: 2px solid #a89a88!important; padding: 0 0 12px 0!important;}
.sidebar-navigation ul {position: relative; list-style-type: none; display: block; padding: 0 0 20px 0!important; margin: 0!important; border: none!important; text-align: center!important; }
.sidebar-navigation ul li {list-style-type: none; display: inline!important; padding: 0!important; margin: 5px!important; text-align: center!important; border: none!important; font-family: Georgia, Arial, Helvetica, sans-serif!important; font-size: 16px!important; color: #f6f1e8!important; font-weight: 400!important;}
.sidebar-navigation ul li a {display: inline!important; padding: 0!important; margin: 0!important; padding: 0!important; text-align: center!important; border: none!important; font-family: Georgia, Arial, Helvetica, sans-serif!important; font-size: 16px!important; color: #f6f1e8!important; font-weight: 400!important;}
.sidebar-navigation ul li a:hover {background: transparent!important; color: #fff!important;}
.newsletter-container {position: relative; padding: 20px 2% 10px 2%; background: url(img/mobile-footer-bg.jpg) #625442 0 0 repeat-x; margin: 0!important; width: 96%;}
.newsletter-container h2 {font-family: Georgia, Arial, Helvetica, sans-serif!important; font-size: 18px!important; color: #ffe7bf!important; font-weight: 400!important; margin: 0 0 16px 0!important; padding: 0!important;}
.newsletter-container label {display: block; margin: 8px 0 2px 0; color: #fff;}
.newsletter-container input[type=text] {position: relative; width: 100%; border: none; height: 24px; display: block; margin: 0; color: #fff; background: #c8b69a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.newsletter-container input[type=submit] {position: relative; width: 100%; border: none; height: 24px; display: block; margin: 0; background: #e4d1b4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; color: #413525!important; font-family: "Times New Roman", Arial, Helvetica, sans-serif!important; text-transform: capitalize!important; font-size: 16px;}
.newsletter-container input[type=text]:focus {background: #fff;}

.footer {width: 100%!important; background: url(img/mobile-footer-bg.jpg) #514637 0 0 repeat-x; padding: 30px 0 0 0; color: #c8b69a; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px;} 
.footer p, .footer a {color: #c8b69a; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px;}
.footer a:hover {color: #fff; text-decoration: none;}

.bottom, .fb-commentbox, .fb-likebox, #post-3 img, .desktop {display: none!important; padding: 0!important; margin: 0!important; height: 0!important;}

}