@charset "utf-8";
/* CSS Document */
@import url("css/nav.css");

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #000000;
	margin: 0px;
	background-image: url(images/bg.jpg) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000d22;
}

a {
	color: #00a4e4;
	text-decoration: none;
}

a:hover {
	opacity: 0.5;
}

h1, h2, h3, h4, h5 {
	font-family: 'Muli', sans-serif;
}

h1 {
	font-size: 40px;
	text-transform: lowercase;
}

h2 {
	font-size: 35px;
	color: #00a4e4;
	text-transform: lowercase;
}

h3 {
	font-size: 25px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

.clr {
	clear: both;
	display: block;
}

.clr_20 {
	clear: both;
	height: 20px;
	display: block;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.grid_30 {
	width: 30%;
}

.grid_50 {
	width: 50%;
}

.entry-content ul li {
	font-size: 0.9em;
}

/*** CONTAINERS ***/
#container {
	clear: both;
	margin: 0px auto;
	width: 100%;
	max-width: 980px;
	background: #01002a;
}

#header_container {
	clear: both;
	margin: 0px auto;
	height: 124px;
}

#nav_container {
	clear: both;
	margin: 0px auto;
	height: 43px;
	display: block;
}

#nav_container select{
	display: none;
}

#content_container {
	clear: both;
	margin: 0px auto;
}

#footer_container {
	clear: both;
	margin: 0px auto;
}

/*** STRUCTURE ***/

#page {
	clear: both;
	margin: 20px auto;
	width: 100%;
	max-width: 980px;
	min-height: 500px;
	height: auto !important; /* for modern browsers */
	overflow: auto;
}

#content {
	width: 600px;
	margin: 0 0 0 10px;
	padding: 15px;
	display: block;
	float: left;
	background: #FFF;
	border: 1px solid #b5b5b5;
}

#content.full {
	width: 100% !important;
	max-width: 930px !important;
	margin: 0 0 0 10px;
	display: block;
}

#sidebar {
	width: 320px;
	margin: 0 10px 0 0;
	display: block;
	float: right;
}

#footer {
	margin: 0px auto;
	width: 100%;
	max-width: 980px;
	min-height: 330px;
	clear: both;
	color: #FFF;
	background: #01001a;
}

/*** SHADOWS **

#feature,
#content,
#nav,
#sidebar .bars, #sidebar .bistro, #sidebar .gaming,
#sidebar .whats-on,
#sub_nav{
	-moz-box-shadow: 0 0 3px 3px #ccc;
	-webkit-box-shadow: 0 0 3px 3px #ccc;
	box-shadow: 0 0 3px 3px #ccc;
}*/

/*** HEADER ***/

#header {
	width: 100%;
	max-width: 980px;
	height: 140px;
	margin: 0px auto;
	clear: both;
	display: block;
}

#header #logo {
	display: block;
	float: left;
	width: 200px;
	height: 100px;
	padding: 15px 0;
}

#header #logo:hover {
	opacity: 1
}

#header #contacts {
	width: 370px;
	display: block;
	float: right;
	padding: 70px 0 0 0;
	display: block;
}

#header #contacts .phone {
	color: #00a4e4;
	font-size: 40px;
	float: left;
	padding-top: 12px;
}

#header #contacts .socials {
}

#header #contacts .socials a {
	width: 32px;
	height: 32px;
	margin: 10px 0 0 10px;
	display: block;
	float: right;
	text-indent: -9999px;
}

#header #contacts .socials .facebook {
	background: url(images/i-fb_h.png) no-repeat left top;
}

#header #contacts .socials .email {
	background: url(images/i-mail_h.png) no-repeat left top;
}

#header #contacts .socials .facebook:hover {
	background: url(images/i-fb.png) no-repeat left top;
	opacity: 1;
}

#header #contacts .socials .email:hover {
	background: url(images/i-mail.png) no-repeat left top;
	opacity: 1;
}

/* BANNER ***************/

.flex-control-nav {
	background: url(images/slider-nav-bg.png) repeat-x left top !important;
	padding: 5px 0 !important;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #27a0d1;
	background: rgba(39, 160, 209, 1.0) !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
	background: #ffffff !important;
	background: rgba(255, 255, 255, 0.8) !important;
}

.flex-control-paging li a.flex-active {
	background: #93cfe8 !important;
	background: rgba(147, 207, 232, 1.0) !important;
	cursor: default;
}

.flex-control-nav {
	bottom: -30px;
	line-height: 20px !important;
}

/*** CONTENT  ***/

#feature {
	clear: both;
	margin: 20px auto;
	padding: 0;
	width: 100%;
	max-width: 980px;
	height: 300px;
}

/* ENTERTAINMENT POSTS ********/

/* Category Postlist page */
.category-list .mini-post {
	clear: both !important;
	/*border-bottom: 2px solid #00a4e4;*/
	width: 100%;
	display: block !important;
	position: relative;
}

.category-list .mini-post img {
	float: left;
	margin-right: 15px;
}

.category-list .mini-post .inner-text {
	border: 1px solid #c9c9c9;
	background: #e5e5e5;
	width: 395px;
	min-height: 170px;
	float: right;
	padding: 10px;
	color: #000;
}

.category-list .mini-post .inner-text .date, .category-list .mini-post .inner-text .cost {
	font-size: 16px;
	font-weight: 600;
}

.category-list .mini-post .inner-text .date {
	/*width: 55%; float: left; */
	padding-top: 4px;
}

.category-list .mini-post .inner-text .cost {
	/*width: 45%; float: right; */
	padding-top: 4px;
}

.category-list .mini-post .inner-text .cost .red {
	color: #ce2127 !important;
	font-weight: bold;
	font-size: 16px;
}

.category-list .mini-post .inner-text .door {
	font-size: 16px;
	padding-right: 20px;
	font-weight: 600;
	padding-top: 4px;
}

.category-list .mini-post .inner-text h3 {
	margin: 0 0 10px 0 !important;
	padding: 5px 0 10px 0 !important;
	border-bottom: 1px solid #bababa;
}

.category-list .mini-post .inner-text h4, .category-list .mini-post .inner-text h5 {
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
}

.category-list .mini-post .inner-text hr {
	clear: both;
	display: block;
	border: none;
	border-bottom: 1px dashed #bababa !important;
}

.category-list .mini-post .more {
	font-family: 'Muli', sans-serif;
	color: #FFF;
	background: #004b8d;
	padding: 5px 10px;
	width: auto;
	margin-bottom: 10px;
	text-align: center;
	display: block;
	float: left;
	clear: both;
}

.category-list .mini-post .book {
	position: absolute;
	right: 10px;
	font-family: 'Muli', sans-serif;
	color: #FFF;
	background: #00a6e6;
	padding: 5px 10px;
	width: auto;
	margin-bottom: 10px;
	text-align: center;
	display: block;
	float: right;
	clear: both;
}

body.single .book {
	font-family: 'Muli', sans-serif;
	color: #FFF;
	background: #00a6e6;
	padding: 5px 10px;
	width: auto;
	margin: 20px 0 10px 0;
	text-align: center;
	display: block;
	float: right;
}

body.single h1.entertainment {
	float: left;
	width: 470px;
	line-height: normal;
	margin: 10px 0 10px 0;
	padding: 0;
}

/* Actual Post page */
.entertainment {
	clear: both !important;
	border-bottom: 1px sold #fff;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	display: block;
}

.entertainment img {
	clear: both !important;
}

.entertainment .inner-text .date {
	color: #000;
	font-size: 1.5em;
	font-weight: 600;
	padding-right: 30px;
}

.entertainment .inner-text .cost {
	color: #ce2127;
	font-size: 1.5em;
	font-weight: 600;
}

.entertainment .inner-text .door {
	color: #000;
	font-size: 1em;
	padding-right: 20px;
	float: left;
	background: #0F3
}

.entertainment .inner-text .show {
	color: #000;
	font-size: 1em;
	padding-right: 20px;
	float: left;
	background: #F3C
}

.entertainment .inner-text h1 {
	margin: 0 !important;
	padding: 0 0 15px 0 !important;
	font-size: 30px !important;
	line-height: 32px !important;
}

/* Free Entertainment */
body.postid-900 span {
	display: block;
	float: left;
}

body.postid-900 span.date {
	width: 75px;
}

body.postid-900 span.act {
	width: 350px;
}

body.postid-900 span.act {
	width: 200px;
}

/* WHATS ON POSTS ********/

/* Category Postlist page */
.whats-on-list .mini-post {
	float: left;
	width: 33%;
	display: block !important;
	position: relative;
	min-height: 250px;
	margin-bottom: 20px;
	text-align: center;
}

.whats-on-list .mini-post h3 {
	margin: 0 0 10px 0 !important;
	padding: 5px 0 10px 0 !important;
	min-height: 40px;
}

/*** SIDEBAR ***/

/* Sidebar Nav */

#sub_nav {
	margin: 0px 0px 20px 0px;
	width: 320px;
	background: #FFFFFF;
	border-bottom: #00a4e4 solid 3px;
}

#sub_nav ul {
	margin: 0;
	padding: 0;
}

#sub_nav ul li {
	list-style-type: none;
}

#sub_nav a {
	display: block;
	padding: 7px 15px 7px 15px;
	width: 290px;
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background: #fcfdff url(images/sub_nav-bg.gif) bottom repeat-x;
}

#sub_nav a:hover,
#sub_nav .current_page_item a {
	padding: 7px 15px 7px 12px;
	border-left: #00002b solid 3px;
	opacity: 1;
}

#sub_nav .current_page_item a {
	background: #f7f7f7;
}

#sidebar h2 {
	font-size: 35px;
	color: #00a4e4;
}

#sidebar h3 {
	color: #FFF;
	font-size: 25px;
	font-family: 'Muli', sans-serif;
	font-weight: bold;
	padding: 25px 0 10px 15px !important;
	margin: 0;
}

#sidebar h3 a {
	color: #FFF;
}

#sidebar h3 a:hover {
	color: rgba(255, 255, 255, 0.8);
}

#sidebar .bars, #sidebar .bistro, #sidebar .gaming {
	width: 320px;
	height: 140px;
	clear: both !important;
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
	display: block;
	border-bottom: #00a4e4 solid 4px;
}

#sidebar .bistro h3, #sidebar .gaming h3, #sidebar .bars h3 {
	margin: 0 !important;
	padding: 95px 0 0 15px !important;
	text-shadow: 2px 2px #000;
	font-size: 30px;
}

#sidebar .bars {
	background: url(images/bars.jpg) no-repeat;
}

#sidebar .bistro {
	background: url(images/bistro.jpg) no-repeat;
}

#sidebar .gaming {
	background: url(images/gaming.jpg) no-repeat;
}

#sidebar .whats-on h2 {
	margin: 40px 0 15px 0;
	padding: 0;
}

#sidebar .whats-on {
	width: 300px;
	height: auto;
	padding: 10px;
	background: #FFF;
}

#sidebar .whats-on .et, #sidebar .whats-on .fb, #sidebar .whats-on .renew {
	width: 300px;
	height: 65px;
	clear: both !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	display: block; 
}
#sidebar .whats-on h3 { font-size: 23px; }


#sidebar .whats-on .et {
	background: url(images/i-calendar.png) no-repeat 245px 15px #00a6e6;
}

#sidebar .whats-on .fb {
	background: url(images/i-thumbs.png) no-repeat 245px 15px #13559f;
}

#sidebar .whats-on .renew {
	background: url(images/i-renew.png) no-repeat 245px 15px #108900; }


#sidebar .whats-on .loc {
	background: url(images/i-location.png) no-repeat 245px 15px #666;
	height: 130px;
}

#sidebar .whats-on .loc p {
	color: #fff;
	width: 280px;
	border-top: 1px solid #fff;
	padding: 10px 0 0 0;
	margin: 10px;
}

#sidebar .whats-on #mailchimpsf_widget-2 h3 {	color: #13559f;}

/*** FOOTER ***/

#sitemap {
	margin: 30px 0px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.sitemap_col {
	float: left;
	margin: 0px 18px 0px 20px;
	width: 172px;
}

.sitemap_col a, .sitemap_col .end {
	display: block;
	padding: 3px 0px 3px 0px;
	width: 172px;
	line-height: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.sitemap_col .end {
	margin: 0px 0px 6px 0px;
	padding: 3px 0px 6px 0px;
	border-bottom: #1160a2 solid 1px;
}

.sitemap_col a:hover, .sitemap_col .end:hover {
	text-decoration: underline;
}

#footer_bottom {
	clear: both;
	margin: 0px auto;
	width: 100%;
	max-width: 980px;
	height: 40px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	background: #020011;
	display: block;
}

#footer_bottom p {
	margin: 0;
	padding: 0;
}

#sitemap {
	padding: 0 10px 0 20px;
}

#sitemap .col {
	float: left;
	margin: 10px 30px 0 0;
	width: 215px;
	font-size: 13px;
}

#sitemap .last {
	margin-right: 0;
	background: url(images/footer_logo.png) no-repeat right top;
	width: 205px;
	height: 279px;
	display: block;
}

#sitemap .col ul {
	list-style: none;
	padding: 0 0 7px 0;
	margin: 0;
}

#sitemap .col ul li {
	font-weight: bold;
	padding: 4px 0 4px 5px !important;
	margin: 2px 0 !important;
	border-bottom: #00a4e4 solid 1px;
}

#sitemap .col ul li a {
	color: #FFF;
}

#sitemap .col ul ul {
	pading: 5px 0 0 0;
	border-top: 1px solid #007bb5;
}

#sitemap .col ul li ul li {
	font-weight: normal;
	padding: 0 0 0 15px !important;
	margin: 0 !important;
	font-size: 13px;
	border-bottom: none !important;
}

#sitemap .col ul ul ul {
	padding: 5px 0 0 0;
	border-top: 1px solid #005287;
}

#sitemap .col ul li ul li ul li {
	font-weight: normal;
	padding: 0 0 0 15px !important;
	margin: 0 !important;
	font-size: 11px;
}

#sitemap .col ul li.page-item-183 ul.children,
#sitemap .col ul li.page-item-189 ul.children,
#sitemap .col ul li.page-item-228 ul.children,
#sitemap .col ul li.page-item-195 ul.children {
	border-bottom: none !important;
}

/****** FORMS */

.ginput_container {
	width: 100%;
	display: block;
	color: #58595b;
	font-size: 0.8em;
}

.ginput_container input, .ginput_container textarea,
.gfield_captcha_input_container input, .ginput_container select, .ginput_container input.medium {
	width: 100% !important;
	border: 1px solid #ccc !important;
	padding: 0 3px;
	height: 25px; font-size: 13px!important;
}

.ginput_complex label {  font-size: 10px!important; letter-spacing: 0!important; }

.inline .gfield_label {
	float: left;
	width: 22% !important;
}

ul.gfield_checkbox label, ul.gfield_radio label { font-size: 12px; }

li#field_3_12 { visibility: hidden; }

.inline input.medium {
	width: 70% !important;
	float: right;
	margin-top: 7px;
}

.inline select.medium {
	width: 70% !important;
	float: right;
	margin-top: 7px;
}

.inline .ginput_container textarea {
	width: 70% !important;
	float: right;
	margin-top: 7px;
}

/* Full width */
.full label.gfield_label {
	float: none;
	width: 100%;
}

.full .ginput_container {
	width: 100% !important;
}

/* Captcha */
.gfield_captcha_container {
	clear: both;
}

.gfield_captcha_container img {
	float: left;
	display: inline-block;
}

.gfield_captcha_input_container {
	float: right;
	margin-top: 7px;
	margin-right: 6px !important;
	width: 70% !important;
}

.gfield_captcha_input_container input {
	width: 100% !important;
	padding: 0 3px;
	height: 25px;
}





/* Footer */
.gform_footer {
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
	height: 35px;
	text-align: right;
}

.gform_footer input.button {
	float: right;
	width: 120px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #13559f;
	display: block;
	border: none !important;
	cursor: pointer;
	color: #FFF;
}

.gform_footer input.button:hover {
	background: #00a6e6;
}

.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

@media screen and (max-width: 784px) {
	#content {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 15px;
		display: block;
		float: none;
	}

	#content.full {

	}

	#sidebar {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 15px;
		display: block;
		float: none;
	}

	.category-list .mini-post {
		float: left;
		width: 100%;
	}

	.category-list .mini-post .inner-text {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		min-height: 170px;
		float: none;
		padding: 10px;
	}
	.category-list .mini-post > a{
		float:left;
		width:100%;
		text-align:center;
		display:block;
	}
	.category-list .mini-post img{
		margin:15px auto;
		float:none;
	}
	
	.category-list .mini-post .inner-text h3{
		text-align:center;
	}

	#sidebar .whats-on {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
	}

	#sub_nav {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
	}

	#header #logo{
		width: auto;
		margin-left: 10px;
	}
    #header #contacts{
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    width: 100%;
	    padding: 10px;
    }

	#nav_container select{
		display: block;
		width: 90%;
		position: relative;
		top: 10px;
		margin: 0 5%;
	}

	#nav > div:first-child{
		display: none;
	}

    #feature{
	    height: auto;
    }

	#sidebar .whats-on .et,
	#sidebar .whats-on .fb,
	#sidebar .whats-on .loc{
		width: auto;
		-ms-background-position-x: 95%;
		background-position-x: 95%;
	}

	#sidebar .bars,
	#sidebar .bistro,
	#sidebar .gaming{
		width: auto;
		overflow: hidden;
		background-size: 100% auto;
	}

	#sidebar .whats-on .loc p{
		width: auto;
	}

	#sitemap .col {
		float: left;
		margin: 10px 5% 0 5%;
		width: 40%;
	}
	
	#sitemap .col.last{
		width:90%;
		margin-top:20px;
		background-position:center center;
	}
}