/* Font styles. */

@font-face { font-family: neuropo; src: url('../fonts/NEUROPOL.ttf'); } 

body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
  font-family:Verdana, Geneva, sans-serif;
  font-size:13px;
  color:#D1D1D1;
  letter-spacing: 0.03em;
   background:url(../images/slambg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
}

/* Links */
a:link, a:visited {
  color: #fff;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-shadow: 1px 1px #333;
}

/* Titles. */
#site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}

h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.75em;
}

h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}

h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}

h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

/* Paragraph styles. */
p {
  margin: 0 0 1em 0;
}

/* List styles. */
ul, ol {
  margin-left: 0;
  padding-left: 0;
}

/* Table styles. */
table {
  width: 99%;
}

td {
	vertical-align:top;
	text-align:center;	
}

tr.even td,
tr.odd td {
	vertical-align:top;
	text-align:center;
  padding: 10px 5px;
}

tr.odd {
  background-color: white;
}

/* Code. */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

/* List styles. */
ul {
  list-style-type: disc;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ul ul ul ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: decimal;
}

/* Abbreviation. */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments. */
#edit-title {
  font-size: 24px;
  width: 99%;
}

#system-themes-form img {
  width: 100px;
}

.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}

#edit-delete {
  color: #cc0000;
}

/* Console, style from slate theme. */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee;
}

div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55;
}

div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522;
}

div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77;
}

/* Region Colors. delete when starting a new theme. */

#page{
	background:#000;	
}

#header{
	background:url(../images/header.png) no-repeat center;

/*background: rgb(249,58,24); 
background: -moz-radial-gradient(center, ellipse cover,  rgba(249,58,24,1) 25%, rgba(207,4,4,1) 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(249,58,24,1)), color-stop(100%,rgba(207,4,4,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(249,58,24,1) 25%,rgba(207,4,4,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(249,58,24,1) 25%,rgba(207,4,4,1) 100%); 
background: -ms-radial-gradient(center, ellipse cover,  rgba(249,58,24,1) 25%,rgba(207,4,4,1) 100%);
background: radial-gradient(ellipse at center,  rgba(249,58,24,1) 25%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93a18', endColorstr='#cf0404',GradientType=1 );
*/

float:left;
height:160px;
width:100%;
margin-bottom:20px;
}

#header-inner{
	float:left;
	width:100%;
}

#header img{
	text-shadow: 3px 2px 2px #858585;
        filter: dropshadow(color=#858585, offx=3, offy=2);
}

.house-ad{
	float:right;
	width:728px;
	margin:30px;
}

.main-menu{
	float:left;
	width:100%;
}

#logo{
	float:left;
	padding:1em;
}

#content .facebook-stream, .chatroll, .facepile{
	background:#fff;
}

#content .facebook-stream, #content .twitter-stream, #content .chatroll, #content .recent-photos, #content .recent-videos{
	float:left;
	width:48%;
	margin:10px 6px;
	padding:4px;
		
}

#content .recent-photos, #content .recent-videos{
	border-bottom:1px #C1C1C1 dotted;
}


#header .facepile{
	float:left;
	margin:-10px 10px;
}

#header #social{
	float:right;
	width:280px;
}

.videostream tr{
	border-bottom:1px #999999 dotted;
	margin-bottom:5px;
}

.videostream tr.row-last{
	border:none;
}

.videostream h2 a{
	display:block;
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

.videostream .content{
	text-align:center;
}

.videostream .links{
	text-align:right;
}

.main-menu h2{
	display:none;
}

.main-menu .menu{
	list-style:none;
	background: #f5f6f6; /* Old browsers */

background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:1em 0;
	margin:20px 0;
}

.main-menu .menu li{
	display:inline-block;
	padding:0;
	
}


.main-menu .menu li a.active, .main-menu .menu li a:hover{
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(223,223,223,1) 12%, rgba(242,242,242,1) 13%, rgba(242,242,242,1) 49%, rgba(242,242,242,1) 86%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(223,223,223,1)), color-stop(13%,rgba(242,242,242,1)), color-stop(49%,rgba(242,242,242,1)), color-stop(86%,rgba(242,242,242,1)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(223,223,223,1) 12%,rgba(242,242,242,1) 13%,rgba(242,242,242,1) 49%,rgba(242,242,242,1) 86%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(223,223,223,1) 12%,rgba(242,242,242,1) 13%,rgba(242,242,242,1) 49%,rgba(242,242,242,1) 86%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(223,223,223,1) 12%,rgba(242,242,242,1) 13%,rgba(242,242,242,1) 49%,rgba(242,242,242,1) 86%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(223,223,223,1) 12%,rgba(242,242,242,1) 13%,rgba(242,242,242,1) 49%,rgba(242,242,242,1) 86%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */

	color:#333;
	padding:0.5em;

	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.main-menu .menu li a{
	color:#333;
	font-family: "neuropo";
	font-size:16px;
	font-weight:bold;
	padding:0 0.5em;
}

.main-menu .menu li.expanded .menu{
	margin-top: 5px;
    position: absolute;
    z-index: 100;
	display:none;	
}

.more-link{
	font-weight:bold;
	margin-top:10px;
}

.block-title, block-title a{
	display:block;
	font-weight:bold;
	text-shadow: 1px 1px #ff0000;
}

.main-menu .menu li.expanded .menu li.expanded .menu{
	top:20px;
	left:80%;	
}

.main-menu .menu li:hover > .menu{
	display:block;
}

.main-menu .menu li.expanded .menu li{
	display:block;
	margin:5px auto;
	padding:0.25em 0.5em;	
}

.onair{
	background:url(../images/onair.jpg) no-repeat center;
}

.social{
	float:right;
	z-index:100;
	margin-bottom:-80px;
	padding:1.25em 1em;
}

#social{
	text-align:right;
}

#social a{
	display:inline-block;
	width:40px;
	height:40px;
	padding:0.5em;
	margin:0 4px;
}

.views-field-field-picture img, .views-field-field-youtube-url img, .field-name-field-picture img{
	display:block;
	margin:10px;
	background:#E0E0E0;
	padding:0.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
}

#main{
	padding:1em;
	float:left;
}

.node-type-profile .field-name-field-picture{
	float:left;
	margin-right:10px;
	margin-bottom:10px;	
}

footer{
	border-top:1px #999 dotted;
	background:#333;
	color:#FFF;
}


#sidebar-second .block{
	float:left;
	width:100%;
	margin:10px 0;
}

.lrcounter_verticalsimplebox{
	display:none !important;
}

.profiles .field-name-field-picture{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

.priofiles .links{
	text-align:right;
}

.node-type-profile .group-social-media{
	float:left;
	width:350px;
	margin-right:10px;
}

.node-type-profile .field-type-link-field a{
	font-size:0;
	width:40px;
	height:40px;
	margin1:10px;
	float:left;
	margin:0 5px;
}

.node-type-profile .field-type-link-field .facebook{
	background:url(../images/facebook_logo.png) no-repeat center;
}

.node-type-profile .field-type-link-field .website{
	background:url(../images/www.png) no-repeat center;
}

.node-type-profile .field-type-link-field .twitter{
	background:url(../images/twitter.png) no-repeat center;
}

.node-type-profile .field-type-link-field .google{
	background:url(../images/google.png) no-repeat center;
}

.node-type-profile .field-type-link-field .instagram{
	background:url(../images/instagram.png) no-repeat center;
}

.node-type-profile .field-type-link-field .soundcloud{
	background:url(../images/soundcloud.png) no-repeat center;
}

.node-type-profile .field-type-link-field .youtube{
	background:url(../images/youtube.png) no-repeat center;
}

.profiles .views-field-title a{
	font-weight:bold;
	font-size:18px;
	color:#999999;	
}
.radioplayer{
	display:block;
	position:fixed !important;
	bottom:10px; 
	left:85%;
	z-index:1000;
}

.promos{
	background:#E0E0E0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:1em;
	margin-bottom:10px;
}

.promos .views-slideshow-controls-bottom a{
	color:#fff;
	margin:0 10px;
}

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

body:before {
  content: '';
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-width: 68em;
  opacity: 0.4;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  body:before {
  }
    
}
@media screen and (max-width: 768px) {
  body:before {
    
  }
}

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

body:before {
  content: '';
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-width: 68em;
  opacity: 0.4;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  body:before {
   
  }
}
@media screen and (max-width: 768px) {
  body:before {
   
  }
}

.page-contact #contact-site-form{
	float:left;
	width:300px;
}
.page-contact #contact-site-form .form-item .form-text{
	width:300px;
}

.page-contact .contact-info{
	float:left;
	width:350px;
	padding:0.5em;
}

.month-view .field-content a, .date-prev a, .date-next a{
	color:#000 !important;
}

.loader {
    background: url("../images/ajax-loader.gif") no-repeat scroll 50% 50% #000000;
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

@media screen and (max-width: 768px) {
	.loader {
		display:none;
	}
}

@media screen and (max-width: 480px) {
	.loader {
		display:none;
	}
}