/*
Theme Name: Young Musicians Foundation
Theme URI: http://www.ymf.org
Description: Custom theme for YMF.org
Author: Hip Web Design
Author URI: http://www.makeyouhip.com/
Tags: grey, yellow, emerald
*/

/* BEGIN GLOBAL */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	background: #171717;
	}
	
a, a:visited {
	color: #f3f556;
	text-decoration: none;
	}
	
	a:hover {
		color: #fdfeb9;
		}
		
	img {
		border: 0;
		}
		
table {
	border-collapse: collapse;
	}
	
h2 {
	position: relative;
	margin: 0;
	padding: 5px 7px;
	background: #3b3b3b;
	width: 99%;
	color: #ffffff;
	font-weight:lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
h2.title {
	background: #232323;
	padding: 7px 0px 7px 10px;
	color: #f7f5ef;
	font-size: 14pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	width: auto;
	}
	
h2.page-title {
	color: #1d1d1d;
	font-size: 20pt;
	background: #535353;
	padding: 7px 7px;
	width: 99%;
	}
	
h2.single-title {
	color: #ffffff;
	font-size: 20pt;
	background: #535353;
	padding: 7px 7px;
	width: 99%;
	}
	
h2.event-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	background: 0;
	padding: 0;
	}
	
	h2.event-title a {
		color: #f3f556;
		text-decoration: none;
		}
		
		h2.event-title a:hover {
			color: #fdfeb9;
			}
		
h2.news-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	margin-top: 10px;
	background: 0;
	padding: 0;
	}
	
h2.sidebar-title {
	background: #171717;
	color: #ffffff;
	font-size: 14pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	margin: 0 0 1px 0;
	padding: 7px 0px 7px 10px;
	width: auto;
	text-align: left;
	}
	
	h2.sidebar-title:hover {
		background: #212121;
	}
	
	h2.sidebar-title a {
		color: #ffffff;
	}
	
	h2.sidebar-title a:hover {
		color: #fdfeb9;
	}
	
h2.comments {
	background: #464646;
}
	
h3 {
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	}
	
h4 {
	position: relative;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight:lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	}
	
h2.error-heading {
	font-size: 22pt;
	color: #f46e6e;
	background: 0;
	padding: 0;
	margin: 5px 0 15px 0px;
}

h2.success-heading {
	font-size: 22pt;
	color: #d0e88a;
	background: 0;
	padding: 0;
	margin: 5px 0 15px 0;
}

h2.steps {
	font-size: 18pt;
	color: #fff;
	background: 0;
	padding: 0;
	margin: 5px 0 15px 0;
}

h2.inactive {
	color: #838383;
}

h2.preview-heading {
	font-size: 18pt;
	color: #838383;
	background: 0;
	padding: 0;
	margin: 20px 0 15px 0;
}

.clear {
	clear: both;
	}

/* END GLOBAL */

/* BEGIN HEADER */

#header {
	position: relative;
	background: #232323;
	}

	#headerimg {
		position: relative;
		width: 1050px;
		margin: 0 auto;
		padding: 0;
		}
		
		#launch-player {
			position: absolute;
			right: 10%;
			top: 0;
			padding: 10px 15px 10px 10px;
			background: #171717;
			font-size: 7pt;
			text-transform: uppercase;
			-moz-border-radius-bottomright: 15px;
			-moz-border-radius-bottomleft: 15px;
			border-bottom-right-radius: 15px;
			border-bottom-left-radius: 15px;
			-webkit-border-bottom-right-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			}
		
#ribbon {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	}

/* END HEADER */

/* BEGIN NAVIGATION */

#nav {
	width: 100%;
	background: #232323;
	height: 33px;
	margin: 0;
	padding: 0;
	}
	
	#nav-holder ul li.donate a {
		color: #b1f9ce;
	}
	
	#nav-holder {
		width: 975px;
		margin: 0 auto;
		}
		
		#nav-holder ul {
			margin: 0;
			padding: 0;
			}
		
		#nav-holder li {
			position: relative;
			float: left;
			margin: 0 0px 0 0;
			padding: 10px 20px 13px 20px;
			list-style: none;
			z-index: 99;
			}
			
			#nav-holder li.page-item-2 {
				}
			
			#nav-holder li li {
				margin: 0;
				padding: 5px 10px 5px 15px;
				z-index: 98;
				width: 175px;
				}
				
			#nav-holder ul ul {
				left: 10px;
				width: 200px;
				padding: 5px 0px 10px 0px;
				background: #303030;
				-moz-border-radius-bottomright: 15px;
				-moz-border-radius-bottomleft: 15px;
				border-bottom-right-radius: 15px;
				border-bottom-left-radius: 15px;
				-webkit-border-bottom-right-radius: 15px;
				-webkit-border-bottom-left-radius: 15px;
				}
				
				#nav-holder ul ul li {
					line-height: 1.0em;
					border-bottom: 1px #393939 solid;
					}
					
			#nav-holder ul ul ul {
					left: 200px;
					padding: 0 0 15px 0;
					-moz-border-radius: 0px 0px 15px 0px;
					border-radius: 0px 0px 15px 0px;
					-webkit-border-radius: 0px 0px 15px 0px;
					}
					
					#nav-holder ul ul ul a {
						color: #f0f0f0;
					}
			
			#nav-holder li a {
				color: #f0f0f0;
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				text-decoration: none;
				}
				
				#nav-holder li a:hover {
					color: #ffffff;
					text-decoration: underline;
					}
					
			#nav-holder ul li.current_page_item, #nav-holder ul li.current_page_parent {
				background: #4a4a4a;
				}
				
				#nav-holder ul li:hover {
					background: #303030;
					}
					
					#nav-holder ul li li:hover, #nav-holder ul li li li:hover {
					background: #3b3b3b;
					}
					
					#nav-holder ul li li:hover a, #nav-holder ul li li li:hover a {
						color: #f3f573;
						text-decoration: none;
						}
						
					#nav-holder ul li li a {
						padding: 2px 0;
					}
				
				#nav-holder ul ul li.current_page_item {
					background: 0;
					}
				
				#nav-holder li.current_page_parent a, #nav-holder li.current_page_item_home a, #nav-holder ul li.current_page_item a {
					color: #f3f573;
					}
					
					#nav-holder li.current_page_parent li a, #nav-holder ul li.current_page_item li a {
						color: #ffffff;
						}
					
.sf-menu {
	line-height: 1.0;
	}
	
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	}
	
.sf-menu ul li {
	width: 100%;
	}
	
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}
	
.sf-menu a {
	display: block;
	position: relative;
	}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
	}
	
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
	}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}
	
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
	}
	
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}

/* END NAVIGATION */

/* BEGIN PAGE */

#page {
	width: 100%;
	background: #4a4a4a;
	margin: 0;
	padding: 0;
	}
	
	#content {
		width: 975px;
		margin: 0 auto;
		padding: 15px 0;
		}
		
	#upcoming-events {
		margin: 0 0 15px 0;
		}
		
	#event-holder {
		margin: 3px 0;
		}
		
		.event {
			width: 249px;
			height: 406px;
			background: #535353;
			float: left;
			border-right: 1px #4a4a4a solid;
			}
			
			.event:hover {
				background: #626262;
				}
			
			.eventimg {
				width: 247px;
				height: 210px;
				opacity:0.8;
				filter:alpha(opacity=80);
				overflow: hidden;
				}
				
				.eventimg:hover {
					opacity:1;
					filter:alpha(opacity=100);
				}
				
				.eventimg img {
					width: 247px;
					height: auto;
					}
					
			.event-info {
				padding: 10px 10px;
				text-align: left;
				}
				
			a.more {
				font-size: 8pt;
				text-transform: uppercase;
				}	
				
	#pwbox-250 {
		margin: 5px 0;
	}
		
	div.scrollable {
		position: relative; 
    	overflow: hidden;
		width: 900px;
		height: 406px;
		margin: 0 auto;
		padding: 0 3px 0 3px;
		float: left;
		}
		
	div.items {
		width: 20000em; 
    	position: absolute;
		}
		
	.prev {
		float: left;
		width: 33px;
		height: 406px;
		background: url('images/scroll-left-arrows.jpg') 0 0 no-repeat;
		cursor: pointer;
		}
		
		.prev:hover {
			background-position: 0 -406px;
			}
		
	.next {
		float: right;
		width: 33px;
		height: 406px;
		background: url('images/scroll-right-arrows.jpg') 0 0 no-repeat;
		cursor: pointer;
		}
		
		.next:hover {
			background-position: 0 -406px;
			}
			
#news {
	width: 691px;
	}
	
	.news-entry {
		padding: 10px 15px;
		background: #535353;
		}
		
	.home-entry {
		line-height: 1.7em;
		}
		
.entry {
	line-height: 1.7em;
	margin: 10px 0;
	padding: 15px 15px;
	background: #535353;
	}
	
	ul.program-list {
		padding-left: 25px;
	}
	
.event-entry {
		padding: 15px 10px 5px 10px;
		margin-bottom: 10px;
	}
	
.event-entry:hover {
	background: #595959;
	}
	
#more-news {
	width: 691px;
	}
	
	#more-news .news-entry {
		padding-bottom: 25px;
		}
	
	#more-news li {
		list-style: none;
		}

#contact {
	text-align: center;
	}
	
	.contact-box {
		background: #424242;
		margin: 3px 0;
		padding: 6px 10px 10px 10px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		}
		
		.contact-box:hover {
			background: #4d4d4d;
			}
			
		.contact-box textarea {
			width: 100%;
			}
			
.edit {
	padding: 6px;
	background: #474747;
	border: 2px #424242 dashed;
}

#tickets {
	text-align: center;
	padding: 6px;
	background: #474747;
	border: 2px #424242 dashed;
	margin: 10px 0;
	width: 99%;
}

/* END PAGE */

/* BEGIN SIDEBAR */

#sidebar {
	width: 100%;
	}
	
	#subscribe {
		text-align: center;
		background: #535353;
		width: 100%;
		}
		
.subscribe-email {
	color: #848484;
}

	.subscribe-email:focus, .subscribe-email:active {
		color: #171717;
	}

/* END SIDEBAR */

/* BEGIN FOOTER */

#footer {
	width: 100%;
	background: #171717;
	border-top: 4px #232323 solid;
	margin: 0;
	padding: 0;
	}
	
	#footer-content {
		width: 975px;
		margin: 0 auto;
		padding: 30px 0;
		}
		
	.site-info {
		font-size: 8pt;
		color: #f7f5ef;
		text-align: center;
		}
		
#sitemap {
	width: 100%;
	background: #232323;
	margin: 25px 0 0 0;
	}
	
	.sitemap-content {
		position: relative;
		width: 975px;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 7pt;
		text-transform: uppercase;
		}
		
	#sitemap-lists {
		width: 750px;
		margin: 0 auto;
	}
		
		.sitemap-content ul.short-map {
			margin: 0;
			padding: 0;
			float: left;
		}
		
		.sitemap-content ul.long-map {
			margin: 0 35px 0 0;
			padding: 0;
			float: left;
		}
		
		.sitemap-content ul.short-map li {
			width: auto;
			margin-right: 25px;
		}
		
		.sitemap-content li {
			list-style: none;
			margin: 0;
			line-height: 2.3em;
			}
			
		.sitemap-content ul ul {
			margin: 0;
			padding: 0;
		}
			
			.sitemap-content li li a {
				color: #ffffff;
			}
			
	.sitemap-box {
		position: absolute;
		left: 0;
		top: 0;
		padding: 10px;
		background: #171717;
	}

/* END FOOTER */

/* BEGIN IMAGES */

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.entry img, .article-img {
	padding: 5px;
	background: #595959;
	border: 1px #606060 solid;
}

.contact-box img {
	padding: 0;
	border: 0;
}

.wp-caption {
	border: 1px #606060 solid;
	padding-right: 2px;
}

.wp-caption p {
	text-align: center;
	font-size: 8pt;
	font-style: italic;
	color: #e9e9e9;
	margin: 0;
	padding: 0;
}

#tickets img {
	padding: 0;
	background: 0;
	border: 0;
}

/* END IMAGES */

/* BEGIN COMMENTS */

.commentlist {
	list-style: none;
	background: #464646;
	padding: 10px 10px 5px 10px;
	margin-bottom: 5px;
}

.avatar {
	float: left;
	margin-right: 10px;
}

/* END COMMENTS */

/* BEGIN APPLICATION FORMS */

.form-item {
	display: inline-block;
	margin: 0 7px 10px 0;
	color: #cdcdcd;
	vertical-align: top;
}

.form-item img {
	background: 0;
	border: 0;
}

.form-item:hover {
	color: #fff;
}

.form-item input {
	width: 300px;
	padding: 5px;
	background: #fff;
	border: 1px #000 solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12pt;
	color: #8c8c8c;
}

.form-item input:active, .form-item input:focus {
	color: #000;
}

.form-item input:focus {
	border-color: #75dcf6;
}

input.xlarge {
	width: 750px;
}

input.large {
	width: 425px;
}

input.medium {
	width: 200px;
}

input.small {
	width: 100px;
}

input.tiny {
	width: 50px;
}

.form-item textarea {
	width: 750px;
	height: 100px;
	padding: 5px;
	background: #fff;
	border: 1px #3b3b3b solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12pt;
	color: #8c8c8c;
}

.form-item .radio, .form-item .checkbox {
	width: auto;
}

.form-item .submit {
	color: #000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: auto;
	padding: 5px 20px;
	margin-right: 10px;
}

.form-item .submit:hover {
	cursor: pointer;
	background: #f4f671;
}

.form-item .disabled {
	color: #999;
	border-color: #999;
	cursor: default;
	background: #CCC;
}

.form-item .disabled:hover {
	cursor: default;
	background: #CCC;
}

.form-item .disabled:active {
	color: #999;
}

.form-set {
	padding: 10px 15px 3px 15px;
	margin-bottom: 15px;
	background: #404040;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
}

#add_resume {
	margin-top: 10px;
}

.upload-item {
	display: none;
	margin-top: 10px;
}

input.upload {
	font-size: 12pt;
	padding: 5px;
	margin-right: 15px;
}

.error {
	border-color: #ef3838 !important;
	background: #fff url('images/error.png') right center no-repeat !important;
	padding-right: 20px !important;
}

textarea.error {
	background-position: right 5px !important;
}

span.errormsg {
	/*color: #f46e6e;*/
	padding: 0px;
}

img.complete_icon {
	border: 0;
	background: 0;
	padding-bottom: 4px;
}

.dynamic-item-set {
	display: none;
}

.item-set {
	display: block;
}

.removeable-controls {
}

span.removeable-item {
	display: inline-block;
	width: 25px;
	margin: 5px 0 0 0;
	padding: 2px 0;
	text-align: center;
	color: #4a4a4a;
	background: #eaeaea;
	vertical-align: bottom;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

span.removeable-item:hover {
	color: #eaeaea;
	background: #7c7c7c;
	cursor: pointer;
}