/*
Theme Name: BowlNewHaven
Theme URI: http://www.pixeleightstudio.com
Description: BOWLNEWHAVEN.com - May not be reproduced without express written consent from NHCUSBC as well as Rob Rasmussen (PixelEight Web Studio)
Author: Rob Rasmussen
Author URI: http://www.pixeleightstudio.com
Version: 1.20
Tags: bowlnewhaven, bowling, new haven county bowling association
License: GNU General Public License v2.0 | From TidyThemes: This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("css/global.css");

/* Wordpress Stuff
--------------------------------------------- */
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}

/* FONT EMBEDS
--------------------------------------------- */
@font-face {
    font-family: 'Myriad Pro Semibold';
    src: url('fonts/myriadpro-semiboldit-webfont.eot');
    src: url('fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-semiboldit-webfont.woff') format('woff'),
         url('fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-semiboldit-webfont.svg#MyriadProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/myriadpro-boldit-webfont.eot');
    src: url('fonts/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-boldit-webfont.woff') format('woff'),
         url('fonts/myriadpro-boldit-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-boldit-webfont.svg#MyriadProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CLEARFIX AND SELECTIONS
--------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


::selection {
	background: #cf1944; /* Safari */
	color: white;
}
::-moz-selection {
	background: #cf1944; /* Firefox */
	color: white;
}


/* STRUCTURE (this is a mobile first design structure)
--------------------------------------------- */

.content-container {
	margin:0 auto;
	width:75%;
}

.hiddencontent {
	display: none;
}

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: white;
}

#announcement {
    background: #06407c !important;
    padding: 1em;
    color: #fff;
    font-weight: 700;
	border-radius: 8px;
	margin-bottom: 2em;
	color: #fff;
}
#announcement h3 {
	font-size: 1.25em;
	color: #fff !important;
}
#announcement p {
	color: #fff !important;
}
#announcement a {
	color: #fff;
	text-decoration: underline;
}
#announcement a:hover {
	color: #002c5e;
}

#page {
	width: 100%;
	margin: 0px auto;
	padding: 0;
	min-height: 400px;
}

	#logo-and-search {
			width: auto;
			height: auto;
			text-align: center;
			padding: 4px 0;
			background-color: none;
			margin: 0 0 5px 0;
		}	
		
			#logo-area {
					width: auto;
					height: auto;
					padding: 0;
					margin: 0 0 0 0;
					float: none;
					text-align: center;
				}
				
					h1.logo {
							width: 173px;
							height: 132px;
							text-indent: -9999px;
							margin: 0px auto;
							padding: 0;
							display: block;
							background: url(images/nhcusbc-logo.png) top center no-repeat transparent;
						}
						
				#mission-area {
					width: auto;
					text-align: center;
					height: auto;
					overflow: hidden;
					float: none;
					margin: 0;
					padding: 0;
				}
				
						#mission-area h2 {
							margin: 15px 0;
							padding: 0;
							font-family: "Myriad Pro", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 22px;
							display:none;
						}		
						
								span.proudly {
									color: #5c6c7e;
									font-size: 18px;
								}
								
								span.bowlersof {
									color: #06407c;
									font-size: 24px;
								}
								
								span.since {
									color: #cf1944;
									font-size: 21px;
								}
								
						#mission-area p {
							font-size: 15px;
							color: #8c8c8c;
							font-family: "Myriad Pro", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
						}	
						
			#homepg-slideshow {
				display: none;
			}				
		
		#minislide {
			display: none;
		}	
		
		#website-main {
			width:auto;
			padding:2%;
			background-color: white;
			height: auto;
		}	
		
			#mainbody {
					width: auto;
					height: auto;
					background-color: white;
					margin: 0;
					display: inline-block;
				}	
				
								#mainbody h3 {
							margin: 0 0 25px 0;
							padding: 0;
							font-family: "Myriad Pro", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 22px;
							font-size: 20px;
							color: #cf1944;
						}
						
						#mainbody h4 {
							margin: 0 0 25px 0;
							padding: 0;
							font-family: "Myriad Pro Semibold", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 21px;
							font-size: 15px;
							color: #7c7c7c;
						}
						
						#mainbody table h4 {
							margin: 0;
							padding: 0;
							font-family: "Myriad Pro Semibold", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 21px;
							font-size: 15px;
							color: #7c7c7c;
						}
						
						#mainbody p {
							font-family: Arial, sans-serif;
							font-weight: normal;
							font-size: 13px;
							line-height: 21px;
							color: #838383;
						}
						
						#mainbody a {
							font-family: Arial, sans-serif;
							font-size: 13px;
							line-height: 21px;
							color: #838383;
							text-decoration: underline;
							font-weight: bold;
						}
						
								#mainbody a:hover {
									color: #cf1944;
								}
								
				#mainbody ol, #mainbody ul {
					font-family: Arial, sans-serif;
					font-weight: normal;
					font-size: 13px;
					line-height: 21px;
					color: #838383;
				}		
				
						#mainbody ol li, #mainbody ul li {
							margin: 1.5% 0;
						}		
								
				#right-col {
					width: auto;
					height: auto;
					float: none;
				}	
				
				a.blue-callout, a.red-callout, a.grey-callout, a.nominationad {
							width: 248px;
							height: 126px;
							padding: 13px;
							margin: 0 0 16px 0;
							text-decoration: none;
							border: 0;
							font-family: "Myriad Pro", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
							color: #f1f4f7;
							font-size: 22px;
							line-height: 28px;
							display: block;
						}
						
								a.nominationad {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
background: #f1e767; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f1e767 0%, #feb645 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
Transform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
color: #b06d00;
}
								a.nominationad:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbcc46+0,f29100+100 */
background: #dbcc46; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #dbcc46 0%, #f29100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #dbcc46 0%,#f29100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #dbcc46 0%,#f29100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbcc46', endColorstr='#f29100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:white;
}
				
								a.blue-callout {
									background: url(images/callout-bg-blue.jpg) no-repeat top left;
								}
								
								a.red-callout {
									background: url(images/callout-bg-red.jpg) no-repeat top left;
								}
								
								a.grey-callout {
									background: url(images/callout-bg-grey.jpg) no-repeat top left;
									margin: 0 0 0 0!important;
								}
								
										a.blue-callout:hover, a.red-callout:hover, a.grey-callout:hover {
											background-position: 0 -154px;
											color: white;
										}
										
												div.learnmore {
													font-size: 13px;
													text-decoration: none;
													font-family: "Myriad Pro", Arial, sans-serif;
													font-weight: normal;
													text-transform: uppercase;
													text-align: right;
													margin: 17px 0 0 0;
													color: #04111e!important;
												}
												
												a.blue-callout:hover div.learnmore, a.red-callout:hover div.learnmore, a.grey-callout:hover div.learnmore, a.nominationad:hover div.learnmore {
													color: white!important;
												}					
		
		#footer {
			width: auto;
			padding: 23px;
			height: auto;
			background-color: white;
		}			
		
						.footer-left {
					float: none;
					width: auto;
					height: auto;
				}
				
						.footercopyright {
								font-family: "Myriad Pro Semibold", Arial, sans-serif!important;
								font-weight: normal;
								text-transform: uppercase;
								font-size: 14px;
								color: #cf1944;
						}
						
						.footermission {
								font-family: Arial, sans-serif;
								font-weight: normal;
								font-size: 12px!important;
								line-height: 21px;
								color: #838383;
								font-style: italic;
						}
				
				.footer-right {
					float: none;
					width: auto;
					height: auto;
					margin: 0;
					text-align: center;
				}
				
						p.footeraddress {
							font-size:15px;
							color: #8c8c8c;
							font-family: "Myriad Pro Semibold", Arial, sans-serif!important;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 19px;
						}			
						
						



														
/* DESKTOP LAYOUT
--------------------------------------------- */

@media only screen and (min-width: 30.063em) { /* min 481px */

body {
	background: url(images/nhcusbc-bg.gif) top center repeat-y;
}

#page {
	width: 957px;
	height: auto;
	margin: 15px auto;
}

	#logo-and-search {
			height: 132px;
			padding: 0;
			margin: 0 0 15px 0;
			overflow: hidden;
			text-align: left;
		}
		
			#logo-area {
					width: 250px;
					height: 132px;
					margin: 0 0 0 31px;
					float: left;
				}
				
					h1.logo {
							width: 173px;
							height: 132px;
							margin: 0;
							display: inline-block;
						}
						
				#mission-area {
					width: 425px;
					text-align: center;
					height: 132px;
					overflow: hidden;
					float: right;
					margin: 20px 50px 0 0;
				}
				
						#mission-area h2 {
							margin: 0;
							padding: 0;
							font-family: "Myriad Pro", Arial, sans-serif;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 22px;
							display:inline-block;
						}	
						
		#topnavs {
			width: 957px;
			height: 35px;
			background: url(images/nhcusbc-topnav-bg.gif) top left repeat-x;
			margin: 0 0 15px 0;
			padding: 15px 0 0 0;
		}
		
				ul#menu-main-menu-1 {
					list-style: none;
					margin: 0 0 0 0;
					padding: 0;
					text-align: center;
				}
				
						ul#menu-main-menu-1 > li {
							margin: 0;
							padding: 0;
							display: inline-block;
							padding: 0 13px
						}
						
						ul#menu-main-menu-1 > li:hover > a {
							color: #ff3b3b!important;
						}
						
								ul#menu-main-menu-1 > li > a {
									color: #e3e3e3;
									text-decoration: none;
									font-family: "myriad pro";
									font-weight: normal;
									text-transform: uppercase;
									font-size: 14px;
									padding: 15px 0;
								}
								
										ul#menu-main-menu-1 > li > a:hover {
											color: #ff3b3b;
										}
										
		/* DROP DOWNS */
		
		ul.sub-menu {
			position: absolute;
			z-index: 3;
			visibility: hidden;
			margin: 0;
			padding: 0.25%;
			background-color: #456a90;
			overflow: hidden;
			-moz-box-shadow: 0px 0px 5px #707070;
			-webkit-box-shadow: 0px 0px 5px #707070;
			box-shadow: 0px 0px 5px #707070;
			text-align: center;
			list-style: none;
			width:200px;
		}
		
		ul.sub-menu li {
			margin: 0;
			padding: 0;
			padding: 2.5% 4%;
		}
		
				ul.sub-menu li a {
					color: #e3e3e3;
					font-family: "myriad pro";
					font-weight: normal;
					text-transform: uppercase;
					font-size: 14px;
					text-decoration: none;
					display: block;
					padding: 10px 0!important;
					margin:0;
				}
					
				ul.sub-menu li a:hover {
					color: #ff3b3b;
					background-color: #244f7b;
					padding: 10px 0!important;
					margin:0;
				}
		
		/* tournaments nav */
		.menu-item-45:hover ul.sub-menu {
			visibility: visible;
			margin: 14px 0 0 -45px;
		}
		
		/* board of directors nav */
		.menu-item-44:hover ul.sub-menu {
			visibility: visible;
			margin: 14px 0 0 -31px;
		}		
		
		/* awards and honors nav */
		.menu-item-41:hover ul.sub-menu {
			visibility: visible;
			margin: 14px 0 0 -35px;
		}
		
		/* hall of fame nav */
		.menu-item-37:hover ul.sub-menu {
			visibility: visible;
			margin: 14px 0 0 -55px;
		}
	
		/* contact nav */
		.menu-item-35:hover ul.sub-menu {
			visibility: visible;
			margin: 14px 0 0 -45px;
		}
		
		
		
		#homepg-slideshow {
			width: 911px;
			height: 327px;
			padding: 23px;
			margin: 0 0 15px 0;
			background-color: white;
			display: block;
			-moz-box-shadow:    0px 0px 3px 3px #cecece;
			-webkit-box-shadow: 0px 0px 3px 3px #cecece;
			box-shadow:         0px 0px 3px 3px #cecece;
		}	
		
			#slideshow {
				overflow: hidden;
				position: relative;
   				display: block;
   				width: 911px;
				height: 327px;
				z-index: 1;
			}
		
		#minislide {		
			width: 909px;
			height: 98px;
			overflow: hidden;
			padding: 23px;
			margin: 0 0 15px 0;
			background-color: white;
			display: block;
			-moz-box-shadow:    0px 0px 3px 3px #cecece;
			-webkit-box-shadow: 0px 0px 3px 3px #cecece;
			box-shadow:         0px 0px 3px 3px #cecece;
		}
		
				#minislide img {
					border: 1px solid #ccc;
				}	
				
		#website-main {
			width: 911px;
			padding: 23px;
			background-color: white;
			height: auto;
			margin: 0 0 15px 0;
			-moz-box-shadow: 0px 0px 3px 3px #cecece;
			-webkit-box-shadow: 0px 0px 3px 3px #cecece;
			box-shadow: 0px 0px 3px 3px #cecece;
		}	
		
			#mainbody {
					width: 611px;
					height: auto;
				}	
				
				#right-col {
					width: 274px;
					height: auto;
					float: right;
				}		
				
		#footer {
			width: 911px;
			padding: 23px;
			height: auto;
			background-color: white;
			-moz-box-shadow: 0px 0px 3px 3px #cecece;
			-webkit-box-shadow: 0px 0px 3px 3px #cecece;
			box-shadow: 0px 0px 3px 3px #cecece;
		}			
		
							.footer-left {
					float: left;
					width: 535px;
					height: auto;
				}
				
						.footercopyright {
								font-family: "Myriad Pro Semibold", Arial, sans-serif!important;
								font-weight: normal;
								text-transform: uppercase;
								font-size: 14px;
								color: #cf1944;
						}
						
						.footermission {
								font-family: Arial, sans-serif;
								font-weight: normal;
								font-size: 12px!important;
								line-height: 21px;
								color: #838383;
								font-style: italic;
						}
				
				.footer-right {
					float: right;
					width: 155px;
					height: auto;
					margin: 8px 70px 0 0;
					text-align: center;
				}
				
						p.footeraddress {
							font-size:15px;
							color: #8c8c8c;
							font-family: "Myriad Pro Semibold", Arial, sans-serif!important;
							font-weight: normal;
							text-transform: uppercase;
							line-height: 19px;
						}				

}








								
				
		
		
								
								
		
		
				
				

		

		
				
				

						
						/* home page highlight areas */
						
						#mainbody ol.highlights {
							list-style: none;
							margin: 5px 0 0 0;
							padding: 0;
							display: 
						}
						
								ol.highlights > li {
									float: left;
									width: 277px!important;
									height: 248px!important;
									padding: 10px;
									overflow: hidden;
									background-color: #eef0f2;
								}
								
										ol.highlights > li.totheright {
											margin: 0 0 0 7px;
											float:right;
										}
										
												li.totheright p {
													margin: 0 0 7px 0!important;
												}
								
										p.boxtitles {
											font-family: "Myriad Pro Semibold", Arial, sans-serif!important;
											font-weight: normal;
											text-transform: uppercase;
											font-size: 15px!important;
											color: #cf1944!important;
											margin: 0 0 15px 0;
										}
										
										p.boxtext {
											font-size: 12px!important;
										}
										
												ol.highlights img {
													border: 1px solid #afb3b8;
													float: left;
													margin: 0 10px 2px 0!important;
												}
												
												/* events highlight on home page */
												
												ul.eventshighlight {
													margin: 0;
													padding: 0;
													list-style:none;
												}
												
														ul.eventshighlight > li {
															margin-bottom: 8px;
															display: block;
														}
														
														div.eventdate {
															font-size: 13px;
															color: #06407c;
															font-family: "Myriad Pro Semibold", Arial, sans-serif!important;
															font-weight: normal;
															text-transform: uppercase;
															display: block;
														}
														
														ul.eventshighlight p {
															font-family: Arial, sans-serif;
															font-weight: normal;
															font-size: 12px!important;
															line-height: 21px;
															color: #838383;
															font-style: italic;
															margin: 2px 0 15px 0;
														}
				
				
				
						
		
		
		

						
/* association records tabular data */

tr.bottomborder1px td{
border-bottom: 1px solid #e3e3e3;
} 

tr.topborder3px td{
border-top: 3px solid #e3e3e3;
} 

tr.nohover:hover {
	background-color: none!important;
}

tr:hover, tr:hover em, #mainbody table tr:hover h4 {
	background-color: #cf1944!important;
	color: white;
}



table {
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	line-height: 21px;
	color: #838383;
	margin: 0 0 60px 0;
}

table em {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, sans-serif;
	line-height: 21px;
	color: #838383;
}

/* board of directors list */

ul.boardofdirectors {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 611px;
}

	ul.boardofdirectors li {
		display: inline-block;
		width: 200px;
		height: auto;
		margin: 0;
		padding: 18px 0;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		font-family: Arial, sans-serif;
		color: #838383;
	}
	
		ul.boardofdirectors li:hover {
			background-color: #cf1944;
			color: white;
		}
			
			ul.boardofdirectors li img {
				border: 1px solid #ccc;
			}
	
			ul.boardofdirectors li em {
				font-size: 12px;
			}

/* centers list */		

ul.listofcenters {
	list-style:none;
	margin: 0;
	padding: 0;
	width: 610px;
}				

	ul.listofcenters li {
		display: block!important;
		width: 611px!important;
		height: 170px;
		margin: 0 0 60px 0;
		padding: 0;
		font-size: 14px;
		font-weight: normal;
		font-family: Arial, sans-serif;
		color: #838383;
	}
	
	ul.listofcenters li:first-child {
		margin: 45px 0 60px 0;
	}
	
		/* ul.listofcenters li:hover {
			background-color: #cf1944;
			color: white;
		} */
		
			ul.listofcenters li h5, #mainbody h5 {
				margin: 0;
				padding: 0;
				font-family: "Myriad Pro", Arial, sans-serif;
				font-weight: normal;
				text-transform: uppercase;
				line-height: 22px;
				font-size: 14px;
				color: #cf1944;
				border-bottom: 1px solid #ccc;
			}
			
					ul.listofcenters li img {
						border: 1px solid #ccc;
						float: left;
						margin: 0 15px 0 0;
					}

/* disclaimer terms/conditions */	

p.terms {
margin-bottom: 0;

}

p.terms a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 21px;
	color: #b7b7b7;
	font-style: italic;
	text-decoration: none;
}	

	p.terms a:hover {
		color: #cf1944;
	}
	
/* hall of famer list */

ul.halloffame {
	list-style: none;
	margin: 0;
	padding: 0;
}	

	ul.halloffame li {
		display: inline-block!important;
		width: 201px;
		height: 39px;
		background: url(images/plaque-bg.jpg) 0 0 no-repeat;
		margin: 13px 0;
		padding: 14px 0;
		text-align: center;
		text-transform: uppercase;
		color: #3d352a;
		font-family: "Myriad Pro", Arial, sans-serif;
		font-weight: normal;
		font-size: 14px;
		line-height: 12px;
		overflow: hidden;
	}
	
		ul.halloffame li:hover {
			background-position: 0 -68px;
			color: #000000;
			cursor: crosshair;
		}
		
				ul.halloffame li em {
					font-style: italic;
					font-family: Arial, sans-serif!important;
					font-weight: normal;
					font-size: 10px;
					text-transform: none;
				}
				
/* random h6 */

#mainbody h6 {
	margin: 15px 0 0 0!important;
	padding: 0;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 22px;
	font-size: 13px;
	color: #244F7B;
}	


	
/* posts section of site (blog) */

.post-outline {
	width: auto;
	height: auto;
	border: 1px solid #d9dde3;
	padding: 12px;
	margin: 0 0 25px 0;
	background-color: #f9fafb;
}	

								#mainbody .post-outline h4 {
									margin: 0 0 5px 0;
									border-bottom: 1px solid #ccc;
								}
								
								#mainbody .post-outline h4 a {
									margin: 0 0 5px 0!important;
									padding: 0;
									font-family: "Myriad Pro Semibold", Arial, sans-serif;
									font-weight: normal;
									text-transform: uppercase;
									line-height: 21px;
									font-size: 17px;
									color: #cf1944;
									text-decoration: none;
								}
								
										#mainbody h4 a:hover {
											color: #244F7B;
										}
										
/* sidebar search */

.sidebar-search-cont {
	margin: 0 0 16px 0;
	text-align: center;
	font-family: "Myriad Pro Semibold", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 19px;
	color: #cf1944;
	border-bottom: 1px solid #cecece;
	padding: 0 0 16px 0;
}	

/* caption */

.gallery-caption {
	font-family: arial;
	font-weight: normal;
	font-style: italic;
	color: #838383;
	font-size: 11px;
	padding: 0 17px;
	line-height: 14px;
}