/*
Theme Name: WordPress mie
Theme URI: http://jonthepon.com/
Description: Custom theme for MIE.
Version: 1.0
Author: Jon Fisher
Author URI: http://jonthepon.com/
Tags: mie, custom

	This theme was created by Jon Fisher for http://musicindustryeducation.net

*/

body{
	background-color: #e2dccf;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
}
p{
	font-size: 12px;
}
.width{
	width: 975px;
	margin: auto;
}
dl, dt, dd{margin: auto; font-size: 12px;}
ul,li{margin: 0px; padding: 0px; list-style:none;}
li{float: left;}
#header{background-color: white;}
h1 {
	margin: 0px;
	padding: 0px;
	background-image:url(assets/gfx/music-industry-education.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width: 248px;
	height: 88px;
	text-indent: -99999px;
	padding-top: 20px;
	float: left;
	margin-bottom: 20px;
}
h1 a{display: block; width: 100%; height: 88px;}
#header ul{
	float: right;
	margin-top: 90px;
	}
#header a{background-repeat: no-repeat; display: block; text-indent: -9999px;}
#header a:hover{background-position: bottom left;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* nav stuff */
#nav1{
	background-image:url(assets/gfx/nav1.gif);
	width: 73px; height: 26px;
}
#nav2{
	background-image:url(assets/gfx/nav2.gif);
	width: 73px; height: 26px;
}
#nav3{
	background-image:url(assets/gfx/nav3.gif);
	width: 137px; height: 26px;
}
#nav4{
	background-image:url(assets/gfx/nav4.gif);
	width: 73px; height: 26px;
}
#nav5{
	background-image:url(assets/gfx/nav5.gif);
	width: 94px; height: 26px;
}
#nav6{
    background-image:url(assets/gfx/nav6.gif);
    width: 94px; height: 26px;
}
.active{background-position: bottom left!important;}
#splashImage{background-color: #f3f0eb;}
		#imageHolder{margin: auto; width: 975px;}
#mainContent{background-color: #eae6dc; }
	#mainContentInner{margin: auto; width: 975px; }
	#contentHolder{float: left; width: 645px; margin-bottom: 16px;}
		#col1{ margin-top: 18px; float: left;width: 314px; background-color: #fbf9f6;
			background-image:url(assets/gfx/colTop.gif); background-repeat:no-repeat; background-position:top left; margin-bottom: 18px;}
			#mainInner{min-height: 344px;}
			#col1 h2{width: 295px; height: 40px;
					margin-left: 9px; margin-bottom: -2px; margin-top: 10px;
					 text-indent: -99999px;}
				#col1 h2 a{display: block; width: 295px; height: 40px; background-image:url(assets/gfx/what-we-do.gif);
					background-repeat:no-repeat; background-position:top left;}
				#col1 h2 a:hover{background-position:bottom left;}
			#col1 img{margin-top: 0px; margin-left: 10px; margin-top: 12px;}
			#col1 p{margin-left: 12px; margin-right: 12px;}
			#imageHolderOuter{width: 975px; margin: auto;}
		#col2{ margin-top: 18px; float: right;width: 314px; background-color: #fbf9f6;
			background-image:url(assets/gfx/colTop.gif); background-repeat:no-repeat; background-position:top left; margin-bottom: 18px; margin-right: 1px;}
			#col2 dt{margin-right: 12px;}
			#col2 h2{width: 296px; height: 40px;
					margin-left: 9px; margin-bottom: -2px; margin-top: 10px;
					 text-indent: -99999px;}
				#col2 h2 a{display: block; width: 296px; height: 40px; background-image:url(assets/gfx/testimonials.gif);
					background-repeat:no-repeat; background-position:top left;}
				#col2 h2 a:hover{background-position:bottom left;}
			#col2 img{margin-top: 0px; margin-left: 10px; margin-top: 10px;}
			#col2 p{margin-left: 12px; margin-right: 12px;}
			#col2 dl{margin-left: 12px; margin-top: 10px; height: 134px; margin-bottom: 10px!important;}
			#col2 dd{margin-bottom: 10px; font-style:italic; color: #9d857a; font-weight: bold;}
			#col2 .genericButton{margin-left: 205px;}
		#col4{ margin-top: -2px; float: right;width: 314px; background-color: #fbf9f6;
			background-image:url(assets/gfx/colTop.gif); background-repeat:no-repeat; background-position:top left; margin-bottom: 0px;}
			#col4 h2{width: 296px; height: 40px;
					margin-left: 9px; margin-bottom: -2px; margin-top: 10px;
					 text-indent: -99999px;
					 display: block; height: 40px; background-image:url(assets/gfx/who-we-work-with.gif);
					background-repeat:no-repeat; background-position:top left;}

			#col4 img{margin-top: 0px; margin-left: 10px; margin-top: 12px;}
			#col4 p{margin-left: 12px; margin-right: 12px;}
			#col4 dl{margin-left: 12px; margin-top: 10px;}
			#col4 dd{margin-bottom: 10px; font-style:italic; color: #9d857a; font-weight: bold;}
			#col4 .genericButton{margin-left: 205px;}
			#col4 ul{display: block; margin-left: 10px; margin-top: 2px;}
				#col4 li{display: block; float: left; width: 92px; height: 91px; margin-right: 9px; margin-top: 8px; background-repeat:no-repeat; background-position: top left;}
				#col4 a{text-indent: -99999px; display: block; width: 92px; height: 91px;}
		#col3{ margin-top: 18px; float: right;width: 314px; background-color: #fbf9f6;
			background-image:url(assets/gfx/colTop.gif); background-repeat:no-repeat; background-position:top left; margin-bottom: 18px;}
		
			#col3 h2{width: 296px; height: 40px;
					margin-left: 9px; margin-bottom: -2px; margin-top: 10px;
					 text-indent: -99999px;}
				#col3 h2 a{display: block; width: 296px; height: 40px; background-image:url(assets/gfx/newsHeader.gif);
					background-repeat:no-repeat; background-position:top left;}
				#col3 h2 a:hover{background-position:bottom left;}
				#col3 h4{color: #3db449; font-size: 12px; margin-top: 10px; margin-bottom: 0px;}
				#col3 h4 a{color: #3db449; text-decoration:none;}
				#col3 h4 a:hover{color: #9c857a; text-decoration:none;}
				#col3 h4 span{color: #9c857a; display: block; margin-top: 3px; margin-bottom: 3px;}
				#col3 li{width: 291px; margin-left: 12px; border-bottom: 1px solid #ebeae8; padding-bottom: 12px; margin-top: 0px;}
				#col3 ul{margin-top: 4px;}
			#col3 img{margin-top: 0px; margin-top: 12px; float: left; margin-right: 10px;}
			#col3 p{margin-left: 12px; margin-right: 12px; margin-top: 0px; margin-bottom: 0px;}
			#col3 .genericButton{margin-left: 205px; margin-top: 12px;}
			
			
		#col9{ margin-top: 18px; float: right;width: 314px; background-color: #fbf9f6;
			background-image:url(assets/gfx/colTop.gif); background-repeat:no-repeat; background-position:top left; margin-bottom: 18px;}
		
			#col9 h2{width: 146px; height: 40px;
					margin-left: 9px; margin-bottom: -2px; margin-top: 10px;
					 text-indent: -99999px;}
				#col9 h2 a{display: block; width: 296px; height: 40px; background-image:url(assets/gfx/signUpSmall.gif);
					background-repeat:no-repeat; background-position:top left;}
				#col9 h2 a:hover{background-position:bottom left;}
				#col9 h4{color: #3db449; font-size: 12px; margin-top: 10px; margin-bottom: 0px;}
				#col9 h4 a{color: #3db449; text-decoration:none;}
				#col9 h4 a:hover{color: #9c857a; text-decoration:none;}
				#col9 h4 span{color: #9c857a; display: block; margin-top: 3px; margin-bottom: 3px;}
				#col9 li{width: 291px; margin-left: 12px; border-bottom: 1px solid #ebeae8; padding-bottom: 12px; margin-top: 0px;}
				#col9 ul{margin-top: 4px;}
			#col9 img{margin-top: 0px; margin-top: 12px; float: left; margin-right: 10px;}
			#col9 p{margin-left: 12px; margin-right: 12px; margin-top: 0px; margin-bottom: 0px;}
			#col9 .genericButton{margin-left: 205px; margin-top: 12px;}
			
			
			
		.colFooter{background-image:url(assets/gfx/colBottom.gif); height: 10px; background-repeat:no-repeat;}
		.colFooterWide{ width: 646px;background-image:url(assets/gfx/wideFooter.gif); height: 10px; background-repeat:no-repeat;}
		.genericButton{background-image:url(assets/gfx/view-all-button.gif); background-repeat:no-repeat; background-position:top left; width: 100px; height: 40px; display: block; text-indent: -99999px;}
		.genericButton:hover{background-position:bottom left;}
		#p1 a{background-image:url(assets/gfx/four-twenty-logo.gif);}
		#p2 a{background-image:url(assets/gfx/bmf_logo.gif);}
		#p3 a{background-image:url(assets/gfx/hdmLogo.gif);}
		#p4 a{background-image:url(assets/gfx/hope_logo.gif);}
		#p5 a{background-image:url(assets/gfx/uk_logo.gif);}
		#p6 a{background-image:url(assets/gfx/marine-parade-logo.gif);}
		#p7 a{background-image:url(assets/gfx/teenage-rampage.gif); text-indent: -99999px;}
		#p8 a{background-image:url(assets/gfx/deface_logo.gif); text-indent: -99999px;}
		#p9 a{background-image:url(assets/gfx/dsr_logo.gif);}
			#p1 a:hover, #p2 a:hover, #p3 a:hover, #p4 a:hover, #p5 a:hover,#p6 a:hover, #p7 a:hover, #p8 a:hover, #p9 a:hover{background-position: bottom left;}

		/* footer */
		#footer{font-size: 12px; color: #9c847a; padding-top: 12px;line-height:17px;}
		#newsFooter{
			width: 200px;
			float: left;
			display: block;

		}
			#newsFooter li{
				float: left;
				clear: both;
			}
			#newsFooter a{
				color: #9c847a;
				text-decoration:none;
			}
		#contactFooter{
			margin-left: 12px;
			width: 200px;
			float: left;
			display: block;
		}
		#creds{text-align: right; float: right;}
			#creds a{color: #9c847a; text-decoration: none;}

	#pager{background-image:url(assets/gfx/pagerBackground.gif); width: 242px; height: 41px; margin: auto; background-repeat:no-repeat;}




#col5{
	width: 644px;
	background-image:url(assets/gfx/wide_header.gif);
	background-repeat:no-repeat;
	margin-top: 21px;
	background-color:#f9f8f5;

}
	#col5 h3{background-image:url(assets/gfx/headerBackg.gif);
	margin-top: 8px; margin-left: 9px;
	width: 626px; height: 40px; background-position:bottom;
	padding-top: 10px; background-repeat:no-repeat; text-indent: -9999px; margin-bottom: 8px; margin-top: -3px; margin-bottom: 10px;}
	#newsHeader{background-image:url(assets/gfx/latestNews.gif)!important;}
	#col5 ul{margin-bottom: -3px;}
	#col5 h4{color: #3db449; font-size: 12px; margin-top: 0px; margin-bottom: 0px; width: 504px; float: left; margin-left: 12px;}
	#col5 p{ margin: 0px; width: 504px; float: left; clear: none;}
				#col5 a{color: #3db449; text-decoration:none; }
					#col5 a:hover{color: #9c857a;}
				#col5 h4 span{color: #9c857a; display: block; margin-top: 3px; margin-bottom: 3px;}
				#col5 li{width: 591px; margin-left: 12px; border-bottom: 1px solid #ebeae8; padding-bottom: 12px; margin-top: 0px; margin-bottom: 12px;}
				#newsList{min-height: 506px;}
				#newsList div{float: left; clear: none; width: 504px; margin-left: 10px;}
				#newsList img{float: left; display: inline; clear: none; }
					#newsList li{display: block!important; float: left!important; clear: both!important;}
					.newsText{margin-left: 12px; display: inline-block;}

/* news page */
#newsStoryContent{
	width: 410px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	min-height: 544px;
}
.extraTall{margin-bottom: 18px;}
	#newsStoryContent p{width: 410px; margin-bottom: 12px;}

#newsStoryHeader2{text-indent: 8px!important;color: #3db449;padding-top: 20px; line-height: 42px;}

/* firefox fixes */
.ff3 #mainInner{min-height: 356px;}
.ff3 #col5 li{ margin-bottom: 10px;  padding-bottom: 11px; width: 621px;}
.ff3 #pager{padding-bottom: 2px;}
.ff3 #col5 ul{margin-bottom: 0px;}
.ff3 #testimonials{	margin-bottom: 0px;}
.ff3 #pager{margin-top: -4px;}

/* opera fix */
.opera #testimonials{	margin-bottom: -7px;}
/* testimonials */

#testimonials{
	margin-left: 12px;
	margin-right: 12px;
	width: 410px;
	float: left;
	margin-bottom: 10px!important;
}
	#testimonials dt{
		margin-bottom: 4px;
		background-image:url(assets/gfx/speechBubbleBackg.gif);
		background-repeat: no-repeat;
		background-color:#FFF;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#testimonials dt span{
		display: block;
		padding: 7px;
		padding-bottom: 0px;
	}
	#testimonials dd{
		font-weight: bold;
		margin-bottom: 20px;
		margin-left: 0px;
		color: #9c857a;
		background-color: #f1eeeb;
		display: inline;
		padding-right: 6px;
		display: inline-block;
		height: 19px!important;
		background-image:url(assets/gfx/quoteRight.gif);
		background-repeat:no-repeat;
		background-position:right;
	}
	#testimonials dd span{
		line-height: 20px;

	}
	#testimonialsHeader{
		background-image:url(assets/gfx/testimonialsWide.gif)!important;
	}
	.testimonialFooter{background-image:url(assets/gfx/speechBubbleFooter.gif); height: 14px;}

.quoteLeft{
	width: 5px;
	height: 19px;
	float: left;
	background-image:url(assets/gfx/quoteLeft.gif);
}
#Four04header{
	background-image:url(assets/gfx/404Header.gif)!important;
}

/* Contact */

#contactHeader{
	background-image:url(assets/gfx/contactNewsHeader.gif)!important;
}
#contactText{
	width: 250px;
	margin-left: 12px;
	float: left;
}
#contactText p{
	width: 350px;
	margin-bottom: 12px;
	margin-right: 12px;
}
#contactForm{
	float: right;
	width: 250px;
	height: 544px;
}
#contactForm label, #contactForm input, #contactForm select{
	clear: both;
	float: left;
	font-size: 12px;
}
#contactForm label{
	font-weight: bold;
	color: #3db449;
	margin-bottom: 4px;
}
#contactForm input{
	background-color: #f2eeeb;
	color: #9c857a;
	border: 0px;

}
#contactForm img{
	position: relative;
	left: -12px;
}
	.textField{width: 232px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; 	margin-bottom: 12px; padding: 2px;}
	#contactForm input:hover,#contactForm input:focus {background-color: #eae5e1;}

	#contactForm  select{ -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; 	background-color: #f2eeeb; padding: 2px;
	color: #9c857a;
	border: 0px;
	margin-bottom: 12px;}
	#contactForm  select:hover, #contactForm  select:focus{
		background-color: #eae5e1;
	}
	#contactForm textarea{
		 -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; 	background-color: #f2eeeb; padding: 2px; border: 0px;
		 width: 232px;
		 margin-bottom: 12px;
		 color: #9c857a;
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
	}
	.submitButton{
		background-image:url(assets/gfx/submitButton.gif);
		width: 100px;
		height: 40px;
		background-position:top;
	}
	.submitButton:hover{
		background-position:bottom;
		cursor:pointer;
	}
#nextButtonGraphic{
		position: relative;
		left: -8px;
		top: 6px;
		background-image:url(assets/gfx/nextButton.gif);
		width: 24px;
		height: 24px;
		background-position:bottom;
		background-repeat:no-repeat;
		text-indent: -100000px;
		padding: 0px!important;
		float: right!important;
		display: block!important;

}
	#nextButtonGraphic a{padding: 0px!Important;background-image:url(assets/gfx/nextButton.gif); background-position:top; margin: 0px; width: 24px; height: 24px; padding: 0px; display: block; float: left;}
		#nextButtonGraphic a:hover{background-position:bottom;}
#prevButtonGraphic{
		position: relative;
		left: 9px;
		top: 6px;
		background-image:url(assets/gfx/prevbutton.gif);
		width: 24px;
		height: 24px;
		background-position:bottom;
		background-repeat:no-repeat;
		text-indent: -100000px;
		padding: 0px!important;
		float: left!important;
		display: block;
}
	#prevButtonGraphic a{padding: 0px!Important; background-image:url(assets/gfx/prevbutton.gif); background-position:top; margin: 0px; width: 24px; height: 24px;  padding: 0px; display: block; float: left;}
	#prevButtonGraphic a:hover{background-position:bottom;}

	#col3 img{border: 0px;}
	#col5 img{border: 0px;}


#signUpText{
	width: 350px;
	float: left;
	margin-left: 12px;
}
#signUpText p{
	width: 350px;
	margin-bottom: 8px;
}
#signupHeader{
	background-image: url(assets/gfx/signUpHeader.gif)!important;
}
.otherEvents{
	padding-left: 12px; font-weight: bold;	
}
#testimonials{
	background-image: none!important;	
}
#contactForm .textField{
    width: 232px!important;
}
iframe{
    position:relative;
    left: 18px;
}
	#col3 a{color: #3DB449; text-decoration: none}
	#col3 a:hover{color: #9C857A; text-decoration: underline}
	
.form2{
	float: left!important;
	height: 150px!important;
	width: 250px!important;
	margin-left: 12px;
	margin-bottom: -6px;
	margin-top: -5px;
}
#col9 {margin-bottom: 0px!important;}
#col9 .colFooter{clear: both;}
#col9 p{margin-top: 10px; margin-bottom: 12px;}
input{font-family: arial;}
*{outline: none}

#newsStoryContent ul{
	font-size: 12px;
	color: #9C857A;
	list-style: square!important;
	padding-bottom: 20px;
	margin-left: 12px;
}

#newsStoryContent li{
	list-style: square!important;
	color: #646464;
	padding: 0px;
	margin: 0px;
	border: 0px!important;
	font-weight: bold;
	margin-left: 12px;
	margin-bottom: 6px;
}