/*
Theme Name: Lux 1.0.2 (2018)
Theme URI: http://lux666.com
Author: Sean O'Leary for o'Realy Online
Author URI: http://orealyonline.com
Description: Custom Theme for Lux Lounge in Rochester, New York
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html



/* #Base 1280 Grid
================================================== */

    .container                                  { position: relative; width: 1280px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; float:right;}

    /* Base Grid */
	    .container .one.column,
	    .container .one.columns                     { width: 60px; }
	    .container .two.columns                     { width: 140px; }
	    .container .three.columns                   { width: 220px; }
	    .container .four.columns                    { width: 300px; }
	    .container .five.columns                    { width: 380px; }
	    .container .six.columns                     { width: 460px; }
	    .container .seven.columns                   { width: 540px; }
	    .container .eight.columns                   { width: 620px; }
	    .container .nine.columns                    { width: 700px; }
	    .container .ten.columns                     { width: 780px; }
	    .container .eleven.columns                  { width: 860px; }
	    .container .twelve.columns                  { width: 940px; }
	    .container .thirteen.columns                { width: 1020px; }
	    .container .fourteen.columns                { width: 1100px; }
	    .container .fifteen.columns                 { width: 1180px; }
	    .container .sixteen.columns                 { width: 1260px; }

	    .container .one-third.column                { width: 426px; }
	    .container .two-thirds.column               { width: 853px; }

	    /* Offsets */
	    .container .offset-by-one                   { padding-left: 80px; }
	    .container .offset-by-two                   { padding-left: 160px; }
	    .container .offset-by-three                 { padding-left: 240px; }
	    .container .offset-by-four                  { padding-left: 320px; }
	    .container .offset-by-five                  { padding-left: 400px; }
	    .container .offset-by-six                   { padding-left: 480px; }
	    .container .offset-by-seven                 { padding-left: 560px; }
	    .container .offset-by-eight                 { padding-left: 640px; }
	    .container .offset-by-nine                  { padding-left: 720px; }
	    .container .offset-by-ten                   { padding-left: 800px; }
	    .container .offset-by-eleven                { padding-left: 880px; }
	    .container .offset-by-twelve                { padding-left: 960px; }
	    .container .offset-by-thirteen              { padding-left: 1040px; }
	    .container .offset-by-fourteen              { padding-left: 1120px; }
	    .container .offset-by-fifteen               { padding-left: 1200px; }

/* #Normal Screen 960px
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1279px) {
        .container                                  { width: 960px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
	    .container .one.columns                     { width: 40px;  }
	    .container .two.columns                     { width: 100px; }
	    .container .three.columns                   { width: 160px; }
	    .container .four.columns                    { width: 220px; }
	    .container .five.columns                    { width: 280px; }
	    .container .six.columns                     { width: 340px; }
	    .container .seven.columns                   { width: 400px; }
	    .container .eight.columns                   { width: 460px; }
	    .container .nine.columns                    { width: 520px; }
	    .container .ten.columns                     { width: 580px; }
	    .container .eleven.columns                  { width: 640px; }
	    .container .twelve.columns                  { width: 700px; }
	    .container .thirteen.columns                { width: 760px; }
	    .container .fourteen.columns                { width: 820px; }
	    .container .fifteen.columns                 { width: 880px; }
	    .container .sixteen.columns                 { width: 940px; }

	    .container .one-third.column                { width: 300px; }
	    .container .two-thirds.column               { width: 620px; }

	    /* Offsets */
	    .container .offset-by-one                   { padding-left: 60px;  }
	    .container .offset-by-two                   { padding-left: 120px; }
	    .container .offset-by-three                 { padding-left: 180px; }
	    .container .offset-by-four                  { padding-left: 240px; }
	    .container .offset-by-five                  { padding-left: 300px; }
	    .container .offset-by-six                   { padding-left: 360px; }
	    .container .offset-by-seven                 { padding-left: 420px; }
	    .container .offset-by-eight                 { padding-left: 480px; }
	    .container .offset-by-nine                  { padding-left: 540px; }
	    .container .offset-by-ten                   { padding-left: 600px; }
	    .container .offset-by-eleven                { padding-left: 660px; }
	    .container .offset-by-twelve                { padding-left: 720px; }
	    .container .offset-by-thirteen              { padding-left: 780px; }
	    .container .offset-by-fourteen              { padding-left: 840px; }
	    .container .offset-by-fifteen               { padding-left: 900px; }
    }




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }



/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }






/* #Available Fonts
================================================== */	


	@font-face {
	    font-family: 'bellamyboldregular';
	    src: url('fonts/bellamybold-webfont.eot');
	    src: url('fonts/bellamybold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/bellamybold-webfont.woff2') format('woff2'),
	         url('fonts/bellamybold-webfont.woff') format('woff'),
	         url('fonts/bellamybold-webfont.ttf') format('truetype'),
	         url('fonts/bellamybold-webfont.svg#bellamyboldregular') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
	
	@font-face {
	    font-family: 'big_topregular';
	    src: url('fonts/bigtop__-webfont.eot');
	    src: url('fonts/bigtop__-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/bigtop__-webfont.woff2') format('woff2'),
	         url('fonts/bigtop__-webfont.woff') format('woff'),
	         url('fonts/bigtop__-webfont.ttf') format('truetype'),
	         url('fonts/bigtop__-webfont.svg#big_topregular') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
	
	@font-face {
	    font-family: 'oldstyle_1hplhs';
	    src: url('fonts/oldsh___-webfont.eot');
	    src: url('fonts/oldsh___-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/oldsh___-webfont.woff2') format('woff2'),
	         url('fonts/oldsh___-webfont.woff') format('woff'),
	         url('fonts/oldsh___-webfont.ttf') format('truetype'),
	         url('fonts/oldsh___-webfont.svg#oldstyle_1hplhs') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oldstyle_italichplhs';
	    src: url('fonts/oldsih__-webfont.eot');
	    src: url('fonts/oldsih__-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/oldsih__-webfont.woff2') format('woff2'),
	         url('fonts/oldsih__-webfont.woff') format('woff'),
	         url('fonts/oldsih__-webfont.ttf') format('truetype'),
	         url('fonts/oldsih__-webfont.svg#oldstyle_italichplhs') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oldstyle_small_capshplhs';
	    src: url('fonts/oldssch_-webfont.eot');
	    src: url('fonts/oldssch_-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/oldssch_-webfont.woff2') format('woff2'),
	         url('fonts/oldssch_-webfont.woff') format('woff'),
	         url('fonts/oldssch_-webfont.ttf') format('truetype'),
	         url('fonts/oldssch_-webfont.svg#oldstyle_small_capshplhs') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
	

/* #Typography (baseline corrections)
================================================== */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold; }


	h1 {
		font-family: 'big_topregular', arial, sans-serif;
		text-align:center;
	  
	}
	
		h1.logo {

		}
	

	h2 {
		font-family: 'big_topregular', arial, sans-serif;
	  
	}
	


	h3 {	
		font-size:28px;
		line-height:28px;
		margin-bottom:10px;	
		font-family: 'oldstyle_1hplhs', georgia, serif;
	    color:#ffffff;
	}
	
		h3 span {
			font-family: 'big_topregular', arial, sans-serif;
			color:#A8050E;
			font-size:36px;
		}
	

	h4 { 
	}

	h5 { 

	}

		h5 span {

		}

	p { 
	    font-family: 'oldstyle_1hplhs', georgia, serif;
		font-size:18px;
		line-height:20px;
		color:#ffffff;
	}
	
		p span {
			color:#EECB4F;
		}
	
		p.lead { line-height: 28px; }
		p.breadcrumbs { font-size:10px; text-align:right; font-style:italic;}	
		p.left {
			text-align:left;
		}
		p.center {
			text-align:center;
		}
		
		p.small {
			font-size:12px;
			line-height:12px;
			margin-bottom:5px;
		}
		p.large {
			font-size:20px;
			line-height:20px;
		}
		p.none {
			display:none;
			margin:0;
		}
		p.nobottom {
			margin-bottom:0;
		}
		p.yellow {
			color:#EECB4F;
		}
        p.finePrint {
            font-size:.75em;
            font-style:italic;
        }
		
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





	
	
	
	
/* #Links 
================================================== */


	
	a {
		text-decoration:none;
		color:#D11010;
		-webkit-transition:color .15s ease-in;  
	   -moz-transition:color .15s ease-in;  
	   -o-transition:color .15s ease-in;  
	   transition:color .15s ease-in;
	}
	
		a:hover {
			color:#EECB4F;
			-webkit-transition:color .15s ease-in;  
		   -moz-transition:color .15s ease-in;  
		   -o-transition:color .15s ease-in;  
		   transition:color .15s ease-in;
		}
		
		a:visited {
		}
		
		#sidebar a {
			color:#CBB24D;
		}
		
			#sidebar a:hover {
				color:#ffffff;
			}




/* #Lists (baseline corrections)
================================================== */

ul, ol { margin-bottom: 20px; }
ul { margin-left:25px; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

ul {
    text-align:left;
}

ul.socialmediaicons {
    display:flex;
    flex-direction:row;
    text-align:center;
    list-style-type:none;
    justify-content: space-between;
    width:50%;
    float:none;
    margin:0 auto;
}

	ul.socialmediaicons li {

	}
	
		ul.socialmediaicons li i {
			font-size:1.25em;
			width:auto;
			margin:0 auto 10px;
		}























/* Articles
================================================== */

article {
	overflow:hidden;
	margin:15px 0;
	border:1px solid #463b14;
	padding:15px;
}

	article.thirds {
		width:31%;
		margin:15px 1%;
		float:left;
		display:block;
		overflow:hidden;
		position:relative;
	}
	
		#recentphotogalleries {
			float:none;
			clear:both;
			width:100%;
			overflow:hidden;
			display:block;
			margin:20px auto;
			position:relative;
		}

            #recentphotogalleries article.thirds {
                height:450px;
            }


/* Forms
================================================== */

.page .visual-form-builder fieldset {
	background:transparent;
	border:none;
}


	.page .visual-form-builder label {
		color:#EECB4F;
		font-size:12px;
		line-height:14px;
		margin:10px auto;
		text-align:left;
	}


	.nf-form-content label {
		line-height:1.1em;
		text-align:left;
		color:#ffffff;
		text-shadow:1px 1px 0 #000000;
	}
	

#mainContact {
    
}

#mainContact .nf-field {
    margin-top:3em;
}


#mainContact input {
    padding: 0 0 0 1em;
    height: 40px;
    border-radius: 3px;
}

#mainContact .nf-form-content textarea.ninja-forms-field {
    border-radius:3px;
}

label#nf-label-field-12 {
    font-size: 1em;
}

#mainContact .nf-field-description {
    font-size:.8em;
    text-align:left;
    margin:.5em 0 .2em 0;
    font-style:italic;
    color: #CBB24D;
}


#mainContact .nf-error.field-wrap .nf-field-element:after {
    height:38px;
    line-height:44px;
}

#mainContact input[type=button] {
    
}

#mainContact input[type=button] {
    background:rgba(85,2,0,0.5);
    border-radius:5px;
    padding:0.5em;
    display:block;
    margin:0 auto;
    float:none;
    text-align:center;
    font-size:1.5em;
    line-height:.6em;
    color:#EECB4F;
    width:80%;
    text-transform:lowercase;
    border:1px solid #EECB4F;
    -webkit-transition:all .25s ease;  
    -moz-transition:all .25s ease;  
    -o-transition:all .25s ease;  
    transition:all .25s ease;
    overflow:hidden;
}

    #mainContact input[type=button]:hover {
        background:#550200;
        color:#ffffff;
        border:1px solid #ffffff;
        -webkit-transition:all .25s ease;  
        -moz-transition:all .25s ease;  
        -o-transition:all .25s ease;  
        transition:all .25s ease;
    }






/* #Embeds, iFrames
================================================== */

/*flexible embeds*/
.embed {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 56.25%;
	overflow: hidden;
}

.embed iframe,
.embed object,
.embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#facebooklikebox {
}

	#facebooklikebox iframe {
		width:100%;
		margin: 10px 0;
		min-height:400px;
		background:#ffffff;
		-webkit-box-shadow:  2px 2px 5px 5px rgba(7, 7, 7, .5);

		        box-shadow:  2px 2px 5px 5px rgba(7, 7, 7, .5);
	}



























/* #Site Styles
================================================== */


* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}

html {
	font-family: 'Libre Baskerville', serif;
	background: url(images/background.png) no-repeat center center fixed, #000000;
	background-size:auto;
	}

body {
	font-family: 'Libre Baskerville', serif;
	color: #fff;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
  
 	}
hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(238, 203, 79, 0), rgba(238, 203, 79, 0.75), rgba(238, 203, 79, 0)); margin: 25px auto; }





























/* Talking Guys
================================================== */

#talkingguys {
	float:left;
	position:relative;
	left:-60px;
	top:-281px;
	margin:50px 0 -281px 50px;
	text-transform:uppercase;
	z-index:10000000;
}

	#largebubble p, #smallbubble p {
		font-family: 'bellamyboldregular', arial, sans-serif;
	}

	#largebubble {
		position:absolute;
		top:-160px;
		left:0;
		width:200px;
		height:auto;
		display:none;
	}
	

		
		#largecomment img {
			width:100%;
			height:auto;
		}
	

		#largecomment {
			width:175px;
			height:auto;
			text-align:center;
			position:absolute;
			top:25px;
			left:10px;
			color:#550200;
			margin:0;

		}
	
	#smallbubble {
		position:absolute;
		top:-20px;
		left:65px;
		width:250px;
		display:none;
	}
	
		#smallcomment img {
			width:100%;
			height:auto;
		}
	
		#smallcomment {
			width:200px;
			height:auto;
			text-align:center;
			position:absolute;
			top:10px;
			left:25px;
			font-size:12px;
			line-height:12px;
			color:#550200;
			margin:0;
		}


























/* Events
================================================== */

	.eventspage {
		margin:0 70px;
		float:left;
        padding:25px 0;
	}

.eventspage:hover img {
    opacity: 1;
    -webkit-transition:all .35s ease;  
    -moz-transition:all .35s ease;  
    -o-transition:all .35s ease;  
    transition:all .35s ease;
}
	
		.eventimage img {
			height:350px;
            object-fit: cover;
            opacity: 0.6;
            -webkit-transition:all .35s ease;  
            -moz-transition:all .35s ease;  
            -o-transition:all .35s ease;  
            transition:all .35s ease;
		}
		
		span.em-pagination {
			width:100%;
			display:block;
		}






















/* #Music Player
================================================== */

#musicplayer {
	width:20%;
	right:5px;
	position:absolute;
	margin-top:10px;
}

	.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
		background:transparent!important;
	}







/* #Images
================================================== */

img {
	max-width: 100%;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.logo {
	position:relative;
    height:auto;
    width:80%;
    display:block;
    margin:1em auto;
    
}

img.guys {
	float:right;
	z-index:1000;
}















/* #Content Bands
================================================== */


/* UNIVERSAL BANDS */
	
.bandheader {
	width:100%;
	float:left;
	display:block;
}

	.bandheader .container {
		z-index:10000;
	}

	#header {

	}
	
		#leftside {
			overflow:hidden;
			position:relative;
			top:-80px;
		}
		
			#leftside p {
				font-size:12px;
				line-height:16px;
				margin:0;
			}
		


	
		nav {
			font-family: 'big_topregular', arial, sans-serif;
		}
		
			nav ul {
				list-style-type:none;
				text-align:center;
				font-size:18px;
				line-height:18px;
				margin-left:0;
				margin-bottom:3px;
			}
			
				nav ul li {
					margin-bottom:10px;
					overflow:hidden;
				}
			
				nav ul li a {
					color:#EECB4F;
					border:none;
					-webkit-transition:color .35s ease-in;  
				   -moz-transition:color .35s ease-in;  
				   -o-transition:color .35s ease-in;  
				   transition:color .35s ease-in;
				}
				
					nav ul li a:hover {
						color:#ffffff;
						text-shadow:1px 1px 0 #000000;
						text-decoration:none;
						-webkit-transition:color .35s ease-in;  
					   -moz-transition:color .35s ease-in;  
					   -o-transition:color .35s ease-in;  
					   transition:color .35s ease-in;
					}
	
.bandtitle {
	position:relative;
	top:-118px;
	background: url(images/pink_velvet.jpg) repeat-x top;
	background-size:auto 75px;
	display:block;
	height:118px;
	float:left;
	overflow:hidden;
	width:100%;
	border-top:5px solid #EECB4F;
}

	.bandtitle .container {
		padding-top:15px;
	}
	
.bandcontent {
	text-align:center;
}		

    .bandcontent.noBottom {
        padding-bottom:0;
    }

	.bandcontent .container {
	}
	
		#intro {
			overflow:hidden;
			padding:15px 50px;
			margin:25px auto;
			position:relative;
			top:-150px;
			text-align:center;
			margin-bottom:-125px;
		}

			#homehours {
				border-bottom:1px solid #EECB4F;
				border-top:1px solid #EECB4F;				
				margin:25px 50px;	
				padding:10px 0;
			}

				#homehours p {
					margin:0;
				}
				
			
		#sidepage {
			position:relative;
			top:-125px;
		}
		
            #sidepage.notFound {
                top:0;
            }

			.dailyspecial {
				width:100%;
				float:left;
				display:block;
				margin:40px 0;				
			}
			
				.specialheader {
					border-bottom:1px dotted #777;
					width:100%;
					float:left;
					display:block;
					margin:15px 0;
				}
				
					.day {
						float:left;
						display:block;
						width:40%;
						margin:0;
						padding:0 0 0 20px;
					}
					
						.day h1 {
							font-size:36px;
							line-height:36px;
							margin-bottom:0;
							text-align:left;
							color:#EECB4F;
						}
					
					.dailytitle {
						float:left;
						display:block;
						width:60%;
						margin:0;
						padding-right:20px;
					}
					
						.dailytitle h2 {
							font-size:21px;
							line-height:21px;
							margin-bottom:0;
							text-align:right;
							margin-top:5px;
							color:#A8050E;
						}
					
				.specialdescription {
					float:left;
					width:100%;
					display:block;
					margin:0;
					padding:15px 25px;
				}
				
					.specialdescription p {
						margin-bottom:20px;
					}
					
		.merch {
			width:100%;
			float:left;
			display:block;
		}
		
			#loopimage {
				float:left;
				width:30%;
				display:block;
				margin:0;
				padding:15px;
			}
				
					#loopimage img {
						width:80%;
						float:none;
						display:block;
						margin:0 auto;
					}
			
			#looptext {
				width:70%;
				float:left;
				display:block;
				margin:0;
			}
	
		
	#footer {
		width:100%;
		background: #550200;
		padding:10px;
		z-index:-10;
		text-align:center;
		margin-bottom:25px;
		border-top:1px solid #EECB4F;
		border-bottom:1px solid #EECB4F;
		height:50px;
	}	
	
	
		#building {
			position:relative;
			top:-175px;
			margin-bottom:-175px;
			float:right;
			z-index:-10;
		}
	
	
		#picturenav {
			position:relative;
			top:-60px;
			margin-bottom:-60px;
		}
		
			#picturenav ul {
				list-style-type:none;
				text-align:center;
				margin:3px auto 10px;
				background:url(images/nav/bg.png) no-repeat center bottom;
				width:65%;
			}
			
				#picturenav ul li {
					display:inline-block;
					margin:0 10px;
				}
				
					.mask {
					    position:relative;
					    overflow:hidden;
					}
					.mask img {
                        margin:0 1em;
					}

					.caption {
						position: absolute;
						color: #777777;
						font-variant:small-caps;
						font-size:18px;
						line-height:18px;
						left: 0;
						right: 0;
						top: -65px;
					    bottom: 0;
					    opacity: 0;
                        -webkit-transition:all .25s ease;  
                        -moz-transition:all .25s ease;  
                        -o-transition:all .25s ease;  
                        transition:all .25s ease;  
					}  

					.mask:hover .caption {  
					    opacity: 1;  
                        transform: translateY(-35px);
                        color:#ffffff;
                        -webkit-transition:all .25s ease;  
                        -moz-transition:all .25s ease;  
                        -o-transition:all .25s ease;  
                        transition:all .25s ease;
					}

                    .mask:hover img {
                        transform: translateY(-10px);
                        -webkit-transition:all .25s ease;  
                        -moz-transition:all .25s ease;  
                        -o-transition:all .25s ease;  
                        transition:all .25s ease;
                    }

                            
	.bandbottom {
		width:100%;
		height:40px;
	}
	
		.bandbottom p {
			margin:0;
			text-align:center;
			
		}
	
		
		
		
		
		
		
		
		
		
		
		
		
		
/* HOMEPAGE STYLING */ 

.homeFrames {
    float:left;
    width:30%;
    display:flex;
    flex-direction:column;
}
			
    .homeFrames img {
        width:70%;
        height:auto;
        margin:1em auto;
        display:block;
    }

        .homeFrames img.one {
            transform:rotate(5deg);
            margin-top:0;
        }

        .homeFrames img.two {
            transform:rotate(-3deg);
        }


			#homebox {
				padding:10px 0;
				text-align:center;
			}
			
				#homebox h2.widgettitle {
					font-family: 'oldstyle_1hplhs', georgia, serif;
					
				}
			
					#homebox li.all-events-link {
						font-size:24px;
						font-family: 'big_topregular', arial, sans-serif;
						margin-top:10px;
						margin-bottom:5px;
						margin-left:0;
						line-height:32px;
						margin-bottom:0;
						width:100%;
						border-top:1px solid #eecb4f;
						border-bottom:1px solid #eecb4f;
						text-align:center;
					}
					
						#homebox li.all-events-link a {
							color:#eecb4f;
						}
						
							#homebox li.all-events-link a:hover {
								color:#ffffff;
								text-shadow:1px 1px 0 #000000;
							}
				

					

				/* SECOND ROW BOXES STYLING */
					
					#secondrow {
						width:85%;
						display:block;
						float:none;
						clear:both;
						margin:50px auto 20px;
						padding:none;
						overflow:hidden;
					}
					
					#secondleft, #secondcenter, #secondright {
						height:480px;
					}
					
					#secondleft, #secondright {
						float:left;
						width:28%;
						display:block;
						margin:0 1%;
						padding:10px;
					}
					
					#secondcenter {
						float:left;
						width:38%;
						display:block;
						margin:0 1%;
					}
					
					#secondleft {
						background:transparent;
					}
					
						#secondleft h2, #secondright h2 {
							font-size:18px;
							line-height:18px;
							color:#ed241c;
						    font-family:'oldstyle_1hplhs',georgia,serif;
							text-transform:uppercase;
						}
						
						#secondleft p {
							color:#000000;
							font-size:14px;
							line-height:14px;
							font-family:'oldstyle_1hplhs',georgia,serif;
						    
						}
					
					#secondcenter {
						
					}
					
						#secondcenter img {

						}
						
						#secondcenter h3 {

						}
						
						#secondcenter a {
						}

					
					#secondright {
						background:transparent;
					}
					
						#secondright p {
							margin-bottom:5px;
						}
					
						img.euchreposter {

						}

						
 




/* POSTS STYLING */ 

	#post {
		position:relative;
		top:-125px;
	}


		#postthumb {
			margin:25px 25px 50px 0;
		}
		
		#posttitle h2 {
			color:#EECB4F;
			font-family:"oldstyle_1hplhs",georgia,serif;
			margin-bottom:15px;
			border-bottom:2px solid #EECB4F;
		}
		
		#post ul {
			text-align:left;
		}
		
			#post ul li {
				margin-bottom:5px;
			}
		






/* PAGES STYLING */

.pageintro {
	padding:0 0 25px 0;
	margin:0 5em 15px 5em;
	border-bottom:1px solid #ffffff;
}

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

    span.italic {
        font-size:0.8em;
        color:#fff;
    }






/* SIDEBAR STUFF */

	#abovenav {
		margin-bottom:25px;
	}
	
	#abovenav ul {
		display:block;
		width:100%;
		overflow:hidden;
		padding-bottom:5px;
		margin:10px 0 25px 0;
		border-bottom:1px solid #EECB4F;
	}
	
	#abovenav h2 {
		font-family:"oldstyle_1hplhs",georgia,serif;
		margin:10px;
		font-size:21px;
		line-height:21px;
		
	}
	
	#abovenav p.large.yellow.center {
		margin:25px auto;
	}
	
	#abovenav aside ul {
		list-style-type:none;
		text-align:center;
		margin:5px auto;
	}
	
		#abovenav aside ul li {
			
		}
		
		
	




/* #Media Queries
================================================== */


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1279px) {
		
		#musicplayer {
			display:none;
		}
		
		.bandtitle {
			top:-120px;
		}
		
		ul.socialmediaicons {
			
		}
		
		#intro {
			top:-150px;
		}
		
		#homehours {
			margin-top:0;
		}
		
			#homehours p {
				font-size:16px;
				line-height:20px;
			}
		
		.bandcontent {
			padding-bottom:250px;
		}
		
		#homebox li.all-events-link {
			width:99%;
		}
	
	li.hvr-buzz-out, img.hvr-pop {	
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}	
		
		/* Homepage Second Row */
		
			#secondleft, #secondcenter, #secondright {
				height:425px;
			}

				#sectionleft img, #seconright img {
					width:100%;
					height:400px;
				}
		
		
			#secondcenter {
			
			}
		
				.ms-view {
					width:100%!important;
					height:425px!important;
				}
		
					.ms-view .ms-slide {
						width:100%!important;
						height:425px!important;
					}
		
		/* Side Pages - General */

		
		
		/* Events Page */
		
			.eventspage {
				width:210px;
				height:500px;
			}
			
				.eventspage h2 {
					font-size:18px;
					line-height:18px;
				}
		
				.eventimage img {
					height:250px;
				}
			
				
				
		/* Specials Page */
		
			.day {
				width:100%;
				margin:5px 0;
				padding:0;
			}
			
				.day h1 {
					text-align:center;
				}
		
			
			.dailytitle {
				width:100%;
				padding:0;
				margin:5px 0;
			}
			
				.dailytitle h2 {
					text-align:center;
				}
		
		/* Posts */
		
			#single #sidebar {
				margin-top:50px;
			}
			
		/* Bottom Picture Nav */
		
			#picturenav {
				top:-100px;
				margin-bottom:0;
			}

				#picturenav ul {
					float:left;
					width:98%;
				}



			.bandbottom {
				position:relative;
				top:-75px;
			}

				.bandbottom p {
					float:left;
					width:100%;
				}
			
		

	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
	html {
	    background-size: auto 700px, auto auto;
	}
	
	h2.title {
		font-size:24px;
		line-height:28px;
	}
	
	/* Header and Navigation */
	
		.bandheader .container {
			z-index:100;
		}
		
		.bandcontent .container {
			z-index:10;
		}
		
		nav {
			display:none;
		}
		
		#responsive-menu-title {
			text-align:center!important;
			font-family: 'big_topregular', arial, sans-serif;
			font-size:44px;
			line-height:50px;
		}
		
		
		#click-menu-label {
			font-family: 'big_topregular', arial, sans-serif;
			font-size:14px;
			line-height:20px;
		}

		#sidebar {
			width:100%;
			margin-left:0;
		}
			
			#leftside {
				background:transparent;
				top:0;
			
			}
						
				#abovenav {
					margin-top:20px;
					margin-bottom:0;
				}
		
					#swlinks {
                        display:block;
                        width:100%;
                        clear:both;
                        overflow:hidden;
                        float:left;
					}

						#swlinks p {
							float:none;
							width:25%;
							margin:5px 10px;
							text-align:center;
							display:inline;
						}
	
	
	
	/* Homepage and Some Generals */
	
		#musicplayer {
			display:none;
		}
					
		#sidepage {
			width:100%;
			float:left;
			margin:10px 0;
			top:0;
			padding-bottom:200px;
		}
			
		.bandtitle {
			top:10px;
		}
			

		
			#homepage {
				width:100%;
				margin-left:0;
			}
		
				#intro {
					top:0;
					margin-bottom:25px;
				}
		
		
			#homehours p.large {
				font-size:16px;
				line-height:20px;
			}
			
	
	/* Homepage Second Row */
	
		#secondleft, #secondcenter, #secondright {
			height:400px;
			margin-top:25px;
		}
	
	
		#secondcenter {
		
		}
	
			.ms-view {
				width:100%!important;
				height:400px!important;
			}
	
				.ms-view .ms-slide {
					width:100%!important;
					height:400px!important;
				}
				
		li.hvr-buzz-out, img.hvr-pop {	
			-webkit-animation: none !important;
			-moz-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	/* Side Pages - General */
	
		#sidepage {
			top:0;
			padding:15px;
		}
	
		/* Events Page */
	
			.eventspage {
				width:229px;
				height:500px;
			}
		
				.eventspage h2 {
					font-size:18px;
					line-height:18px;
				}
	
				.eventimage img {
					height:250px;
				}
				
        #bandShows .eventspage, #upcomingMusic .eventspage, #pastMusic .eventspage {
            width:50%;
        }

        
		#merch {
			padding:15px;
		}
			
	/* Specials Page */

		.day {
			width:100%;
			margin:5px 0;
			padding:0;
		}

			.day h1 {
				text-align:center;
			}


		.dailytitle {
			width:100%;
			padding:0;
			margin:5px 0;
		}

			.dailytitle h2 {
				text-align:center;
			}
	
	
	/* Posts */
	
		
		#postthumb {
			width:100%;
			margin:15px 0;
			float:none;
			clear:both;
		}
		
		#postthumb img {
			width:40%;
			margin:15px auto;
			display:block;
			clear:both;
			float:none;
			height:auto;
			
		}

	
		#post {
			width:90%;
			float:left;
			margin:10px 5%;
			top:0;
			padding:10px;
		}
			
			
		
	/* Footer */
			
			#talkingguys {
				top:-172px;
			}
			
				img.guys {
					height:150px;
					width:auto;
				}
				
				#largebubble {
					left:-25px;
				}
				
				#smallbubble {
					left:25px;
					top:-30px;
				}
			
				#footer {
					padding:0;
				}

			#building {
				top:-100px;
				right:15px;
			}

				#building img {
					height:100px;
					width:auto;
				}
		
			.bandbottom {
				margin-bottom:25px;
				top:0;
				padding:0 50px;
				position:relative;
			}
			
				.bandbottom p {
					font-size:14px;
					line-height:14px;
					float:left;
					width:95%;
				}

	}

/* Homepage Calendar Lightbox */
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	padding:5vh 3em;
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 5%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.monthlyCalendar {
    font-size:2.25em;
    font-family: 'big_topregular', arial, sans-serif;
    padding:1em 0 2em;
}

.monthlyCalendar a, .monthlyCalendar a:hover {
    color:#EECB4F;
}