/*

 

Copyright 2010 jonleesmith



http://www.jonleesmith.co.uk



info@jonleesmith.co.uk



twitter.com/jonleesmith



blue : #0090d6

green : #09b89d



*/



.blue {

	color: #0090d6;

}



.green {

	color: #09b89d;

}


.pink {
	color: #e43e8c;

}

.subtitle{
	font-weight:bold;
	margin-bottom: 8px;
	width: 100%;
}



* {

  margin:0; padding:0;

}



html,body {

  line-height:19px; color:#fff; font-family:"Cabin","Helvetica Neue", "Helvetica", "Arial";

  font-size:0.95em; background:#178fc0 url(../images/bg.png) fixed top center repeat-x;  

  -webkit-font-smoothing:antialiased;

}



.news {

	font-size: 1em;

	margin-top: 30px;

}



u {

	font-weight: bold;

}



.news.blue * {

	color: #0090d6;

}



.news.green * {

	color: #09b89d;

}



.news strong {

	display: block;

	font-weight: bold;

	font-size: 1.2em;

	margin-bottom: 10px;

}	



.news ul {

	margin: 20px 0;

	padding-left: 20px;

}



.news ul li {

	margin-bottom: 10px;

}



.venues {

	font-size: 1.1em;

}



.venues > strong {

	color: #09b89d;

	display: block;

	margin-bottom: 10px;

	text-transform: uppercase;

}	



.venues ul strong {

	display: block;

	color: #0090d6;

}



.venues ul {

	margin: 20px 0;

	padding-left: 20px;

}



.venues ul li {

	margin-bottom: 10px;

}



.term-fees {

	width: 400px;

	margin: 50px auto 0;

}



.term-fees img {

	max-width: 100%;

}



/* 

	LAYOUT 

*/



#header {

	width: 900px; margin:0 auto; 

}



#logo {

	/* margin: 0 0 0 230px; */
	margin: 0 auto;
	width: 750px;
	display:block;

}





#wrapper {

	width: 900px; margin: 0 auto; padding: 20px 0; min-height: 500px; 

}



#sidebar {

	width: 200px; float: left; margin: 0 10px 0 0; overflow: hidden; position: relative; top:-100px;

}



#main-col {

	width: 648px;  float: left; padding: 20px; background: #010101; min-height: 500px; 

	-webkit-border-radius: 5px; position: relative; top:-100px; display: none; border: 1px solid #fff;

}



#normal-list {

	padding: 10px 0 10px 20px;

}



#normal-list li {

	margin: 0 0 5px 0;

}



#normal-list li strong {

	color: #0090d6;

}





#dancer-list {

	padding: 20px 0 20px 30px; 

}



#dancer-list li {

	margin: 0 0 0 0; color: #0090d6; font-weight: bold; position: relative; 

}



#images {

	margin: 20px 0;

}



#images div {

	float: left; margin: 0 20px 0 0; 

}



#images div img {

	border: 2px solid #111; padding: 5px;

}



#classes-wrap .class {

	margin: 20px 20px 0 0; width: 180px; float: left;

}

#classes-wrap .class2 {

	margin: 20px 20px 0 0; width: 300px; float: left;

}



#classes-wrap img {

	margin: 0 0 10px 0;

}



#classes-wrap h3 {

	margin: 0 0 10px 0;

}





#classes-wrap .class div {

	min-height: 220px;

}



#classes-wrap .class-last div {

	min-height: 220px; 

}



#classes-wrap .class-last {

	width: 180px; float: left; margin: 20px 0 0 0;

}



#ppt {

	margin: 0 0 0 90px;

}



table {

	width: 650px; margin: 20px 0; 

}



tr.one {

	background: #111;

}



tr.two {

	background: #222;

}



tr.age {

	text-align: right;

}



tr {

	height: 40px; text-align: center;

}



td {

	width: 220px; padding: 5px 0;

}



tr.day {

	text-align: center; background: #0090d6; font-weight: bold; font-size: 1.3em;

}



#gallery-wrap div {

	float: left; margin: 0 10px 10px 0; width: 100px;  

}



#class-contact {

	margin: 20px 0;

}



#class-contact div.map img {

	float: left; margin: 0 20px 0 0;

}



#terms {

	margin: 20px 0 0 0; padding: 0 0 0 20px;

}



#terms li {

	margin: 0 0 5px 0;

}



#history {

	padding: 20px 0; margin: 10px 0; 

}



#history div {

	float: left; margin: 0 5px 5px 0; width: 80px; max-height: 60px; overflow: hidden;

}



#contact-details {

	font-size: 1.2em; margin: 0 0 20px 0;

}



/* 

	TYPOGRAPHY

*/	



h1 {

	color: #0090d6; margin: 0 0 20px 0; font-size: 2.2em; font-family: "Slackey", "Tahoma","Helvetica";

}



h2 {

	color: #0090d6; margin: 15px 0; font-size: 1.3em; font-family: "Slackey", "Tahoma","Helvetica";

	line-height: 26px;

}

h2.funky {

	color: #0090d6; margin: 10px 0; font-size: 1.7em; 

}



h3 {

	font-family: "Cabin","Helvetica Neue", "Helvetica", "Arial"; color: #09b89d; font-size: 1.4em;	margin: 0 0 10px 0;

}

h3.sub {

	color:#09b89d; font-weight: bold; font-size: 1.7em;

}



h4 {

	font-family: "Cabin","Helvetica Neue", "Helvetica", "Arial"; color: #09b89d; font-size: 1.3em;	margin: 5px 0;

}



p {

	margin: 0 0 10px 0; 

}



p.smaller {

	font-size: 0.7em;

}



p.home {

	margin: 0 0 20px 0; position: relative; 

}



#corner-girl {

	/*position:absolute; top:-30px; left: 550px; */ position: absolute; 

	left: 565px; top:-40px;

}



p.intro {

	font-size: 1.1em; font-weight: bold; line-height: 22px;  color: #ededed; width: 95%;

}



p.sub {

	font-size: 0.9em;

}



/* 

	UTILITIES

*/



i {

	font-size: 1.3em;

}



b {

	font-size: 1.2em;

}



p b {

	font-size: 1em;

}



td b {

	font-size: 0.9em;

}



p a {

	color: #0090d6; text-decoration: none; border-bottom: 1px solid #09b89d; padding: 0 0 -2px 0;

}



a, img {

	border: none;

}



small {

	font-size: 0.75em; line-height: 0.85em; color: #999;

}



.clear {

  clear:both; height:0; line-height:0;

}



.clear-space {

  clear:both; min-height:20px; line-height:0;

}



.float-left {

	margin: 5px 10px 5px 0; float: left;

}



.float-right {

	margin: 5px 0 5px 10px; float: right;

}





.blue {

	/* color: #00ccff; */
	color: #0090d6;

}



/* 

	MOST COMPLICATED FORM EVER

*/



label {

	display: block; float: left; width: 200px; 

}



span {

	width: 200px; display: block; float: left;

}



input[type=text] {

	width: 220px; padding: 3px; font-size: 1em; display: block; outline: none; border: 2px solid #09b89d;

	color: #333;

}

input[type=text].small {

	width: 170px; padding: 3px; font-size: 1em; display: block; outline: none; border: 2px solid #09b89d;

	color: #333;

}



textarea {

	width: 220px; padding: 3px; font-size: 1em; display: block; outline: none; border: 2px solid #09b89d;

	height: 70px;

}



p.clear-form {

	clear: both; min-height: 5px;

}



#parent-guardian {

	display: none;

}



#errors {

	padding: 0 0 0 20px; color: #f61813; margin: 0 0 30px 0; list-style: square;

}



#errors li {

	margin: 0 0 4px 0;

}



#success-page {

	background: #09b89d; color: #fff; padding: 20px; margin: 20px auto; width: 450px; 

}



#terms-and-conditions {

	margin: 20px 0; display: none;

}



/* 

	IMPORTED NAVIGATION

*/



a:hover {

	cursor: pointer;

}





strong.green {

	color: #09b89d;

}



ul#sliding-navigation

{

	list-style: none; padding: 0;

}



ul#sliding-navigation li.sliding-element a

{

	color: #fff; text-decoration: none; text-transform: uppercase; display: block;

	padding: 10px; margin: 0; margin-bottom: 5px; font-size: 0.9em;

	-webkit-border-radius: 4px; font-weight: bold;

}



ul#sliding-navigation li.sliding-element a.active { 

	color: #fff; background: #09b89d;

}



ul#sliding-navigation li.sliding-element a.active:hover { 

	color: #fff; background: #09b89d;

}



ul#sliding-navigation li.sliding-element a:hover { 

	color: #ccc; 

}



#extra-prices {

	width: 380px; height: 250px; text-align: center; 

	margin: 20px auto; padding: 20px 40px 0 30px; color: #222; 

}



#extra-prices span {

	width: 100%; float: none;

}



#extra-prices strong {

	display: block; margin: -20px 0 10px 0;

}



#extra-prices h2 {

	color: #222;

}



span.red {

	color: #f61813; margin: 0; padding: 0; display: inline; font-weight: bold; width: auto;

}



.stand_out {

	color: #0090d6; display: inline; margin: 0; padding: 0; width: auto;

}



.centre {

	width: 100%; margin: 10px auto; text-align: center;

}



#dtw {

	position: relative; top:30px;

}



#noticeboard .images a img {

	margin: 10px 5px 10px 5px;

}



.Noticeboard {

	line-height: 18px;

}



.Noticeboard h1 {

	margin: 0 0 20px;

}



.Noticeboard h2 {

	margin: 0 0 10px;

}



.Noticeboard h3 {

	margin: 0 0 3px;

}



.Noticeboard p {

	margin: 0 0 5px;

}



.Noticeboard b {



}



.term-specials {

	width: 420px;

	margin: 50px auto;

	background: #09b89d;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,.3);

	padding: 50px 0;

	text-align: center;

	transform: rotate(-1deg);

}



.term-specials strong {

	display: block;

	margin-bottom: 30px;

	text-transform: uppercase;

	font-size: 2.3em;

}



.term-specials ul {

	font-size: 1.3rem;

	list-style: none;

	transform: rotate(2deg);

	font-weight: normal;

}



.term-specials ul li {

	margin-bottom: 8px;

}