/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1165px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
06. #Mobile (Landscape)
07. TESTING TEXT
*/



/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);background-position: center right; background-repeat: no-repeat; background-size:contain;}
	.flex-control-paging li a {background-image:url(../images/slider/bg_bullets-2x.jpg); background-size:20px 85px;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows-2x.jpg); background-size:68px 69px;}
	a.twitter-widget-from { background-image: url(../images/twitter-2x.jpg) ;  background-size:20px 16px;}
	
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* IE7-IE8 Fixes*/
.lt-ie9 .flex-control-paging li a {background-image: url(../images/slider/bg_bullets.png); }
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png);}
.lt-ie9 a.twitter-widget-from { background-image: url(../images/twitter.png);  }

}




/*
=============================================== 02. BASE STYLES (1165px) ===============================================
*/
/* Note: Design for a width of 1165px */
body:after {content: "Wider than 1165px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%; }
img {max-width:100%; height: auto; }
.width-container, #page-title-divider  {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }

/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1165px) {
body:after {content: "959px to 1139px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 


.width-container, #page-title-divider  {width:940px;} /* Default Width */
.flexslider .caption-container {margin-left:-470px;}
.flex-caption {bottom:100px;  font-size:28px; }

#mc_embed_signup input#mce-EMAIL, #searchform input { width:100px;}
.commentlist {width:83%;}
.h_boxtop_left1{
	width: 100%;
	font-size: 24px;
}
.h_boxtop_right1{
	margin-top: 30px;
	margin-bottom: 10px;
}
.half2{
	width: 40%;
	padding-top: 55px;
	text-align: center;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 10px;
}
.page_about{
	width: 70%;
	padding-top: 140px;
	padding-bottom: 140px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-right: 15%;
	padding-left: 15%;
	margin-bottom: 5px;
}

}



/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
body:after {content: "768 to 959px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Default Width */
.width-container, #page-title-divider  { width: 90%; }
.flexslider .caption-container {margin-left:-375px;}
.flex-caption {bottom:70px; font-size:25px; }


/* Misc Fixes */
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;}
.commentlist {width:79%;}
.h_boxtop_left1{
	width: 100%;
	font-size: 24px;
	padding-top: 0px;
}
.h_boxtop_left2{
	font-size: 12px;
}
.h_boxtop_right1{
	margin-top: 20px;
	margin-bottom: 5px;
}
h4 {
	font-size:12px;
}
.sf-menu a, .sf-menu a:visited  {
	font-size:11px;
}
.music_title {
	font-size: 13px;
}
.half_center{
	width: 80%;
	padding-top: 20px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: center;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 0px;
}

.half2{
	width: 40%;
	padding-top: 45px;
	text-align: center;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 10px;
	font-size: 11px;
}


}



/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
body:after {content: "0 to 480px"; background-color: hsla(90,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 


/* Default Width */
.width-container, #page-title-divider  { width: 90%; }
.flexslider .width-container {display:none;}

/* Default Grid */
#sidebar {padding:0%; border:none;}
#footer-widgets .footer-1-column .widget, #footer-widgets .footer-2-column .widget, #footer-widgets .footer-3-column .widget, .lt-ie8 #footer-widgets .footer-3-column .widget, #footer-widgets .footer-4-column .widget, .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, .lt-ie8 .grid3column, .lt-ie8 .grid4column , .lt-ie8 .grid2column, #sidebar, #container-sidebar {float:none; width:100%; margin-bottom:25px;}
body ul#open-hours .grid2column, body #main ul.menu-items .grid2column {float:left; margin-right:2%; margin-bottom:0px; }
body ul#open-hours .grid2column, body #main ul.menu-items .grid2column { width: 49%;}
.lt-ie8 body ul#open-hours .grid2column, .lt-ie8 body #main ul.menu-items .grid2column {width: 48.5%;  }
footer .lastcolumn {margin:0px;} 

.menu-item-container .grid3column {float:left; margin-right:2%; width: 32%; }
.lt-ie8 .menu-item-container .grid3column { width: 31.5%; }
.menu-item-container .grid3columnbig {float:left; margin-right:2%;width:65.8%;}


/* Misc Fixes */
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;}
footer #copyright ul {text-align:center;  float:none;}
footer #copyright ul li {float:none; display: inline;  }
#copyright .grid2column {text-align:center;}
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}

/* HEADER AREA */
#homepage-slider, .paged-title {margin-top:0px;}
#page-title .paged-title {height:150px; }

/* Select Menu */
#sticky-navigation {
	position:relative;
	padding-top: 0px;
	padding-bottom: 5px;	
}
#sticky-spacio {
	display:none;	
	
}
h3 {
	font-size:11px;
}
.font_titles1 {
	font-size:16px;
}
.font_titles2 {
	font-size:16px;
}

.h_slides{
	width: 100%;
}

.h_boxtop_left{
	width: 100%;
}
.h_boxtop_left1{
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding-top: 0px;
}

.h_boxtop_left2{
	width: 100%;
	padding-bottom: 20px;
	font-size: 11px;
	text-align: center;
}
.h_boxtop_right{
	width: 100%;
}
.h_boxtop_right1{
	margin-top: 20px;
	margin-bottom: 20px;
}

.font_hours{
	font-size: 12px;
}
.box_hours{
	font-size: 10px;
	padding-top: 5px;
	width: 80%;
	padding-right: 5%;
	padding-left: 5%;
}
.h_boxmiddle{
	width: 100%;
}



.footer_left{
	width: 100%;
	float: left;
	text-align: center;
}
.footer_icon{
	float: left;
	width: 100%;
}
.footer_address{
	width: 100%;
	float: left;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
.footer_middle{
	width: 100%;
	float: left;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
.footer_right{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#social{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.font_footer{
	font-size: 16px;
}
.footer_container{
	font-size: 10px;
}
.music_box{
	width:49%;
	font-size: 12px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.music_title {
	font-size: 12px;
	padding-top: 2px;
}
.music_photo {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.music_single_left{
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}
.music_single_right{
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}
.sf-menu a, .sf-menu a:visited  {
	font-size:10px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-left: 8px;
}

.logotype{
	width: 90%;
	float: left;
	padding-top: 15px;
	padding-right: 5%;
	padding-bottom: 15px;
	padding-left: 5%;
	text-align: center;
}
.social_top{
	display:none;
	width: 100%;
	float: right;
	padding-top: 5px;
	padding-bottom: 10px;
}
#social2{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.rate_button
{
	width: 100%;
	margin-right: 0px;
}
h4 {
	font-size:12px;
}
#date {
	font-size:14px;
}
#date_link {
	font-size:14px;
}
.h_boxmiddle6{
	font-size: 9px;
}
.h_boxbottom_left{
	width: 49%;
}

.h_boxbottom_right{
	width: 49%;
}
.event_left{
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.event_right{
	float: left;
	width: 90%;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
}
.event_description{
	font-size: 10px;
}
.half_center{
	width: 80%;
	padding-top: 20px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: center;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 0px;
}
.mod_container{
	padding-left: 16px;
	padding-bottom: 0px;
}
.half{
	width: 100%;
	float: left;
}
.half2{
	width: 90%;
	padding-top: 20px;
	text-align: center;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 10px;
	font-size: 12px;
}

.page_about{
	width: 70%;
	padding-top: 110px;
	padding-bottom: 110px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-right: 15%;
	padding-left: 15%;
	margin-bottom: 5px;
}
.page_about_text{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.half3{
	width: 100%;
}
.menu_title{
	font-size:11px;
}
.menu-description {
	font-size:11px;
}

.header-underline {
	font-size: 16px;
}
}


/*
=============================================== 06. #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
body:after { content: "480 to 767px"; background-color: hsla(150,50%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */

/* Default Width */
.width-container, #page-title-divider  { width: 90%; }
h3 {
	font-size:11px;
}
.h_slides{
	width: 100%;
}

.h_boxtop_left{
	width: 100%;
}
.h_boxtop_left1{
	width: 100%;
	font-size: 30px;
	padding-top: 0px;
}
.h_boxtop_left2{
	width: 100%;
}
.h_boxtop_right{
	width: 100%;
}

.h_boxmiddle{
	width: 100%;
}

.h_boxbottom_left{
	width: 49%;
}

.h_boxbottom_right{
	width: 49%;
}

.footer_left{
	width: 100%;
	float: left;
	text-align: center;
}
.footer_icon{
	float: left;
	width: 100%;
}
.footer_address{
	width: 100%;
	float: left;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
.footer_middle{
	width: 100%;
	float: left;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
.footer_right{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#social{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.rate_button
{
	width: 100%;
	margin-right: 0px;
}
.sf-menu a, .sf-menu a:visited  {
	font-size:12px;
}
.music_box{
	width:49%;
}
.music_title {
	font-size: 12px;
}

h4 {
	font-size:12px;
}
#date {
	font-size:18px;
}
#date_link {
	font-size:16px;
}
.h_boxmiddle6{
	font-size: 10px;
}
.event_left{
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.event_right{
	float: left;
	width: 90%;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
}
.event_description{
	font-size: 12px;
}
.half_center{
	width: 80%;
	padding-top: 20px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: center;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 0px;
}
.menu_title{
	font-size:13px;
}

}



/*
=============================================== 07. TESTING TEXT ===============================================
*/
body:after {position:relative; z-index:55; content: "less than 320px";font-size: 300%;font-weight: bold;position: fixed;bottom: 60px;width: 100%;text-align: center;background-color: hsla(1,60%,40%,0.7);color: #fff;
display:none !important; /* -------------------- ADD OR REMOVE display:none !important; to display testing text -------------------- */}