/*begin font styles for djfm.com*/
.header {
	font-size: 13pt; 
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color:#FFFFFF;
}
	.header_sub {
		font-size: 15pt; 
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
		color:#000;
		}
	.navstyle {
		font-size: 15pt; 
		font-family: 'Open Sans', sans-serif;
		font-weight: lighter;
		}
	.body {
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		font-weight: normal;
		}
	.body_title {
		font-family: 'Open Sans', sans-serif;
		font-size: 13pt;
		font-weight: bolder;
		}
	.caption {
		font-size: 9pt;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
		}
	.footer {
		font-size: 9pt; 
		font-family: 'Open Sans', sans-serif; 
		font-weight: normal;
		}
			a:link {
				color: #000000; 
				text-decoration: none; 
				}
			a:visited {
				color: #000000; 
				text-decoration: none; 
				}
			a:hover {
				color: #e13430; 
				text-decoration: none; 
				}
			a:active {
				color: #e13430; 
				text-decoration: none; 
				}
			a.home:link, a.home:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #9e2716;
				}
			a.home:hover, a.home:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #9e2716;
				}
			a.music:link, a.music:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #be4e20;
				font-weight: bolder;
				}
			a.music:hover, a.music:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #be4e20;
				}
			a.bio:link, a.bio:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #d26525;
				}
			a.bio:hover, a.bio:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #d26525;
				}
			a.photo:link, a.photo:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #df7629;
				}
			a.photo:hover, a.photo:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #df7629;
				}
			a.blog:link, a.blog:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #e9812c;
				}
			a.blog:hover, a.blog:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #e9812c;
				}
			a.press:link, a.press:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #f38e2f;
				}
			a.press:hover, a.press:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #f38e2f;
				}
			a.shows:link, a.shows:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #fa9e45;
				}
			a.shows:hover, a.shows:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #fa9e45;
				}
			a.mail:link, a.mail:visited {
				color: #000000; 
				text-decoration: none; 
				display:block;
				padding:8px;
				background-color: #fa9e45;
				}
			a.mail:hover, a.mail:active {
				color: #f5f5f5; 
				text-decoration: none;
				display:block;
				padding:8px; 
				background-color: #fa9e45;
				}
/*end font styles for djfm.com*/


/*begin page styles for djfm.com*/
body  {
	font: 100%;
	height: auto;
/*	background-position: top;
	background-attachment:fixed;
	background-size:100%;
	background-image:url(../nav_img/djfm_bg_lg_v2.jpg);*/
	background-color: #aa3619;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

	.hp {
		width: 100%;
		margin: 0 auto;
		position: relative;
		transition: all .3s;
		overflow: hidden;
		background-color:transparent;
		}
			
	div.hp h1, div.hp p {
		font-family: 'Open Sans', sans-serif;
		margin: 0;
		}
		
	div.hp h1 span {
		color: #dc4185;
		font-weight: bold;
		}
		
	div.hp a {
		text-decoration: none;
		}
		
	sup {
		font-size: .65em;
		}
	
	.header_banner {
		background-image: url(../nav_img/djfm_header_bg.svg);
		background-repeat:no-repeat;
		background-size: auto;
		background-position:right;
		background-color: #f89332;
		width:100%;
		height:175px;
		text-align:left;
		margin:0 auto;
		}
		
	.header_fg {
		float:left;
		width: 100%;
		height:160px;
		background-image: url(../nav_img/djfm_header_fg.svg);
		background-repeat:no-repeat;
		background-size: contain;
		background-position:left;
		}
		
	.h1_1 {
		padding: 0px;
		width: 100%;
		background: #000;
		}
	
	.h2 {
		width: 100%;
		text-align: center;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background: #000;
		}
		
	ul.nav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width:100%;
		}
		
	.nav li {
		float: left;
		width: 16.66%;
		}
		
	.subheader2 {
		background-color: #000;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		padding:5px;
		}
		
	.subheader2 p {
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		font-size: 17px;
		font-weight: normal;
		}
		
	.subheader2 h1 {
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		font-size: 24px;
		font-weight: bold;
		}
		
	.sidebar {
		float: right;
		text-align: center;
		width:35%;
		height:100%;
		background-color:#333;
		}
		
	.videoWrapper {
		position: relative;
		padding-bottom: 66%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
	
	.tile-container {
		float: left;
		width: 65%;
		background-color:transparent;
		}

	.tile-container-yt {
		float: left;
		width: 100%;
		background-color:transparent;
		}
		
	.tile {
		background-repeat: no-repeat;
		background-size: cover;
		background-color:#000;
		background-position: top;
		position:relative;
		margin: 8px 1.0%;
		width: 46%;
		border: 1px solid #dddddd;
		height: 315px;
		float: left;
		font-family: sans-serif;
		font-size: 16px;
		font-weight: bold;
		padding-top: 10px;
		padding-left:10px;
		color: #fff;
		}
		
	.tile-container2 {
		margin-left:auto;
		margin-right:auto;
		float: left;
		width: 100%;
		background-color:#333;
		padding-bottom: 25px;
		}
		
	.tile2 {
		width: 18%;
		height: 60px;
		padding: 30px;
		float: left;
		}
		
	.calltoact2 {
		background-color: rgba(35,31,32,0.75);
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		color: #ffffff; 
		text-decoration: none;
		font-weight:normal;
		width:96%; 
		padding: 7px; 
		font-size: 16px;
		position:absolute;
		bottom:0;
		left:0;
		}
		
	.content {
		padding: 20px;
		margin: 0 auto;
		text-align: left;
		background: #FFFFFF;
		}
	
	.image {
		float: left;
		text-align:left;
		margin-right: 15px;
		margin-bottom: 15px;
		}
		
	.image2 {
		float: right;
		text-align: right;
		margin-left: 15px;
		margin-bottom: 15px;
		}
		
.mainContent_disc {
	width: 100%;
	margin: 1 auto;
	border: solid 1px #666;
	padding: 8px;
	background:#999;
	}
		.discContain {
			margin: 0 auto;
			padding: 15px;
			width: 93%;
			text-align: left;
			background: #999;
			border: solid 1px #666;
			border-bottom: solid 1px #FFF;
		}
		.discContain2 {
			margin: 0 auto;
			padding: 15px;
			width: 93%;
			text-align: left;
			background: #999;
			border-left: solid 1px #666;
			border-right: solid 1px #666;
			border-bottom: solid 1px #FFF;
		}
		.discContain3 {
			margin: 0 auto;
			padding: 15px;
			width: 93%;
			text-align: left;
			background: #999;
			border: solid 1px #666;
			border-top: solid 0px;
			border-bottom: solid 1px #666;
		}
		.disc1 {
			width: 24%;
			float: left;
			text-align:left;
			padding-bottom:15px;
		}
		.disc2 {
			width: 74%;
			margin-left: 190px;
			text-align: left;
		}
		.disc_left {
			width: 25%;
			margin-right:6px;
			float: left;
		}
		
	.footer {
		margin: 0 auto;
		width: 100%;
		padding: 10px;
		text-align: center;
		background: #f38e2f;
		}
	
	#desktop {
		display: inline;
	}
	
	#mobile {
		display: none;
	}
/*end page styles for djfm.com*/

/*begin page styles for shows page*/
#shows {
	padding:10px;
	width: 96%;
	background: #f4f4f5;
	border: solid 1px #666;
	text-align:left;
	}
		
			#shows .noData {
				padding:10px;
				background:#222;
				text-align:left;
			}
	
					ul#showFeed {
						margin-left: -25px;
						text-align:left;
					}
					ul#showFeed li {
						padding:5px 0;
						list-style-type: none;
						border-bottom:1px solid #222;
					}
					ul#showFeed li span {
						display:block;
						float:left;
					}
					ul#showFeed li .date {
						width:8%;
						margin:0 20px 0 0;
						font-size:11px;
						color:#000;
					}
					ul#showFeed li .venue {
						width:32%;
						margin:0 15px 0 0;
					}
					ul#showFeed li .location {
						width:44%;
						margin:0 10px 0 0;
					}
					ul#showFeed li .buy {
						width:5%;
						margin:0 10px 0 0;
						font-size:10px;
					}
				
			ul#showFeed li.header {
					font-size:10px;
					color:#000;
					text-transform:uppercase;
			}
			ul#showFeed li.header .date {
				color:#000;
				font-size:10px;
			}
/*end page styles for shows page*/


/*begin media queries for djfm.com*/
	
@media handheld, screen and (max-width: 1045px) {
	
	.header_banner {
		background-size: cover;
		}
	
	.tile-container {
		width: 61%;
		}
	
	.tile {
		width: 45%;
		text-align: left;
		background-position: top;
		background-size: cover;
		}
		
	.tile2 {
		width: 15%;
		height: 60px;
		padding: 24px;
		float: left;
		}
	
	.videoWrapper {
		padding-bottom: 75%;
		}
	
	.sidebar {
		width:39%;
		}
		
	.calltoact2 {
		width:97%;
		}
		
	.disc1 {
		width: 98%;
		float: none;
		text-align: center;
		}
		
	.disc2 {
		width: 98%;
		position: none;
		margin: 0px;
		text-align: left;
		}
		
	ul#showFeed li .buy {
		display: none;
		}
	
}
	
@media handheld, screen and (max-width: 785px) {
	.tile-container {
		width: 100%;
		}
		
	.tile {
		width: 95%;
		height: 125px;
		text-align:left;
		padding-left: 10px;
		background-size: cover;
		background-position: center right;
		}
		
	.tile2 {
		width: 18%;
		height: 60px;
		padding: 28px;
		float: left;
		}
	
	.videoWrapper {
		padding-bottom: 56.25%;
		}
		
	.navstyle {
		font-size: 16pt; 
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
		}
		
	.nav li {
		float: left;
		width: 50%;
		}
	
	.sidebar {
		float: none;
		width: 100%;
		padding:0px;
		alignment-adjust:central;
		}
		
	.calltoact2 {
		width:97.5%;
		}
		
	.sidebar h1 {
		font-size: 18px;
		line-height:18px;
		}
		
	.sidebar p {
		font-size: 13px;
		line-height:20px;
		}
		
	.image {
		float: none;
		text-align:center;
		margin: 0px;
		}
		
	.image2 {
		float: none;
		text-align:center;
		margin: 0px;
		}
			
	.footer h1 {
		color: #000;
		font-size: 19px;
		}
		
	.footer p {
		color: #000;
		font-size: 13px;
		}
		
	.disc1 {
		width: 98%;
		float: none;
		text-align: center;
		}
		
	.disc2 {
		width: 98%;
		position: none;
		margin: 0px;
		text-align: left;
		}
	ul#showFeed li .date {
		width:12%;
		}
		
	ul#showFeed li .venue {
		width:35%;
		}
	
	ul#showFeed li .location {
		width:40%;
		}
	#desktop {
		display: none;
	}
	#mobile {
		display: inline;
	}
	}
	
@media handheld, screen and (max-width: 455px) {
	.header_fg {
		background-image: url(../nav_img/djfm_header_fg2.svg);
		}
	
	.subheader2 h1 {
		font-size: 19px;
		}
	
	.navstyle {
		font-size: 17pt; 
		font-weight: normal;
		}

		a.home:link, a.home:visited, a.home:hover, a.home:active, a.bio:link, a.bio:visited, a.bio:hover, a.bio:active, a.photo:link, a.photo:visited, a.photo:hover, a.photo:active, a.blog:link, a.blog:visited, a.blog:hover, a.blog:active, a.press:link, a.press:visited, a.press:hover, a.press:active, a.shows:link, a.shows:visited, a.shows:hover, a.shows:active, a.music:link, a.music:visited, a.music:hover, a.music:active, a.mail:link, a.mail:visited, a.mail:hover, a.mail:active {
		padding:5px;
	}
	.tile-container {
		width: 100%;
		}
		
	.tile {
		width: 94%;
		height: 125px;
		text-align:left;
		padding-left: 10px;
		background-size: cover;
		background-position: center right;
		}
		
	.calltoact2 {
		width:96%;
		}
		
	ul#showFeed li .date {
		width:20%;
		}
		
	ul#showFeed li .venue {
		width:68%;
		margin: 0 10px 0 0;
		}
	
	ul#showFeed li .location {
		display:none;
		}
	}
/*end page styles for djfm.com*/