/* Image Links */
a: link img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
}

a: hover img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
}

/* Fancybox Custom */
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
		
#fancybox-outer{background:none!important;}
#fancybox-content{border: 0px solid transparent!important;}

/* Forms */

.formboxes{
	color:#FFF;
	font:11px Arial,Helvetica,sans-serif;
	width: 200px;
	background-color: #333;
	border: 1px solid #333;
	vertical-align: bottom;
	height: 16px;
	padding-left: 5px;
  }
  
.formboxes2 {
	border:1px solid #333;
	color:#FFF;
	font:11px Arial,Helvetica,sans-serif;
	width: 250px;
	background-color: #333;
	-khtml-border-radius: 3px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
  }


.formbutton {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	border: 1px #eee;
	width: 50px;
	height: 20px;
	background-color: #8eb7c9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}


/* Social */

#stay {
	position:fixed;
	top:11px;
	z-index:99999;
	text-align: right;
	right: 185px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	width: 150px;
	text-transform: uppercase;
}

#fblike {
	position:fixed;
	top:2px;
	width:200px;
	height:26px;
	z-index:999;
	text-align: right;
	right: 85px;
	padding: 5px 10px 0px 0px;
}

#social {
	position:fixed;
	top:0px;
	width:90px;
	height:26px;
	z-index:999;
	text-align: right;
	right: 0px;
	padding: 5px 10px 0px 0px;
}

#fb {
	position:fixed;
	top:5px;
	width:30px;
	height:30px;
	z-index:9999;
	text-align: center;
	left: 220px;
}

#tw {
	position:fixed;
	top:5px;
	width:30px;
	height:30px;
	z-index:9999;
	text-align: right;
	left: 255px;
}

#fs {
	position:fixed;
	top:5px;
	width:30px;
	height:30px;
	z-index:9999;
	text-align: right;
	left: 290px;
}

#sw {
	position:fixed;
	top:30px;
	width:150px;
	height:30px;
	z-index:9999;
	text-align: right;
	left: 225px;
}

#gh {
	position:fixed;
	top:30px;
	width:80px;
	height:30px;
	z-index:9999;
	text-align: left;
	left: 390px;
}

#bhrs {
	top:45px;
	width:200px;
	z-index:9999;
	text-align: left;
	left: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EEE;
	position: inherit;
}

#blukid {
	position:fixed;
	width:auto;
	height:10px;
	z-index:-5;
	text-align: right;
	right: 0px;
	bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCC;
	background-image: url(http://www.yumyumbangkok.com/css/_assets/trans_85_dk.png);
	padding: 5px 10px 5px 10px;
	line-height: 11px;
}

#pinpic {
	position:fixed;
	left:-600px;
	top:-600px;
	width:600px;
	height:600px;
	z-index:1;
	visibility: hidden;
}


/* Header */

#logo {
	position:fixed;
	left:10px;
	top:15px;
	width:200px;
	height:169px;
	z-index:9999;
}

#add {
	position:fixed;
	top:70px;
	z-index:9999;
	text-align: left;
	left: 225px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	width: 250px;
	text-transform: uppercase;
}

#hours {
	position:fixed;
	top:70px;
	z-index:9999;
	text-align: left;
	left: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	width: 270px;
	text-transform: uppercase;
}

#logo2 { display: none; }  /* hide on large screens */

#yybbar
{
	font-weight: normal;
	color: #fff;
	text-align: right;
	line-height: 12px;
	height: 189px;
	padding: 0 50px 0 60px;
	text-transform: uppercase;
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	font-size: 10px;
	background-color: #333;
	background-image: url(../_assets/yyb_bkg_pat.png);
	background-repeat: repeat-x;
}

/* FB Feed Override */
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {
	width:  100% !important;
	display:block;
	z-index:500;
	position:relative
	height: 700px !important;
}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

/* Carousel Normal */

.carousel {
	height: 300px;
	margin-bottom: 120px;
	top: 189px;
}


/* Small Screens */

@media all and (min-width: 0px) and (max-width: 770px) {
	
.navbar-collapse{
	max-height:340px;
	overflow-x:visible;
	padding-right:15px;
	padding-left:15px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
	-webkit-overflow-scrolling:touch;
	background-color: #333;
	z-index: 8888;
}
	
#yybbar
{
	font-weight: normal;
	color: #fff;
	text-align: right;
	line-height: 12px;
	height: 211px;
	padding: 0 50px 0 60px;
	text-transform: uppercase;
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	font-size: 10px;
	background-color: #333;
	background-image: url(../_assets/yyb_bkg_pat.png);
	background-repeat: repeat-x;
}

#hours {
	position:fixed;
	top:120px;
	z-index:9999;
	text-align: left;
	left: 225px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	width: 270px;
	text-transform: uppercase;
}

.carousel {
	height: 300px;
	margin-bottom: 120px;
	top: 211px;
}

}
@media screen and (min-width: 0px) and (max-width: 450px) {
}

@media all and (min-width: 0px) and (max-width: 450px) {
	
.navbar-default{
	border-color:#FFF;
	padding-left: 0px;
	background-color: #333;
	font-size: 12px;
	z-index: 8888;
}

.navbar-collapse.in{
	overflow-y:auto;
	padding-top: 40px;
}

#bizinfobad {
	position:fixed;
	top:25px;
	width:285px;
	z-index:9999;
	visibility: visible;
	font-size: 10px;
	color: #ccc;
	text-align: left;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	left: 200px;
	background-color: #BD2517;
}

#binfo {
	position:fixed;
	top:25px;
	width:285px;
	z-index:9999;
	visibility: visible;
	font-size: 10px;
	color: #ccc;
	text-align: left;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	left: 200px;
	background-color: #BD2517;
}

#bizinfo a { color: #CCC; }

#bizinfo a:hover { color: #999; }

#logo { display: none; }  /* hide on small screens */

#stay { display: none; }  /* hide on small screens */

#logo2 {
	position:fixed;
	left:5px;
	top:155px;
	width:135px;
	height:114px;
	z-index:9999;
	display: inline;
}

.carousel {
	height: 300px;
	margin-bottom: 120px;
	top: 211px;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

#add {
	position:fixed;
	top:70px;
	z-index:9999;
	text-align: left;
	left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #CCC;
	width: 250px;
	text-transform: uppercase;
}

#hours {
	position:fixed;
	top:115px;
	z-index:9999;
	text-align: left;
	left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #CCC;
	width: 270px;
	text-transform: uppercase;
}

#sw {
	position:fixed;
	top:30px;
	width:150px;
	height:30px;
	z-index:9999;
	text-align: right;
	left: 25px;
}

#gh {
	position:fixed;
	top:30px;
	width:84px;
	height:30px;
	z-index:9999;
	text-align: left;
	left: 190px;
}


h1 {font-size:2.0em;margin:.67em 0}

}