/*
Theme Name: Laksa King
Version: 1.0
Author: Mariana Judiarti (Desain36)
Author URI: http://www.desain36.com
Description: A custom theme designed for Laksa King
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 27, 2012 12:31:56 AM America/New_York */



@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/Quicksand_Light-webfont.eot');
    src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('fonts/Quicksand_Book-webfont.eot');
    src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBold';
    src: url('fonts/Quicksand_Bold-webfont.eot');
    src: url('fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CopseRegular';
    src: url('fonts/Copse-Regular-webfont.eot');
    src: url('fonts/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Copse-Regular-webfont.woff') format('woff'),
         url('fonts/Copse-Regular-webfont.ttf') format('truetype'),
         url('fonts/Copse-Regular-webfont.svg#CopseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* COLORS
Beige	= #F6EFE1
Beige (bright) = #fffaec
Brown 	= #421400
Yellow	= #FEBE10
Red		= #A30B35
*/


/* GENERAL */
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(images/bg-pattern.gif) repeat #421400;
	font-family: 'QuicksandBook', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 1.5em;
	position: relative;
	-webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'CopseRegular', Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.25em;
	margin-bottom: .3em;
}

h1 {
	color: #421400;
	font-size: 2.5em;
	line-height: 1.1em;
}

h2 {
	color: #421400;
	font-size: 2.25em;
	line-height: 1.1em;
}

h3 {
	font-size: 1.75em;
	color: #A30B35;
}

p {
	margin-bottom: 1em;
}

a {
	text-decoration: none;
	color: #A30B35;
}

a:hover {
	text-decoration: underline;
}

a[href$='.pdf'] {
	display:inline;
	padding:2px 20px 2px 0px;
	overflow:visible;
	background:transparent url(images/icon-pdf.png) center right no-repeat !important;
}

strong {
	font-family: 'QuicksandBold', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

table tr {
	height: 1em;
}

table td {
	height: 1em;
	padding-right: 28px; 
}


/* GENERAL */

#bg-noodle-bowl {
	width: 100%;
	height: 729px;
	background: url(images/noodle-bowl-bg.png) no-repeat top center;
	margin: 0 auto;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#bg-vignette {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 95%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#main-wrapper {
	width: 921px;
	margin: 0 auto;
	float: none;
	position: relative;
	z-index: 1000;
}

.onecol {
	width: 315px;
}

.onecol .top. .onecol .bottom{
	width: 387px;
}

.twocol {
	width: 590px;
}

.twocol .top, .twocol .bottom {
	width: 562px;
}

.twocol.left article {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 320px;
}

.threecol {
	width: 921px;
}

.threecol .top, .threecol .bottom {
	width: 893px;
}

.top {
	height: 14px;
	background: url(images/bg-beige-95.png) repeat;
	border-radius: 14px 14px 0 0;
	-moz-border-radius: 14px 14px 0 0;
	-webkit-border-radius: 14px 14px 0 0;
	margin: 0 14px;
}

.bottom {
	height: 14px;
	background: url(images/bg-beige-95.png) repeat;
	border-radius: 0 0 14px 14px;
	-moz-border-radius: 0 0 14px 14px;
	-webkit-border-radius: 0 0 14px 14px;
	margin: 0 14px;
}

#content-wrapper {
	margin: 0 0 16px;
	display: block;
	float: left;
	position: relative;
}

#content {
	width: 889px;
	min-height: 298px;
	background: url(images/bg-beige-95.png) repeat;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	padding: 2px 16px;
	overflow: auto;
}

article {
	margin: 0 0 28px 0;
	width: 574px;
	float: right;
}

#content article h3 {
	line-height: 55px;
	width: 504px;
	height: 55px;
	background: url(images/frame-article.png) no-repeat left top;
	padding: 0 35px;
}

article .copy {
	margin: 16px 16px 0 35px;
}

article .copy .leftcol, article .copy .rightcol {
	width: 252px;
	float: left;
}

.gallery {
	overflow: hidden;
	width: 889px;
	clear: both;
}

.gallery p {
	margin: 0;
}

.gallery img {
	display: block;
}

.gallery img.alignleft {
	float: left;
}

.gallery img.alignright {
	float: right;
}

.gallery h2 {
	padding: 8px 16px;
	margin: auto 0;
	float: left;
	line-height: 1.25eml
}

.gallery table {
	width: 889px;
}

.gallery td {
	margin: 0;
	padding: 16px 0 0 0;
	vertical-align: middle;
}

.gallery td:first-child {
	padding-right: 16px;
}

.clear {
	clear: both;
	height: 0;
}

footer {
	display: block;
	color: #ffffff;
	font-size: .9em;
	padding: 14px 14px 1em;
	clear: both;
}

footer img.credit {
	float: right;
}

/* MASTHEAD */

#masthead {
	width: 100%;
	height: 230px;
	clear: both;
}

#logo {
	display: block;
	height: 100%;
	float: left;
	text-align: center;
}

#logo img {
	margin-top: 25px;
	vertical-align: middle;
}

/* NAV */

nav {
	margin-top: 195px;
	float: right;
	text-align: center;
}

nav a {
	font-family: 'QuicksandBold', Helvetica, Arial-Bold, sans-serif;
	font-size: 1.2em;
	color: #FEBE10;
	text-transform: uppercase;
}

nav a:hover {
	color: #A30B35;
	text-decoration: none;
}

nav .menu-item {
	display: block;
	float: left;
	margin: 15px 0 15px 35px;
}

.current-menu-item a,
nav .current-page-parent a,
nav .current-page-ancestor a {
	color: #A30B35!important;
}

.submenu {
	width: 299px;
	margin: 72px 16px 28px 0;
	text-transform: uppercase;
	border-top: dotted 2px #A30B35;
	float: left;
}

.submenu li {
	border-bottom: dotted 2px #A30B35;
}

.submenu a {
	color: #421400;
	font-family: 'QuicksandBold', Helvetica, Arial, sans-serif;
	line-height: 27px;
	margin-left: 40px;
}

.submenu a:hover {
	color: #A30B35;
	text-decoration: none;
}

/* SLIDESHOW */

#slide-wrapper {
	width: 889px;
	margin: 0;
	clear: both;
	overflow: auto;
}


/* SIDEBARS */

#sidebar {
	height: 275px;
	clear: both;
}

#sidebar .left {
	float: left;
}

#sidebar .right {
	float: right;
}

#sidebar .box {
	height: 388px;
	width: 100%;
	background: url(images/bg-beige-95.png) repeat;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#urbanspoon .textwidget {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 320px;
}

#sidebar .frame {
	height: 388px;
	padding: 26px 0;
}

#sidebar .onecol .frame {
	background: url(images/frame-onecol.png) no-repeat center top;
}

#sidebar .twocol .frame {
	background: url(images/frame-twocol.png) no-repeat center top;
}

#sidebar .widget {
	float:  left;
	width: 217px;
	margin: 0 0 7px 49px;
}

#sidebar article {
	float: left;
	width: auto;
	margin: 0 56px;
}

#sidebar table td {
	padding-right: 14px;
}


/*#sidebar .box {
	float: left;
	height: 191px;
	padding: 42px 0;
	margin: 0 0 16px;
}

#sidebar .twocol {
	background: url(images/frame-twocol.png) no-repeat center top;
}

#sidebar .onecol {
	background: url(images/frame-onecol.png) no-repeat center top;
}

#sidebar .right {
	margin-left: 8px;
}

#sidebar .left {
	margin-right: 8px;
}

#sidebar .onecol .widget {
	margin: 0 56px 14px;
}

#sidebar .twocol .widget {
	margin: 0 0 0 56px;
	float:  left;
	width: 203px;
}

#sidebar article {
	padding: 0 56px;
	width: auto;
}
*/

/* URBANSPOON */
#urbanspoon {
	text-align: center;
}

#urbanspoon h1 {
	color: #A30B35;
	font-size: 4.75em;
	margin-bottom: 0;
}

#us_widget {
	width: 100%!important;
	margin-top: 14px;
}


/* BOOKING ENQUIRY FORM */
form {
	margin: 28px 0;
	overflow: auto;
}

form p {
	width: 45%;
	padding-right: 5%;
	float: left;
	vertical-align: middle;	
}

form p.long {
	width: 95%;
}

form p.medium {
	width: 70%;
}

form p.short {
	width: 20%;
}

input[type="text"] {
	border: none;
	background: none;
	border-bottom: 1px dashed #421400;
	width: 100%;
	padding: 3px 0;
}

textarea {
	border: 1px dashed #421400;
	background: none;
	width: 98%;
	display: block;
	padding: 3px 1%;
	clear: both;
}

form .captcha input[type="text"] {
	margin: 0 5%;
	width: 40%;
}

form .captcha {
	position: relative;
}

form .captcha img {
	position: absolute;
	top: 0;
	left: 67%;
}

input[type="submit"] {
	background: none;
	border: 1px dashed #A30B35;
	text-transform: uppercase;
	color: #A30B35;
	width: 100%;
	height: 28px;
}

form p span.wpcf7-not-valid-tip {
	width: 100%;
	padding: 3px 0;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	background: none;
	border: none;
	font-size: .9em;
	line-height: 1em;
	color: #A30B35;
}

form .wpcf7-response-output {
	clear: both;
	width: 90%;
	font-size: .9em;
	padding: 1em;
	margin: 0;
	border: 1px dashed #FEBE10;
}

form .wpcf7-response-output.wpcf7-mail-sent-ok {
	color: #398F14;
}

form .wpcf7-response-output.wpcf7-validation-errors {
	color: #A30B35;
}