/*
THEME NAME: DanceWorks
THEME URI: http://www.danceworksqueenstown.co.nz/
DESCRIPTION: DanceWorks WordPress Theme
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz
*/

/* GLOBAL RESET ---------------------------- */

@import url(assets/css/reset.css); /* RESET CSS */



/* BASE ---------------------------- */

body { background: rgb(11,11,11); color: rgb(132,132,132); text-shadow: 1px 1px 0px rgba(0,0,0,0.1); font: 80%/1.5em Helvetica, Arial, sans-serif; }

#bg-repeat { background: url(assets/img/ui/bg-repeat.gif) repeat 0 0; width: 100%; height: 100%; }
#bg-top-repeat { background: url(assets/img/ui/bg-top-repeat.gif) repeat-x 0 0; width: 100%; height: 100%; }
#bg-divider-repeat { background: url(assets/img/ui/bg-divider-repeat.gif) repeat-y 232px 0; width: 100%; height: 100%; }
#bg-faded-kid { background: url(assets/img/ui/bg-faded-kid.gif) no-repeat bottom right; width: 100%; height: 100%; }
#bg-faded-jumping-girl { background: url(assets/img/ui/bg-faded-jumping-girl.gif) no-repeat bottom right; width: 100%; height: 100%; }
#bg-faded-toddler-girl { background: url(assets/img/ui/bg-faded-toddler-girl.gif) no-repeat bottom right; width: 100%; height: 100%; }
#bg-top-left { background: url(assets/img/ui/bg-top-left.gif) no-repeat 0 0; width: 100%; height: 100%; }



/* FONTs ---------------------------- */

p { margin: 0 0 1.5em 0; }

h2 { font: 155%/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(195,195,195); text-transform: uppercase; margin-bottom: 20px; padding: 4px 0 3px 0; border-top: 1px solid rgb(30,30,30); border-bottom: 1px solid rgb(30,30,30); }
h3 { font: 125%/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(168,168,168); margin: 15px 0 10px 0; }

blockquote { font-style: normal; }
	blockquote p { border-left: 3px solid rgb(203,203,203); padding: 0.5em 0 0.5em 1.5em; margin: 0 0 1.5em 1.5em; }

pre { white-space: pre; }
pre, code { font: 1em 'Andale Mono', 'Lucida Console', Monospace; line-height: 1.5em;  margin: 1.5em 0; display: block; }



/* LINKS ------------------------------------------------------------------ */

a, a:visited { outline: none; color: rgb(194,47,44); text-decoration: none; }
a:hover { color: rgb(164,37,35); text-decoration: none; }
 
a:active, a:focus { color: rgb(164,37,35); }

a {
	-moz-transition-duration: .33s;
	-moz-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
	-o-transition-duration: .33s;
	-o-transition-property: color;	
}



/* IMGs / VIDEOs ---------------------------- */

img {  }

	.alignleft { float: left; margin: 0 10px 10px 0; }	 
	.alignright { float: right; margin: 0 0 10px 10px; }	 
	.aligncenter { margin: 0 auto 10px auto; display: block; }
	
	.map { margin-bottom: 30px; }



/* LISTs ---------------------------- */

ul, ol { margin-bottom: 1.5em; list-style: none; }	
	ul li { padding-left: 1.7em; margin-bottom: 0.2em; }
	ol li { list-style-type: decimal; list-style-position: inside; margin-bottom: 0.2em; }
		ul li ul,  ol li ol { margin: 0.2em 0 0 0; }
			ol li ol li { margin-left: 1.7em; }



/* - CONTENT START ----------------------------------------------------------------------------------------------------- */



	/* TOPBAR ---------------------------- */
	
	#top-bar { width: 100%; height: 40px; background: url(assets/img/ui/top-bar-bg.gif) repeat-x 0 0; line-height: 42px; color: rgb(64,64,64); text-shadow: 1px 1px 0 rgb(256,256,256); }
	 #top-bar-wrapper { width: 921px; }	
		#top-bar p { padding-left: 15px; float: left; }
		
		a#enrol-button { width: 104px; height: 26px; display: block; overflow: hidden; text-indent: -9999px; background: url(assets/img/ui/enrol-button.gif) no-repeat 0 0; margin: 7px 0 0 0; float: right; }
		 a#enrol-button:hover { background-position: bottom left; }



	/* CONTAINERs ---------------------------- */
	
	#container { width: 891px; padding: 30px 0 0 30px; }
	
				
				
		/* SIDEBAR ---------------------------- */	
		
		#sidebar { width: 202px; float: left; padding-bottom: 25px; }
		
		
		
			/* LOGO ---------------------------- */
			
			#logo { width: 202px; height: 201px; background: url(assets/img/ui/logo.gif) no-repeat 0 0; margin: 0 0 30px 0; float: left; text-indent: -9999px; display: block; }
				
			
			
				/* SIDE NAV ---------------------------- */
				
				#side-nav { float: left; width: 202px; }
					#side-nav ul li { float: left; display: block; width: 202px; padding: 0; margin: 0 0 5px 0; }
						#side-nav ul li a { color: rgb(120,120,120); text-shadow: 1px 1px 0px rgba(0,0,0,0.7); height: 35px; line-height: 35px; background: url(assets/img/ui/nav-bg.gif) no-repeat 0 0; display: block; padding-left: 16px; }
						 #side-nav ul li a:hover, #side-nav ul li.active a { color: rgb(179,179,179); background-position: bottom left; }
						 #side-nav ul li.active a { font-weight: bold; } 
		
		
	
		/* CONTENT ---------------------------- */
		
		#main-content { width: 626px; float: right; padding-bottom: 30px; }
	
	
	
			/* HEADER IMG ---------------------------- */

			#header-img { width: 626px; height: 166px; background: rgb(0,0,0); margin-bottom: 65px; -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5); box-shadow:0 0 10px rgba(0, 0, 0, 0.5); }
	
	
	
			.wpcf7 { }
			
				.wpcf7 .wpcf7-form-control-wrap { }
				.wpcf7 .wpcf7-form-control-wrap-input { width: 155px; border: 1px solid rgb(20,20,20); background: rgb(88,88,88); background: rgba(256,256,256,0.3); padding: 6px 8px; color: rgb(208,208,208); text-shadow: none; font: 100%/1.5em Helvetica, Arial, sans-serif; }
				.wpcf7 .wpcf7-form-control-wrap textarea { width: 300px; height: 115px; border: 1px solid rgb(20,20,20); background: rgb(88,88,88); background: rgba(256,256,256,0.3); padding: 4px 8px; color: rgb(208,208,208); text-shadow: none; font: 100%/1.5em Helvetica, Arial, sans-serif; }
				.wpcf7 .form-submit input { cursor: pointer; padding: 5px 10px; background: rgb(194,47,44); color: rgb(256,256,256); border: 1px solid rgb(0,0,0); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font: 120%/1.5em Helvetica, Arial, sans-serif; text-transform: uppercase; }
	
	
	
		/* FOOTER ---------------------------- */		
		
		#footer { width: 100%; border-top: 1px solid rgb(25,25,25); padding: 30px 0; color: rgb(64,64,64); }
		 #footer-wrapper { width: 921px; float: left; }
		
			 #footer-copyright { float: left; padding-left: 30px; }
			  #footer-dance { color: rgb(107,107,107); font-weight: bold; text-transform: uppercase; }
			  #footer-works { color: rgb(84,84,84); font-weight: bold; text-transform: uppercase;  }
			  
			 #footer-designed { float: right; }
			  #footer-designed-text { float: left; margin-right: 12px; }
			  #footer-designed a { color: rgb(107,107,108); float: left; }
			   #footer-designed a:hover { color: rgb(132,132,132); }
			   #footer-designed #dvq-logo { width: 16px; height: 16px; background: url(assets/img/ui/dvq-logo.gif) no-repeat 0 0; display: block; float: left; margin-right: 5px; }
			    #footer-designed a:hover #dvq-logo { background-position: bottom left; }



/* - CONTENT END ----------------------------------------------------------------------------------------------------- */