/*  
Theme Name: Thai Thuna
Version: 1.0
Description: hai Thuna Theme for Wordpress. Widgets areas. Lightbox support for all images.
Author: Wordpress Webdesign
Author URI: http://akay.eu/
Tags: two-columns, right-sidebar, fixed-width, custom-menu, theme-options, threaded-comments
*/


* {
	margin: 0 auto;
    padding: 0;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fafafa url(images/bg-body.png) repeat-x top;
	color: #474747;
	letter-spacing: 0.03em;
	line-height: 20px;
}
 
html, body {height: 100%;}

a {color: #094568; text-decoration: none; outline: none;}
a:hover {color: #3d79b4; text-decoration: none;} 
a:active {color: #5891c8;}

.content p {padding: 0 0 15px 0; line-height: 21px; font-size: 13px}
img {border: none;}

#wrapper {background: url(images/bg-trasp.png) no-repeat top center; width: 100%; float: left;}
.container {width: 954px;}
.page-container {width: 954px; min-height: 900px; float: left; background: url(images/bg-page-trasp.png) no-repeat;}

ul, li {list-style-type: none;}

/* Header */

#header {width: 954px; height: 211px; float: left; background: url(images/bg-header-trasp.png) no-repeat top; margin-bottom: 4px;}
h1#title {text-indent: -9999px; position: absolute;}
h2.head-description {text-indent: -9999px; position: absolute;}
#top-image {margin: -177px 0 0 35px; display: inline; border: none !important; position: absolute; z-index: 9999;}
#slideshow img {position: absolute; z-index: 1px; margin: 4px 0 0 0;}
	
	/* Top Menu */
	
	#top-menu {float: right; text-align: right; margin: 10px 5px 10px 0; font-size: 11px;}	
	#top-menu h3 {position: absolute; display: none;}	
	#top-menu li {display: inline; border-right: 1px solid #094568; padding: 0 5px;}	
	#top-menu li ul {display: none;}
	
	/* Languages */
	
	#languages {float: right; display: inline; width: 75px; color: #ffffff; margin-top: 14px;}
	#languages li {float: left; margin: 0 2px; padding: 2px 0;}
	.qtrans_flag_de {background: url(images/flag-de.png) no-repeat !important;}
	.qtrans_flag_en {background: url(images/flag-en.png) no-repeat !important;}
	
	/* Main Menu Navigation */
	
	#main-menu-l {float: left; background: url(images/nav-menu-l-trasp.png); width: 4px; height: 38px; margin-left: 2px;}	
	#main-menu-r {float: left; background: url(images/nav-menu-r-trasp.png); width: 4px; height: 38px; margin-bottom: 12px;}	
	#main-menu {display: block; width: 942px; background: url(images/nav-menu.png) repeat-x; height: 38px; float: left;}
	#main-menu .menu-header,
	div.menu {width: 710px; float: left;}
	#main-menu .menu-header ul,
	div.menu ul {list-style: none; margin: 6px 0;}

	#main-menu li {display: inline; float: left;}
	#main-menu li a {font-size: 13px; color: #666666; font-weight: normal; display: inline; padding: 10px 15px 12px 15px; line-height: 25px; border-right: 1px solid #e9901c;}

	#main-menu .menu-header li,
	div.menu li {position: relative;}
	
	#main-menu ul ul {display: none; position: absolute; top: 26px; text-align: left; left: 0; float: left; z-index: 99999;}
	#main-menu ul ul ul {left: 100%;top: -7px;}
	#main-menu ul ul a {background: #fe9205; line-height: 1em; padding: 11px 15px; height: auto; border-bottom: 1px solid #ec8908; border-top: 1px solid #fea22a; min-width: 200px; float: left;}
	#main-menu li:hover > a,
	#main-menu ul ul :hover > a {color: #ffe6c6; background: #fe9205;}
	#main-menu ul li:hover > ul {display: block;}
		
#main-menu  ul li.current_page_item > a,
#main-menu  ul li.current-menu-ancestor > a,
#main-menu  ul li.current-menu-item > a,
#main-menu  ul li.current-menu-parent > a {
	color: #ffffff; background: #fe9205;
}
	
#social-networks {float: right; display: inline; width: 165px; color: #ffffff; margin-top: 10px;}
#social-networks span a {width: 20px; height: 20px; float: left; display: inline; text-indent: -9999px; margin: 0 3px;}
#social-networks span {float: left;}
.fb-icon a {background: url(images/social-fb.png) no-repeat; margin-left: 8px !important;}
.youtube-icon a {background: url(images/social-youtube.png) no-repeat;}
.rss-icon a {background: url(images/social-rss.png) no-repeat; cursor: pointer;}


/* Offer Boxes */

.offer-box {width: 142px; height: 290px; float: left; margin: 10px 8px 50px 8px; border: 1px solid #ebebeb; padding: 5px 3px 5px 7px; font-size: 11px; background: #ececec url(images/bg-offerbox.png) repeat-x bottom;}
.first-offer {margin: 10px 8px 50px 0;}
.last-offer {margin: 10px 0px 50px 8px;}
.offer-box h3 {font-size: 18px !important; text-transform: uppercase; font-weight: normal; color: #ffa200 !important; margin-top: 5px;}
.offer-box img {padding: 0 !important; border: none !important; margin: 0 !important;}
.offer-box p {font-size: 12px; line-height: 15px;}
.offer-icon1 {position: relative; top: 5px; left: 22px;}
.offer-icon2 {position: relative; top: 22px; left: 35px;}
.offer-icon3 {position: relative; top: 30px; left: 38px;}
.offer-icon4 {position: relative; top: 9px; left: 42px;}

.offer-box:hover {background: #f0f9ff url(images/bg-offerbox-active.png) repeat-x bottom;}
.offer-box:hover h3 {color: #34383b !important;}
.offer-box:hover h3 {color: #34383b !important;}


/* Page templates */

.page-template-page-hotel-php .offer-box-hotel {background: #f0f9ff url(images/bg-offerbox-active.png) repeat-x bottom;}
.page-template-page-hotel-php .offer-box-hotel h3 {color: #34383b !important;}
	
	/* Restaurant */
	 body.page-template-page-restaurant-php {background: #fafafa url(images/bg-body-restaurant.png) repeat-x top;}
	.page-template-page-restaurant-php .offer-box:hover {background: #e1bd60 url(images/bg-offerbox-restaurant-active.png) repeat-x bottom;}
	.page-template-page-restaurant-php .offer-box-restaurant {background: #e1bd60 url(images/bg-offerbox-restaurant-active.png) repeat-x bottom;}
	.page-template-page-restaurant-php .offer-box-restaurant h3 {color: #34383b !important;}
	.page-template-page-restaurant-php #footer-wrapper {width: 100%; background: url(images/footer-restaurant-wrapper.png) repeat-x bottom; float: left; color: #666666;}
	/* Sushibar */
	 body.page-template-page-sushibar-php {background: #fafafa url(images/bg-body-sushi.png) repeat-x top;}
	.page-template-page-sushibar-php #wrapper {background: url(images/bg-sushi-trasp.png) no-repeat top center; width: 100%; float: left;}
	.page-template-page-sushibar-php .offer-box:hover {background: #f4eee7 url(images/bg-offerbox-sushi-active.png) repeat-x bottom;}
	.page-template-page-sushibar-php .offer-box-sushibar {background: #f4eee7 url(images/bg-offerbox-sushi-active.png) repeat-x bottom;}
	.page-template-page-sushibar-php .offer-box-sushibar h3 {color: #34383b !important;}
	.page-template-page-sushibar-php #footer-wrapper {width: 100%; background: url(images/footer-sushibar-wrapper.png) repeat-x bottom; float: left; color: #666666;}
	/* Havana Bar */
	 body.page-template-page-havanabar-php {background: #fafafa url(images/bg-body-havana.png) repeat-x top;}
	.page-template-page-havanabar-php #wrapper {background: url(images/bg-havana-trasp.png) no-repeat center 45px; width: 100%; float: left;}
	.page-template-page-havanabar-php .offer-box:hover {background: #ffd3d3 url(images/bg-offerbox-havanabar-active.png) repeat-x bottom;}
	.page-template-page-havanabar-php .offer-box-havanabar {background: #ffd3d3 url(images/bg-offerbox-havanabar-active.png) repeat-x bottom;}
	.page-template-page-havanabar-php .offer-box-havanabar h3 {color: #34383b !important;}
	.page-template-page-havanabar-php #top-menu li a {color: #670000 !important;}	
	.page-template-page-havanabar-php #top-menu li {border-right: 1px solid #670000 !important;}	
	.page-template-page-havanabar-php #footer-wrapper {width: 100%; background: url(images/footer-havanabar-wrapper.png) repeat-x bottom; float: left; color: #ffffff; padding-bottom: 59px;}

/* content-post */

.content {width: 670px; overflow: hidden; float: left; padding: 5px 0 20px 25px; display: inline;}
.content hr {margin: 8px 0 15px 0; background: url(images/bg_hr.png) no-repeat; height: 10px; border: none; clear: both;}
.content h2 a {clear: both; font-style: normal; font-weight: lighter; font-size: 28px; letter-spacing:0.02em; text-align: left; color: #000000;} 
.content h2 a:hover {color: #0066CC;} 
.pagetitle {font-style: italic; border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; font-size: 20px !important; padding-top: 16px; margin-bottom: 15px;}
a.pdf-icon {background: url(images/pdf_icon.gif) no-repeat 0 0; padding: 10px 0 0 50px; height: 32px; float: left; width: 100%;}

.content ul {margin: 5px 0 10px 15px; display: block;}
.content ol {list-style: decimal !important; margin: 5px 0 10px 15px;}
.hentry li {background: url(images/listmark.png) no-repeat 0 10px; padding: 3px 0 3px 16px; display: block;}

	/* Headings */

	 h1, h2, h3, h4, h5, h6 {clear: both; margin-bottom: 5px; color: #000000; font-weight: lighter; font-family: Helvetica, Arial, sans-serif;}
	 h1 { font-size: 30px; line-height: 115%;}
	 h2 {font-size: 25px; line-height: 115%;}
	 h3 { font-size: 20px; line-height: 115%; color: #3d3d3d !important;}
	 h4 { font-size: 15px; ine-height: 120%;}
	 h5 { font-size: 13px; line-height: 120%; }
	 h6 { font-size: 11px; line-height: 90%; text-decoration: underline;}

blockquote {font-style: italic;padding: 1em 1em 0 1em; background: #eff1f3; border: 1px solid #e9e9e9; margin: 7px 0;}
.post {margin-bottom: 20px; float: left;}
.entry-meta {padding: 3px 0; font-size: 11px; border-bottom: 1px solid #d7d7d7; width: 96%; float: left;}
.entry-utility {width: 100%; clear: both; float: left; padding: 3px 0 0 0; font-size: 11px; border-top: 1px solid #d7d7d7;}
.single .entry-meta {text-transform: uppercase !important; font-size: 10px; margin: 5px 0 10px 0;}

	/* Images */
	
	.hentry img {margin: 8px 10px 0 0; height: auto; max-width: 650px !important; width: auto; padding: 2px; border: 1px solid #d8d8d8;}
	.attachment img {
		max-width: 100%; 
		height: auto;
	}
	.alignleft,
	img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
	.alignright,
	img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
	.aligncenter,
	img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
	img.alignleft,
	img.alignright,
	img.aligncenter {margin-bottom: 12px;}
	.wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; padding: 2px 6px 2px 2px; text-align: center; border: 1px solid #dcdcdc;}
	.wp-caption img {margin: 5px 5px 0;}
	.wp-caption p.wp-caption-text {color: #888888; font-size: 12px; margin: 5px 5px 0 5px;}
	.wp-smiley {margin: 0; border: none !important;}
	
	#content .gallery {margin: 0 auto 18px;}
	#content .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
	#content .gallery img {max-width: 170px !Important; width: auto !Important; width: 170px;}
	#content .gallery .gallery-caption {color: #888888;font-size: 12px;margin: 0 0 12px;}
	#content .gallery dl {margin: 0;}
	#content .gallery img {border: 1px solid #e1e1e1; padding: 3px; margin: 8px 0;}
	#content .gallery br+br {display: none;}
	
	/* Attachments */
	#content .attachment {width: 93%; float: left;}
	#content .attachment img {max-width: 930px !Important; border: 1px solid #d8d8d8; padding: 3px;}
	#content .attachment img {display: block;margin: 0 auto;}
	.attachment #content {width: 100% !important;} .attachment #content img {float: left; clear: both}
	.navigation {width: 100%; float: left; margin: 10px 0 20px 0;} .previous-attach{float: left; margin-left: 30px;}  .next-attach{float: right;}

/* Sidebar */

#sidebar {width: 213px; color: #131313; float: right; margin: 15px 20px 0 0;}

.online-anfrage a {width: 205px; height: 312px; margin: 15px 0 0 12px; float: left; text-indent: -9999px;}
#online-anfrage-de a {background: url(images/online-anfrage.png) no-repeat top;}
#online-anfrage-de a:hover {background: url(images/online-anfrage.png) no-repeat bottom;}
#online-anfrage-en a {background: url(images/online-anfrage-en.png) no-repeat top;}
#online-anfrage-en a:hover {background: url(images/online-anfrage-en.png) no-repeat bottom;}

#sidebar .widget-container {width: 193px; background: url(images/bg-widget-trasp.png) no-repeat top; padding: 0 20px; margin-bottom: 20px; float: left;}
#sidebar .widget-container li a {list-style-type: none; padding: 10px 0 10px 18px; clear: both; display: block; color: #898989; font-size: 12px; background: url(images/sidebar-listmark.png) no-repeat 4px 16px; border-bottom: 1px solid #ffffff; border-top: 1px solid #dedede;}
#sidebar .widget-container li a:hover {background: #f4f4f4 url(images/sidebar-listmark.png) no-repeat 3px 16px; color: #f39c11 !important;}
h3.widget-title {color: #ffa200 !important; text-transform: uppercase; font-size: 14px; text-align: left; font-weight: bold; padding: 20px 7px 5px 7px;}

#sidebar .sub-menu {margin-left: 15px;}
#sidebar .children {margin-left: 15px; display: none;}
#sidebar .current_page_item .children {display: block;}
#sidebar .current_page_ancestor .children {display: block;}
#sidebar .current-cat .children {display: block;}
#sidebar .current-cat-parent .children {display: block;}

#sidebar iframe {margin-left: -12px;}

#sidebar a:hover {color: #1e88ec !important;}
#sidebar .textwidget {padding-left: 12px;}	
#sidebar ul li.current_page_item > a,
#sidebar ul li.current-cat > a,
#sidebar ul li.current-menu-ancestor > a,
#sidebar ul li.current-menu-item > a,
#sidebar ul li.current-menu-parent > a {
	color: #f39c11 !important; background: #f4f4f4 url(images/sidebar-listmark.png) no-repeat 3px 16px !important; font-weight: bold;
}


	/* Search widget */
	#s {background: #eff1f3; width: 61%; height: 14px; padding: 5px;font-size: 13px; border: 1px solid #e9e9e9 !important; color: #121212;}
	label.screen-reader-text {position: absolute; left: -9000px;}
	#searchsubmit{width: 50px; height: 26px; border: 1px solid #e9e9e9; margin-bottom: 0; background: #eff1f3; color: #121212; cursor: pointer;}
	
	/* Calendar */
	#wp-calendar {width: 100%;}
	#wp-calendar a {font-weight: bold;}
	#wp-calendar caption {font-size: 12px; font-weight: lighter; font-style: italic; padding-bottom: 4px;text-align: center;text-transform: uppercase; color: #999;}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar thead th {}
	#wp-calendar tbody {color: #121212;}
	#wp-calendar tbody td {background: #eff1f3; border: 1px solid #e7eef5; padding: 3px 0 2px;text-align: center;}
	#wp-calendar tbody .pad {background: none;}



/* Single */

.post-nav {width: 100%; float: left; padding: 2px 10px}
.previous-post a {float: left; font-size: 13px; text-align: left;}
.next-post  a {float: right; font-size: 13px; text-align: right; padding-right: 10px;}


/* Footer */

#footer-wrapper {width: 100%; background: url(images/footer-wrapper.png) repeat-x bottom; float: left; color: #666666;}

#footer {width: 954px; clear: both; margin: 20px 0; float: left; font-size: 11px; border-top: 1px solid #dcdcdc; padding-top: 30px;}
#copy {color: #ffffff; width: 100%; float: left;}

/* Footer Widgets */

#footer .widget-container {float: left; width: 175px; margin-bottom: 20px; padding: 0 80px 0 0; background: url(images/footer-widget.png) no-repeat right top; font-size: 11px;}

#footer-last .widget-container {background: none !important; padding-right: 0 !important;}
#footer .widget-title {color: #606163 !important; font-size: 12px !important; text-align: left; width: 100%; padding: 0 0 5px 0;}
#footer .widget-container {color: #818181;}
#footer .widget-container li {list-style-type: none; width: 100%; clear: both; display: block; color: #818181; padding: 5px 0;}
#footer .widget-container li a {background: url(images/sidebar-listmark.png) no-repeat 0 5px; padding: 1px 0 1px 12px;}
#footer .widget_recent_comments li a { background: none !important; padding: 0 !important;}



/* Comments */

#comments {float: left; clear: both; width: 100%; margin: 20px 0;}
#comments h3 {margin-bottom: 15px;}
.nocomments {margin-top: 10px;}

ol.commentlist {
	padding: 0 !important;
	width: 100% !important;
	float: left;
	}
	
ol.commentlist  li{
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: left;
	}

.comment-authorbox {border-bottom: 1px solid #dadada; padding-bottom: 5px; float: left; width: 100%; margin-bottom: 10px;}
.commentlist cite {
	font-weight: lighter;
	font-style:normal;
	font-size: 18px;
	float: left;
	margin-right: 10px;
	}

.comment-meta {font-size: 11px; font-style: italic; float: left;}
.comment-author {float: left; margin-right: 20px;}
.comment-author img {padding: 1px; border: 1px solid #e8e8e8; border-bottom: 2px solid #e8e8e8;}
.comment-body {width: 79%; float: left; padding: 8px; border: 1px solid #dadada; border-bottom: 2px solid #dadada;}
.comment-body img {border: none;}
.comment-body ul {margin-left: 20px !important;}
.comment-body li {border: none; background: none; list-style-type: disc !important; padding: 0;}
#comments ul.children {margin-top: 20px; width: 90% !important; float: right;}
ol.commentlist li div.reply {padding: 0 0; float: left; clear: left;}

.says{display: none;}
.commentlist .bypostauthor {}
li.pingback {width: 91% !important; margin-bottom: 10px !important; padding: 10px 15px !important; text-decoration: none !important;}

	
/* Input */

h3#comments-title {font-size: 20px !important; margin-top: 10px;}
h3#reply-title {font-size: 19px !important; text-align: left; font-weight: lighter; width: 100%; padding: 0; margin: 20px 0 25px 0; float: left;}

#respond p, .cancel-comment-reply {
	color: #121212;
	line-height: 1.4em;
	margin: 10px 0 0 0;
}

.text {
	border: 1px solid #e1e1e1;
	padding: 2px;
	color: #121212;
	width: 200px;
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

.comment-notes .required {
	color: #ff4b33;
	font-weight: bold;
	width: 100%;
	float: none !important;
	top: 0px !important;
	margin-left: 0 !important;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
	padding-top: 2px;
	float: left;
	margin-left: 5px;
	display: inline;
}

#respond label {
	color: #000000;
	font-size: 12px;
	margin: 0 0 0 0;
	float: left;
}
#respond input {
	width: 60%;
	height: 18px;
	padding: 5px;
	font-size: 13px; 
	border: 1px solid #dadada; 
	border-bottom: 2px solid #dadada;
	clear: both;
	color: #676767;
	margin: 0 70% 0 0;
	font-family: Arial, Helvetica, sans-serif;
	}
#respond .form-allowed-tags {
	color: #aaaaaa;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond textarea {
	border: 1px solid #dadada; 
	border-bottom: 2px solid #dadada;
	color: #676767;
	margin-top: 5px;
	width: 96%;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 8px;
}

#respond .form-submit input {
	background: url(images/btn-submit.png) repeat-x top;
	font-size: 13px;
	width: 220px;
	height: 37px;
	border: 1px solid #e6e6e6;
	border-bottom:1px solid #c9c9c9;
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;
	cursor: pointer;
	margin-top:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.form-submit #submit:hover {
	background: url(images/btn-submit.png) repeat-x bottom;
	border:1px solid #e6e6e6;
	border-bottom: 1px solid #bebcbc;
	color: #f2f2f2;
}

/* comment navigation */
.commentnav {
	display: block;
}

.commentnav a {
	padding: 4px;
	font-size: 1.2em;
	border: 1px solid #ddd;
	color: #999;
}

.commentnav a:hover {
	border: 1px solid #bbb;
	color: #ff8a00;
}

.commentnavleft {
	float: left;
	display: inline;
}

.commentnavright {
	float: right;
	display: inline;
}

.commentnavleft a {
	float: left;
	display: block;
	margin: 15px 0 15px 0;
}

.commentnavright a {
	float: right;
	display: block;
	margin: 15px 0 15px 0;
}

/* end comments */


.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	padding: 18px 20px;
}

.edit-link a {width: 100%; float: left; color: #ccc; margin-top: 10px;}

	
	
	/* Contact Form 7 */
	.contact-form {float: left; width: 100%; margin-top: 10px;}
	.form-left {float: left; width: 300px; margin-top: 12px;}
	.form-left input {width: 225px; border: 1px solid #eaeaea; padding: 5px 2px; margin: 5px 0;}
	.form-right input {width: 225px; border: 1px solid #eaeaea; padding: 5px 2px; margin: 5px 0;}
	.form-right {float: left; width: 300px;}
	
	.form-full {float: left; width: 100%; margin: 5px 0 0 0;}
	.form-full textarea {float: left; width: 95%; margin-bottom: 20px; padding: 4px; border: 1px solid #eaeaea;}
	.form-submit {float: left; width: 190px;}
	.form-submit input {float: left; width: 136x; overflow: hidden; border: 1px solid #eaeaea; padding: 5px 2px;}
	#btn-submit {background: #f2aa22; border: 1px solid #e88f01; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 2px 2px #a1a1a1; -webkit-box-shadow: 2px 2px 2px #a1a1a1; box-shadow: 2px 2px 2px #a1a1a1; cursor: pointer; padding: 6px 10px; color: #4f3e21; font-size: 13px; text-transform: uppercase}
	#btn-submit:hover {background: #355ca2; border: 1px solid #0b508b; color: #ffffff;}