/** 
 * SilverStripe Sally Street Theme
 * http://www.sallystreet.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #FFF;
	font-size: 62.5%;
 	margin-bottom: 40px;
	font-family: Lucida, Verdana, sans-serif; 
}

html {
	background-color: #000;
}

table {
	border-collapse: collapse;
	border-spacing: 0; 
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

a {
	color: #990033;
	font-weight: bold;
	text-decoration: none; 
}

a:hover {
	text-decoration: underline;
}


a.button_link_right {
color: #CCC;
display: block;
padding: 4px 8px;
background-color: #990033;
position: relative;
top: -40px;
left: 800px;
width: 120px;
text-align: center;
text-decoration: none;
margin: 8px 0 0 0;
}

a.button_link_right:hover {
background-color: red;
}



p {
	font-size: 12px; 	
}

.clear{
	clear:both;
}

h1.pageheading {
	color: #990033;
	text-transform:uppercase;
}

#enter_site {
position: relative;
top: 200px;
left:740px;
width:280px;
}

#enter_site h1{
font-size: 34px;
}

#enter_site a:hover h1{
color: #990033;
}

.whitelink {
color: #FFF;
text-decoration: none;
font-size: 14px;
}

.whitelink:hover {
text-decoration: underline;
}

a.pinklink:hover h3 {
text-decoration: underline;
}

div#pagetitle {
clear: both;
width: 300px;
float: left;
padding: 25px 0 0 25px;
}

div#social_buttons {
float: right;
padding-right: 30px;
margin-bottom: 10px;
}

.youtube {
margin-left: 6px;
vertical-align: top;	
}


.events_table {
width: 930px;
font-size: 12px;
}

.events_table td {
border-top: 2px solid #333;
vertical-align: top;
padding: 10px 5px 10px 5px;
}

.events_table tr.top_rows td {
border-top: none;
padding: 0;
}





#single_frame_events {
width: 930px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
}



.events_table_two {
width: 930px;
font-size: 10px;
}

.events_table_two td {
border-top: 2px solid #333;
vertical-align: top;
padding: 10px 5px 10px 0;
}

.events_table_two tr.top_rows td {
border-top: none;
padding: 0;
}







/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 1024px;
	min-height: 1024px;  
	margin: 0 auto;
	position: relative;
}

#Layout {
	width: 994px;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
}

/* TRASH? */
#Content {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
}




/* HEADER
----------------------------------------- */
#Header { 
 	width: 1024px; 
 	margin: 0 auto;
	overflow: hidden;
}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
	
	
	
	
#Logo {
float: left;
}
	
	
	

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	width: 735px;
	float: left;
	overflow: hidden;
	background: url(../images/transparent.png);
}

#Navigation li {
float: left;
list-style: none;
padding: 12px 0 12px 12px;
}

#Navigation li a {
text-decoration: none;
text-transform:uppercase;
}



#Menu1 {
clear:both;
}

#Menu1 li {
float:left;
}

#Menu1 li.current,
#Menu1 li.section {
}

#Menu1 li a {
display:block;
font-size:2em;
font-weight:normal;
text-decoration:none;
padding:4px 4px 0 4px;
height:10px;
background-position:0px 0px;
}

#Menu1 li a:hover {
color: red;
}

		#Menu1 li.current a,
		#Menu1 li.section a {
			padding:4px 4px 0 4px;
			height:10px;
			background-position:0px -56px;
		}
		#Menu1 li#topMenuItem7 a, #Menu1 li#topMenuItem8 a, #Menu1 li#topMenuItem9 a{
			padding:4px 4px 0 4px;
			height:10px;
			background-position:0px -168px;
		}
		#Menu1 li#topMenuItem7 a:hover, #Menu1 li#topMenuItem8 a:hover, #Menu1 li#topMenuItem9 a:hover{
			padding:4px 4px 0 4px;
			height:10px;
			background-position:0px -224px;
		}
			#Menu1 li div.subMenu{
				position:absolute;
				z-index:20000;
				display:none;
			}
			
			#Menu1 li div.subMenu ul{
				background-color: rgba(0,0,0,0.8);
				margin-top: 12px;
			}
			
				#Menu1 li div.subMenu li{
					min-width:103px;
					padding:0px;
					margin:0px;
					float:none;
				}
				#Menu1 li div.subMenu li a, #Menu1 li#topMenuItem7 div.subMenu li a, #Menu1 li#topMenuItem8 div.subMenu li a, #Menu1 li#topMenuItem9 div.subMenu li a{
					background-image:none;
					/*width:87px;*/
					width:200px;
					padding:12px 8px 12px 8px;
					height:auto;
					margin:0px;
				}
				#Menu1 li#topMenuItem7 div.subMenu li a, #Menu1 li#topMenuItem8 div.subMenu li a, #Menu1 li#topMenuItem9 div.subMenu li a{
					min-width:104px;
				}
				#Menu1 li div.subMenu li a:hover{
					text-decoration:none;
				}				



/* HOME CONTENT */

#push_down {
height: 220px;
}

#home_left_column {
width: 470px;
float: left;
}

.home_left_frame {
width: 470px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
overflow: auto;
}

.home_left_frame img {
float: left;
margin: 0px 10px 10px 0px;
}

#home_right_column {
width: 440px;
float: left;
}

.home_right_frame {
width: 400px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 70px;
}

.home_right_facebook_frame {
width: 380px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 0px 0px 0px;
margin: 0 0 23px 70px;
}

.home_right_facebook_frame h2 {
margin-left: 20px;
}

#facebook_feed {
margin: 0 0 20px 20px;	
}

#facebook_feed, #facebook_comments {
background-color: #FFF;
width: 340px;
}





.music_frame {
width: 430px;
min-height: 405px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 10px 20px;
margin: 0 15px 23px 10px;
overflow: auto;
font-size: 12px;
float: left;
}

.music_frame img {
margin: 0px 10px 10px 0px;
}

.music_frame li a {
color:#FFF;
text-decoration: none;
}

.music_frame ol {
padding: 0 0 0 20px;
}

.cover_links {
width: 180px;
float: left;
}

.tracks {
width: 235px;
float: left;
padding: 0 0 0 10px;
}




.clip_frame {
width: 200px;
border: 17px solid #cc3366;
background-color: #000;
padding: 13px 10px 0 10px;
margin: 0 14px 23px 14px;
font-size: 12px;
float: left;
}

.clip_frame h1 {
font-size: 25px;
text-align: center;	
}

.clip_frame p {
width: 210px;
}

.clip_frame img {
margin: 0 0 10px 0;
border: 2px solid #FFF;
}



/*////////////// BEGIN SCROLLABLE   */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 900px;
	min-height:550px;
	margin-bottom: 230px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:220px;
	min-height:450px;
}

/* single scrollable item */


/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}






/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../images/hori_large.png) no-repeat;
	display:block;
	width:45px;
	height:45px;
	/*width:30px;
	height:30px;*/
	float:left;
	margin: 240px 0 0 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
/*a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }*/

a.right 				{ background-position: 0 -45px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position: -45px -45px; }
a.right:active 	{ background-position: -90px -45px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-45px 0; }
a.left:active  	{ background-position:-90px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/* //////////////////// END SCROLLABLE */








.film_frame {
width: 930px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
overflow: auto;
}

.film_frame img {
float: left;
margin: 0px 10px 10px 0px;
border: 2px solid #FFF;
}



.interview_left_frame {
width: 433px;
min-height: 210px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 10px 23px 10px;
float: left;
}

.interview_left_frame img {
float: left;
margin: 0px 10px 10px 0px;
}

/* /////////////////////////////////////////// */

#single_frame {
width: 930px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
}


#single_frame img {
float: left;
margin: 0px 10px 10px 0px;
}

#press_frame {
width: 930px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
}


#interview_frame {
width: 930px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
overflow: auto;
}

#interview_frame img {
float: left;
margin: 0px 10px 10px 0px;
}



.picture_frame {
width: 271px;
min-height: 350px;
background:url(../images/frame_1.png) no-repeat;
float: left;
margin: 0 50px 20px 30px;
text-align: center;
list-style: none;
}

.picture_frame img {
margin: 37px 0 43px 7px;
}


.picture_frame_two {
width: 259px;
min-height: 297px;
background:url(../images/frame_2.png) no-repeat;
float: left;
margin: 30px 50px 45px 10px;
text-align: center;
list-style: none;
}

.picture_frame_two img {
width: 140px;
height: 183px;
margin: 58px 0 60px 1px;
}

.picture_frame_three {
width: 270px;
min-height: 315px;
background:url(../images/frame_3.png) no-repeat;
float: left;
margin: 0 20px 70px 14px;
text-align: center;
list-style: none;
}

.picture_frame_three img {
width: 157px;
height: 200px;
margin: 55px 10px 60px 5px;
}

.picture_frame_four {
width: 274px;
min-height: 319px;
background:url(../images/frame_4.png) no-repeat;
float: left;
margin: 0 20px 0 150px;
text-align: center;
list-style: none;
}

.picture_frame_four img {
width: 120px;
height: 172px;
margin: 70px 0 70px 5px;
}

.picture_frame_five {
width: 276px;
min-height: 331px;
background:url(../images/frame_5.png) no-repeat;
float: left;
margin: 20px 20px 50px 60px;
text-align: center;
list-style: none;
}

.picture_frame_five img {
width: 208px;
height: 259px;
margin: 34px 0 36px 3px;
}

.picture_frame_six {
width: 205px;
min-height: 245px;
background:url(../images/frame_6.png) no-repeat;
float: left;
margin: 30px 60px 40px 40px;
text-align: center;
list-style: none;
}

.picture_frame_six img {
width: 93px;
height: 131px;
margin: 55px 0 60px -5px;
}

.picture_frame_seven {
width: 235px;
min-height: 279px;
background:url(../images/frame_7.png) no-repeat;
float: left;
margin: 0 50px 40px 10px;
text-align: center;
list-style: none;
}

.picture_frame_seven img {
width: 163px;
height: 210px;
margin: 34px 0 40px -5px;
}

.picture_frame_eight {
width: 294px;
min-height: 339px;
background:url(../images/frame_8.png) no-repeat;
float: left;
margin: 0 20px 40px 10px;
text-align: center;
list-style: none;
}

.picture_frame_eight img {
width: 166px;
height: 211px;
margin: 60px 0 60px 0;
}














#gallery_frame {
width: 930px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
padding: 20px 20px 40px 20px;
margin: 0 0 23px 10px;
overflow: auto;
}

#gallery_frame img {
float: left;
margin: 0px 10px 10px 0px;
}


#signin {
margin: 0 0 0 0;
width: 325px;
position: absolute;
top: 60px;
left: 650px;
border: 1px solid rgba(255,255,255,.2);
background-color: rgba(0,0,0,.7);
color: #990033;
padding: 10px;
display: none;
}

#mini_signin a, #mini_signup a {
display: block;
padding: 8px 20px;
position: absolute;
width: 60px;
top: 60px;
left: 925px;
background-color: rgba(0,0,0,.7);
color: #666; 
font-weight: normal;
font-size: 12px;
font-family: 'ChunkFiveRegular', Helvetica, Arial, sans-serif;
margin: auto;	
}

#mini_signup a {
top: 90px;
left: 925px;
}

#mini_signin a:hover, #mini_signup a:hover {
color: #990033;
text-decoration: none; 	
}
  


/* COMMENTS
---------------------------------------- */

#PageComments_holder h4 {
color: #FFF;
}


#PageComments_holder p.info {
font-size: 30px;	
}


#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}
#PageComments li.even {
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 2px solid #BCE4FE;
}

	#PageComments li.odd p.info {
		color: #666;
	}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid #ddd;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
	margin: 8px 0;
}
	#PageComments p.info {
		color: red;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}


#PageCommentInterface_Form_PostCommentForm_action_postcomment {
	margin-bottom: 20px;
}



/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
	
#MailChimpBig {
margin: 15px 55px 15px 15px;
width:340px;
}
	
	
	
	
/* ///////////////////////PICKLE PLAYER

/*************************** PLAYER WRAPPER */
.player_wrapper{
	width:45px;
	left:0px;
	z-index:1;
	float:left;
	position:relative;
	top:0px;
	display:block;
	height:45px;
	border: 1px solid blue;
}

/*************************** PLAY */
.PKL_playpause, .PKL_play{
	left:0px;
	background-image:url("../images/b_play.png");
	height:15px;
	background-repeat:no-repeat;
	cursor:pointer;
	width:20px;
	top:0px;
	z-index:6;
	font-size:0px;
}
div.PKL_playpause:hover, div.PKL_play:hover{
	background-image:url("../images/b_play_over.png");
}
div.PKL_playpause:active, div.PKL_play:active{
	background-image:url("../images/b_play_down.png");
}
div.PKL_playpause.pause, div.PKL_play.pause{
	background-image:url("../images/b_pause.png");
}
div.PKL_playpause.pause:hover, div.PKL_play.pause:hover{
	background-image:url("../images/b_pause_over.png");
}
div.PKL_playpause.pause:active, div.PKL_play.pause:active{
	background-image:url("../images/b_pause_down.png");
}

.PKL_preloader{
	width:1px;
	height:1px;
	background-repeat:no-repeat;
	background-image:url("../images/b_play_over.png#../images/b_play_down.png#../images/b_pause.png#../images/b_pause_over.png#../images/b_pause_down.png");
	display:none;
}


/* NEW STYLES OCTOBER 2021 */

/* #splashimage { display: none; } */

.fullsplashimage { width: 100%; }

.mobile-navigation, .pastevents { display: none; }

.HomePage  #push_down { height: 60px; }

.EventPage  #push_down,  .ImageGalleryPage  #push_down { height: 0; }

.clip_content .iframe { position: relative; display: block; }
	.play-btn { text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
		font-size: 34px;
		color: #fff;
		text-decoration: none;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 33%;
    text-align: center;
    display: block;
	}

@media screen and (max-width: 1023px) { 
	#BgContainer, #Header { width: 100%; }

	.EventPage #single_frame_events, .EventPage #single_frame { display: none; }

	.pastevents, .futureevents { display: block; padding: 3%; }
	.datetime { display: inline-block; width: 20%; min-height: 40px; padding-bottom: 5px; padding-right: 1%; vertical-align: top; }
	.venue { display: inline-block; width: 20%; min-height: 40px; padding-bottom: 5px; padding-right: 1%; vertical-align: top;  overflow-wrap: break-word; }
	.details { display: inline-block;  width: 56%; min-height: 40px; padding-bottom: 5px; vertical-align: top; overflow-wrap: break-word; }
	.divider { border-top: 1px solid #333; margin-bottom: 8px; }

}



@media screen and (max-width: 768px) {

	body { margin-bottom: 0; }

	#Header { background-color: #000; position: relative; z-index: 3; }

	.hamburger { 
		width: 40px;
		position: absolute;
		top: 40px;
		right: 5%;
	}
	.HomePage .hamburger, .EventPage .hamburger, .SplashPage .hamburger { 
		width: 40px;
		position: absolute;
		top: 40px;
		/*left: 0;
		right: 0;*/
		right: 5%;
		/*margin: auto;*/
	}
	.hamburger span {
		width: 40px;
    	height: 3px;
    	margin-bottom: 6px;
    	background-color: #fff;
    	display: block;
	}

	#Navigation { display: none; }

	#enter_site { top: 100px; left: 10%; z-index: 1; }

	#MailChimp { padding-bottom: 9px !important; }

	.ImageGalleryPage  #push_down { height: 50px; }

	.mobile-navigation {
		display: none;
		position: absolute;
    	background-color: #000;
    	top: 13%;
    	left: 0;
    	right: 0;
    	width: 40%;
    	margin: auto;
    	padding: 30px 1% 10px 1%;
    	z-index: 30;
    	font: 14px/16px 'ChunkFiveRegular', Arial, sans-serif;
    	border-bottom: 1px solid #99003F;
    	/*border-left: 1px solid #99003F;
    	border-right: 1px solid #99003F;*/
	}

	.closer { font-size: 40px; position: absolute; right: 20px; transform: rotate(45deg); top: 15px; }

	.mobile-navigation ul { list-style-type: none; text-align: center; font-size: 20px; }
	.mobile-navigation li {
		border-bottom: 1px solid #99003F;
    	padding: 10px 0 20px 0;
    	margin-bottom: 10px;
	}
	.mobile-navigation li.noborder {
		border-bottom: none;
		padding: 10px 0 0px 0;
	}

	#Layout {
    	width: 100%;
    }
	#single_frame {
    	width: 94%;
    	margin: auto;
    	padding: 20px 1% 40px 1%;
	}

	div#social_buttons { float: none; position: relative; top: -48px; }
	.VideoPage div#social_buttons, .ImageGalleryHolder div#social_buttons { top: -14px; }
	.ImageGalleryPage div#social_buttons { top: -36px; }
	.EventPage div#social_buttons { top: 8px; }
	.fb-like { position: absolute !important; top: 0; right: 0; }
	#twitter-widget-0 { position: absolute !important; top: 26px; right: 9px; }
	.youtube { position: absolute; top: 52px; right: 18px; }

	.scrollable { width: 618px; left: 83px; }
	a.right { position: absolute; right: 3%; }
	a.left { position: absolute; left: 3%;z-index: 1; }

	#gallery_frame { width: 92%; }



}

@media screen and (max-width: 600px) {
	#Logo img { width: 86%; padding-top: 10px; }
	#mc_embed_signup { width: 235px !important; }
	#mc_embed_signup span { font-size: 12px; }

	.scrollable { width: 310px; left: 160px; }

	.picture_frame,.picture_frame_two, .picture_frame_three, .picture_frame_four { margin: auto; float: none; }



}

@media screen and (max-width: 414px) {

.SplashPage #BgContainer { background-size: contain !important; background-position: 0 100% !important; min-height: 736px; }

.HomePage #BgContainer { background-size: contain !important; background-position: 0 15% !important; min-height: 736px; }

.Page #BgContainer { background-size: contain !important; background-position: 0 15% !important; min-height: 736px; }

.HomePage .hamburger, .EventPage .hamburger, .SplashPage .hamburger {
    top: 35px;
    left: auto;
    right: 8%;
    margin: 0; 
}

#mc_embed_signup { width: 100% !important; }

.SplashPage #pagetitle { display: none; }

#MailChimp { text-align: unset !important; padding: 6px !important;  }

#mce-EMAIL { float: left; margin-left: 40px !important; height: 24px; padding-left: 5px;}

#MailChimp .clear { clear: none; }

#mc-embedded-subscribe-form { text-align: center; position: relative; }
#mc-embedded-subscribe { 
	position: absolute;
    top: 25px;
    right: 15%;
    border: none;
    padding: 6px;
    background-color: #fff;
    border-radius: 3px; 
}
 .mobile-navigation { top: 13%; width: 70%; }
.EventPage .mobile-navigation,.SplashPage .mobile-navigation { top: 15%; width: 70%; }
/*.HomePage .mobile-navigation { top: 16%; width: 70%; }*/

#enter_site {
    top: 220px;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
}

.home_right_facebook_frame {
    margin: 140px 0 23px 17px;
}

.scrollable { left: 57px; }

#gallery_frame { width: 85%; }

.VideoPage .youtube, .ImageGalleryHolder .youtube { display: none; }

.redvelvet a img {
	width: 25%;
	float: left;
	margin-right: 10px;
}


}

@media screen and (max-width: 375px) {

	#mce-EMAIL { width: 194px; }
	#mc-embedded-subscribe { top: 26px; right: 11%; }
	.SplashPage #BgContainer { background-position: 0 97% !important; }
	.HomePage #BgContainer { background-position: 0 21% !important; }
	.SplashPage .mobile-navigation, .EventPage .mobile-navigation { top: 26%; width: 70%; }
	.HomePage .mobile-navigation { width: 70%; }
	.ImageGalleryPage  .mobile-navigation { top: 15%; }


	.mobile-navigation { width: 70%; }
	.home_right_facebook_frame { margin: 208px 0 23px -3px; }
	.HomePage div#social_buttons { float: none; position: absolute; top: 180px; right: 0; }
	.EventPage div#social_buttons { display: none; }
	.scrollable { left: 37px; }

}



@media screen and (max-width: 320px) {
	#Logo img { width: 60%; }
	.SplashPage #BgContainer { background-position: 0 106% !important; min-height: 568px; }
	#mce-EMAIL { margin-left: 15px !important; }
	#mc-embedded-subscribe { top: 26px; right: 5%; }
	.SplashPage .mobile-navigation, .EventPage .mobile-navigation { top: 25%; }
	#home_right_column { width: 300px; }
	.home_right_facebook_frame { width: 300px;margin: 172px 0 23px 9px; }
	#facebook_feed, #facebook_comments { width: 300px; margin-left: 0; }
	.HomePage #BgContainer { background-position: 0 18% !important; }
	.HomePage .mobile-navigation { top: 14%; }
	.HomePage div#social_buttons { top: 375px; }
	.Page #push_down { height: 60px; }
	.Page #BgContainer { background-position: 0 5% !important; }
	.scrollable { left: 10px; }
	#gallery_frame { width: 81%; }
	.details { width: 55%; }
	.mobile-navigation { top: 12%; }




}