/* ---------------------- vv reset vv ---------------------- */

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,
time,mark,audio,video,input,select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

article,aside,figure,footer,header,hgroup,nav,section {
	display: block;
	}

img,object,embed {
	max-width: 100%;
	height: auto;
	}

html {
	-ms-overflow-y: scroll;
	overflow-y: scroll;
	}

ul {
	list-style: none;
	}

blockquote,q {
	quotes: none;
	}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
	}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

del {
	text-decoration: line-through;
	}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

th {
	font-weight: bold;
	vertical-align: bottom;
	}

td {
	font-weight: normal;
	vertical-align: top;
	}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
	}

input,select {
	vertical-align: middle;
	}

pre {
	white-space: pre; /* ---------------------- CSS2 ---------------------------- */
	white-space: pre-wrap; /* ----------------- CSS 2.1 ------------------------- */
	white-space: pre-line; /* ----------------- CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* ----------------- IE ------------------------------ */
	}

input[type="radio"] {
	vertical-align: text-bottom;
	}

input[type="checkbox"] {
	vertical-align: bottom;
	*vertical-align: baseline;
	}

.ie6 input {
	vertical-align: text-bottom;
	}

select,input,textarea {
	font: 99% sans-serif;
	}

table {
	font-size: inherit;
	font: 100%;
	}

a:hover,:active,:focus {
	outline: none;
	}

small {
	font-size: 85%;
	}

strong,th {
	font-weight: bold;
	}

td,td img {
	vertical-align: top;
	}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

pre,code,kbd,samp {
	font-family: monospace, sans-serif;
	}

.clickable,label,input[type=button],input[type=submit],button {
	cursor: pointer;
	}

button,input,select,textarea {
	margin: 0;
	}

button {
	width: auto;
	overflow: visible;
	}

.ie7 img {
	-ms-interpolation-mode: bicubic;
	}

.ie6 html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	}


/* ---------------------- ^^ reset ^^ ---------------------- */

body {
	background: #fff;
	color: #000;
	font: 11px/16px "News Gothic MT", "News Gothic Std", "Franklin Gothic Medium", sans-serif !important;
	}

a {
	text-decoration: none;
	}

object,
embed {
	min-height: 400px;
	}

/* ---------------------- HEADER ---------------------- */
#center {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	}

#header {
	width: 1024px;
	height: 358px;
	}

#top {
	width: 1024px;
	height: 99px;
	padding: 15px 12px 0;
	border-bottom: 1px solid #000;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#top #logo {
	display: block;
	float: left;
	width: 192px;
	height: 71px;
	background: url(i/head-velocity_logo.png) no-repeat;
	text-indent: -9999px;
	}

#top div#contact {
	float: right;
	text-align: right;
	font-size: 11px;
	line-height: 23px;
	}

#top div#contact a,
#top div#contact span,
#top div#contact #button {
	display: inline-block;
	background: #000;
	padding: 0 8px 0 10px;
	margin-bottom: 1px;
	}

#top div#contact a:hover,
#top div#contact #button {
	color: #fff !important;
	}

#top div#contact #button {
	display: inline !important;
	margin-left: 1px;
	}

#top div#contact #button:hover {
	cursor: pointer;
	}

#top div#contact #email {
	width: 130px;
	padding: 0 2px;
	color: #999;
	border: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#top div#contact #email:focus {
	color: #000;
	}

#image {
	width: 1024px;
	height: 240px;
	background: #000;
	position: relative;
	}

#donatebox {
	position: absolute;
	left: 30px;
	top: 20px;
	}

#donatebox a {
	display: block;
	width: 80px;
	height: 62px;
	background: url(i/head-donate_box.png) no-repeat;
	text-indent: -9999px;
	}

#newsticker {
	width: 1024px;
	height: 18px;
	background: #000;
	overflow: hidden;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.05em;
	}

#newsticker p {
	display: inline;
	}

#newsticker p:before {
	content: " // ";
	}

#newsticker a {
	text-decoration: underline;
	}

#newsticker a:hover {
	color: #fff !important;
	}

#menu a {
	color: #fff;
	}

#menu .mobile {
	display: none;
	}

#header,
#menu,
#leftnav,
#footer {
	text-transform: uppercase;
	}

/* ---------------------- SHARED HEADER, NAV MENU AND COLORS ---------------------- */
.home #top {
	background: #a8d200 url(i/home-head-stripebg.png);
	}

.home #top div#contact a,
.home #top div#contact span,
.home #top div#contact #button:hover,
.home #newsticker,
.home #newsticker a {
	color: #a8d200;
	}

.home #header #image {
	background: url(i/home-head-image.jpg) no-repeat;
	}

.space #top {
	background: #00fdff url(i/space-head-stripebg.png);
	}

.space #top div#contact a,
.space #top div#contact span,
.space #top div#contact #button:hover,
.space #newsticker,
.space #newsticker a,
.space #menu a:hover,
.space #menu li.page-item-75 li.head a,
#menu li.page-item-75 a:hover {
	color: #00fdff;
	}

.space #header #image {
	background: url(i/space-head-image.jpg) no-repeat;
	}

.classes #top {
	background: #f00 url(i/classes-head-stripebg.png);
	}

.classes #top div#contact a,
.classes #top div#contact span,
.classes #top div#contact #button:hover,
.classes #newsticker,
.classes #newsticker a,
.classes #menu a:hover,
.classes #menu li.page-item-94 li.head a,
#menu li.page-item-94 a:hover {
	color: #f00;
	}

.classes #header #image {
	background: url(i/classes-head-image.jpg) no-repeat;
	}

.events #top {
	background: #909 url(i/events-head-stripebg.png);
	}

.events #top div#contact a,
.events #top div#contact span,
.events #top div#contact #button:hover,
.events #newsticker,
.events #newsticker a,
.events #menu a:hover,
.events #menu li.page-item-103 li.head a,
#menu li.page-item-103 a:hover {
	color: #d87fd6;
	}

.events #header #image {
	background: url(i/events-head-image.jpg) no-repeat;
	}

.program #top {
	background: #cf3 url(i/program-head-stripebg.png);
	}

.program #top div#contact a,
.program #top div#contact span,
.program #top div#contact #button:hover,
.program #newsticker,
.program #newsticker a,
.program #menu a:hover,
.program #menu li.page-item-105 li.head a,
#menu li.page-item-105 a:hover {
	color: #cf3;
	}

.program #header #image {
	background: url(i/program-head-image.jpg) no-repeat;
	}

.about #top {
	background: #6c0 url(i/about-head-stripebg.png);
	}

.about #top div#contact a,
.about #top div#contact span,
.about #top div#contact #button:hover,
.about #newsticker,
.about #newsticker a,
.about #menu a:hover,
.about #menu li.page-item-109 li.head a,
#menu li.page-item-109 a:hover {
	color: #6c0;
	}

.about #header #image {
	background: url(i/about-head-image.jpg) no-repeat;
	}

.campaign #top {
	background: #36c url(i/campaign-head-stripebg.png);
	}

.campaign #top div#contact a,
.campaign #top div#contact span,
.campaign #top div#contact #button:hover,
.campaign #newsticker,
.campaign #newsticker a,
.campaign #menu a:hover,
.campaign #menu li.page-item-111 li.head a,
#menu li.page-item-111 a:hover {
	color: #36c;
	}

.campaign #header #image {
	background: url(i/campaign-head-image.jpg) no-repeat;
	}

.community #top {
	background: #ff0 url(i/community-head-stripebg.png);
	}

.community #top div#contact a,
.community #top div#contact span,
.community #top div#contact #button:hover,
.community #newsticker,
.community #newsticker a,
.community #menu a:hover,
.community #menu li.page-item-113 li.head a,
#menu li.page-item-113 a:hover {
	color: #ff0;
	}

.community #header #image {
	background: url(i/community-head-image.jpg) no-repeat;
	}

.contact #top {
	background: #f60 url(i/contact-head-stripebg.png);
	}

.contact #top div#contact a,
.contact #top div#contact span,
.contact #top div#contact #button:hover,
.contact #newsticker,
.contact #newsticker a,
.contact #menu a:hover,
.contact #menu li.page-item-115 li.head a,
#menu li.page-item-115 a:hover {
	color: #f60;
	}

.contact #header #image {
	background: url(i/contact-head-image.jpg) no-repeat;
	}

#footer {
	clear: both;
	width: 1024px;
	padding: 45px 0 8px;
	font-size: 9px;
	color: #797979;
	text-align: center;
	margin: 0 auto;
	}

#footer p {
	margin-bottom: 0;
	}

#footer a {
	color: #797979;
	}

#footer a:hover {
	color: #333;
	}

#footer img {
	vertical-align: center;
	}

#footer .social a[title="mailing list"] {
	display: none;
	}

/* ----------------------mobile---------------------- */
@media handheld, only screen and (max-width: 768px) {

	#center,
	#header,
	#top,
	#image,
	#leftnav,
	#content {
		width: 100% !important;
		}
	
	#center {
		-ms-overflow-x: hidden;
		overflow-x: hidden;
		}
	
	#header {
		height: 99px;
		}
	
	#top {
		border-bottom: 3px solid #000;
		}
	
	#image {
		height: 0;
		background: #fff;
		background-image: 0;
		}
	
	#donatebox {
		width: 136px;
		height: 99px;
		left: auto;
		right: 0;
		top: -101px;
		background: url(http://velocitydancecenter.org/wp-content/themes/velocity/i/head-donate_box_mobilebg.png) no-repeat;
		}
	
	#donatebox a {
		display: block;
		width: 136px;
		height: 99px;
		background: url(http://velocitydancecenter.org/wp-content/themes/velocity/i/head-donate_box.png) 70% 60% no-repeat;
		text-indent: -9999px;
		}
	
	#header #contact,
	#newsticker {
		display: none !important;
		}
	
	#menu .social {
		display: block;
		text-align: center;
		margin: -1% auto 2%;
		}
	
	#menu .social a {
		margin: 0 1%;
		}
	
	#menu li.page-item-75,
	.space #leftnav {
		border-color: #00fdff;
		}
	
	/* ---------------------- our space ---------------------- */
	#menu li.page-item-94,
	.classes #leftnav {
		border-color: #f00;
		}
	
	/* ---------------------- classes ---------------------- */
	#menu li.page-item-103,
	.events #leftnav {
		border-color: #d87fd6;
		}
	
	/* ---------------------- events ---------------------- */
	#menu li.page-item-105,
	.program #leftnav {
		border-color: #cf3;
		}
	
	/* ---------------------- programming ---------------------- */
	#menu li.page-item-109,
	.about #leftnav {
		border-color: #6c0;
		}
	
	/* ---------------------- about ---------------------- */
	#menu li.page-item-111,
	.campaign #leftnav {
		border-color: #36c;
		}
	
	/* ---------------------- campaign ---------------------- */
	#menu li.page-item-113,
	.community #leftnav {
		border-color: #ff0;
		}
	
	/* ---------------------- community ---------------------- */
	#menu li.page-item-115,
	.contact #leftnav {
		border-color: #f60;
		}
	
	/* ---------------------- contact ---------------------- */
	#footer {
		width: auto;
		padding: 20px 20px 8px;
		font-size: 9px;
		}
	
	#footer p:first-child,
	#footer .social {
		display: none;
		}
	
	}