/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.4;
	font-size:62.5%;
	background:#FFF;
	color:white;
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h2 {
	font-size:1.8em;
	margin-bottom:10px;
	letter-spacing:0.05em;
	color:#FFF;
	text-transform:uppercase;
}

p {
	padding-bottom:15px;
	font-size:1.3em;
	width:480px;
}

a:link, ul a:visited {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}

a:hover {
	color:#F00;
	border-bottom:none;
	padding-bottom:1px;
}
/* ------- Header ------------------------- */
#header {
	position:relative;
	width:960px;
	height:80px;
	margin:0 auto;
	top:0;
}

#donate {
	position:absolute;
	right:0;
	top: 20px;
	z-index:1;
	opacity:0.6;
	-webkit-transition:opacity 0.3s linear;
}

#donate:hover {
	opacity:1;
}



/* ------- Navigation --------------------- */
#navWrapper {
	position:relative;	
	height:40px;
	top:0px;
	left:0px;
	background: #000;
	background: rgba(0,0,0, 0.7);
	z-index:20;		
	border-top:3px solid #333;
	border-bottom:1px solid #333;	
	/* box-shadow:0 5px 5px rgba(0,0,0, 0.6);
	-moz-box-shadow:0 5px 5px rgba(0,0,0, 0.6);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0, 0.6); */
}

	#nav {
		position:relative;
		width:960px;
		margin:0 auto;
	}
	
		#nav li {
			display:inline-block;
			float:left;
			font-size:1.3em;
		}
		
			#nav li a:link, #nav li a:visited {
				color:#FFF;
				font-weight:bold;
				text-transform:uppercase;
				text-decoration:none;
				letter-spacing:0.07em;
				text-shadow: 0 1px 0 rgba(0,0,0, 0.6);
				display:block;
				padding:10px 15px;	
				border-bottom:none;
				-webkit-transition: color 0.3s linear;
			}
			
			#nav li a:hover, #nav li a.selected {
				color:#F00;
				/* text-shadow: 0 1px 0 rgba(255,255,255, 0.8);	*/
			}
			
			#nav li a.first { padding-left:0; }
			
		#nav li.social{
			float:right;
		}
		
		#nav li.social a {
			padding:5px 10px 5px 0;
			opacity:0.6;
			-webkit-transition:opacity 0.3s linear;
		}
		
		#nav li.social a:hover {
			opacity:1;
		}

/* -------- Content ------------------------*/
#contentWrapper {
	position:relative;
	top: -80px;
	left:0px;
	width:960px;
	height:600px;
	background: url(images/newYorkSings-WebLogo.png) top left no-repeat;
	color:#fff;
	z-index:0;
	margin:0 auto;
}

	#tagline {
		background: rgba(0,0,0, 0.8);
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		position:absolute;
		bottom:50px;
		right:10px;
		color:#FFF;
		font-size:1.4em;
		padding:10px 20px;
		letter-spacing:0.07em;
		text-transform:uppercase;
		border:2px solid #CCC;
	}

	#content {
		position:relative;
		top: 118px;
		height:360px;
		background: rgba(0,0,0, 0.8);
		padding:20px;
		margin:0 auto;
		border-top:2px solid #333;
		border-bottom:1px solid #333;	
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;		
	}
	
		#content ul {
			font-size:1.6em;
			/* width:450px; */
		}	
		
			#content li {
				padding-bottom:10px;
				/* border-left:1px solid #FFF; */
				padding-left:5px;
			}
			
				#content li a {
					/* display:block; */
				}
				
				#content li.split{
					margin-top:-262px;
				}
				
				#content li.r {
					margin-left: 300px;
				}	
				
				 #content li.r2 {
					margin-left: 600px;
				}
	
	#section {
		width:480px;
		margin:0 auto;
	}	
	
	#content #contact {
		font-size:1.6em;
	}	
	
	#contactForm {
		width:320px;
		position:absolute;
		top: 20px;
		right: 100px;
	}
	
	#contactForm label {
		display:block;
	}
	
	#contactForm input[type="text"], #contactForm textarea	{
		width:290px;
		padding:5px;
		border:2px solid #ccc;
		font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:1.1em;
	}
		
	#contactForm input[type="text"]:focus, #contactForm textarea:focus {
		border:2px solid #F00;
	}
	
	#contactForm h4.alert {
		color:#F00;
		font-size:1.3em;
	}