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,
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{background-color:black;color:white;max-width:360px;margin:0 auto;}
 ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body
{
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
 background-color: #181818;
 color: #EEE;
 max-width: 960px;
 margin: 0 auto;
}






a{color: #00ab3e;
    text-decoration: none;
}
a:hover{
	color: #00ab3e;
    text-decoration: none;
}
.links a{color: #000;
    text-decoration: underline;
}





.caldate
{float: left;/* height: 40px; */width: 40px;margin-right: 10px;padding-top: 0px;line-height: normal;position: absolute;}

.caldate .month
{display: block;background-color: #4f4f4f;text-align: center;color: #eee;font-weight: bold;fon;font-size: 10px;padding-top: 2px;padding-bottom: 2px;text-transform: uppercase;}


.caldate .day
{font-size: 17px;display: block;background-color: #c9c9c9;text-align: center;padding-top: 2px;padding: 2px;color: #222;font-size: 20px;font-size: 14.1px;font-weight: bold;}


.meta
{
display: block;
font-size: 11px;
color: #666;
}

#soundclouds-content{display:none;}
#playlist-content{display:none;}
#events-content{display:none;}






#events{
	display:none;
}

.title:hover{cursor:pointer;border-color: #9cff8e;}
.title{
	border: 1px solid #3dbd58;
	border-radius:2px;
	height: 37px;
	padding: 5px 10px 5px 10px;
	/* margin: 0px 0 0; */
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	font-family: 'Oswald', Helvetica, Arial, sans-serif !important;
	color: #9cff8e;
	text-transform: uppercase;
	/* position: relative; */
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	font-size: 18px;
	letter-spacing: 1px;
}

.nextItem, .prevItem{
	width:calc( 50% - 5px);
	margin-bottom:10px;
}

.nextItem{
	float:right;
		text-align:right;
}

.prevItem{
	float:left;
	text-align:left;
}

.square-dropdown {display:inline-block;height:36px;width:32px;background-color: #00ab3e;vertical-align:bottom;text-align:center;color:black;border-radius: 0 36px 36px 0;}



.fa-angle-down, .fa-angle-up{/* line-height: 0px; */top: -6px;position: relative;/* top: -41px; */4pxht: 0px */float: right;/* font-size: 40px; */float: right;}


.title-container{
	margin-bottom:10px;
	margin-left: 10px;
	margin-right: 10px;
	/* margin-left:10px; */
	/* display: inline-block; */
}


.heading{padding: 5px 10px 5px 10px;/* background-color: black; */text-transform: uppercase;font-size: 20px;display: inline-block;font-family: 'Oswald', Helvetica, Arial, sans-serif !important;color: white;text-transform: uppercase;position: relative;margin-bottom: 40px;line-height: 26px;text-align: center;width: 100%;/* max-width: 704px; */margin: 0 auto;text-align: center;}

.article p, .article li, .article a:visited, .item{
	font-size: 1em;
	font-weight: normal;
	font-family: Oswald, Helvetica, Arial, sans-serif !important;
	text-decoration:none;
	line-height: 1.1;
	color: #3dbd58;
	transition:color 0.3s;
	cursor:pointer;
	font-size: 16px;
	/* margin-bottom: 10px; */
	/* margin: 0 0 4px 0; */
	/* margin-left: 30px; */
	border-bottom: 1px solid #3dbd58;
	line-height: 1.5;
	padding-bottom: 0.3em;
	}
	
li a{
	
	
	cursor:pointer;
	
	}	
	
	
		.title:hover,.title:hover .counter{
		cursor:pointer;border-color: #fff;/* color: #9cff8e; */
	}
	
.article a:hover, .article span:hover, .item:hover {
    color: #9cff8e;
    text-decoration: none!important;
	}
	
	
	.article a:hover, .article span:hover, .item:hover {
	    transition:color 0.3s;
		}


		

		
	.article{
		overflow: hidden;
		padding-left: 6px;
		padding-bottom: 15px;
		margin: 10px;
		position:relative;
		}



	.event-date{color:#00ab3e;/* margin-bottom: 5px; */line-height: 1.4;margin-left: 50px;display: block;}
		
		.event-date:hover{

			text-decoration:underline;

			}

		.event-title,.event-title:hover{
			text-decoration:none!important;
			color:white!important;
			/* top: 10px; */
			line-height: 1.3em;
			margin-left: 50px;
			display: block;
		}
			

ol {
	overflow: auto;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	counter-reset: item;
	padding: 0;
	margin: 0 0 0 0;
}
li {
  display: block;
  margin-bottom: .5em;
  margin-left: 1em;
}


ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
	overflow: visible;
}
ol > li {
	position:relative; /* Create a positioning context */
	margin: 0 0 7px 0px; /* Give each list item a left margin to make room for the numbers */
	padding: 0 0 1px 3px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}
ol.music > li:before {
	 font-family: FontAwesome;
	 font-weight: bold;
	 /* background-color: #4f4f4f; */
	 color: #3dbd58;
	 font-size: 0.8em;
	 content:"\f001"; /* Use the counter as content */
	 position:absolute;
	 left: -7px;
	 top: -2px;
	 padding: 3px 0px 0px 4px;
	 width: 20px;
	 height: 20px;
	 border-radius: 50%;
	 margin: 0 0 0 0;
	 position: relative;
}


ol.soundcloud > li:before {
 font-family: FontAwesome;
 font-weight: bold;
 /* background-color: #4f4f4f; */
 color: #3dbd58;
 font-size: 0.8em;
 content:"\f1be"; /* Use the counter as content */
 position:absolute;
 left: -7px;
 top: -2px;
 padding: 3px 0px 0px 4px;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 margin: 0 0 0 0;
 position: relative;
}



li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}




#clickfor{color:white;}

#page{
	margin-top: 0px;
}

.social-link, a.social-link{font-family:sans-serif;font-size:0.7em;
color:white; margin-top:5px;
}

.counter{
	color: #9cff8e;
	font-weight:bold;
}

.heading i{
	color: #3dbd58;
	margin-right: 10px;
	display: inline-block;
	width: 20px;
	line-height: 1;
}

.heading i.mail-icon{
	position: relative;
	/* margin-right: 20px; */
	top: -2px;
}

.heading i.mobile-icon{
	position: relative;
	/* margin-right: 20px; */
	top: 6px;
	left: 2px;
}

.heading i:hover{
	color:#00ab3e;

}
.heading a,.header a:visited{
	color: #3dbd58;
}

.heading p{
/*	height:18px;*/
}
#frame{width: 100%;/* margin-bottom:10px; *//* margin-top:10px; */}
.frame{width: 100%; margin-bottom:20px; margin-top:0px;}
.rotate{
	transition:transform 0.5s ease-in-out;
	-moz-transition:transform 0.5s ease-in-out;
	-webkit-transition:transform 0.5s ease-in-out;
	-o-transition:transform 0.5s ease-in-out;
	-ms-transition:transform 0.5s ease-in-out;
	transform:rotate(-90deg);
/*	line-height: 20px;  */
}


.rotate.down{
 transform:rotate(0deg);
 /* float: right; */
}


body{


}
html{

}
#right-track {
   width: 50%;
}



#tracks {
  display: table;
  width: 100%;
}


 .rubcontainer{
  display: table;
  width: 100%;
  margin: 48px 0 48px;
}


.column, .rubcol {
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
}


.side {
   width: 40%;
   vertical-align:top;
}

.side p{

	margin:0 auto;
}



.center-wrapper{
	/* text-align:center; */
	max-width: 360px;
	margin: 0 auto;
}
img.flyer{
    transform: rotate(3deg);
    /* margin-top: 40px; */
    /* box-shadow: -9px 8px 4px 0px #333333; */
    /* box-shadow: -15px -10px 3px 0px #292929; */
    box-shadow: -15px -15px 10px 0px #232936;
    width: 100%;
}

img.soundsystem{
    transform: rotate(-2deg);
    box-shadow: -15px -15px 10px 0px #232936;
    width: 100%;
}


 .up-events{line-height:1.2;margin-bottom: 15px;}
 .up-events a{}
.up-events a:hover{/* text-decoration:underline; */}



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

.column,.rubcol,.rubcontainer, #tracks { display: block; }
.main, .side, #left-track, #right-track{/* width: 90%; */text-align:center;margin: 0 auto;}

	.side p{
		margin-top:30px;
		margin-bottom:50px;
	}


	}
	
	
	/*
	div#playlist-title {
	
	}

	div#soundclouds-title {
	    display: none;
	}
	*/
	div#events-title {
	    display: none;
	}
	
	span.hamburger {
	    /* display: none; */ 
	}
	
	
	#mainWrapper .logo img,#mainWrapper #messages,#mainWrapper .settings,#mainWrapper .logout {
	   
	}
	
	
	#mainWrapper .hamburger:after {
	    content: "MENU";
	    font-size: 17px;
	    position: relative;
	    top: -3px;
	    margin-left: 0.4em;
		
	}
	

 .bc { display: none; }

.frontpage-links a {
    color: #3dbd58;
    text-decoration: underline!important;
}

.frontpage-links a:hover {
    color: white;
}

.heading h1 {
    font-size: 1.2em;
}

img.rublogo {
    margin-top: 24px;
    max-width: 300px;
}

p.frontpage-links {
    padding: 0 10px;
}

.heading-inside {
    max-width: 700px;
    margin: 0 auto;
}

.fontpage-container {
    margin-top: 50px;
    text-align: center;
    min-height: 1000px;
}

.space{
	margin: 20px auto;
}

.frontpage-links a {
    font-weight: bold;
}



@media(max-width:1024px){
	
	
	
	.rubcontainer{
		padding:0 10px;
	}
	
}

.home h2.super {
	
	font-size: 52px!important;
    margin: 0!important;
   
	
}


@media(max-width:860px){
	
	
	

.home h2.super {

	font-size: 32px!important;
    margin: 0!important;


}


}


@media(max-width:640px){
	
	
	

.home h2.super {

	font-size: 32px!important;
    margin: 0!important;


}


}

@media(max-width:480px){
	
	
	

.home h2.super {

	font-size: 21px!important;
    margin: 0!important;


}


}

.home h2 a, .home a h2, a.link {
    color: #666!important;
    text-decoration: none;
	font-weight:200!important;
}

.home h1 a:hover,.home a h1:hover,.home h2 a:hover,.home a h2:hover,.home a:hover,a.link{
	text-decoration:underline;
	  text-decoration-color:  inherit;
}

#mainWrapper, .bc{
	/* display:none!important; */
}

h1.center {
    text-align: center!important;
}

.feed,.post_list{
	/* max-width: 100%!important; */
	/* width: 100%!important; */
}





 .feed .result iframe , .feed .result  iframe[src*="youtube"]{
	/* height: 542px!important; */
}

video {
 max-height: 726px!important;
}


img.img-logo {
    width: 33.333%;
}

@media(max-width:720px){
img.img-logo {
    width: 50%;
}
 
}

.img-center {
    text-align: center;
    margin-top: 48px;
}
.header-wrapper{
	display:none;
}

h2.center {
    text-align: center;
}

ul.site-links {
    list-style-type: circle!important;
    color: white;
    list-style: none!important;
}

ul.site-links li {display: inline-block;margin-bottom: 10px;}

ul.site-links>li:before{
    content: "";
    display: list-item;
    position: absolute;
}

img.img-logo:hover {

    animation: fadeIn 2s ease-in-out infinite;
}

@keyframes fadeIn {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
      100% { opacity:1; }
}

.site-links p {
    display: inline-block;
    margin: 0 0 10px 5px;
}

@media(max-width:720px){

	.site-links p {
	    display: block;
	    margin: 2px 0 -10px 0!important;
	}
}