* { margin:0; padding:0; }

/* helvetica */
@font-face {
	font-family: 'hv';
	src: url(#);
	src: url(#) format('eot'),
	url(#) format('woff'),
	url(/wp-content/themes/dunderdale/css/fonts/hv.ttf) format('opentype'),
	url(http://www.dunderdale2011.ca/wp-content/themes/dunderdale/css/fonts/hv.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* helvetica bold */
@font-face {
	font-family: 'hvb';
	src: url(#);
	src: url(#) format('eot'),
	url(#) format('woff'),
	url(/wp-content/themes/dunderdale/css/fonts/hvb.ttf) format('opentype'),
	url(http://www.dunderdale2011.ca/wp-content/themes/dunderdale/css/fonts/hvb.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'din';
	src: url(#);
	src: url(#) format('eot'),
	url(/wp-content/themes/dunderdale/css/fonts/din.woff) format('woff'),
	url(/wp-content/themes/dunderdale/css/fonts/din.ttf) format('opentype'),
	url(http://www.dunderdale2011.ca/wp-content/themes/dunderdale/css/fonts/din.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* some reset and other commonly used styles */
a { color: #4388B6; text-decoration: none; }
a:hover { color: #005CA3; text-decoration: none; }
img { display: block; }
a img {  border-width:0; }
address {font-style: normal; }
ul { list-style: none; }
fieldset { border-width:0; }
input { outline: none; }
.replace { display: block; height: 0 !important; overflow: hidden; }
.wrap { position: relative; overflow: hidden; }
.wrap ul.slider { position: relative; } /* in general, can be overwritten by position: absolute if necessary */
.shape { width:0; height:0; line-height: 0; border: 0px solid transparent; font-size: 0em !important; text-indent: 0 !important;}
.tms { font-family: 'trebuchet ms',sans-serif; }
.button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; }
	.button.lightblue { background-color: #cae6f9; color: #4388b6; padding: 10px; text-transform: uppercase; font-weight: bold; }
	.button.darkblue { background-color: #0f3261; color: #fff; padding: 4px 12px;}


body { 
	background-color: #005ca3;
	min-width: 960px;
	font-family: hv,arial,sans-serif;
	color: #fff;
	font-size: 13px;
	line-height: 1.6;
	padding: 40px 0 0;
}

.container { 
	width: 100%; 
	position: relative;
	height: 100%; 
	overflow: hidden; 
	margin: 0 0 40px;
}

.wrapper { 
	left: 50%; 
	position: relative; 
	margin: 0 0 0 -480px; 
	width: 960px; 
} /* this fixes IE7 somehow.... */

/* old fashioned clear float fix - for when overflow:hidden isn't good enough */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1;}
.clear { clear: both; }

h1 { }
h2 { background-color: #071a43; color: #fff; position: relative; padding: 10px 14px; text-transform: uppercase; font-family: din,'Arial Narrow',arial,sans-serif; font-weight: normal;}
	h2 a { float: right; margin: 5px -2px 0 10px; /* position: absolute; right:12px; top: 15px; */ color: #fff; font-size: 11px; font-family: hvb,arial,sans-serif; font-weight: normal;}
h3 { font-size: 26px; color: #4388b6; font-family: din,'Arial Narrow',arial,sans-serif; font-weight: normal; border-bottom: 1px solid #e5e5e5; position: relative; height: 28px; margin-bottom: 10px;}
	h3 span { display: inline-block; padding-right: 5px; background-color: #fff; position: absolute; line-height: 20px; top: 10px;}
h4 { }
h5 { color: #4388b6; text-transform: uppercase; margin: 0 0 10px; font-size: 12px; font-family: hvb,arial,sans-serif;}
	h5 span { color: #000; text-transform: none; font-weight: normal; font-family: hv,arial,sans-serif;}
		h5 span a { color: #000;}
h6 { text-transform: uppercase; font-size: 18px; color: #27c4f3; font-family: din,'Arial Narrow',arial,sans-serif; font-weight: normal; }
			
/* simple grid system */
.box { float: left; position: relative; }
.box.left { clear: left; margin-right: 2%; }
.box.right { float: right; margin-right: 2%; }
.half { width: 49%; }
.full { width: 100%; margin:0;}
.onesixth { width: 15%; }
.fivesixths { width: 82%; }
.onethird { width: 32%; }
.twothirds { width: 65%; }
.onequarter { width: 24%;}
.threequarters { width: 74%; }
.onefifth { width: 19%; }
.twofifths { width: 39%; }
.threefifths { width: 59%; }
.fourfifths { width: 79%; }
.box.center { float: none; margin: 0 auto; }

#main .box.half { padding: 15px 0;}

.wrapper>a.replace:first-child { padding: 61px 0 0; width: 323px; background: url(/wp-content/themes/dunderdale/media/images/dunderdale2011-header.png) 0 0 no-repeat; } /* 2011 Dunderdale */
.wrapper>a.replace:first-child+a.replace { position: absolute; right:0; top: 0; padding: 56px 0 0; width: 187px; background: url(/wp-content/themes/dunderdale/media/images/pcpartynl.png) 0 0 no-repeat; } /* PC logo */

/* nav styles */
#nav { overflow: hidden; padding: 15px 0; margin: 22px 0 15px; }
	#nav li { float: left; }
		#nav li span { display: block; text-transform: none; font-family: hv,arial,sans-serif; font-size: 14px; display: block; font-size: 11px;}
		#nav li a { color: #fff; font-family: din,"Arial Narrow",arial,sans-serif; font-size: 22px; text-transform: uppercase; display: block; margin: 0 12px; padding: 6px 17px; height: 80px; border: 1px solid #03447e; background: #054c8c;
			-webkit-border-radius: 8px; 
			-moz-border-radius: 8px; 
			border-radius: 8px; 		   
		}
		
		#nav li.selected a, #nav li a:hover { 
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			-o-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			-ms-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			background: #4188c1 url(/wp-content/themes/dunderdale/media/images/linear_gradients.png) 0 0 repeat-x; /* fallback for IE, Opera */
			background: #4188c1 -webkit-gradient(linear,left top, left bottom, color-stop(0,rgba(65,136,193,1)), color-stop(1,rgba(31,119,185,1))); /* old webkit syntax */
			background: #4188c1 -webkit-linear-gradient(top center, rgba(65,136,193,1) 0%, rgba(31,119,185,1) 100%); /* new webkit syntax */
			background: #4188c1 -moz-linear-gradient(top center, rgba(65,136,193,1) 0%, rgba(31,119,185,1) 100%); /* moz syntax */
			background: #4188c1 linear-gradient(top center, rgba(65,136,191,1) 0%, rgba(31,119,185,1)) 100%); /* standards */
		}
	
/* main styles */
#main, #sidebar { float: left; }
	#main { width: 720px; color: #000;}
	
#main>div { background-color: #fff; margin: 10px 0;}
	#main>div div { padding: 15px 15px 25px; overflow: hidden;}
		#main>div div img { float: right; padding: 4px; border: 1px solid #e0e0e0; margin: 0 0 5px 10px;
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); 
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); 
			-o-box-shadow: 0 0 5px rgba(0,0,0,0.2); 
			-ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); 
			box-shadow: 0 0 5px rgba(0,0,0,0.2); 
		}
		#main>div div p { margin: 0 0 15px; /* margin: 0 0 30px; */ }
		#main>div div img+p { width: 65%; }
			#main>div div p+a { font-size: 11px; }
			#main>div div span.event {
				clear: both;
				color: #4388B6;
				display: block;
				font-family: hvb,arial,sans-serif;
				margin: 0 0 10px 0;
				overflow: hidden;
				width: 100%;
			}
			#main>div div span.grey {
				color: #999;
			}
			
#main ul { list-style-type: disc; margin: 0 25px 0 45px; /* margin: 0 25px 0; */}
	#main ul li { margin: 0 0 10px; }
#main .img_left { float: left; -webkit-box-shadow: none; border: none; padding: none; margin: -20px 0 -29px -19px; }

#main ul.social { list-style: none; margin: 0px; padding: 0px; }
#main ul.social.caucus { margin: 20px 0 0 -5px; }
#main ul.social li { float: left; margin-right: 10px; }
#main ul.social li img { float: none; }

/* sidebar styles */
#sidebar { width: 230px; margin-left: 10px; }
	#sidebar>div { background-color: #011240; margin: 10px 0 0; padding: 15px; overflow: hidden;}
		#sidebar>div ul a { padding: 3px 0 3px 15px; background: url(/wp-content/themes/dunderdale/media/images/sprites.png) -10px -63px no-repeat; }
		#sidebar ul a:hover,
		#sidebar ul li.current_page_item a,
		#sidebar ul li.current_page_parent a {  color: #4388B6; }
		
	#sidebar ul a { color: #fff; font-family: din,'Arial Narrow',arial,sans-serif; display: block; font-size: 16px; 
			-webkit-transition: color 0.2s ease-in-out; 
			-moz-transition: color 0.2s ease-in-out; 
			transition: color 0.2s ease-in-out; 
	}
	#sidebar>ul a { font-size: 25px; text-align: right; display: block;  text-transform: uppercase; padding: 11px 25px 10px 0; background: #0f2555 url(/wp-content/themes/dunderdale/media/images/sprites.png) right -88px no-repeat; }
		#sidebar>ul li.dark a { border-top: 1px solid #082f62; background-color: #071a43; }
		
	#sidebar button { float: right; padding: 3px 5px; font-family: verdana,sans-serif; }

/* footer styles */
#footer { background-color: #071a43; margin:0;}
	#footer .wrapper { padding: 30px 0; }
	#footer .wrapper>a.replace:first-child { padding: 38px 0 0; width: 348px; background: url(/wp-content/themes/dunderdale/media/images/dunderdale2011-footer.png) 0 0 no-repeat;}
	
	#footer li { float: left; margin-right: 10px; }
	
	#footer a.replace+ul { font-family: hvb,arial,sans-serif; position: absolute; top: 25px; right: 0;}
			#footer a.replace+ul li a { color: #4388b6; text-transform: uppercase; font-size: 12px;}
				#footer a.replace+ul li a:hover { color: #cae6f9; }
				
	#social { position: absolute; right:-20px; top: 55px; width: 514px;}
		#social li { width: 80px; }
		#social li:first-child { width: 90px; display: block; }
		#social li:first-child a { /* background-position: 0 -32px; */ }
		#social a { 
			-webkit-transition: color 0.2s ease-in-out; 
			-moz-transition: color 0.2s ease-in-out; 
			-o-transition: color 0.2s ease-in-out; 
			-ms-transition: color 0.2s ease-in-out; 
			transition: color 0.2s ease-in-out; 
			display: block; color: #fff; font-family: din,'Arial Narrow',arial,sans-serif; font-weight: normal; font-size: 17px; width: 150px; /* padding: 0 0 5px 30px; */ /* background: url(/wp-content/themes/dunderdale/media/images/sprites.png) 0 1px no-repeat; */}
		#social a:hover {
			color: #4388B6;
		}
		
		
	#social+ul { margin: 20px 0 0; font-family: din,'Arial Narrow',arial,sans-serif; font-size: 16px; display: block; width: 100%; overflow: hidden;}
		#social+ul a { color: #fff; }
			#social+ul a:hover { text-decoration: underline; }
			
	#footer address { display: block; font-family: din,'Arial Narrow',arial,sans-serif; font-size: 16px;}
	
/* !sitemap */
#main ul.site_map {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#main ul.site_map li {
	overflow: hidden;
	margin: 0 0 20px 0;
}
ul.site_map li a {
	clear: both;
	display: block;
	text-transform: uppercase;
}
#main ul.sub_nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 48%;
}
#main ul.sub_nav li { margin: 0 0 5px 0; }
#main ul.sub_nav li a {
	text-transform: none;
}

/* !media */
#main .media_gallery {
	clear: both;
	list-style: none;
	margin: 0 0px 20px;
	overflow: hidden;
	padding: 0;
	width: 700px;
}
#main .media_gallery li {
	float: left;
	height: 55px;
	width: 55px;
	padding: 5px 10px 5px;
}

/* !forms */
#main div#mc_signup { margin: 0; }
#main div.mc_merge_var { padding: 0 15px;}
.forms label {
	display: block;
	overflow: hidden;
	margin: 10px 0;
}
.forms label span {
	font-family: hvb,arial,sans-serif;
	display: block;
	text-transform: uppercase;
}
.forms label input.text,
.forms label textarea {
	background: none;
	border: solid 1px #054C8C;
	padding: 5px 5px;
	width: 300px;
}
.forms input.button_submit {
	background: #054C8C;
	border: 1px solid #03447E;
	color: #fff;
	cursor: pointer;
	font-family: hvb,arial,sans-serif;
	margin: 15px;
	padding: 7px;
	text-transform: uppercase;
}
.forms input.button_submit:hover {
	background: #4188C1;
}
.forms span input.button_submit { margin: 15px 0; }