@charset "UTF-8";
/* CSS Document */

html { height: 100%; }
body { min-height: 1200px; }
html {
}
body {
	font-size: 14px;
	font-family: 'PT Sans', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: linear-gradient(right bottom, rgb(239,240,223) 0%, rgb(255,255,255) 42%);
	background-image: -o-linear-gradient(right bottom, rgb(239,240,223) 0%, rgb(255,255,255) 42%);
	background-image: -moz-linear-gradient(right bottom, rgb(239,240,223) 0%, rgb(255,255,255) 42%);
	background-image: -webkit-linear-gradient(right bottom, rgb(239,240,223) 0%, rgb(255,255,255) 42%);
	background-image: -ms-linear-gradient(right bottom, rgb(239,240,223) 0%, rgb(255,255,255) 42%);
	
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(0, rgb(239,240,223)),
		color-stop(0.42, rgb(255,255,255))
	);
}
body.home { background-image: none; background-color: #fff; }
#page-container { 
	height: auto;
	min-height: 1200px; /* enough to cover the background-image */ 
	background-repeat: no-repeat;
	background-position: -45px 110px;
	background-attachment: scroll;
	background-attachment: fixed;
	transition-property: background-image;  
	transition-duration: .1s;  
	transition-timing-function: ease-out;  
	-webkit-transition-property: background-image;   
	-webkit-transition-duration: 1s;   
	-moz-transition-property: background-image;  
	-moz-transition-duration: 1s;  
	-o-transition-property: background-image;   
	-o-transition-duration: 1s;
}
body.home #page-container.bg-0 { background-position: 262px 30px; }
body.home #page-container.bg-1 { background-position: 430px 30px; }
body.home #page-container.bg-2 { background-position: 223px 52px; }

#page-container.bg-0 { background-image:url(../img/dancer1c.png); }
#page-container.bg-1 { background-image:url(../img/dancer2b.png); }
#page-container.bg-2 { background-image:url(../img/dancer3b.png); }

body.home #page-container { background: none; }


body.home #page-container.bg-0 #heyHeyHeyLadies { background-position: 262px 30px; }
body.home #page-container.bg-1 #heyHeyHeyLadies { background-position: 430px 30px; }
body.home #page-container.bg-2 #heyHeyHeyLadies { background-position: 223px 52px; }
#page-container.bg-0 #heyHeyHeyLadies { background-image:url(../img/dancer1c.png); }
#page-container.bg-1 #heyHeyHeyLadies { background-image:url(../img/dancer2b.png); }
#page-container.bg-2 #heyHeyHeyLadies { background-image:url(../img/dancer3b.png); }

#heyHeyHeyLadies {
	position: absolute;
	top:-130px;
	left:-540px;
	width: 1200px;
	height: 1200px;
	text-indent: -99999em;
	overflow:  hidden;
	background-repeat: no-repeat; 
}
.heyHeyHeyLadies-getFunky {
	-webkit-animation: cssAnimation 15s 0 ease-in-out;
	-moz-animation: cssAnimation 15s 0 ease-in-out;
}

@-webkit-keyframes cssAnimation {
	0% { -webkit-transform: rotate(0deg) scale(1) translate(0px); }
	30% { -webkit-transform: rotate(-0.2deg) scale(1.02) translate(3px); }
	60% { -webkit-transform: rotate(0.5deg) scale(1.05) translate(-5px); }
	100% { -webkit-transform: rotate(0deg) scale(1) translate(0px); }
}
@-moz-keyframes cssAnimation {
	from { -moz-transform: rotate(0deg) scale(.9) skew(1deg) translate(0px); }
	to { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
}






img { max-width: 100%; }

em, i { font-style: italic; }


p { line-height: 1.6em; }

h1,h2,h3,h4,h5,h6 {
	font-family: 'PT Sans', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
}
h2 { font-size: 28px;}
h2.post-title { font-size: 20px; }
h3 { font-size: 22px; }
h4, h5, h6 { font-size: 14px; }

h2, h3 { margin-bottom: 20px; }

#logo {
	position: fixed;
	top: 30px;
	left: 0;
	font-size: 45px;
	text-shadow: none;
	text-align: left;
	margin: 0;
}
#logo a:link, #logo a:visited {
	color: #000;
}
#page-container, #footer {
	width: 100%;
	margin: 0;
}
body.blog-home #page-container { max-width: 100%; }
/* body.blog-home #content-text { max-width: 100%;margin-left: 400px; } */
html.rgba body.blog-home #content-text { background: none; }
body.blog-home #content-text img { max-width: 100px; max-height: 100px;}

#footer {
	position: absolute;
	bottom: 10px;
	right: 60px;
}
#header { 
	position:  relative;
	z-index: 3;
	height: 70px;
	margin-bottom: 60px;
}
#nav, #nav-categories {
	display: none; 
	font-size: 16px;
}
#nav {
	padding-right: 85px;
	position: absolute;
	top: 0;
	left: 555px;
}

#nav li {
	display: inline-block;
	background-color: #fff; 
	/* height: 50px; */
}
#nav a { 
	padding: 12px 10px 10px 7px;
	display: block;
	border-left: 3px solid #000;
}
#nav .nav-list-tier2 a {
	padding: 5px 10px 5px 7px;
}
.nav1, .nav2, .nav3 { overflow: visible; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul{ top: 100%; }

.nav-list-tier2, .nav-list-tier3 {
  -webkit-box-shadow: 2px 2px 2px #fff, 4px 3px 6px #fff, 6px 5px 12px #fff, 6px 7px 15px #fff;
  -moz-box-shadow: 2px 2px 2px #fff, 4px 3px 6px #fff, 6px 5px 12px #fff, 6px 7px 15px #fff;
  box-shadow: 2px 2px 2px #fff, 4px 3px 6px #fff, 6px 5px 12px #fff, 6px 7px 15px #fff;
}
#content-text .nav-list-tier2, #content-text .nav-list-tier3 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; 
}

#nav .nav-list-tier3 { display:  none!important; }

#content-text .nav-list-tier2 a, #content-text .nav-list-tier3 a{
	text-decoration: none;
}
#ajax-content {
	padding-top: 23px;
}
#ajax-content #content-wrapper {
	background-color: #fff;
}

#nav .li-works ul { display:  none!important; }


#container, #container-list { 
	margin: 0;
	padding-bottom: 30px;
	width: 100%;
	max-width: 100%;
	height: auto!important;
	min-height: 200px;
	overflow: auto; 
}
body.home #container { overflow: hidden; }

#content-text {
	position: relative;
	padding: 15px;
	width: auto;
	max-width: 575px;
	margin: 0 5% 0 540px;
	/*
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
	*/
}
html.rgba #content-text {
	
	/*
	background-color: #fff; 
	background-color: transparent;
	background-image: linear-gradient(bottom, rgba(255,255,255,.9) 73%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.9) 73%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.9) 73%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.9) 73%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.9) 73%, rgba(255,255,255,0) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.73, rgba(255,255,255,.9)),
		color-stop(1, rgba(255,255,255,0))
	);
	*/
	
}
body.home #content-text {
	background-image: none;
	background-color: none;
}

#content-text a { text-decoration: underline; }
#content-text a.post-link { text-decoration: none; }


.push { display: none }

.post-month { display: none; }
.post-date { font-size: 12px; font-variant: small-caps; }
#blog-post .post-date { 
	position: absolute;
	top: -12px;
	right: 0;
	color: #666;
}

.post-entry-home {
	/* overflow: visible; */
	margin: 0 25px 26px 0;
	width: 100%;
	float: left;
}
.post-entry-home .post-date { display: none; }
.post-entry-home img { 
	margin-left:-3px;
	border: 3px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.more-categories, .post-category {
	/* display: none; */
}
.more-categories { display:  none; }
.post-comments { display: none; }
#comments-wrapper { margin-top: 50px; }

.slideshow {
	max-width: 100%;
	width: 260px!important;
	overflow: visible;
	float: right;
	margin: 5px 0 10px 15px;
}
.slideshow-photo-container {
	height: auto!important;
	float: left;
}
.slideshow-photo-item {
	max-width: 100%;
}
.slideshow-photo { 
	overflow: visible;
	border: 3px solid #000;
	margin-left: -3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	max-width: 100%;
	height: auto;
}
.slideshow-photo-caption {
	top: 100%;
	background: transparent;
	color: #444;
	font-size: 12px;
	padding-left: 0;
}
#fancybox-title-float-left, #fancybox-title-float-main, #fancybox-title-float-right {
	background: none;
	color: #000;
}



#login { display: none; }

body.news a.li-news:link, body.news a.li-news:visited,
body.works a.li-works:link, body.works a.li-works:visited { 
	color: #f00; 
}
iframe { max-width: 100%;clear:right; }


#special {
	text-align: right;
	position: absolute;
	z-index: 5;
	top: 10px;
	right: 10px; 
}
#special div { margin-bottom:5px; }
#s {
	border:none;
	border: 1px solid #AAA;
	color: #444;
	text-shadow: 1px 1px 1px #fff;
	width: 70px;
	padding: 2px 4px;
	font-size: 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow:0 0px 6px rgba(0, 0, 0, 0.06), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 6px rgba(0, 0, 0, 0.06), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 0px 6px rgba(0, 0, 0, 0.06), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#search-button {
	display: none;
}
#nav li.li-search {
  display: none;
}
#resultsDiv {
	display:none;
	width: 268px;
	right: 0px;
	top:42px;
	background-color: white;
	padding: 10px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	z-index: 1001;
	font-size: 14px;
	line-height: 1.4em;
	color: #222;
}
#resultsClose {
	width: 40px;
	height: 40px;
	background: url(http://clients.adam8.com/www.joeaverageannex.com/img/close.png) center center no-repeat;
	position: absolute;
	top: -20px;
	right: -20px;
}
.webResult h3 {
	margin-top: 25px;
	margin-bottom: 5px;
}

#canvas2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
}










#main {
    margin : 0;
    position: relative;
  }
  #screen {
    position : absolute;
    left : 0px;
    top : 0px;
  }

  #permscreen {
    position : absolute;
    left : 0px;
    top : 0px;
  }


  #inputlayer {
  text-indent: -99999em;
  overflow: hidden;
    position : absolute;
    width:550px;
    height:550px;
  }

  #thom {
    opacity : 0;
    position : absolute;
    left : 0;
    top : 0;
    width : 550px;
    height : 550px;
  }

  #binarycontainer {
    position : absolute;
    top : 22px;
    left : 3px;
    font-family:Trebuchet MS, Arial;
    font-size:10px;
    opacity:0.2;
  }


  #lyricscontainer {
    position : absolute;
    font-family:Trebuchet MS, Arial;
    font-size:11px;
    opacity:0.2;
  }

  #creditlayer {
    font-family:Trebuchet MS,Arial;
    font-size:9px;
    left:70px;
    position:absolute;
    color : #aaa;
  }

  #buglayer {
    font-family:Trebuchet MS,Arial;
    font-size:12px;
    left:70px;
    top : 100px;
    position:absolute;
    color : #000;
    display:none;
  }

  #creditlayer a {
    text-decoration : none;
    color : #aaa;
  }

  #creditlayer a:hover {
    border-bottom : 1px dashed #aaa;
  }

  #loader {
    position : absolute;
    width : 550px;
    height : 550px;
    left : 20px;
    top : 190px;
    display : none;
  }

  #loaderfill {
    background-color : rgb(128,128,128);
    height : 550px;
    width : 0;
  }
  
  #myCanvas { display:none; width: 550px; height: 550px; }
  
  #subscribeForm {  }
  #donate .button { width: 78px; padding: 4px 0; text-align: center; display: block; }
  #join .button { margin-top: 2px; width: 78px; padding: 4px 0; text-align: center; display: block; }
  
  #searchForm { display: none; margin-top: 7px;margin-bottom: 6px;margin-right: 5px; }
  
  #logout { 
  	position: absolute;
	z-index: 1001;
	bottom: 10px;
	right: 10px;
	top: auto;
  }
  #join-free  {
	  display: none;
  }
  #join-form-container {
  		display: inline-block;
  		background-color: #f0f0f0;
	  border: 1px dotted #999;
	  padding: 13px 10px 11px;
	  margin-bottom: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .04);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
  }
  #join-form-container p {
	  margin: 3px 0;
  }
  #join-form-container input {
	  padding:5px;
	  font-size: 20px;
	  width: 300px;
	  border: 1px solid #CCC;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
  }
  #join-form-container input#fee_id_amount {
  	width: auto;
	  height: 30px;
	  line-height: 30px;
	  padding:0 0 0 2px;
  }

  #join-form-container #submit_button_id ,
  #join-form-container #submit_join_free_button_id  {
	  width: auto;
	  padding: 5px 20px;
	  background-color: #FC0;
	  border: none;
  }
  

		#join-form-container #submit_button_id,
			#join-form-container #submit_join_free_button_id  {
		  display: inline-block;
		  position: relative;
		  padding: 0 20px;
		  height: 30px;
		  line-height: 30px;
		  border: 1px solid #30a2e4;
		  background: #1275ff;
		  background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
		  background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
		  background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
		  background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
		  font-size: 14px;
		  color: #fff;
		  font-weight: bold;
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
		  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
		  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
		  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
		  -moz-border-radius: 4px;
		  -webkit-border-radius: 4px;
		  border-radius: 4px;
		}
		
		.li-community-and-cross-cultural ul { display: none; }


  
 
 
 
 
@media only screen and (max-device-width: 480px) { 

				body { width:100%;border:none;  }
				#page-container { background-image:none!important; margin: 0; padding:0; max-width: 480px; }
				#container { clear:both; max-width: 480px; overflow: hidden;}
				#header { 
					height: 125px;
					padding:0;
					margin:0;
					width: 100%;
					max-width: 480px;
				}
				#footer {display: none;}
				#logo { position: relative; }
				#content-text {
					position: relative;
					padding: 0px;
					width: auto;
					max-width: 100%;
					margin: 0 10px;
				}
				#logo {
					top: 50px;
					width: 320px;
					height: 81px;
					background-image: url(http://clients.adam8.com/www.kjdance.ca/img/karen-jamieson-dance-logo.png);
					-webkit-background-size: 320px 81px;
				}
				#logo a { width: 320px; height: 81px; }
				#nav {
					left:0;
				}
				#nav a {
					padding: 12px 8px 10px 6px;
				}
				#nav .li-home { display: none }
				#special { top: 43px; right: 10px; }
				#main {
					left: -94px;
					top: 0px;
				}
				.post-entry-home {
					margin:0;
				}
				#slideshow, .slideshow {
					float: none;
					margin: 0px auto 15px auto;
				}
				#nav li.li-search { display: none }
				#special { display: none; }
				
				.post-content p { clear: both; }
				
				/*
				#nav { position: relative; font-size: 22px;left: 20px; top: 15px; }
				#nav li a { display:block; height: 40px;line-height: 40px;padding: 0px; }
				.nav-link-tier1 { display: none; }
				.nav-active { color: #f00!important; background: none; padding-left:0;margin-left:0;}
				.nav-tier1 { width: 155px; }
				#logo { display:  none; }
				#content-text { width: 440px; margin: 0 auto; }
				.home #content-text h2 { font-size: 50px!important }
				body.technical #content-text img { width: 480px!important;height: auto!important; }
				body.technical #content-text { margin: 0; }
				body.advantages #content-text li { width: 440px; min-height: inherit; }
				.blog-home .post-pic, #blog-page .slideshow { margin: 0 auto!important;float: none; max-width: 440px; }
				iframe { max-width: 440px; }
				#nav li.li-get-started a.nav-get-started:link { padding-top:10px;padding-bottom:14px; height: auto; font-size: 26px; width: 145px; display: block;text-align: center; }
				.li-get-started { margin-top: 15px; }
				body.get-started .li-get-started {margin-left: 0;padding-left: 0;background: none;}
				#client-image-div { display: none; }
				#col1, #col2, #col3 { width: 140px;overflow: hidden; }
				#client-list ul li { height: auto; }
				.post-content img { max-width: 100%;}
				.post-title { margin-top:5px; }
				.blog-home .post-pic, #blog-page .slideshow {max-width: 100%;}
				*/
	
}