.home #content-wrapper/*
Theme Name: Art House
*/

/* =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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;a.expandable.venue-bottom
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

#top-bar{width:100%; height:4px; background:#000000; position: absolute; top:0; left:0;}

#page {
	width:100%;
	display:none;
	position;relative;
}
#container{
	margin: 0 auto;
	width:960px;
}
#branding hgroup {
 float:left;
 width: 143px;
 margin-right:14px;
}
#access div {

}
#primary {
	float: left;
	width: auto;
}

.sub-nav {padding:40px 0 55px 0; overflow:hidden;}
.exhibits .sub-nav{background:url(images/title-exhibitions.gif) no-repeat;}
.nightclub .sub-nav{background:url(images/title-nightclub.gif) no-repeat;}
.wedding.sub-nav{background:url(images/title-wedding.gif) no-repeat;}
.about.sub-nav{background:url(images/title-about.gif) no-repeat;}

.sub-nav div{float:right;}

.sub-nav ul {
	list-style: none;
	margin: 0 10px 0 0;
	overflow: hidden;
}
.sub-nav li {
	float: left;
	position: relative;
}

.sub-nav a {
	color: #fff!important;
	display: block;
	line-height: 45px;
	font-size:15px;
	padding: 0 15px;
	text-decoration: underline;
	height:45px;
	border-right:1px solid #3d3d3d;
	background-color:#141414;
}


.exhibits .sub-nav a:hover,
.exhibits .sub-nav .current_page_item a{background-color:#1da5e3}

.nightclub .sub-nav a:hover,
.nightclub .sub-nav .current_page_item a{background-color:#fc8f2f}

.wedding.sub-nav a:hover,
.wedding.sub-nav .current_page_item a{background-color:#3ca94b}

.about.sub-nav a:hover,
.about.sub-nav .current_page_item a{background-color:#d7b06f}


.menu-item-254 a, .menu-item-306 a, .menu-item-404 a, .menu-item-1417 a{background:#141414 url(images/sub-nav-left.gif) no-repeat;}
.menu-item-256 a, .menu-item-307 a, .menu-item-489 a, .menu-item-440 a{background:#141414 url(images/sub-nav-right.gif) no-repeat right top; border:0px none;}

.menu-item-254 a:hover, .menu-item-254.current_page_item a{background-position:0 -45px;}
.menu-item-256 a:hover, .menu-item-256.current_page_item a{background-position:right -45px;}

.menu-item-306 a:hover, .menu-item-306.current_page_item a{background-position:0 -90px;}
.menu-item-307 a:hover, .menu-item-307.current_page_item a{background-position:right -90px;}

.menu-item-404 a:hover, .menu-item-404.current_page_item a{background-position:0 -135px;}
.menu-item-489 a:hover, .menu-item-489.current_page_item a{background-position:right -135px;}

.menu-item-1417 a:hover, .menu-item-1417.current_page_item a{background-position:0 -180px;}
.menu-item-440 a:hover, .menu-item-440.current_page_item a{background-position:right -180px;}


#primary.home{width:650px;}
#primary.whats-on, #primary.menus, #primary.gallery{width:710px; float:right; padding-top:39px;}
#primary.menus.item{width:630px; padding:11px 0 0 0;}
#primary.exhibits, #primary.nightclub{width:560px; float:right; padding:65px 0 0 0; margin-right:10px;}
#primary.venue-location{width:540px; float:right; padding:65px 0 0 0; margin-right:10px;}
#primary.wedding{width:570px; float:right;}
#primary.booking{width:520px; float:left; margin-right:20px;}
#primary.contact{width:360px; float:left;}
#primary.search, #primary.general{width:650px; float:right; padding-left:35px; margin-top:40px; border-left:1px dotted #b6b6b6;}

#primary.full-width{width:960px; float:none; margin:0; padding:0;}
#primary.full-width.about{overflow:hidden;}


#secondary {
	float: left;
	width: 272px;
}

.home #secondary{width:272px; margin-left:38px;}
#secondary.whats-on, #secondary.menus, #secondary.gallery{width:230px; float:right; margin-right:20px;}
#secondary.menus.item{width:300px;}
#secondary.exhibits, #secondary.nightclub{width:340px; float:right; margin:0 40px 10px 0;}
#secondary.venue-location{width:380px; float:right; margin:0 20px 10px 0;}
#secondary.wedding{width:340px; float:right; margin:0 40px 10px 0;}
#secondary.booking{width:420px; float:left; margin:50px 0 0 0; background:url(images/arrow.gif) no-repeat;}
#secondary.contact{width:600px; float:left; margin:40px 0 0 0; background:url(images/arrow-contact.gif) no-repeat;}
#secondary.search, #secondary.general{width:274px; float:right;}



#content {
	width: 100%;
	position: relative;
}

.home #content{border-top:1px dotted #b6b6b6; position: relative;}

.draw-border{position:absolute;}

/*.exhibits .side-gallery {background:url(images/draw-border-exhibits.png) no-repeat;}*/


/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 20px;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 20px;
}
.one-column.singular .pull.alignleft {
	margin: 0 20px 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 20px;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 20px;
	left: auto;
	right: 20px;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #777777;
	font-size:13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	line-height: 19px;
}

#page {
	background: #fff;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color:#252525;
	text-transform:uppercase;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

/* Text elements */
p {
	margin-bottom: 20px;
}
ul, ol {
	margin: 0 0 20px 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 20px;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 20px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 20px;
	overflow: auto;
	padding: 0.75em 20px;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 20px;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
textarea {
	border: 1px solid #b6b6b6;
	color: #909090;
}
input[type=text]:focus,
textarea:focus {
	color: #373737!important;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

#searchform{position:relative;}

input#s {
	background: url(images/bg-search.gif) no-repeat;
	color:#3c3c3c;
	font-size: 15px;
	height: 70px;
	line-height: 70px;
	width:270px;
	padding: 0 60px 0 18px;
	font-family:inherit;
	border:0px none;
}
input#searchsubmit {
	width:53px;
	height:70px;
	display:block;
	position:absolute;
	left:295px;
	top:0;
	border:0px none;
	cursor: pointer;
	background:none;
}

.lightbox-form {padding:30px 40px 0 40px; position: relative;}
h2.form-title{font-size:25px; line-height:25px; padding-bottom:10px; border-bottom: 1px dotted #b6b6b6; text-transform: none;}
li.gfield_html {display:none;}
.gform_wrapper{max-width: 100%; margin:10px 0 0 0;}
.gform_wrapper ul li.gfield{overflow:hidden;}
.gform_wrapper .top_label .gfield_error{width:100%;}
.inpage-form .gform_wrapper{margin-top:25px;}
.gform_body{overflow: hidden; padding:0 0 25px 0; border-bottom: 1px dotted #b6b6b6;}
.gform_wrapper ul.gform_fields.top_label {float:left; width:245px; margin-right:40px;}

.gform_wrapper .top_label .gfield_label ,.gform_wrapper .left_label .gfield_label{
    font-weight: normal;
    line-height: 13px;
    margin: 10px 0 5px;
    color:#909090
}

.gform_wrapper .left_label .gfield_label{width:100px;}

.gform_wrapper .gfield_required {
    color: #909090;
    margin-left: 4px;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .left_label input.medium{
    width: 238px;
    font-size: 13px;
    line-height:35px;
    height:35px;
    padding: 0 0 0 5px;
    border: 1px solid #b6b6b6;
	color: #909090;
	font-style: italic;
}

.gform_wrapper .left_label input.medium{
    line-height:29px;
    height:29px;
}


.gform_wrapper .top_label select.medium, .gform_wrapper .left_label select.medium{
	width: 245px;
    font-size: 13px;
    line-height:13px;
    padding: 10px 0 10px 5px;
    border: 1px solid #b6b6b6;
	color: #909090;
	font-style: italic;
	margin:0!important;
}

.gform_wrapper .left_label select.medium{
    padding: 6px 0 6px 5px;
}

.gform_wrapper textarea.medium {
    height: 130px;
    width:235px;
    padding:5px;
    font-size: 13px;
    line-height:19px;
}
.gform_wrapper .top_label textarea.medium{
	width:238px;
	padding:5px 0 5px 5px;
}
.gform_wrapper select{border: 1px solid #b6b6b6; color: #909090; font-style: italic;}

.gform_wrapper .top_label .datepicker, .gform_wrapper .left_label .datepicker{width:238px!important;}

.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {
    vertical-align: middle;
    width: 82px;
    font-style:normal;
}

.gform_wrapper .gfield_time_ampm {
    width: 81px;
}
.gform_wrapper .gfield_time_ampm select {
    width: 100%!important;
    font-size: 13px;
    line-height:13px;
    padding: 6px 0 6px 5px;
    border: 1px solid #b6b6b6;
	color: #909090;
	font-style: italic;
	margin:0!important;
}

.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {
    font-size: 13px;
    height: 29px;
    line-height: 29px;
    padding: 0 5px;
    width: 70% !important;
}

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
    margin: 3px 0 0 0;
}

.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {
    margin:0!important;
}

.gform_wrapper .gform_footer {
    padding: 9px 0 0 0!important;
    margin: 0;
    float:right;
}
.gform_wrapper form{overflow: hidden;}

span.form-desc{position:absolute; bottom:10px;}

.gform_wrapper .ginput_container + .gfield_description.validation_message, .gform_wrapper li.gfield.gfield_error .gfield_description{display:none;}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select{border:1px solid #ff5f5f!important;}
.gform_wrapper .validation_error{display:none;}
/* Links */
a {
	color: #d7b06e;
	text-decoration: underline;
}
a:focus,
a:active,
a:hover {
	
}

.cufon{ text-transform: uppercase !important;}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	border-bottom:1px dotted #b6b6b6;
	position: relative;
	overflow:hidden;
	z-index: 2;
}
#site-title {
	padding: 28px 0 0;
	width:143px;
	height:42px;
}
#site-title a {
 display: block;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
}


/* =Menu
-------------------------------------------------------------- */

span.color-bar{width:73px; height:4px; position:absolute; top:0; left:0; display: block;}
#menu-item-27 span.color-bar{background: #9ada01;}
#menu-item-28 span.color-bar{background: #4b4b4b;}
#menu-item-29 span.color-bar{background: #22b2f7;}
#menu-item-30 span.color-bar{background: #fc7f29;}
#menu-item-31 span.color-bar{background: #d427f8;}
#menu-item-32 span.color-bar{background: #36ab47;}
#menu-item-33 span.color-bar{background: #3c4fb6;}
#menu-item-34 span.color-bar{background: #686344;}
#menu-item-35 span.color-bar{background: #344a64;}
#menu-item-36 span.color-bar{background: #fc1522;}
#menu-item-37 span.color-bar{background: #fabe68;}

#menu-item-27 a{background:url(images/nav-whats-on.png) no-repeat center 9px;}
#menu-item-28 a{background:url(images/nav-food-beverage.png) no-repeat center 9px;}
#menu-item-29 a{background:url(images/nav-exhibition.png) no-repeat center 9px;}
#menu-item-30 a{background:url(images/nav-nightclub.png) no-repeat center 9px;}
#menu-item-31 a{background:url(images/nav-venue-rooms.png) no-repeat center 9px;}
#menu-item-32 a{background:url(images/nav-weddings.png) no-repeat center 9px;}
#menu-item-33 a{background:url(images/nav-gallery.png) no-repeat center 9px;}
#menu-item-34 a{background:url(images/nav-about.png) no-repeat center 9px;}
#menu-item-35 a{background:url(images/nav-book-function.png) no-repeat center 9px;}
#menu-item-36 a{background:url(images/nav-contact.png) no-repeat center 9px;}
#menu-item-37 a{background:url(images/nav-search.png) no-repeat center 9px;}

span.arrow-up{
	display:block;
	width:73px;
	height:6px;
	background: url(images/arrow-up.png) no-repeat center bottom;
	position:absolute;
	bottom:-10px;
	left: 0;
}

span.arrow-left{
	display:block;
	width:12px;
	height:85px;
	background: url(images/arrow-left.png) no-repeat left center;
	position:absolute;
	top:0;
	left: -12px;
	z-index: 100;
}

#slider-container{margin-bottom:49px;}

#slider a.nivo-control.active span.arrow-left{display:block !important;}

#access {
	display: block;
	float: left;
	width: 803px;
	position: relative;
	padding-bottom:10px;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}

#access a {
	color: #2c2c2c;
	display: block;
	line-height: 16px;
	font-size:16px;
	text-transform: uppercase;
	padding: 65px 0 0 0;
	width:73px;
	text-align:center;
	text-decoration: none;
	height:35px;
}
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {

}
#access li:hover > a,
#access a:focus {

}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item span.color-bar,
#access .current-page-ancestor span.color-bar,
#access .current_page_item span.arrow-up,
#access .current-page-ancestor span.arrow-up{
	display:block !important;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* Selectmenu
----------------------------------*/
dl.dropdown{
	margin:3px 0 0 0;
	
}

.dropdown dd, .dropdown dt, .dropdown ul { 
	margin:0px; 
	padding:0px; 
}
.dropdown dd { 
	position:relative;
	z-index: 1000; 
}
.dropdown a, .dropdown a:visited { 
	color:#fff; 
	text-decoration:none; 
	outline:none;
	font-weight:normal;
}
.dropdown a:hover { 

}


.dropdown dt a {
    background: url(images/bg-select.gif) no-repeat;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 41px;
    line-height:41px;
    padding-left: 15px;
    width: 215px;
}
.dropdown dd ul {
    left: 2px;
    position: relative;
    right: 3px;
    top: 3px;
}
.dropdown dt a span {
	cursor:pointer; 
	display:block;
}

.dropdown dd ul { 
	color:#fff; 
	display:none;
	left:5px; 
	padding:0px; 
	position:absolute; 
	top:0; 
	width:auto; 
	width: 220px;
	list-style:none;
	z-index: 999;
}
.dropdown span.value { 
	display:none;
}

.dropdown dd ul li{
	 margin-left: 0px !important;
	 border-bottom: 1px solid #A0A0A0;
}
.dropdown dd ul li a { 
	padding:5px 10px; 
	display:block;
	background: #444444;
	color: #fff;
	font-size: 14px;
}
.dropdown dd ul li a:hover { 
	background-color:#74bc07;
	color: white;
}

/* =Image Border
----------------------------------------------- */

img.hidden{visibility:hidden;}

span.image-border{
	display:block;
	position:absolute;
	z-index:999;
	cursor:pointer;
}
.home span.image-border{width:213px; height:134px; left:-8px; top:-5px;}
.home span.border-1{background:url(images/home-border-01.png) no-repeat;}
.home span.border-2{background:url(images/home-border-02.png) no-repeat;}
.home span.border-3{background:url(images/home-border-03.png) no-repeat;}

.whats-on span.image-border{width:230px; height:335px; left:-4px; top:-8px;}
.whats-on span.border-1{background:url(images/wso-border-01.png) no-repeat;}
.whats-on span.border-2{background:url(images/wso-border-02.png) no-repeat;}
.whats-on span.border-3{background:url(images/wso-border-03.png) no-repeat;}
.whats-on span.image-border.border-single{width:325px; height:449px; left:-12px; top:-10px; background:url(images/wso-border-single.png) no-repeat;}

.full-width span.image-border{width:313px; height:188px; left:-5px; top:-3px;}
.full-width span.border-1{background:url(images/exhibits-border-01.png) no-repeat;}
.full-width span.border-2{background:url(images/exhibits-border-02.png) no-repeat;}
.full-width span.border-3{background:url(images/exhibits-border-03.png) no-repeat;}

.menus span.image-border{width:235px; height:230px; left:-6px; top:-5px;}
.menus span.border-1{background:url(images/menu-border-01.png) no-repeat;}
.menus span.border-2{background:url(images/menu-border-02.png) no-repeat;}
.menus span.border-3{background:url(images/menu-border-03.png) no-repeat;}
.menus span.border-large{width:308px; height:230px; left:-5px; top:-4px; background:url(images/menu-lar.png) no-repeat;}
.menus span.border-small{width:99px; height:101px; left:-1px; top:-2px; background:url(images/menu-small.png) no-repeat;}


.gallery span.image-border{width:228px; height:139px; left:-4px; top:-3px;}
.gallery span.border-1{background:url(images/gallery-border-01.png) no-repeat;}
.gallery span.border-2{background:url(images/gallery-border-02.png) no-repeat;}
.gallery span.border-3{background:url(images/gallery-border-01.png) no-repeat;}

.exhibits span.border-large{width:346px; height:255px; left:-3px; top:-6px; background:url(images/exhibits-lar.png) no-repeat;}
.exhibits span.border-small{width:112px; height:84px; left:-1px; top:-1px; background:url(images/exhibits-small.png) no-repeat;}

.venue-location span.border-large{width:391px; height:306px; left:-4px; top:-6px; background:url(images/venue-lar.png) no-repeat;}
.venue-location span.border-small{width:127px; height:100px; left:-2px; top:-2px; background:url(images/venue-small.png) no-repeat;}

.wedding span.border-large{width:356px; height:398px; left:-9px; top:-7px; background:url(images/wedding-lar.png) no-repeat;}
.wedding span.border-small{width:116px; height:95px; left:-3px; top:0px; background:url(images/wedding-small.png) no-repeat;}
.wedding span.border-coordinator, .nightclub span.border-large{width:356px; height:496px; left:-9px; top:-7px; background:url(images/wedding-border.png) no-repeat;}




/* =Content
----------------------------------------------- */

#fancybox-content, #fancybox-outer{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

h2.home-featured-title{position:relative; top:-20px; width:150px; height:40px; line-height:150%; font-size:26px; color:#fff; text-align:center; letter-spacing: 4px; background: #141414;}

.boxes{clear:both; float:left; width:100%;}

.home .boxes{padding-left:7px;}

.box {
    float: left;
    margin: 0 18px 0 0;
    width: 200px;
}

.whats-on .box{width:220px; margin:0 20px 0 0}
.menus .box {width:219px; margin:0 20px 0 0}
.full-width .box{width:300px; margin:0 20px 0 0}

.whats-on .box .hentry, .menus .box .hentry{padding:0 0 50px!important; border:0px none; overflow:visible;}
.full-width .box .hentry{padding:0 0 25px!important;}

.box a img{display:block;}

.box a.image-link{background:#000;}

a.image-link {background:#000; display:block;position:relative;}
a.image-link img{display:block;}

a.large{margin-bottom:5px;}
a.small{margin-right:5px; float:left;}
a.small.last{margin:0!important;}

.menus a.small{margin-right:3px}
.venue-location a.small{margin-right:4px}


.post-thumb{margin-bottom:20px; position:relative;}

h2.subtitle{font-size:16px; line-height:16px; color:#252525; margin-bottom:5px;}
h3.title, h3.title a{font-size:18px; line-height:18px; color:#252525}
.post-content h2, h2.title{font-size:28px; line-height:28px; margin-bottom:15px;}
.exhibits .post-content h2{margin-bottom:0;}
.about .post-content .leftcol h2{border-bottom:1px dotted #b6b6b6; padding-bottom:15px; line-height:24px; font-size:24px; /*margin-bottom:115px;*/}

.post-content h3{font-size:20px; line-height:20px; color:#74BC07;}
.exhibits .post-content h3{color:#1da5e3; margin-bottom:15px;}
.nightclub .post-content h3{color:#fc8f2f; margin-bottom:15px;}
.venue-location .post-content h3{color:#d644d6; margin-bottom:15px;padding:10px 0; border-bottom:1px dotted #b6b6b6; border-top:1px dotted #b6b6b6;}

.menus.item .post-content h2{font-size:30px; line-height:30px; margin-bottom:10px; font-style:normal; text-transform: none;}
.menus.item .post-content h3{color:#d7b06f;padding:10px 0; border-bottom:1px dotted #b6b6b6; border-top:1px dotted #b6b6b6; margin-bottom:15px;}
.post-content h4{font-size: 13px; line-height:19px; color:#202020; text-transform:none;}

.menus.item .post-content{padding-right:170px;}

.box p{margin:5px 0 0 0;}

.home .box .post-excerpt{position: relative; min-height:101px;}

/*.home a.readmore{position: absolute; bottom: 0;}*/
.full-width a.readmore{position: static;}
a.expandable{color:#fff!important; font-size:20px; display:inline-block; height:33px; line-height:30px; text-align:center; padding:0 10px 0 15px; text-transform:uppercase; cursor: pointer;}
a.expandable.venue-bottom{padding:0 13px; background:#2b2b2b; margin-right:2px;}

a.expandable.left-angle{padding:0 15px 0 10px; position: relative; margin-bottom:32px;}
a.expandable.lime.left-angle {left:-25px; margin-bottom:20px;}
a.expandable.brown.left-angle{margin-bottom:20px;}
a.employment{background:#d7b06e; padding:0 10px;}
a.employment:hover{background:#2b2b2b;}

a.expandable.brown{background:#d7b06e;}
a.expandable.dark{background:#2b2b2b;}
a.expandable.lime{background:#74bc07;}
a.expandable.blue{background:#1da5e3; height:40px; line-height:37px; font-size:24px;}
a.expandable.orange{background:#fc8f2f; height:40px; line-height:37px; font-size:24px;}
a.expandable.pink{background:#d644d6; height:40px; line-height:37px; font-size:24px;}
a.expandable.green{background:#3ca94b;}
a.expandable.red{background:#d83740; padding:0 15px; margin:0 0 4px 20px;}


.menu-pdf{position:absolute; left:480px; top:43px; width:200px;}
.menus.item .hentry a.expandable.dark{}
.menus.item .hentry a.expandable.brown{margin-top:4px;}

.box.last{margin-right:0;}
.clear{ clear: both; height:0; overflow:hidden;}
hr.clear{border-top:1px dotted #b6b6b6; width:100%; background:none; margin-bottom:29px;}
.exhibits div.clear, nightclub div.clear{height:25px;}

.homepage-bottom{padding:0 0 29px 150px; line-height:13px; border-bottom:1px dotted #b6b6b6;}

.load-more{border-bottom:1px dotted #b6b6b6; border-top:1px dotted #b6b6b6; padding:18px 0; text-align:center; clear: both;}

#main {
	clear: both;
	padding: 15px 0 0;
	float:left;
	margin-bottom:40px;
	width:960px;
	min-height:500px;
}

.home #main{padding: 33px 0 0;}

#ie7 #main{float:none;}

.whats-on .hentry {padding:0; border-left: 1px dotted #b6b6b6; float:left;}

.whats-on .post-content{padding:0 15px 0 25px; float:left; width:360px;}
.gallery .post-content{padding:0;}

.post-content{}


.post-image{float:left; width:300px;}

.whats-on a {color: #629f07;}
.exhibits a {color: #0d8bc4;}
.nightclub a {color: #e66d02;}
.menus a{color:#d7b06f;}
.venues a, .venue-location a{color:#d644d6;}
.wedding a{color:#3ca94b;}
.gallery a{color:#4254b4;}
.booking a{color:#446284;}
.contact a{color:#d83740;}

.social-content{width:100%; padding:10px 0; border-top:1px dotted #b6b6b6; border-bottom:1px dotted #b6b6b6; float:left;}
.buttons{width:100%; padding:20px 0; border-top:1px dotted #b6b6b6; border-bottom:1px dotted #b6b6b6;}

.social-content .fb-like{float:left; width:275px; padding-top:10px;}
.social-content .twitter-bird{float:left; width:85px;}
.social-content .twitter-bird a{display:block; height:44px; width:100%; background:url(images/twitter-bird.png) no-repeat right center;}

.bottom-btns{clear:both; padding-top:18px;}

span.exhibit-venue{color: #0d8bc4; font-size:18px; line-height:18px;padding-bottom:5px; display:inline-block}
.biography{padding-top:20px; position: relative; clear:both;}
span.artist-link{position:absolute; top:30px; left:157px; color:#0D8BC4;}

.side-gallery{float:left; position: relative;}

.viewmore{position:absolute; background:#2b2b2b; color:#fff; font-size:23px; display:inline-block; height:33px; line-height:30px; text-align:center; padding:0 10px 0 17px; text-transform:uppercase; cursor: pointer; bottom:-12px; left:50px; z-index:1000;}
.viewmore:hover, a.image-link:hover span.viewmore{background:#d7b06f;}

.venues .page-title{background:url(images/title-venue.gif) no-repeat center top; height:150px;}
.venue-boxes{width:100%; clear: both; position:relative; height:385px;}
.venue-boxes .location a{position:absolute; height:233px; top:0; text-align:center; display:block;}
.location.verge a{left:5px; background:url(images/Verge-Bar.jpg) no-repeat; width:229px;}
.location.gallery-bar a{left:241px; background:url(images/Gallery-Bar.jpg) no-repeat; width:235px;}
.location.dome a{left:484px; background:url(images/Dome.jpg) no-repeat; width:234px;}
.location.attic a{left:724px; background:url(images/Attic-Bar.jpg) no-repeat; width:234px;}
.location span.cufon{position:relative; top:245px; font-size:18px; line-height:18px; color:#252525; display:block;}
.location span.enquire{position:relative; top:245px; text-decoration:underline; display:block;}

.venue-boxes .location a:hover{background-position: bottom;}

.ngg-galleryoverview, .ngg-albumoverview{margin:0; float:left; overflow:visible;}

.gallery .ngg-album, .ngg-gallery-thumbnail-box{border:0px none; overflow:visible; padding:0; width:220px!important; margin:0 20px 45px 0; float:left;}
.gallery .ngg-album.last, .ngg-gallery-thumbnail-box.last{margin-right:0;}
.ngg-thumbnail, .ngg-gallery-thumbnail{margin:0; float:none;}
.ngg-thumbnail img, .ngg-gallery-thumbnail img{border:0px none; padding:0; margin: 0; display:block;}
.ngg-albumtitle{font-size:18px; line-height: 25px; font-weight:normal; margin:10px 0 0 0;}
.ngg-albumtitle a{color:#252525;}
.ngg-description p{margin:0;}
span.photo-counter{color:#252525;}
.ngg-navigation{font-size:18px!important; line-height:42px; width:100%; overflow:hidden;padding:14px 0; border-top:1px dotted #b6b6b6; border-bottom:1px dotted #b6b6b6;}
.ngg-navigation span{font-weight:normal; margin:0 10px;}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
    border: 0px none;
    margin:0 10px;
    padding: 0;
}

.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {
    background:none;
    text-decoration:underline!important;
    color:#4254B4!important;
}
.ngg-navigation a.next, .ngg-navigation a.prev{text-decoration:none!important; width:125px; height:42px; display:block;}

.ngg-navigation a.prev{background:url(images/btn-prev.png) no-repeat; float:left}
.ngg-navigation a.next{background:url(images/btn-next.png) no-repeat; float:right}
.ngg-navigation a.prev:hover{background:url(images/btn-prev.png) no-repeat bottom; text-decoration:none!important;}
.ngg-navigation a.next:hover{background:url(images/btn-next.png) no-repeat bottom; text-decoration:none!important;}

.about-banner{height:204px; background:url(images/about-banner.jpg) no-repeat center top;margin-bottom:30px;}
.about .left-content{width:220px; margin-left:10px; float:left;}
.about #content{float:left; width:700px; margin-left:20px;}
.about .leftcol{width:320px; margin-right:60px; float:left;}
.about .rightcol{width:320px; float: left;}

.about .post-431{padding:55px 0 0 90px; text-align:right; width:240px; }
.about .post-431 span.employment{color:#777777; font-size:19px; line-height:19px;}
.about .post-431 h2{font-size:30px; line-height:30px;text-transform:none;}
.about .post-431 p{margin-bottom: 0;}
.about .post-431 .post-content{padding:15px 0; margin:15px 0; border-top:1px dotted #b6b6b6; border-bottom:1px dotted #b6b6b6;}
.about.employment{background:url(images/pic-employment.jpg) no-repeat 342px 0; min-height:565px;}

.about.dresscode .post{width:740px; padding:0 0 20px 70px;}
.about.dresscode .post p{font-size:15px; line-height:21px;}
.dress-code{height:240px; background:url(images/dresscode.jpg) no-repeat center top;}
.about.dresscode .bottom-content{padding-left:610px; margin-top:25px; width:200px;}

.booking .content-heading, .contact .content-heading{margin-bottom:15px;}
.booking .top-content{margin:0 0 20px 10px; overflow:hidden; border-bottom: 1px dotted #b6b6b6;}
.mid-content{width:517px; clear: both; position:relative; height:175px; margin-left:8px;}
.mid-content .location a{position:absolute; height:126px; top:0; text-align:center; display:block;}
.mid-content .location.verge a{left:0px; background:url(images/Verge-Bar-s.jpg) no-repeat; width:126px;}
.mid-content .location.gallery-bar a{left:128px; background:url(images/Gallery-Bar-s.jpg) no-repeat; width:129px;}
.mid-content .location.dome a{left:259px; background:url(images/Dome-s.jpg) no-repeat; width:129px;}
.mid-content .location.attic a{left:390px; background:url(images/Attic-Bar-s.jpg) no-repeat; width:127px;}
.mid-content .location span.cufon{position:relative; top:135px; font-size:17px; line-height:17px; color:#252525; display:block;}
.mid-content .location a:hover{background-position: bottom;}
.booking .bot-content{margin:0 0 30px 10px; padding:20px 0 10px; overflow:hidden; border-top: 1px dotted #b6b6b6; border-bottom: 1px dotted #b6b6b6;}
.booking .bot-quote{margin-left:10px}
.booking .inpage-form{padding:0 0 0 45px; margin-left:29px; position:relative; border-left:1px dotted #b6b6b6;}

.contact .top-content{margin:0 0 45px 10px; overflow:hidden;}
.contact .top-content dl{margin:0; float:left;}
.contact .top-content dt{width:90px; float:left; font-size:15px; line-height:26px; color:#777777; font-weight: normal;}
.contact .top-content dd{width:260px; float:left; margin:0;}
.contact .top-content dd span{font-size:15px; line-height:26px; color:#2a2a2a;}
.contact .top-content span.desc{font-size:13px; line-height:18px; color:#777;}
.contact .inpage-form{margin:0 0 0 10px; position:relative; }
.right-wrapper{padding-left:20px; margin-left:29px; border-left:1px dotted #b6b6b6;}
.contact h3.cufon, .cufon{font-size:18px; line-height:18px; color:#252525;}
.contact .map h3.cufon {float:left;}
.map-address{float:right; font-size:15px;margin-right:10px;}

.contact .social-content {
    float: none;
    padding: 15px 0;
    margin-top:17px;
}

.search span.cufon, .general span.cufon{color:#ecb35d; font-size:inherit;}
.search .post-content h3, .general .post-content h3{color:#ecb35d}
.search .post-content h3.desc{color:#252525;}

.search-status{padding:15px 0;margin-top:25px; border-top:1px dotted #b6b6b6; border-bottom:1px dotted #b6b6b6;}
.search .post-content .hentry, .general .post-content .hentry{border-bottom:1px dotted #b6b6b6; padding:40px 0;}

.general 

.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	padding: 0 0 20px;
	position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 76px;
}
.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	clear: both;
	font-size: 14px;
	line-height: 19px;
	text-transform:uppercase;
}

#ie7 .entry-meta {
	clear: both;
	font-size: 12px;
	line-height: 19px;
	text-transform:none;
}


.entry-meta a {

}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	padding: 20px 0 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 20px;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 20px;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 20px;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 20px;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 20px;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 20px;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 20px 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */

blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 20px;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 20px;
}
.pull.alignleft {
	margin: 0 20px 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 20px 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 20px;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 20px;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 20px 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 20px 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 20px 0 0;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 20px 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}

/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 20px;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 20px 0 0.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -20px -8.9% 20px;
	padding: 20px 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 20px 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 20px;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 20px 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 20px -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 20px;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 20px;
	overflow: hidden;
	padding: 20px 20px 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 20px;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 20px;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 20px;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	width: 100%;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
    border-top:1px dotted #b6b6b6;
}

.home .widget{margin:0 0 0 22px; padding:15px 0;}
.whats-on .widget, .menus .widget, .wedding .widget{padding:20px 0 25px 0; margin:0}

a.long-btn{height:57px; display:block;}
a.long-btn:hover{background-position:bottom!important;}
.home a.book-table{width:184px; background:url(images/btn-book-table.gif) no-repeat;}
.home a.sign-up{width:184px; background:url(images/btn-sign-up.gif) no-repeat;}
a.view-exhibits{width:226px; background:url(images/btn-view-exhibits.gif) no-repeat; margin-bottom:5px;}
a.speak-to{width:226px; background:url(images/btn-speak-to.gif) no-repeat;}

.widget p.quote, p.quote{font-size:17px; line-height:25px; margin-bottom:15px;}
.widget span.quote-by, span.quote-by{font-size:19px!important; padding-left:30px;}

a.book-table:hover, a.sign-up:hover{background-position:bottom;}

.widget.social {border-bottom:1px dotted #b6b6b6;}

.widget.social span{font-size:20px; line-height:20px;color:#252525;}

.widget.social a{display:inline-block; height:45px; background: url(images/social-icons.gif) no-repeat; vertical-align: middle;}

.widget.social a.facebook{ background-position: 0 -9px; width:36px; margin-left:22px;}
.widget.social a.facebook:hover{background-position: 0 -72px;}
.widget.social a.twitter{ background-position: -36px -9px; width:35px;}
.widget.social a.twitter:hover{background-position: -36px -72px;}
.widget.social a.youtube{ background-position: -71px -9px; width:50px;}
.widget.social a.youtube:hover{background-position: -71px -72px; }

.twitter-widget{padding:25px 0 0 0; background:url(images/twitter-widget.png) no-repeat 0 25px; height:207px; position:relative;}
.twitter-widget .widget{border:0px none; padding: 15px 35px 0 0;}
.twitter-widget .widget-title{display:none;}
.twitter-widget .widget ul li{min-height:95px;}
.twitter-widget .widget a:hover{text-decoration:underline;}


.twitter-widget ul{overflow:hidden; height:95px;}
span.prev, span.next{display:block; width:13px; height:13px; background: url(images/arrows.gif) no-repeat; cursor: pointer; position: absolute; right:3px;}
span.prev{top:70px;}
span.next{background-position:left bottom; top:90px;}
span.prev:hover{background-position:right top;}
span.next:hover{background-position:right bottom;}


.widget.blog-widget{border-bottom:1px dotted #b6b6b6; padding:8px 0 26px 0}
.widget.blog-widget h3.title{padding:18px 0 0 48px; background:url(images/blog-widget.png) no-repeat;}
.widget.blog-widget p{margin:5px 0 0 0;}
.widget.blog-widget a{text-decoration: underline;}

.whats-on span.cufon{font-size:20px; color: #74bc07; line-height:20px;}
.menus span.cufon, .about span.cufon{font-size:20px; color: #d7b06f; line-height:20px;}
.wedding span.cufon{font-size:20px; color: #3ca94b; line-height:20px;}
.booking span.cufon{font-size:20px; color: #446284; line-height:20px;}

.testimonials{margin-top:30px;}
.testimonials p{color:#3ca94b; font-size:17px; line-height:25px; margin-bottom:0;}
.testimonials span.cufon{color:#2b2b2b; font-size:19px; line-height:25px; padding:0 0 30px 25px; display:block;}

.widget-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
}

/* Search Widget */
.widget_search form {
	margin: 0 0 20px;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 20px;
	padding: 20px;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 20px;
	padding: 0 20px;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 20px 0 0;
	padding: 20px;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 20px;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 20px 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 20px;
	padding: 20px;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 20px 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 20px;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */
#footer-container{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#colophon {
	clear: both;
	height:50px;
	background: #000000;
	color: #919191;
	overflow:hidden;
	width:100%;
}

#colophon a{ text-decoration: none; height:50px; line-height:50px; color:#919191;}

#colophon a:hover{color: #fff;}

#colophon .cufon{font-size:16px; line-height:50px; color:#919191;}

#copyright, #siteby, #footer-links{
	font-size: 16px;
	line-height: 50px;
	float:left;
	padding:0 14px;
	border-right: 1px solid #292929;
	text-transform:uppercase;
	height:50px;

}

#copyright{width:auto; border-left: 1px solid #292929;}

#siteby{width:auto;}

#footer-links {width:auto; overflow:hidden;}

#siteby a{}
#siteby a img{vertical-align: middle; display:inline-block;}

#footer-links a{vertical-align: top}

#footer-links a.treehouse{background:url(images/bot-logo.gif) no-repeat; padding-left:62px; display:inline-block}
#footer-links a.treehouse:hover, #footer-links a.bot-facebook:hover, #footer-links a.bot-twitter:hover{background-position:left bottom;}

#footer-links a.bot-facebook{width:17px; background:url(images/bot-facebook.gif) no-repeat; margin-left: 10px;display:inline-block;vertical-align:middle;}
#footer-links a.bot-twitter{width:17px; background:url(images/bot-twitter.gif) no-repeat; margin-left: 6px;display:inline-block;vertical-align:middle;}

#ie7 #footer-links a.bot-twitter{margin-left: 4px;}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 20px;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 20px;
	}
	.singular .pull.alignleft {
		margin: 0 20px 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 20px;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* Make sure embeds fit their containers */
	embed,
	object {
		max-width: 100%;
	}

}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 20px !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 20px 0 0;
	}
	.singular.page .hentry {
		padding: 20px 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 20px;
		padding: 20px;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 20px;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 20px 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}