/*
Theme Name: Indulgence
Theme URI: http://colorlabsproject.com/indulgence
Description:  Indulgence Wordpress Theme created by <a href="http://colorlabsproject.com">ColorLabs & Company</a> 
Author: ColorLabs & Company
Version: 1.2.2
Author URI: http://colorlabsproject.com/
Tags: Restaurant, Food, widget, adaptive
*/

/* #Font-Face
================================================== */
@font-face {
/*
    font-family: 'DroidSerif';
    src: url('fonts/droid-serif/DroidSerif-Regular-webfont.eot');
    src: url('fonts/droid-serif/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droid-serif/DroidSerif-Regular-webfont.woff') format('woff'),
         url('fonts/droid-serif/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('fonts/droid-serif/DroidSerif-Regular-webfont.svg#DroidSerif') format('svg');
*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
/*
    font-family: 'DroidSerif';
    src: url('fonts/droid-serif/DroidSerif-Italic-webfont.eot');
    src: url('fonts/droid-serif/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droid-serif/DroidSerif-Italic-webfont.woff') format('woff'),
         url('fonts/droid-serif/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('fonts/droid-serif/DroidSerif-Italic-webfont.svg#DroidSerif') format('svg');
*/
    font-weight: normal;
    font-style: italic;
}
@font-face {
/*
    font-family: 'DancingScript';
    src: url('fonts/dancing-script/DancingScript-Regular-webfont.eot');
    src: url('fonts/dancing-script/DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dancing-script/DancingScript-Regular-webfont.woff') format('woff'),
         url('fonts/dancing-script/DancingScript-Regular-webfont.ttf') format('truetype'),
         url('fonts/dancing-script/DancingScript-Regular-webfont.svg#DancingScript') format('svg');
*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
/*
    font-family: 'Delicious';
    src: url('fonts/delicious/delicious-webfont.eot');
    src: url('fonts/delicious/delicious-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious/delicious-webfont.woff') format('woff'),
         url('fonts/delicious/delicious-webfont.ttf') format('truetype'),
         url('fonts/delicious/delicious-webfont.svg#Delicious') format('svg');
*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
/*
    font-family: 'DeliciousCaps';
    src: url('fonts/delicious-caps/delicious-smallcaps-webfont.eot');
    src: url('fonts/delicious-caps/delicious-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious-caps/delicious-smallcaps-webfont.woff') format('woff'),
         url('fonts/delicious-caps/delicious-smallcaps-webfont.ttf') format('truetype'),
         url('fonts/delicious-caps/delicious-smallcaps-webfont.svg#Delicious') format('svg');
*/
    font-weight: normal;
    font-style: normal;
}

/* #Basic HTML
================================================== */
body {
/*  background-color:#333;*/
  background-color:#fff;
  color:#333;
  font: 13px/1.5 'DroidSerif', verdana, arial;
  line-height:17px;
}
p       { line-height:1.8 }
.column { margin-bottom:15px }
img, iframe { 
  height: auto;
  max-width: 100%
}


.imglt{
float:left;
padding:0 10px 10px 0;
}

.widget_video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.widget_video iframe,  
.widget_video object,  
.widget_video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-caption {
  margin-top: 0.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.03);
  margin-bottom: 1.625em;
  max-width: 96%;
  padding: 9px;
  border:1px solid rgb(204, 204, 204)
}
.wp-caption img {
  display: block;
  margin: 0 auto;
  max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-family: Georgia, serif;
  font-size: 12px;
  text-align:center;
}
.wp-caption .wp-caption-text {
  margin-bottom: 0.6em;
  padding: 5px;
  position: relative;
}
.wp-caption .wp-caption-text:before {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px;
}
.alignleft { 
  float:left;
  margin:5px 25px 15px 0
}
.alignright {
  float:right;
  margin:5px 0 15px 25px
}
.aligncenter {
  clear:both;
  display:block;
  margin:10px auto 15px
}

/*===== Sponsorship page =====*/
.a-sponsor-box {
	float: left;
	width: 46%;
	max-width: ;
	padding: 0 2%;
	margin-bottom: 10px;
}

.a-sponsor-box .image {
	position: relative;
	width: 100%;
	height: 95px;
}

.a-sponsor-box .image IMG {
	position: absolute;
 	bottom: 0;
 	max-height: 95px;
}

.a-sponsor-box .name {
	font-weight: bold;
	color: #000;
}


.whitebox#sponsoradditions ul
{
	list-style: none;
	margin-bottom: 5px;
}
.whitebox#sponsoradditions ul li
{
	margin-top: 5px;
}

.sponsors{
clear:both;
}
.sponsors a, .sponsors a img{
position:relative;
display: block;
width: 71px;
}

.sponsors a{
float: left;
padding: 2px;
}

.partner{
clear:both;
padding:30px 0;
}


/* add */
#sidecontents{
clear:both;
padding:10px;
background:#eee;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
}
#sidecontents .snsicon{
clear:both;
margin:0 auto;
padding:10px 0 0 0;
}
#lang_sel_list{
margin:0 auto;
padding:0 0 10px 0;
}
#lang_sel_list:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#lang_sel_list ul li{
text-align:left;
}

/* Winner link section */
#sidecontents #winner.icon{
display: block;
width: 141px;
height: 141px;
background-image: url(http://www.tokyocitycup.com/images/2012_Winner_button1.jpg);
background-repeat: no-repeat;
}
#sidecontents #winner.icon a{
width: 141px;
height: 141px;
}

/* Video link section */
#sidecontents #video{
display: block;
width: auto;
height: auto;
margin-top: 15px;
background-image: url(http://www.tokyocitycup.com/images/click_video.gif);
}
#sidecontents #video.icon{
display: block;
width: 132px;
height: 88px;
margin-left: 15px;
background-image: url(http://www.tokyocitycup.com/images/click_video.gif);
background-repeat: no-repeat;
}
#sidecontents #video.icon a{
width: 141px;
height: 88px;
}
#sidecontents #usequine.icon{
display:block;
background: transparent url(http://www.tokyocitycup.com/images/us_equine.gif) no-repeat;
width: 142px;
height: 55px;
margin-left: 10px;
margin-top: 10px;
left: 10px;
}

.icon{
clear:both;
padding:10px 0 0 0;
positon:relative;
}

h3.oldtitle {
margin: 0 0 10px 0;
background: url(http://www.tokyocitycup.com/images/bg_rightnav_title.png) no-repeat;
height: 28px;
line-height: 28px;
font-size: 14px;
padding-left: 10px;
color: #FFF;
font-weight: bold;
}

.col9 h2{
width:100%;
}

#schedule-booth CAPTION {
background-color: #CA3445;
padding:10px;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:10px;
}

#schedule-stage CAPTION {
background-color: #3576CA;
padding:10px;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:10px;
}

#schedule-ring CAPTION {
background-color: #d04900;
padding:10px;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:20px;
}

#schedule-site CAPTION {
background-color: #bb9202;
padding:10px;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:20px;
}

#schedule-grand CAPTION {
background-color: #00600b;
padding:10px;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:20px;
}

#events #schedule-grand { /* for Chrome Safari margin bug */
	margin-bottom: 0;
}
#schedule-exhibition CAPTION {
background-color: #501e5d;
padding:10px;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:20px;
}

.tbl table{
width:96%;
margin:0 auto;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

.tbl table th{
width:48%;
padding:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

.tbl table td{
width:48%;
padding:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

/* #Typography
================================================== */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {font-size: 25px; }
h2 {font-size: 23px; }
h3 {font-size: 21px; }
h4 {font-size: 19px; }
h5 {font-size: 17px; }
h6 {font-size: 15px; }

small { font-size:12px }
ol { list-style: decimal }
ul { list-style: disc }
li { margin-left: 30px }
h1, h2, h3, h4, h5, h6,
p, dl, hr, ol, ul, pre, table, address, fieldset, figure {
  margin-bottom: 20px;
}
em { font-style:italic }
/*a { color:#72587b; text-decoration:none }*/
a { color:#cc0000; text-decoration:none }
a:hover { text-decoration:underline }
pre, code {
  background:#ddd;
  padding:10px;
  font-size:12px;
  overflow:auto;
}
blockquote {
  font:1.3em/1.5 'Georgia';
  font-style:italic;
  margin-left:40px;
}

/* Form Element */
input[type="text"], textarea {
  padding:5px 2px;
  border:1px solid #ccc
}
textarea {
  resize:none
}
input[type="submit"] {
  color:#fff;
  border:1px solid #ccc;
  padding:5px 10px;
  cursor:pointer;
  background:#1982d1;
}

/* #Header
================================================== */
.header {
  left:0;
  top:20px;
  padding:0;
  width: 25%;
  z-index:300;
  margin:0 auto;
  position:absolute;
  text-align: center
}
.header h1 a {
  color: #fff;
  font: 50px/1.5 'DancingScript';
}
.header img { float: left }

/* #Sidebar
================================================== */
.sidebar {
  top: 0;
  left: 0;
  margin: 0;
  z-index: 200;
/*  opacity: 0.9;*/
  min-height: 100%;
  background: #000;
  padding: 0 20px 0 10px;
  position: absolute;
/*  filter: alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
}
/*
.sidebar .contact {
  width:85%;
  bottom:10px;
  position:absolute;
  color:#8b8a3b;
  font-size:12px;
  line-height:20px;
  text-align:center;
  font-style:italic;
  padding:150px 0 10px 0;
}
*/
.sidebar .contact {
width:100%;
position:relative;
color:#8b8a3b;
font-size:12px;
line-height:20px;
text-align:center;
font-style:italic;
padding:5px 0 10px 0;
}
.sidebar .address {
  margin: 0;
  padding: 10px 7px;
/*  border: #111 dashed 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px*/
}
.address a, .address a:link, .address a:visited, .address a:hover {
  color:#8b8a3b;
  text-decoration:none;
}
.sidebar .address h2 {
/*  color:#555; 
  font-size:150%;
  text-align:center;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  text-transform:uppercase;
  border-bottom:#111 dashed 2px;
  font-family:arial;*/
border:0px;
background:none;
}
ul.socmed {
padding:0;
width:98%;
magin:0 auto;
}
ul.socmed li {
  padding:0;
  float:left;
  margin:2px;
  list-style-type:none;
}

/* #Navigation
================================================== */
.nav {
  margin: 0;
  padding: 150px 0 20px 0;
  list-style:none;
/*
  position:relative;
  top:150px;
*/
}
.nav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.nav li {
  margin:0;
  width:100%;
  float:left;
  padding:8px 0;
  display:inline;
  line-height:23px;
  position: relative;
  border-bottom:#333 dashed 1px;
}
.nav a {
  color:#eee; 
  display:block;
  font-size:130%;
  padding:2px 5px;
  font-family:"Delicious", georgia, verdana, arial;
}
.nav a:hover {
  color:#908295; 
  text-decoration:none
}
.sidebar .desc {
  color:#888;
  font-size:60%;
  display: block;
  margin-top: 5px;
  line-height: 1.2;
  font-style:italic;
  font-family:"DroidSerif", georgia, verdana, arial;
}
ul.sf-menu ul {
  width: 220px;
  z-index: 9999;
  z-index: 1000;
  background: #000;
  position: absolute;
  margin: 0 0 0 200px;
  border-left: 1px dashed
/*
  top: 0;
*/
}
ul.sf-menu a:hover{
color:#fff;
background:#cc0000;
}

ul.sf-menu ul li {
  width: 100%;
  font-size: 11px;
  position: relative
}
ul.sf-menu ul li:last-child { border-bottom: none }
ul.sf-menu .sf-arrow {
  top: 16px;
  width: 7px;
  height: 8px;
  right: 30px;
  overflow: hidden;
  position: absolute;
  text-indent: -99999px;
  background: url(images/arrow.png) no-repeat
}
ul.sf-menu ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.select-menu {
  width: 100%;
  height: 34px;
  padding: 7px;
  display: none;
  cursor: pointer;
  margin: 0 0 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(0,0,0,.7);
  background: #ddd url(images/select-arrow.png) top right no-repeat;
  -webkit-background-size: 35px;
     -moz-background-size: 35px;
      background-size: 35px;  
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
      border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5), -1px 1px 0 rgba(255,255,255,.5) inset, 0 0 5px rgba(0,0,0,.5) inset;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5), -1px 1px 0 rgba(255,255,255,.5) inset, 0 0 5px rgba(0,0,0,.5) inset;
      box-shadow: 0 1px 3px rgba(0,0,0,.5), -1px 1px 0 rgba(255,255,255,.5) inset, 0 0 5px rgba(0,0,0,.5) inset
}

/* #Flex Slider
================================================== */
.flex-container a:active, .flexslider a:active  { outline: none;}
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;} 
.flexslider                                     { width: 75%; margin: 0; padding: 0 0 0 25%; position:relative}
.flexslider .slides > li                        { display: none; margin-left:0}
.flexslider .slides img                         { max-width: 100%; height:auto; display: block;}
.flex-pauseplay span                            { text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after                                   { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides                             { display: block;} 
* html .slides                                  { height: 1%;}

/* Flex Slider Theme */
.flex-container {
  zoom:1;
  position:relative
}
.flexslider .slides > li  { position:relative }
.flex-control-nav li      { margin:0 }
.flex-control-nav a       { cursor:pointer }
.flex-caption {
  left: 0; 
  bottom: 0; 
  width: 96%; 
  color: #fff;
  padding: 2%; 
  line-height: 18px;
  position: absolute; 
  background: rgba(0,0,0,.3); 
}
/* Direction Nav */
.flex-direction-nav {
  text-align:right;
  font-size:25px;
  margin:10px 0 0 0
}
.flex-direction-nav a, .flex-direction-nav a:link, .flex-direction-nav a:visited {
  color:#c7c50d;
  text-decoration:none;
}
.flex-direction-nav a:hover       { color:#eee }
.flex-direction-nav li            { display:inline; margin:0 0 0 5px }
.flex-direction-nav li a.next     { right: 20px}
.flex-direction-nav li a.prev     { left: 20px}
.flex-direction-nav li a.disabled { opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
  width: 100%; 
  bottom: -30px; 
  position: absolute; 
  text-align: center
}
.flex-control-nav li { 
  zoom: 1; 
  margin: 0 0 0 5px; 
  display: inline-block; 
  *display: inline
}
.flex-control-nav li:first-child { margin: 0}
.flex-control-nav li a {
  padding:0 5px;
  display: block; 
  cursor: pointer
}
.flex-control-nav li .active {
  color:#fff;
  background:#1982d1
}

/* Captions */
.flexslider .slides .slide-caption { display: none }
.headline {
  width:330px;
  padding:15px 20px;
  background-color:#000;
  opacity: 0.8;
  color:#eee;
  position:absolute;
  bottom:25px;
  right:20px;
  z-index:1000;
display:none;
}
.headline h2 {
  font-family:'DancingScript', 'DroidSans', Arial, Verdana;
  font-size:28px;
  border-bottom:#555 dashed 1px;
  padding:0px 10px 10px 10px;
  margin:0px -10px 10px -10px;
}
.headline h2 a { color:#c7c50d }
.headline p {
  margin: 0;
  line-height: 1.5
}


.slide-content{
width:756px;
height:503px;
}

/* #Content
================================================== */
.container {  
  margin:0 auto;
  padding:0 0 10px 0;
/*  background:#908295*/
background:#940000;
}
.main {
  width:100%;
  min-height:100%;
}
.mainside {
  top: 0;
  left: 0;
  opacity: 0.5;
  min-height: 100%;
  position: absolute;
  margin: -7px 0 0 0;
  padding: 0 0 7px 0;
  background-color: #252525;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.contenthome {
  padding:0 0 250px 0;
  background: url(images/grey-bg.png) left top
}
hr {
  margin:0;
  padding:0;
  height:8px;
  border:none;
/*  background: url(images/half-circle.png) 8px top repeat-x*/
}
.homebox {
  color:#444;
  font-size:20px;
  font-size: 12px;
  line-height:18px;
  margin:3px 0 15px 0;
  font-family: 'DroidSerif', Georgia, Arial, Verdana;
  background: url(images/bg-dashed.png) no-repeat;
}
.last {
/*  background: url(images/bg-dashed-last.png) no-repeat;*/
  background: url(images/bg-dashed.png) no-repeat;
}
.homebox h2 {
  font: 26px/1.0 'DancingScript', 'DroidSans', Arial, Verdana;
  letter-spacing:-1px;
  color:#111;
  padding:15px 10px 5px 10px;
}
.homebox2{
width:98%;
margin:0 auto;
}
.homebox2 h2 {
  font: 26px/1.0 'DancingScript', 'DroidSans', Arial, Verdana;
  letter-spacing:-1px;
  color:#111;
  padding:15px 10px 5px 5px;
border-bottom: 1px dashed #b4b4b4;
width:97%;
}
.homebox2 .sponsors a{
width:105px;
height:105px;
display:block;
float:left;
padding:5px;
margin:0 5px 5px 0;
/*
border:1px solid #ccc;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
*/
}
.homebox2 .sponsors a img{
width:105px;
height:auto;
}
.homebox2 .sponsors a:hover{
filter:alpha(opacity=60);
opacity:0.6;
}

.homebox img {
/*
  float:left;
  padding:6px 7px 10px 7px;
  margin:0px 10px 5px 0px;
  background-image:url(images/menu-bg.png);
  background-position:left top;
  background-repeat:no-repeat;
*/
}
.homebox h3 {]
/*
  font-family: 'DeliciousCaps', 'DroidSans', Arial, Verdana;
  font-size: 18px;
  letter-spacing:-1px;
  color:#72587b;
  line-height:18px;
  margin:0px 0px 10px 0px;
  padding:0px;
  float:left;
  width:100%;
*/
}
.menudesc {
  margin:5px 10px;
  font-size:12px;
  line-height:18px;
  letter-spacing:0px;
  border-bottom:#ddd dashed 1px;
  padding:3px 0px 15px 0px;
  float:left;
  width:90%;
  color:#444;
}
.more {
  font-family: 'DancingScript', 'DroidSerif', Georgia, Arial, Verdana;
  font-size: 18px;
  letter-spacing:0px;
  color:#333;
  margin:10px 0px 0px 0px;
  text-align:right;
}
.readmore {
  font-family: 'DancingScript', 'DroidSerif', Georgia, Arial, Verdana;
  font-size: 18px;
  letter-spacing:0px;
  color:#333;
  margin:10px 30px 0px 0px;
  text-align:right;
}
.view {
  font-family: 'DroidSerif', Georgia, Arial, Verdana;
  font-size: 13px;
  font-style:italic;
  letter-spacing:0px;
  color:#333;
  margin:5px 20px 0px 15px;
  text-align:left;
  float:left;
}
ul.hours {
  float:left;
  width:100%;
  margin:0 15px;
}
ul.hours li {
  margin:5px 0 0 0;
  border-bottom:#ddd dashed 1px;
  float:left;
  width:80%;
  list-style-type:none;
}
ul.hours li strong {
  font-family: 'DeliciousCaps','DroidSerif', Georgia, Arial, Verdana;
  font-size: 15px;
  text-transform:uppercase;
  color:#72587b;
}
ul.hours strong, ul.hours span {
  width: 40%;
  float: left;
  padding: 7px 10px;
}
.author {
  margin:10px 5px 0px 5px;
  text-align:right;
}
ul.square {
  margin:0px 8px;
  padding:0px;
  float:left;
  width:85%;
}
ul.square li {
  margin:0px;
  padding:12px 0px 8px 0px;
  float:left;
  width:100%;
  list-style-type:none;
  border-bottom:#ddd dashed 1px;
}
ul.square li img, .comment-author img {
  padding:7px 7px 10px 7px;
  background: url(images/avatar-bg.png) no-repeat
}
ul.square li .author {
  margin:0px 5px 0px 5px;
  text-align:right;
}
.map {
  padding:5px 5px;
  text-align:center;
}

.content {
  margin:0;
  min-height:630px;
  padding:10px 0 20px 0
}
.content, .footer-widgets {
  background: url(images/grey-bg.png)
}
.menu h2, .post h2, .page h2  {
  margin:3px 0px 5px 5px;
  padding:10px 10px 20px 5px;
/*  background-image:url(images/bg-menu-header.png);
  background-position:center bottom;
  background-repeat:no-repeat;*/
border-bottom:1px dashed #ccc;
  font: 26px/1.0 'DancingScript', 'DroidSans', Arial, Verdana;
  letter-spacing:-1px;
  color:#111;
}
.menu.menu-list h2 {
  margin:0 0 0 5px;
  padding:10px 10px 20px 20px
}
.page h2 {
  margin:0 0 10 0;
  padding:10px 10px 20px 0px;
}
.post h2 a, .post h2 a:link, .post h2 a:visited {
  color:#000;
  text-decoration:none;
}
.post h2 a:hover {
  color:#72587B;
  text-decoration:none;
}
.post {
  padding:0 0 55px 0;
  margin:0 15px 55px 15px;
  border-bottom:#bbb dashed 1px;
}
.page-template-template-blog-php .post { border-bottom: none }
.post p {
  width:95%;
  padding:5px 0px;
  margin:5px 10px;
}
.post li { line-height: 1.8 }
.detail { 
  padding:0;
  color:#72587B;
  margin:0 0 5px 10px;
}

.page { margin:0 15px }
body.page { margin: 0 }
.page iframe {
  padding: 8px;
  background: #fcfcfc;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}
ul.reserve {
  padding:0;
  float:left;
  width:100%;
  margin:10px 0 0 0;
}
ul.reserve li {
  margin: 0;
  padding: 0;
  list-style-type:none
}
ul.reserve li.title  {
  width:25%;
  float:left;
  height:30px;
  padding:5px 0
}
ul.reserve li{
  width:72%;
  float:right;
  height:40px;
}
ul.reserve li.titlearea {
  width:25%;
  float:left;
  height:120px;
  padding:5px 0
}
ul.reserve li.textarea {
  width:72%;
  float:right;
  height:120px;
}
ul.reserve li.action  {
  width:50%;
  float:left;
  height:50px;
  padding:5px 0;
  margin:0 0 0 200px;
}
input[type="text"] {
  border:#ddd solid 1px;
  width:270px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}
textarea {
  width: 270px;
  height: 100px;
  font-family: arial;
  border: #ddd solid 1px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}
input[type="submit"] {
  background-color:#908295;
  border:#908295 solid 1px;
  border-radius: 5px;
}
input[type="text"].short {
  width:50px;
}
.small {
  font-size:12px;
  color:#777;
}
.breadcrumbs, .archive-title { margin: 0 25px 15px 25px }
.social_share { overflow: hidden }
.colabs-sc-twitter { width: 90px }
.shortcode-google-plusone { margin-right: 15px }
.post-image {
  z-index: 100;
  width: 98.6%;
  margin: 15px 0.5%;
  position: relative
}
.post-image img {
  padding: 7px;
  background: #fff;
  border: 1px solid #eee
}
.post-image a:before,.post-image a:after {
  content: "";
  width: 40%;
  bottom: 9px;
  z-index: -1;
  height: 50px;
  position: absolute;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
      box-shadow: 0 5px 10px rgba(0,0,0,.5);
}
.post-image a:before {
  left: 10px;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.post-image a:after {
  right: 10px;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.post-image .ribbon {
  top: -13px;
  right: 20px;
  width: 95px;
  height: 109px;
  position: absolute;
  background: url(images/ribbon-purple.png) no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
      background-size: 100% 100%;
}
.post-image .ribbon span {
  top: 35%;
  width: 100%;
  /*color: #271a42;*/
  color: #fff;
  font-size: 19px;
  text-align: center;
  position: absolute;
}
.ribbon-special {
  top: -5px;
  left: -5px;
  width: 111px;
  height: 111px;
  position: absolute;
  background: url(images/ribbon-red.png);
}

/* #Pagination
================================================== */
.pagination { margin: 0 15px 15px 15px }
.pagination a,.pagination .current {
  padding: 7px 11px;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
      border-radius: 3px;
  -webkit-box-shadow: 0 1px #fff inset, 0 0 3px rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px #fff inset, 0 0 3px rgba(0,0,0,.1);
      box-shadow: 0 1px #fff inset, 0 0 3px rgba(0,0,0,.1);
  background: #f8f8f8;
  background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
  background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
  background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
  background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
  background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}
.pagination .dots { padding: 7px 11px }
.pagination .current, .pagination a:hover { 
  background: #fff;
  text-decoration: none
}

/* #Page Template
================================================== */
/* --- Menu Taxonomy --- */
.menu-list {
  margin:0;
  width:100%;
  float:left;
  padding:0 0 15px 0;
}
.menu-list ul {
  width:94.8%;
  float:left;
  list-style:none;
  margin:5px 2.6% 0 2.6%;
}
.menu-list li {
  padding:0;
  float:left;
  width: 48%;
  z-index: 100;
  position: relative;
  margin:6px 7px 15px 7px
}
.menu-list a img, .gallery img {
  float: left;
  padding: 5px;
  position: relative;
  background: #fcfcfc;
  border: #eee solid 1px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
      border-radius: 3px  
}
.menu-list .menu-content { overflow: hidden }
.menu-list h5, .menu-list p { margin: 0 0 5px }
.menu-list h5 { 
  font-size: 20px;
  font-family: 'DeliciousCaps', Arial, sans-serif
}
.menu-list .menu-rate {
  width: 75px;
  overflow: hidden;
  background: url(images/star-dark.png) repeat-x
}
.menu-list .menu-rate img { float: left }
.menu-list li > a, .gallery li div {
  float: left;
  margin: 0 10px 0 0;
  position: relative
}
.menu-list li > a:after, .gallery li div:after {
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 13px;
  bottom: -7px;
  position: absolute;
  background: url(images/menu-shadow.png) no-repeat;
  -webkit-background-size: 100%;
     -moz-background-size: 100%;
      background-size: 100%;
}
.menu-list .ribbon-special {
  width: 80px;
  height: 80px;
  z-index: 100;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
      background-size: 100% 100%
}
/* --- Gallery Page --- */
.gallery li div {
  background: #000;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}
.gallery li div:after { bottom: -2px }
.gallery li .icon {
  margin: 0;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-indent: -9999px;
  margin: 0 0 0 -30px;
  background: url(images/zoom-icon.png) no-repeat center center
}

/* --- Contact Form --- */
#frmcontact                        { width: 70% }
#frmcontact p                      { overflow: hidden }
#frmcontact .submit                { padding: 5px 15px }
#frmcontact .text-input label, 
#frmcontact .contact-message label { float: left }
#frmcontact .text-input input, #frmcontact textarea { 
  width: 70%;
  float: right
}
#frmcontact .screenReader input {
  width: 5%;
  margin-left: 5px
}

/* --- Reservation Page --- */
body .datepick-inline, body .datepick-new-row, body .datepick-header,
body .booking_form table.datepick                              { width: 100% !important }
body .booking_form_div textarea, body .booking_form_div input, 
body .booking_form_div select, body .booking_SagePayForm input { padding: 5px 2px }
body .booking_form_div br                                      { display: none }
body .booking_form_div p                                       { width: 70% }
body .booking_form_div p span                                  { float: right }
body .booking_form_div .captachinput,
body .booking_form_div img.captcha_img                         { margin-left: 45.5% }
body .booking_form_div img.captcha_img                         { margin-top: 7px }
body .datepick-new-row .datepick-header                        { background: #121012; font-size: 15px }
body .datepick .date2approve, .block_hints .block_pending      { background: #908295 !important }
body .datepick .datepick-days-cell a                           { color: #9D9595; background: #F9F7F7; border:1px solid #ECEDE9 }
body .datepick .datepick-days-cell a:hover                     { color:#5B3B6A; border-color:#5B3B6A }
body .datepick-header                                          { padding: 9px 0 }
body .booking_form_div input[type="button"]                    { background:#908295; border:1px solid #908295; padding:5px 40px; color:#fff }

/* #Footer
================================================== */
.footer {
/*  color:#929396*/
padding:50px 0 0 0;
}
.footer .nav a {
  display:block;
  padding:2px 10px 2px 0;
/*  color:#929396; */
color:#db8888;
}
.footer .nav a:hover, .footer .nav a.active {
  text-decoration:none;
/*  color:#ed4848;*/
color:#fff;
}
.footer p a {
  text-decoration:none;
  color:#ed4848;
}
.footer ul {
  float:left;
  margin:15px 0 0 30.2%;
  font-family: 'DroidSerif', Arial, Verdana;
  font-size:13px;
  font-style:italic;
  letter-spacing:0;
  padding:0;
}
.footer ul li {
  float:left;
  margin:0 1px;
  padding:0 7px;
  border-right:#d88282 solid 1px;
  list-style-type:none;
}
.footer ul li a {
/*  color:#5b3b6a;*/
color:#db8888;
  text-decoration:none;
}
.footer ul li a:hover {
/*  color:#695174;*/
color:#fff;
  text-decoration:none;
}
.footer ul li.least {
  border:none;
}
.copyright {
  float: left;
  width: 69.8%;
/*  color:#695174;*/
color:#db8888;
  font-size:13px;
  text-align:center;
  margin:15px 0 10px 30.2%;
  font-family: 'DroidSerif', Arial, Verdana;
}

/* #Comment List & Comment Form
================================================== */
#comments { margin: 25px 15px 15px }
.commentlist, .commentlist .children {
  list-style:none
}
.commentlist .children {
  margin:0 0 0 40px
}
.commentlist li {
  margin-left:0;
  overflow:hidden
}
.comment-entry {
  overflow: hidden;
  margin-bottom:20px;
  border-bottom:1px solid #ccc
}
.comment-author {
  width: 30%;
  overflow:hidden;
  margin-bottom:10px
}
.comment-author .avatar {
  float:left;
  margin-right:10px
}
.commentlist .comment-content { overflow: hidden }
.comment-author .meta, .comment-reply-link { 
  display: block;
  font-size: 11px
}
#commentform input[type="text"], #commentform textarea {
  padding: 7px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}
#commentform input[type="text"] { 
  width: 32%;
  margin-right: 5px
}
#commentform textarea { width: 98% }
#commentform p { margin-bottom:5px }

/* #Widget
================================================== */
/* --- Twitter Widget --- */
.tweet {
  width:70%;
  float:left;
  font-size:13px;
  min-height:110px;
  line-height:18px;
  text-align:center;
  padding:10px 20px 10px 20px;
  background:url(images/top-quote.png) no-repeat left top, url(images/bottom-quote.png) no-repeat right bottom;
}
.tweet ul                              { list-style: none }
.tweet .content                        { padding:0; min-height: 0 }
.footer-widgets .widget_colabs_twitter .content { 
  display: block; 
  min-height: 0; 
  padding-bottom: 0
}

/* --- Google Maps Widget --- */
#colabsmap                             { max-width: 100% }

/* --- Footer Widgets --- */
.footer-widgets                        { padding-top: 20px }
.footer-widgets ul                     { list-style: none }
.footer-widgets li                     { margin: 0 0 6px 0; line-height: 1.5 }
.footer-widgets input[type="text"]     { width: auto }

/* --- Search Widget --- */
.footer-widgets #s { width: 60% }

/* --- Calendar Widget --- */
#wp-calendar                           { text-align: center; width: 100% }
#wp-calendar caption                   { font-weight: bold; margin: 0 0 5px }
#wp-calendar #prev                     { text-align: left }
#wp-calendar #next                     { text-align: right }

/* --- Foursquare widget --- */
.footer-widgets .square                { margin: 0; width: 100% }
.footer-widgets .square li:first-child { padding-top: 0 }
.footer-widgets .square img            { float: left; margin: 0 10px 0 0 }
.footer-widgets .author                { margin: 10px 0 0 }

/* --- Facebook widget --- */
.widget_colabs_facebook iframe         { width: 100% !important; padding: 0 }


/* youtube */
.top_yt{
clear:both;
positon:relative;
top:0;
margin:0 0 0 250px;
width:756px;
height:425px;
}

.top_yt iframe{
position:absolute;
left:250px;
width:756px;
height:425px;
}

/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 977px) {
  /* Menu 
  -------------------------------------*/
  ul.sf-menu ul                  { width: 185px; margin-left: 145px }
  .menu-list li                  { width: 47% }
  .gallery li div                { width: 100% }

  /* Open Hours
  -------------------------------------*/
  ul.hours                       { margin: 0 5px }
  ul.hours li                    { width: 90% }
  ul.hours strong, ul.hours span { padding: 7px 8px }

  /* Widgets
  -------------------------------------*/
  input,textarea, .gallery img   {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
  .footer-widgets input, 
  .footer-widgets #s             { width: 100% }
  .sidebar{
    padding-right:40px;
    padding-left:10px;
  }
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
  /* Hide unneeded element
  -------------------------------------*/
  .nav, .headline p, .contact                  { display: none }

  /* Change layout position
  -------------------------------------*/
  .header, .sidebar                  { position: static }
  .equal-height                      { height: auto !important }
  .post-image img,
  .homebox ul.square,
  .gallery img                       { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
  .menu-list li                      { width: 45% }
  .gallery li div                    { width: 100% }

  /* Header
  -------------------------------------*/ 
  .header                            { width: 100%; padding-top: 20px }
  .header h1                         { display: block; overflow: hidden }
  .select-menu                       { display: block }
  .header, .sidebar                  { background: #908295 }
  .mainside                          { min-height: 7px }

  /* Slider
  -------------------------------------*/
/*  .flexslider                        { width: 100%; height: 200px; padding: 0; overflow: hidden }*/
  .flexslider                        { width: 100%; height: auto; padding: 0; overflow: hidden }
  .flexslider .headline              { width: auto; left: 0; right: 0; bottom: 0 }
  .flexslider .headline h2           { border: none; margin-bottom: 0 }
  .flex-direction-nav                { position: absolute; top: -100%; left: 0; right: 0 }
  .flex-direction-nav li             { position: absolute; right: 0; font-size: 30px; font-style: normal }
  .flex-direction-nav a              { background: rgba(0,0,0,.8); padding: 7px 10px }
  .flex-direction-nav li:first-child { left:0; right: auto; margin:0 }

.slide-content{width:100%;height:auto;}

  /* Frontpage Content
  -------------------------------------*/
  .homebox                           { background: none }
  .homebox h2                        { border-bottom: 1px dashed #b4b4b4; margin: 0 10px 20px 10px }
  .homebox .tweet                    { width: 80%; margin:0 10px }
  #colabsmap                         { width: 100% !important }
  .homebox ul.hours                  { width: 90% }
  .homebox ul.square                 { padding: 0 8px; margin: 0; width: 100% }

  /* Comments
  -------------------------------------*/
  .comment-author, .comment-content,
  #commentform input[type="text"],
  #commentform textarea              { width: 100% }

  /* Footer
  -------------------------------------*/
  .footer ul                         { margin: 15px 5px }
  .footer .copyright                 { width: 99%; margin: 0 0.5% }

  .container                         { padding: 0 !important }
  .menu-list li:nth-child(2n+3)      { clear: left }
  .menu-list .menu-content { 
    clear: both;
    padding-top: 10px;
    overflow: visible;
  }

/* youtube */
.top_yt{
clear:both;
positon:relative;
top:0;
margin:0;
width:100%;
height:auto;
}

.top_yt iframe{
position:relative;
left:0;
top:0;
width:100%;
height:auto;
}

.homebox2 .sponsors a {
width:75px;
height:auto;
}

.homebox2 .sponsors a img{
width: 75px;
height:auto;
}
/*  #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {
  
}