/*
Theme Name: mA Producer
Theme URI: http://mA-marshallJ.co.uk
Description: Theme for m-A Producer
Version: 1.0b
Author: Jon Marshall
Author URI: http://marshalJ.co.uk
*/
html{
height:100%;}
body{
color: #eee; font-family:Helvetica,Geneva,sans-serif; background-color: #3399ff;/*3399ff*/ text-align: center; background-attachment:fixed; background-repeat:no-repeat; background-position:center right; text-decoration:none;font-size:16px; line-height:20px; height:100%;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #3399ff));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #000000 0%, #3399ff 100%);
}
/*h1{ position:fixed; margin-left:auto; margin-top:70%;-webkit-transform: perspective(500px) rotateY(20deg);-moz-webkit-transform: perspective(500px) rotateY(20deg);}
h1:hover{ position:fixed; margin-left:auto; margin-top:70%;
}*/

.logo{float:left; opacity:1; position:fixed;}
.logo:hover{float:right; opacity:1; position:fixed;}
.black{
	color:#000;
}

div#network a{
	margin:0; padding:0;
	text-decoration:none;
	
	margin-right:25px;
}
div#network a:hover{
	-webkit-filter: blur(1px); 
	-moz-webkit-transform: blur(1px);
	-o-filter: blur(1px); 
	-ms-filter: blur(1px);
}
.network{
	margin:0; padding:0;
	height:25px;
	width:25px;
}
div#netW .network{
	background-color:auto;
}
div#wrapper a{
	margin-bottom:20px; 
	width:100px; 
	color:#ff0;
	text-decoration:none;
}
div#wrapper ul{
	list-style:none;
}
div#wrapper a:hover{
	text-decoration:underline;
}	
div#wrapper li{
	list-style:none;
	margin-bottom:0px;
	text-align:center;
}		
div#wrapper{
	position:relative;
	margin:0 auto;
	padding:0;
	border-top:solid;
	border-color:#ff0;
	width:61%;
	height:90%;
	background-color:none;
	text-align:center;
	-webkit-transition: opacity 1s linear;
	-webkit-transition-property: opacity, left;
	-webkit-transition-duration: 2s, 4s;
	transition: opacity 1s linear;
	transition-property: opacity, left;
	transition-duration: 2s, 4s;
	overflow:hidden;
/*	-webkit-filter: blur(3px); 
	filter: blur(3px);
	-o-filter: blur(3px); 
	-ms-filter: blur(3px); */
	/*opacity:0.5;*/
	z-index:50;
}
#wrapper:hover{
	-webkit-filter: blur(0px); 
	-moz-webkit-transform: blur(0px);
	-o-filter: blur(0px); 
	-ms-filter: blur(0px); opacity:1;
}
		.content{ padding:0px; padding-top:5px; padding-right:5px; overflow:hidden; background:none;}
		.content p:nth-child(even){color:#999; font-family:Helvetica,serif; font-size:17px;}
		.content p:nth-child(3n+0){color:#c96;font-family:Helvetica,serif; font-size:17px; }
		
div#sidebar{	
	position:fixed;
	float:left;
	padding:0;
	width:18%; padding-left:1%;padding-right:1%;
 	height:auto;
}
div#sidebar a{
	margin-bottom:20px; width:100px; color:#fff;
}
div#sidebar a:hover{
	color:#ff0;
}	
div#sidebar li{
	margin-bottom:0px;
}
div#sb-right{
	position:fixed;
	margin:0;
	padding:0;
	float:right;
	margin-left:82%;
	height:auto;
	background-color:none; 
	color:#000;
	list-style:none;
	overflow:scroll;
}
div#sb-right a{
	margin-bottom:20px; 
	width:100px; 
	color:#ff0;
	text-decoration:none;
}
div#sb-right ul{
	list-style:none;
}
div#sb-right a:hover{
	text-decoration:underline;
}	
div#sb-right li{
	margin-bottom:0px;
	text-align:center;
}
#mar-sidebar{
	position:absolute;
}
#mal-sidebar{
	position:absolute;
}
#netW{
	display:block;
 	margin:0; padding:0;
	width:250px; 
	height:300px;
	margin:0 auto;
}
a.network{ 
	display:block;
	float:left;
	height:125px; width:123px;
	margin-right:25px;
}
div#twit-side{margin-left:-15px;padding-top:10px;padding-left:10px; height:500px;width:246px;
	background-image:url(./images/twitter-bg.png); background-repeat:no-repeat; display:none;
}

#nMenu{
    position:relative;       
    padding:0;
	margin:0 auto;	
	width:800px;
	clear:both; 
	display:block;
	z-index:52;
	bottom:15px;
}
#nMenu ul{
    margin-top:30px;
    margin:0 auto;
    line-height:30px;
    display:block;
}
#nMenu li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    display:block;
/*	-webkit-transform: perspective(500px) rotateY(20deg);
	-moz-webkit-transform: perspective(500px) rotateY(20deg);*/
}
#nMenu ul li a{
    text-decoration:none;
    height:30px;
    width:auto;/*188prev 263width240*/
    display:block;
    color:#ffffff;
	font-family:"American Typewriter", "Arno Pro Bold Display", "Franklin Gothic Book";
    /*background-color:#2266ff;*/
    margin:0; margin-right:20px;
    padding:0;
    text-shadow:1px 1px 1px	#000;
	-webkit-transform: scale(1.0);-moz-webkit-transform: scale(1.2);
	z-index:52;
		
}
#nMenu ul li a:hover{
	/*-webkit-transform: scale(1);-moz-webkit-transform: scale(1);*/
	-webkit-filter: blur(1px); 
	-moz-webkit-transform: blur(1px);
	-o-filter: blur(1px); 
	-ms-filter: blur(1px); 
	opacity:0.5;
}
#nMenu ul li a.active{
    text-decoration:none;
    height:30px;
    /*width:256px;/*188prev 263width*/
    display:block;
    color:#fff;
	font-family:"American Typewriter", "Arno Pro Bold Display", "Franklin Gothic Book";
    /*background-color:#0066aa;*/
    margin:0;
    padding:0;
    text-shadow:1px 1px 1px	#000;
}
#nMenu ul li:hover{
}
#nMenu ul li a:hover{
}
div#mA-video-holder{
	padding:20px;
	text-align:center;
	width:670px;
	float:left;
	display:block;
	border:solid 2px #ff0;
	background-color:#000;
	background-image:url("./images/background0.jpg");
	background-attachment:fixed;
	background-position:top center;
	opacity:0.8;
	margin:0 auto;
	margin-bottom:20px;
}
div#mA-video{
	margin:0 auto;
	padding:10%;
	text-align:center;
	width:70%;
	display:block;
	border:solid 2px #ff0;
	background-position:top center;
	height:800px;
}
div#mA-video-y{
	padding:0; margin:0;
	width:100%;
	clear:left;
	text-align:center;
	padding-left:5%; padding-right:5%;
}
div.video{
	display:block;
	height:265;
	width:230;
	margin:3px;
}
div#mA-video-holder .video{
	border:solid 3px #fff;
	display:block;
	height:265;
	 width:230;
	float:left;
	margin:4px;
}div#mA-downloads-holder{
	position:relative;
	margin:0 auto;
	text-align:center;
	width:95%;
	display:block;
	border:solid 2px #ff0;
	background-color:#000;
	background-image:url("./images/banner4.jpg");
	background-attachment:fixed;
	margin-bottom:5%;
	overflow:hidden;
}
div.download{
	margin:0 auto;
	display:block;
	background-color:#000;
	border:solid 3px #fff;
	height:auto;
	width:90%;
}	
h1 img{font-family:Verdana,Geneva,sans-serif; font-size:19px; font-style:italic; margin:20px 40px 0 40px; color:#ff0; margin-bottom:20px;
 }
div#main-c{
	position:absolute;
	margin:0 auto;
	background-color:#000;
	background-image:url(./images/Disclosure-feat.-MNEK-White-Noise-mA-remix.jpg);
	background-position:center;
	background-size:80% 80%;
	color:#000;
	opacity:0.8;
	border-color:#c4c4c4;	
	border-left:groove;	
	border-right:groove;	
	border-bottom:groove;
	height:500px; width:650px;width:52%; margin-left:20%; height:80%;
	padding:50px;
	padding-bottom:20px;
	-webkit-border-bottom-right-radius:25px;
	-webkit-border-bottom-left-radius:25px;
	-moz-border-radius-bottomright:25px;
	-moz-border-radius-bottomleft:25px;	
	border-radius:0px 0px 25px 25px;
	-webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	z-index:1102; display:none;}
div#main-c:hover{
	opacity:1;
}
a img {border:none;}
div#footer{
	margin:0 auto;
	position:relative;
	color:#fff;
	background-color:none;
	margin-top:2%;
	/*top:100%;*/
/*	height:92px;
*/	border-top:solid;
	border-color:#ffff00;
	display:block;
	text-decoration:none;
}div#footer:hover{
	-webkit-filter: blur(0px); 
	-moz-webkit-transform: blur(0px);	
	-o-filter: blur(0px); 
	-ms-filter: blur(0px);	
}
div#footer a{
color:#fff;font-size:12px;
	text-decoration:none;
}
div#footer a.site:hover{
	text-decoration:underline;

}
.post-excerpt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
}
.pic-d-l{
	z-index:100; display:none;
}
.clear-float{
	clear:both;
}
@media screen and (max-height: 800px) {/*standard screens*/
		
div#wrapper {
	width:61%;
	overflow:hidden;
	height:80%;	
}
    div#sb-right{
        height:auto;
		margin-left:82%;
        overflow-x:hidden;
        overflow-y:scroll;
    }
	#sidevar{
		width:10%;
	}
    .mob{
        display:none;
    }
}
@media screen and (min-height: 800px) {/*larger screens*/
		
div#wrapper{
	width:61%;
}
    div#sb-right{
        height:auto;
        overflow-x:hidden;
        overflow-y:scroll;    
        }
    .mob{
        display:none;
    }
    .not-mob{
        display:block;
        margin:0 auto;
    }
}
@media screen and (max-device-width: 480px) {/*mobile*/
html{height:100%;}
body{
	background-color:#3399ff; height:100%
}
div#wrapper{
	position:relative;
	width:100%;
	height:100%;
	background-color:#000;
	text-align:center;
	border-color:#ff0;
	overflow:hidden;
	-webkit-filter: blur(0px); 
	filter: blur(0px);
	-o-filter: blur(0px); 
	-ms-filter: blur(0px); 
    opacity:1;
	z-index:50;/*for whitenoise*/
    }
    .not-mob{
        display:none;
    }    
    .mob{
        display:block;
        margin:0 auto;
    }
    #nMenu{
	float:right;

    }
    div#sb-right{
		display:none;
    }
	div#sidebar{
		display:none;	
	}
	div#sb-mob{
		display:none;
	}
	div#network{
		display:none;
	}
	div#footer{
		display:none;
	}
	.pic-d-l{
		display:none;
	}
}
.fb-like-box{
	background-color:#CCCC99;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #3399ff));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #000000 0%, #3399ff 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #000000 0%, #3399ff 100%);
color:#000;
	
	text-align:center; 
}
.fb-like-box p{
	color:#000;
}
.fb-like-box a{
	color:#000;
}
@media print {
	body {
		background-color:#fff;	  
	}
}