/*
Theme Name: Indulgence
Theme URI: http://colorlabsproject.com/themes/indulgence/
Description:  Indulgence Wordpress Theme created by <a href="http://colorlabsproject.com">ColorLabs & Company</a> 
Author: ColorLabs & Company
Version: 1.3.3
Author URI: http://colorlabsproject.com/
Tags: dark, light, white, one-column, two-columns, left-sidebar, flexible-width, custom-background, custom-menu, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* #Font-Face
================================================== */
@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;
  color:#333;
  font: 13px/1.5 'Droid Serif', verdana, arial;
  line-height:17px;
}
p       { line-height:1.8 }
.column { margin-bottom:15px }
img, iframe { 
  max-width: 100%
}
img {
  width: auto;
  height: auto
}
strong, b {
  font-weight: bold;
}
.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
}
/* #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 }
ul, ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

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:hover { text-decoration:underline }
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
blockquote {
  font:1.3em/1.5 'Georgia';
  font-style:italic;
  margin-left:40px;
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}

/* Table */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

table {
  width: 100%;
  margin-bottom: 20px;
}
table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #dddddd;
}

table {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
table th,
table td {
  border-left: 1px solid #dddddd;
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
  border-top: 0;
}
table thead:first-child tr:first-child > th:first-child,
table tbody:first-child tr:first-child > td:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
table thead:first-child tr:first-child > th:last-child,
table tbody:first-child tr:first-child > td:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
table thead:last-child tr:last-child > th:first-child,
table tbody:last-child tr:last-child > td:first-child,
table tfoot:last-child tr:last-child > td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
table thead:last-child tr:last-child > th:last-child,
table tbody:last-child tr:last-child > td:last-child,
table tfoot:last-child tr:last-child > td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
table tfoot + tbody:last-child tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
table tfoot + tbody:last-child tr:last-child td:last-child {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

table tbody tr:hover td,
table tbody tr:hover th {
  background-color: whitesmoke;
}

table td[class*="span"],
table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

/* 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;
}
.sticky {}
.bypostauthor {}

/* #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 {
  z-index: 200;
  min-height: 200%;
  padding: 0 20px 0 10px;
  position: relative;
  margin-bottom: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.sidebar .contact {
  margin-top: 20px;
  color:#E5E4E6;
  font-size:12px;
  line-height:20px;
  text-align:center;
  font-style:normal;
  padding:50px 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:#FCFCFC;
  text-decoration:none;
}
ul.socmed {
  padding:0;
  width:80%;
  float:left;
  margin:40px 25px 20px 27px;
}
ul.socmed li {
  padding:0;
  float:left;
  margin:0 8px;
  list-style-type:none;
}
ul.socmed {
  padding:0;
  width:80%;
  float:left;
  margin:40px 25px 20px 27px;
}


/* #Navigation
================================================== */
.nav {
  margin: 0;
  padding: 0;
  list-style:none;
  position:relative;
  margin-top:150px;
}
.nav li {
  margin:0;
  width:100%;
  float:left;
  padding:8px 0;
  display:inline;
  line-height:23px;
  position: relative;
  border-bottom:#333 dashed 1px;
}
.nav ul {
  margin-left: 0
}
.nav ul ul {
  display: none
}
.nav a {
  color:#eee; 
  display:block;
  font-size:150%;
  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:"Droid Serif", georgia, verdana, arial;
}
ul.sf-menu ul {
  top: 0;
  width: 220px;
  z-index: 9999;
  z-index: 1000;
  background: #000;
  position: absolute;
  margin: 0 0 0 200px;
  border-left: 1px dashed
}
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
}
.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
}

.nav-collapse > div:after,
.nav-collapse > div:before {
  content: '';
  display: table;
}
.nav-collapse > div:after {
  clear: both;
}
.nav-collapse > div {
  zoom: 1;
}

/* #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                                     { margin: 0; padding: 0 0 0 252px; position:relative; margin-left: -252px; overflow: hidden}
.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:#F0408A;
  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;
}
.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:#F0408A }
.headline p {
  margin: 0;
  line-height: 1.5
}

/* #Content
================================================== */
.container {  
  margin:0 auto;
  padding:0 0 10px 0;
  background:#908295
}
body > .container {
  padding-bottom: 0;
}
.main-wrapper {
  padding-left: 252px;
}
.main, .footer {
  background: #908295;
}
.mainside {
  top: 0;
  left: 0;
  opacity: 0.8;
  min-height: 100%;
  position: absolute;
  margin: -7px 0 0 0;
  padding: 0 0 7px 0;
  background-color: #000;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.contenthome {
  padding:0 0 10px 0;
  background: url(images/grey-bg.png) left top
}
.ie .flexslider,
.ie8 .flexslider {
  position:absolute;
  width:756px;
  height:503px;
}
.ie .contenthome,
.ie8 .contenthome {
  margin-top:503px;
}

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: 'Droid Serif', Georgia, Arial, Verdana;
  background: url(images/bg-dashed.png) no-repeat
}
.last {
  background: url(images/bg-dashed-last.png) no-repeat;
}
.homebox h2 {
  font: 26px/1.0 'DancingScript', 'DroidSans', Arial, Verdana;
  letter-spacing:-1px;
  color:#111;
  padding:15px 10px 5px 10px;
}
.homebox img {
  float:left;
  padding:
  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', 'Droid Serif', Georgia, Arial, Verdana;
  font-size: 18px;
  letter-spacing:0px;
  color:#333;
  margin:10px 0px 0px 0px;
  text-align:right;
}
.readmore {
  font-family: 'DancingScript', 'Droid Serif', Georgia, Arial, Verdana;
  font-size: 18px;
  letter-spacing:0px;
  color:#333;
  margin:10px 30px 0px 0px;
  text-align:right;
}
.view {
  font-family: 'Droid Serif', 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','Droid Serif', 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;
}
.map img {
  max-width: none
}

.content {
  margin:0;
  min-height:630px;
  padding:10px 0 20px 0
}
.content, .footer-widgets {
  background: url(images/grey-bg.png)
}
.menu h2:first-child, .post .post-title, .page h2:first-child  {
  margin: 3px 0 0 0;
  padding:10px 0 20px 0;
  background-image:url(images/bg-menu-header.png);
  background-position:center bottom;
  background-repeat:no-repeat;
  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;
}
.singleimage img {
  display: block;
  margin: 0 auto;
}
.post {
  padding:0 0 35px 0;
  margin:0 15px 35px 15px;
  border-bottom:#bbb dashed 1px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.page-template-template-blog-php .post { border-bottom: none }
.post p {
  padding:5px 0px;
  margin: 0 0 10px
}
.post li { line-height: 1.8 }
.detail { 
  padding:0;
  color:#72587B;
  margin:0 0 20px 0;
}

.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 15px }
.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: 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: 
}

/* #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-links {
  clear: both;
  padding-top: 15px;
  margin-bottom: 15px;
}

/* #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;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery li:hover .icon {
  margin-top: -30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

/* --- 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-left: 10px;
}
.footer .nav a {
  display:block;
  padding:2px 10px 2px 0;
  color:#929396; 
}
.footer .nav a:hover, .footer .nav a.active {
  text-decoration:none;
  color:#ed4848;
}
.footer p a {
  text-decoration:none;
  color:#ed4848;
}
.footer ul {
  float:left;
  margin:15px 0 0 0;
  font-family: 'Droid Serif', 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:#7e6c86 solid 1px;
  list-style-type:none;
}
.footer ul li a {
  color:#5b3b6a;
  text-decoration:none;
}
.footer ul li a:hover {
  color:#695174;
  text-decoration:none;
}
.footer ul li.least {
  border:none;
}
.copyright {
  float: left;
  color:#695174;
  font-size:13px;
  text-align:center;
  margin:15px 0 10px 0;
  padding: 0 10px;
  font-family: 'Droid Serif', Arial, Verdana;
}

/* #Comment List & Comment Form
================================================== */
#comments { margin: 25px 15px 15px }
.commentlist, .commentlist .children {
  list-style:none;
  margin-left: 0
}
.commentlist .children {
  margin:0 0 0 40px
}
.commentlist .comment {
  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
}
.pingback .avatar {
  display: none
}
.commentlist .comment-content { 
  overflow: hidden;
  margin-bottom: 20px;
}
.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; }
.paginate_comments {margin-bottom: 25px; margin-left: 10px;}

/* #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
}
.homebox .tweet ul {
  margin: 0;
}
.homebox .tweet li {
  margin: 0 10px;
}
.homebox .tweet p {
  display: none;
}

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

/* --- Footer Widgets --- */
.footer-widgets                        { padding-top: 20px }
.footer-widgets ul                     { list-style: none; margin-left: 0 }
.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 }

/* #Tablet (Portrait)
================================================== */
@media only screen and (max-width: 979px) {
  img {
    height:auto !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* 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% }

  .main-wrapper,
  .flexslider {
    padding-left: 192px;
  }
  .flexslider {
    margin-left: -192px;
  }
}

/* #Mobile Menu
=================================================================== */
.btn-navbar {
  display: none;
  color: #fff;
  border: 1px solid #000;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: -moz-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: -o-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: -ms-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  float: right;
  margin: 7px 5px;
  padding: 7px 10px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  overflow: visible \9;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
  /* Hide unneeded element
  -------------------------------------*/
  .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% }
  .main-wrapper {
    padding-left: 0;
  }
  .flexslider {
    margin-left: 0;
  }

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

  /* Slider
  -------------------------------------*/
  .flexslider                        { width: 100%; height: 200px; 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 }

  /* 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 {
    padding-left: 0;
    padding-bottom: 20px;
  }
  .footer ul                         { margin: 15px 5px }
  .footer .copyright { 
    width: 99%; 
    margin: 0 0.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  /* Header
  ---------------------------------------------- */
  .header {
    width: auto;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header h1 {
    width: 80%;
    display: inline-block;
  }
  .btn-navbar {
    display: block;
  }
  .nav {
    position: static;
    margin-top: 0;
  }

  .nav-collapse, .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .nav-collapse.collapse > div {
    margin-bottom: 10px;
    overflow: hidden;
  }
  .sidebar .desc {
    display: none;
  }
  .nav-collapse ul ul {
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    position: static;
    border: none;
    background: none;
    margin-left: 20px;
    width: auto;
    float: none;
    width: auto !important;
    opacity: 1 !important;
    position: static !important;
    background: none !important;
  }
  .nav-collapse li {
    border: none;
    padding: 0;
    float: none;
  }
  .nav-collapse li a {
    font-size: 20px;
    padding: 6px 0;
  }
  .nav-collapse li a:hover {
    color: #fff;
  }
  .sf-arrow {
    display: none;
  }
}

/* Format Chat
--------------------------------------------------------------------*/
ul.chat-transcript{
  list-style:none;
}
.chat-transcript {
  overflow: hidden;
  list-style: none;
}
.chat-transcript strong {
  margin-right: 5px
}
.chat-transcript li {
  padding: 0 20px 0 18px;
}
.chat-highlight {
  background: #f0f0f0;
}
dl {
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 22px;
}

dt {
  font-weight: bold;
  line-height: 21px;
}

dd {
  margin-left: 11px;
}

/*Comment*/
.commentlist h1 {
  font-size: 28px;
  line-height: 0.9em;
}
.commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6{
  margin-bottom: 10px!important;
}
.commentlist blockquote {
  margin: 10px 0px;
  line-height: 1.5em;
  background: #ececec;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.commentlist p{
  margin:3px!important;
}
.commentlist td {
  border-top: 1px solid #ddd; padding: 6px 10px 6px 0; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding-left:5px;
} 
.reply {
  margin:0;
}
.commentlist ol,
.commentlist ul{
  /*margin: 0 0 24px;
  margin: 0 0 1.714285714rem;*/
  line-height: 1.714285714;
  /*list-style: disc outside;*/
}
.commentlist ul ul,
.commentlist ol ol,
.commentlist ul ol,
.commentlist ol ul {
  margin-bottom: 0!important;
}
.commentlist ul{
  list-style: disc outside;
  margin-bottom: 20px;
}
.commentlist ol {
  list-style: decimal outside;
}
.commentlist .comment {
  /*margin: 0 0 0 36px;
  margin: 0 0 0 2.571428571rem;*/
  overflow: visible;
}
.commentlist blockquote {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  padding: 24px;
  padding: 1.714285714rem;
  font-style: italic;
}
.commentlist blockquote p:last-child {
  margin-bottom: 0;
}

/*  #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) { 
}


/* #BuddyPress Compatibility
=================================================================== */
#buddypress a.view {
  margin: 0;
  float: none;
  font-size: inherit;
}
#buddypress .activity-list .activity-content .activity-header img.avatar {
  width: 20px;
}
#buddypress p {
  padding: 0;
}
div#buddypress div.dir-search input[type=submit],
div#buddypress div.dir-search input[type=text] {
  margin: 0;
  line-height: 1;
  padding: 6px 8px;
}
div#buddypress div.dir-search {
  margin-top: -43px;
}