@charset "utf-8";






/* ------------------------------------------------------------------------------- */

/*  Reset & Clearfix

/* ------------------------------------------------------------------------------- */





	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{

		background:transparent;

		border:0;

		outline:0;

		padding:0;

		margin:0;

	}

	

	.clearfix:after {

		clear: both;

		content: " ";

		display: block;

		font-size: 0;

		height: 0;

		line-height: 0;

		visibility: hidden;

		width: 0;

	}

	

	li {

		list-style:none;

	}

	a {

		text-decoration: none;

		color: #90141c;

		font-weight: 300;

	}



	.none {

		display: none;

	}

	p {

		margin-bottom: 20px;

	}

















/* ------------------------------------------------------------------------------- */

/*  General

/* ------------------------------------------------------------------------------- */	

	

	

	html,body{

		font-family: 'Arial';

		font-size:18px;

		height:100%;

		width:100%;

		color:#000;

		background:#fff;

		font-family: 'Trebuchet MS', sans-serif;

		background-image: url(../images/WoodenBackground.jpg);
	}


	h1 {

		font-family: 'Trebuchet MS', sans-serif;

		font-size: 28px;

	}

	
	.wrapper {

		width: 100%;

		text-align: center;

		position: relative;

		z-index: 1;

	}



	
	.outer {

		width: 100%;

		max-width: 960px;

		position: relative;

		margin:0 auto;

		z-index:10;

		background-color: #000;

		background-image: url(../images/sidebarbg.jpg);

		background-position: left top;

		background-repeat: repeat-y;

		display: inline-block;

		box-shadow: 0px 10px 10px #000;

		overflow-x: hidden;

	}



	.top {

		width: 100%;

	    max-width: 960px;

	    height: auto;

	    min-height: 550px;

	    /* background-color: #a1a1a1; */
	    background-image: url(../images/headertop.jpg);

	    overflow: visible;

	    z-index: 50;

	    background-position: center top;

	}

		.top .title {

			width: 30%;

		    height: auto;

		    min-height: 20px;

		    padding: 10px;

		    background-color: black;

		    margin-top: 390px;

		    left: 0;

		    bottom: 30px;

		    color: #fff;

		    display: inline;

		    float: left;

		    text-align: left;

		    font-size: 2em;

		    min-width: 160px;

		    text-transform: uppercase;

		    letter-spacing: 2px

		}


	.button {

		clear: left;

		display: block;

		padding: 5px;

		width: 140px;

		background-color: #000;

		color: #fff !important;

	}



	.content {

		float: right;

		display: inline;

		width: 730px;

		max-width: 730px;

		min-width: 320px;

		padding: 15px;

		height: auto;

		min-height: 400px;

		font-family: 'Open Sans Condensed', sans-serif;

		color: #fff;

		z-index: 40;

		margin-top: -100px;

		
	}

	.podcast-link {

		color: #fff;

		font-family: 'Open Sans Condensed', sans-serif;

		width: 100%;

		float: left;

		display: inline;

	}

		.podcast-link a {

		color: #90141c;

	}

	.section-text-first {

		float: left;

		width: 190px;

		display: inline;

		color: #fff;

		font-family: 'Open Sans Condensed', sans-serif;

		margin-left: 10px;

		margin-top: -50px;

	}

	.section-text {

		float: left;

		width: 190px;

		display: inline;

		color: #fff;

		font-family: 'Open Sans Condensed', sans-serif;

		margin-left: 10px;

	}

		.content .item {

			float: right;

			display: inline;

			width: 100%;

			max-width: 730px;

			min-width: 320px;

			height: auto;

			min-height: 100px;

			margin-bottom: 30px;

			background-color: #f5f5f5;
		}

			.content .item .image {

				float: left;

				display: inline;

				width: 150px;

				height: 150px;

				padding: 10px;


			}

				.content .item .image .img {

					width: 150px;

					height: 150px;

				}

			.content .item .text {

				float: left;

			    display: inline;

			    min-width: 370px;

			    width: 100%;

			    max-width: 540px;

			    padding: 10px;

			    text-align: left;

			    color: #2f3440;

			    text-shadow: 0px 1px 0px white; 

			}

				.content .item .text .detail {
					font-size: 16px;
					color: #fff;
					background-color: #000;
					padding: 2px 3px;
					text-shadow: none;
					width: 100%;
				}




	.section-art {

		width: 100%;

	    max-width: 960px;

	    height: 300px;

	    min-height: 300px;

	    /* background-color: #a1a1a1; */
	    background-image: url(../images/headerart.jpg);

	    overflow: visible;

	    z-index: 50;

	    background-position: center top;

	    display: inline;

	    float: left;

	}

		.section-art .title {

			width: 30%;

		    height: auto;

		    min-height: 20px;

		    padding: 10px;

		    background-color: black;

		    margin-top: 190px;

		    left: 0;

		    bottom: 30px;

		    color: #fff;

		    display: inline;

		    float: left;

		    text-align: left;

		    font-size: 2em;

		    min-width: 255px;

		    text-transform: uppercase;

		    letter-spacing: 2px

		}

			#artdesign .content {

				float: right;

				display: inline;

				width: 730px;

				max-width: 730px;

				min-width: 320px;

				padding: 15px;

				height: auto;

				min-height: 400px;

				font-family: 'Open Sans Condensed', sans-serif;

				color: #fff;

				z-index: 40;

				margin-top: -50px;

				
			}

					#artdesign .content .item {

					float: right;

					display: inline;

					width: 100%;

					max-width: 730px;

					min-width: 320px;

					height: auto;

					min-height: 100px;

					margin-bottom: 30px;

					background-color: #f5f5f5;
				}

					#artdesign .content .item .img {

					width: 100%;

					/*height: auto;*/

					max-width: 718px;

					height: 800px;

					display: inline;

					margin-top: 5px


				}




	.section-photography {

		width: 100%;

	    max-width: 960px;

	    height: 300px;

	    min-height: 300px;

	    /* background-color: #a1a1a1; */
	    background-image: url(../images/headerphoto.jpg);

	    overflow: visible;

	    z-index: 50;

	    background-position: center top;

	    display: inline;

	    float: left;

	}

		.section-photography .title {

			width: 30%;

		    height: auto;

		    min-height: 20px;

		    padding: 10px;

		    background-color: black;

		    margin-top: 190px;

		    left: 0;

		    bottom: 30px;

		    color: #fff;

		    display: inline;

		    float: left;

		    text-align: left;

		    font-size: 2em;

		    min-width: 255px;

		    text-transform: uppercase;

		    letter-spacing: 2px

		}

			#photography .content {

				float: right;

				display: inline;

				width: 730px;

				max-width: 730px;

				min-width: 320px;

				padding: 15px;

				height: auto;

				min-height: 400px;

				font-family: 'Open Sans Condensed', sans-serif;

				color: #fff;

				z-index: 40;

				margin-top: -50px;


				
			}

					#photography .content .item {

					float: left;

					display: inline;

					width: 33%;

					max-width: 236px;

					min-width: 85px;

					height: auto;

					min-height: 100px;

					padding: 5px 0px 0px 5px;

					background-color: #f5f5f5;

					margin: 0px;
				}

					#photography .content .last {

					padding: 5px 5px 0px 5px !important;

					clear: right;

				}

					#photography .content .item .img {

					width: 100%;

					/*height: auto;*/

					max-width: 233px;

					height: 156px;

					display: inline;

					margin: 0px;

					padding: 0px;

					float: left;

				}

			#photos{

				    width: 728px;
				    
				    float: right;

				    display: block;

				    padding-bottom: 5px;

				    background-color: #fff;

				    height: auto;

				    min-height: 968px;
			}




	.footer {

		width: 100%;

		max-width: 960px;

		height: 85px;

		max-height: 85px;

		display: inline;

		float: left;

	}

		.footer .icons {

		    width: 360px;

		    height: 60px;

		    margin-top: 25px;

		    top: 25px;

		    margin: 0 auto;

		}

		.footer-ico {

		    display: inline;

		    float: left;

		    height: 40px;

		    margin: 25px 5px 5px 5px;

		    padding: 5px;

		    width: 40px;

		}


		.twitter {

			background-color: #44b0e3;

		}

		.facebook {

			background-color: #39599f;

		}

		.myspace {

			background-color: #df192a;

		}

		.soundcloud {

			background-color: #f77e21;

		}

		.itunes {

			background-color: #cb44e3;

		}

		.beatport {

			background-color: #b5e738;

		}

		.email {

			background-color: #39599f;

		}


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

			Mobile Shizzle

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


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

    .detail {

	    width: 94% !important;

	}

    .content {

		float: right;

		display: inline;

		width: 100%;

		max-width: 430px;

		min-width: 320px;

		padding: 15px 0px !important;

		height: auto;

		min-height: 400px;

		font-family: 'Open Sans Condensed', sans-serif;

		color: #fff;

		z-index: 40;

		margin-top: 0px;

		
	}

	.button {

		width: 91% !important;

    	margin: 0px 10px;
    
    	padding: 10px;

    	font-weight: bold;

	}

	.text p {

		max-width: 365px !important;

	}

	h1 {

		font-size: 22px !important;

	}


    .content .item .image {

				float: left;

				display: inline;

				width: 100%;

				height: auto;

				padding: 0px;

			}

			.content .item .image .img {

					width: 100%;

					height: auto;

				}


	#photography .content {

		max-width: 430px;

		margin-top: 0px;
	}

	#photos {

	    width: 100%;

	}

	#photography .content .item .image {

				float: left;

				display: inline;

				width: 100%;

				height: auto;

				padding: 0px;

			}

			.content .item .image .img {

					width: 100%;

					height: auto;

				}

	#artdesign .content {

		max-width: 430px;

		margin-top: 0px;
	}

	#artdesign .content .item .img {

		height: auto !important;

	}

	.section-text { 

		width: 100%;

	}

	.section-text-first {

		width: 100%;

		margin-top: -50px;

	}

	#photography .content .item {

	    float: left;

	    display: inline;

	    width: 48%;

	    max-width: 230px;

	    min-width: 85px;

	    height: auto;

	    padding: 5px 0px 0px 5px;

	    background-color: #f5f5f5;

	    margin: 0px;

	}

	#photography .content .last {

	    padding: 5px 0px 0px 5px !important;

	    clear: none;

	}


	#artdesign .content .item .image {

				float: left;

				display: inline;

				width: 100%;

				height: auto;

				padding: 0px;

			}

			.content .item .image .img {

					width: 100%;

					height: auto;

			}



}

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

	.text p {

		max-width: 320px !important;

	}

	#photos {

	    width: 89%;

	}

	#photography .content .item .img {

		height: auto !important;

	}

}

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


	#photos {

	    width: 80%;

	}

	#photography .content .item .img {

		height: auto !important;

	}

}