/*
Theme Name: ClubSaxx
Description: ClubSaxx WordPress theme
Version: 1
Author: Gareth Evans
*/

.mp3-wrapper iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
padding:0px;
margin-left:auto;
margin-right:auto;
height:207px;
}



.mp3-wrapper span {
height:100%;
width:100%;
padding:0px;
margin:0px;
}

.site-footer {
font: 300 12px 'Oswald', Serif;
position:fixed;
bottom:0px;
left:0px;
color:#FFF;
width:100%;
padding:5px 0px;
background-color:rgba(5,5,5,0.85);
z-index:2;
}

#myFooter {
display:inline;
width:100%;
}

#mute_img {
opacity:0.4;
filter:alpha(opacity=40);
}

#mute_img:hover {
cursor:pointer;
}

#player_mute {
float:left;
padding:5px;
display:inline-block;
width:40%;
}

#copyNotice {
padding:5px;
display:inline-block;
float:right;
width:40%;
text-align:right;
}

body {
background: center center fixed;
margin:0px;
background-size:cover;
background-color:#999;
overflow:auto;
}

#top-bar {
width:100%;
background-color:rgba(5,5,5,0.85);
position:fixed;
top:0px;
left:0px;
height:30px;
z-index:2;
}

#nav {
position: fixed;
top:30px;
left:5%;
min-height:200px;
background-color:rgba(5,5,5,0.85);
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding:0px 12px;
padding-bottom:15px;
overflow:hidden;
z-index:2;
}


#nav a {
font: 300 18px 'Oswald', Serif;
text-transform: uppercase;
color:#FFFFFF;
text-decoration:none;
padding:0px;
}

#nav ul,li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0; }

#nav ul li {
text-align:center;
position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
    padding: 3px 10px;
    margin: 5px 0;
}


h1 {
font: 700 26px 'Oswald', Serif;
text-decoration:underline;
font-variant:small-caps;
}

#mainContainer {
top:0px;
font: 300 15px 'Oswald', Serif;

z-index: 1;
width:100%;
height:100%;
min-height:100%;
min-width:100%;
overflow:hidden;
display:inline-block;
white-space: nowrap;
}

#floater {
width:25%;
min-width:330px;
display:inline-block;
}


#mainContent li {
    font-size: 14px;
    margin-left: 10px;
    list-style-type: circle;
 }

#mainContent {
position:relative;
display:inline-block;
background-color:#FFF;
width:60%;
min-width:25%;
padding:20px;
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
-webkit-box-shadow: inset 0 0 35px 5px #fafbfd;
box-shadow: inset 0 0 35px 5px #fafbfd;
border: 1px solid #ddd;
border-top:none;
opacity:0.9;
white-space: normal;
}

#blackBeam {
background-color:#000;
width:90%;
height:5px;
bottom:10px;
margin-right:auto;
margin-left:auto;

}


.cb-slideshow li span { 

    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-repeat: none;
	opacity:0;
    z-index: 0;
}

#scroll-buffer {
height:60px;
}

@media only screen and (min-device-width: 200px) and (max-device-width: 768px),
	 only screen and (device-width: 768px)
{
	#headerImage {
	width:122px;
	height:auto;
	}
	
	#nav a {
	font-size:12px;
	}
	#nav {
	width:122px;
	}

	#floater {
	width:25%;
	min-width:204px;
	display:inline-block;
	}
	.site-footer {
	font-size:10px;
	padding-top:1px;
	padding-bottom:1px;
	}
	#mute_img {
	width:15px;
	height:auto;
	}
}