/*
Theme Name: Dance Zone
Theme URI: http://thedancezone.ca
Description: Custom Wordpress Site for Dance Zone
*/

html, body, div, span, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, ol, ul, li, fieldset, form, label, legend, table, tbody,tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {color: #333; text-align: center; font-family:  arial,verdana, serif; line-height: 15px; font-size: 12px; background: url('images/tilebg.jpg') repeat-x top left #b857d4; height: 100%;}
.absolute, .absolute a { font-size: 11px; color: #004fb6; text-align: center;}
.absolute { padding: 20px;}

h2 {font-size: 18px; }

a { text-decoration: none; color: #771087; }
	
a:hover { text-decoration: underline; color: #9f15b5; }

br.secret{ height: 0px; line-height: 0px; clear: both; }

#flares {height: 100%; width: 100%; background: url('images/flares.png') no-repeat top center;}
.wrapper { width: 1000px; margin: 0 auto; text-align: left; z-index: 5; position: relative;}

.logoholder {width: 1000px; text-align: center; height: 131px;}


.navigation {width: 1000px; height: 48px; list-style-type: none; font-size: 14px;  line-height: 48px; position: relative; z-index: 5;}
.navigation li {float: left; text-align: center; position: relative; overflow: visible;}
.navigation li a {display: block; height: 48px; border-right: solid 1px #bd76ce; border-left: solid 1px #cc96d8; background: url('images/navbg.jpg') repeat-x top left; color: #44004b; text-shadow: #d4a3df 1px 1px 1px;}
.navigation li a:hover, .navigation li.active a {background-position: bottom left;}
	.navigation li.home a {width: 90px; border-left: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkitborder-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px;}
	.navigation li.about a {width: 97px;}
	.navigation li.general a {width:112px;}
	.navigation li.contact a {width: 94px;}
	.navigation li.recreational a {width:183px;}
	.navigation li.competitive a {width: 181px;}
	.navigation li.media a {width:87px;}
	.navigation li.other a {width:140px; border-right: none;border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-top-right-radius: 3px; -moz-border-bottom-right-radius: 3px;}
	
.navigation .dropdown {border: #caad4d solid 1px; border-top: solid 3px #eee4d2; background: #fffbe2;  line-height:36px; position: absolute; left:0; top: 48px; z-index: 5px; zoom: 1; float: left; -webkit-box-shadow: 0px 3px 3px #999; display: none; list-style-type: none;}
.navigation .dropdown li {float: none; text-align: left;}
.navigation .dropdown li a {display: block; height: 36px; background: none; text-shadow: none; padding: 0 8px; white-space: nowrap; border:none!important;}
.navigation .dropdown li a:hover { text-decoration: underline; background: #f3e9b5;}
.navigation li.general .dropdown li a {padding: 0 18px 0 8px;}

.navigation li.contact ul li a {width: 78px;}
.navigation li.recreational ul li a {width:167px;}
.navigation li.competitive ul li a {width: 165px;}
.navigation li.media ul li a {width:71px;}
.navigation li.other ul li a {width:124px;}


.footer {background:#771087; height: 80px; clear: both; color: #db89f0; font-size: 10px; z-index: 1;}
.footer p {padding: 15px 0 0 0;}
.footer p.left {float: left;}
.footer p.right {float: right;}
.footer .wrapper {position: relative; z-index: 1;}
.footer .wrapper .ballerina {width: 250px; height: 500px; z-index: 1; position: absolute; top: -450px; right: -100px;z-index: -1;}


#container {float: left; width: 725px; padding: 20px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 5px 0 20px 0; }
#container .top  {display: block; margin: 35px 0 0 0;}

#container .page-sidebar {width: 170px; float: left;}
#container .page-sidebar h2 {color: #771087; font-size:12px; margin: 0 0 10px 0;}
#container .page-sidebar .subpages {list-style-type: none; line-height: 20px;}
#container .page-sidebar .subpages .current_page_item a {color: #333; font-weight: bold; text-decoration: none; cursor: default;}

#container .page-sidebar .sidegallery {list-style-type: none;} 
#container .page-sidebar .sidegallery li {text-align: right; margin: 0 0 20px;}
#container .page-sidebar .sidegallery li a {margin-top: 5px;}
#container .page-sidebar .sidegallery li img { border: #aeaeae solid 1px;}
#container .page-sidebar .sidegallery li a img {border: none!important;}

#container .entry-content .alignleft {float: left;}
#container .entry-content .alignright {float: right;}
#container .entry-content img {padding: 10px;}

#container div.page {width: 530px; float: left; margin: 0 0 0 20px;}
#container div.fullpage {width: 720px; float: left; margin: 0!important;}
#container div.fullpage h1 {float: left;}
#container div.fullpage p.linkright {float: right;}
#container div.fullpage .entry-content {clear: both;}
#container div.page h1 {font-size: 18px; margin: 0 0 15px 0; color: #771087; font-family: Georgia, Garamond, serif; font-style: italic;}
#container div.page h2 {font-size: 14px; margin: 0 0 10px; color: #771087;}
#container div.page p {margin: 0 0 10px;}
#container div.page ul, #container div.page ol {margin: 5px 25px 15px; line-height: 18px;}

#container .pagination {width: 530px; float: right; text-align: center; margin: 0; font-size: 14px;}
#container .pagination a {border: none; background: none; color: #771087;}
#container .pagination .current {font-weight: bold; color: #333; background: none; border: none;}
#container .pagination .prev {display: inline-block; height: 24px; width: 35px; text-indent: -9000px; line-height: 0; font-size: 0; background: url('images/prev.jpg') no-repeat top left; vertical-align: middle;}
#container .pagination .next {display: inline-block; height: 24px; width: 35px; text-indent: -9000px; line-height: 0; font-size: 0; background: url('images/next.jpg') no-repeat top left; vertical-align: middle;}

#container .post {width: 530px; float: right; border-bottom: solid 1px #d1a3d8; padding-bottom: 15px; margin-bottom: 15px;}
#container .post h2 { font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 5px;}
#container .post p.date {font-size: 14px; color:#771087; line-height: 18px; margin-bottom: 8px;}
#container .post .goback {display: block; margin: 15px 0 5px; padding-left: 10px; background: url('images/darkarrowleft.jpg') no-repeat top left; }

ul.social {width: 530px; float: right; list-style-type: none;}
ul.social li {float: left; margin-right: 23px;}
ul.social li.email {margin-right: none;}
ul.social li.facebook a {padding-left: 60px; line-height: 60px; height: 60px; display: block; font-size: 14px; color: #616161; background: url('images/facebook.jpg') no-repeat top left;}
ul.social li.twitter a {padding-left: 60px; line-height: 60px; height: 60px; display: block; font-size: 14px; color: #616161; background: url('images/twitter.jpg') no-repeat top left;}
ul.social li.email a {padding-left: 60px; line-height: 60px; height: 60px; display: block; font-size: 14px; color: #616161; background: url('images/email.jpg') no-repeat top left;}
ul.social li span {display: none;}
.follow ul.social {width: 230px; float: right; margin-top: 35px;}
.follow ul.social li a {font-size: 11px; color: #fff; width: 150px; line-height: 13px; padding: 10px 0 0 60px;}
.follow ul.social li {padding-top: 15px; border-top: solid 1px #b969c9; margin: 0;}
.follow ul.social li.facebook a {background-image: url('images/facebookpink.jpg');}
.follow ul.social li.twitter a {background-image: url('images/twitterpink.jpg');}


.hasgallery .entry-content {padding: 0 0 0 40px;}
.hasgallery ul.social {float: left; margin: 15px 0 0 100px;}

.sidebar {float: right; width: 230px; margin: 5px 0 0 0;}

.sidebar h2.sidebarhead {font-family: georgia, garamond, serif; text-shadow: #d4a3df 1px 1px 1px; color:#7b028c; font-weight: normal; font-style: italic; width: 190px; padding: 0 20px; height: 40px; line-height: 40px; background: url('images/navbg.jpg') repeat-x 0 -3px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;}
.sidebar .sidebarbody {padding: 5px; background: #f9e1ff; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; margin: 0 0 5px 0;}

.sidebar ul.fourgrid {list-style-type: none;}
.sidebar ul.fourgrid li {float: left;}
.sidebar ul.fourgrid li a {width: 106px; height:98px; display: block; text-indent: -90000px; line-height: 0px; font-size: 0px;}
.sidebar ul.fourgrid li.register a {background: url('images/four-register.jpg') no-repeat top left;}
.sidebar ul.fourgrid li.register {margin: 0 5px 5px 0;}
.sidebar ul.fourgrid li.schedule a {background: url('images/four-schedule.jpg') no-repeat top left;}
.sidebar ul.fourgrid li.birthdays a {background: url('images/four-birthdays.jpg') no-repeat top left;}
.sidebar ul.fourgrid li.birthdays {margin: 0 5px 0 0; clear: both;}
.sidebar ul.fourgrid li.summercamp a {background: url('images/four-summercamp.jpg') no-repeat top left;}

.sidebar .sponsors {padding: 10px;}
.sidebar .sponsors p {margin: 0 0 10px 0;}
.sidebar .sponsors a strong {color: #333;}
a.advertise {float: right; font-family: georgia, garamond, serif; font-weight: bold; margin-right: 10px;}

.wpcf7-form {font-size: 10px;}
.wpcf7-form p {margin: 0 0 8px;}
.wpcf7-form input, .wpcf7-form textarea {padding: 3px; width: 162px; border: solid 1px #e9caf0; font-size: 12px; font-family: arial;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {background: #fffde9;}
.wpcf7-form p.submit input { width: 100px; margin: 5px 0 0 30px; font-size: 16px; font-style: italic; font-family: georgia, garamond, serif; background: url('images/navbg.jpg') repeat-x 0 -3px; height: 30px; line-height: 30px; text-shadow: #d4a3df 1px 1px 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  color:#7b028c; padding: 0 0 5px 0; cursor: pointer;}


/* Homepage stuff	*/
.toptriplet {width: 998px; height: 272px; margin: 5px 0 0 0;background:url('images/triplet.jpg') repeat-x top left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.toptriplet .white {width: 290px; height: 272px; background: url('images/tripletwhite.jpg') repeat-x top left; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; float: left;}
.toptriplet .white ul.fourgrid {list-style-type: none; padding: 7px 0 0 7px;}
.toptriplet .white ul.fourgrid li {float: left;}
.toptriplet .white ul.fourgrid li a {width: 136px; height:127px; display: block; text-indent: -90000px; line-height: 0px; font-size: 0px;}
.toptriplet .white ul.fourgrid li.register a {background: url('images/large-register.jpg') no-repeat top left;}
.toptriplet .white ul.fourgrid li.register {margin: 0 5px 5px 0;}
.toptriplet .white ul.fourgrid li.schedule a {background: url('images/large-schedule.jpg') no-repeat top left;}
.toptriplet .white ul.fourgrid li.birthdays a {background: url('images/large-birthdays.jpg') no-repeat top left;}
.toptriplet .white ul.fourgrid li.birthdays {margin: 0 5px 0 0; clear: both;}
.toptriplet .white ul.fourgrid li.summercamp a {background: url('images/large-summercamp.jpg') no-repeat top left;}

.toptriplet .youtube {float: left; width:465px; height: 272px; margin-left: 6px;}

.toptriplet .follow {width: 230px; float: right; padding: 15px 0 0 0; display: inline;}
.toptriplet h2 {font-size: 22px; font-family: georgia, garamond, serif; color: #771087; line-height: 30px; font-style: italic;}

.lowertriplet .first, .lowertriplet .second, .lowertriplet .third {float: left; margin-top: 5px;}
.lowertriplet .first {width: 290px; }
.lowertriplet .second {width:465px; margin: 5px 6px; position: relative; z-index: 1;}
.lowertriplet .third {width:230px;}

.lowertriplet .section {padding: 5px; background: #fff; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; margin: 0 0 5px 0; height: 100%;}
.lowertriplet .third .section {background: #f9e1ff;}


.lowertriplet h2.golden {font-family: georgia, garamond, serif; text-shadow: #d4a3df 1px 1px 1px; color:#7b028c; font-weight: normal; font-style: italic; width: 250px; padding: 0 20px; height: 40px; line-height: 40px; background: url('images/navbg.jpg') repeat-x 0 -50px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;}
.lowertriplet .second h2.purple {font-family: georgia, garamond, serif; text-shadow: #d4a3df 1px 1px 1px; color:#7b028c; font-weight: normal; font-style: italic; width: 425px; padding: 0 20px; height: 40px; line-height: 40px; background: url('images/navbg.jpg') repeat-x 0 -3px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;}
.lowertriplet .third h2.purple {font-family: georgia, garamond, serif; text-shadow: #d4a3df 1px 1px 1px; color:#7b028c; font-weight: normal; font-style: italic; width: 190px; padding: 0 20px; height: 40px; line-height: 40px; background: url('images/navbg.jpg') repeat-x 0 -3px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; font-size: 18px;}

.lowertriplet .third ul.sponsorslist {list-style-type: none; margin: -10px 0 0 0;}
.lowertriplet .third ul.sponsorslist li { margin: 10px 5px; padding: 10px 0; border-bottom: solid 1px #cd91d8; clear: both; height: auto!important; min-height: 60px; height: 70px; zoom: 1; }
.lowertriplet .third ul.sponsorslist li img {float: left; margin: 0 5px;}
.lowertriplet .third ul.sponsorslist li p {float: left; width: 120px;}

.lowertriplet .second ul.posts {list-style-type: none; margin: 15px 15px 0 15px;}
.lowertriplet .second ul.posts li {border-bottom: solid 1px #d1a3d8; padding-bottom: 15px; margin-bottom: 15px; }
.lowertriplet .second ul.posts li a.title { font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 5px;}
.lowertriplet .second ul.posts li p.date {font-size: 14px; color:#771087; line-height: 18px; margin-bottom: 8px;}
a.readmore {color: #b264c3; padding-right: 10px; background: url('images/lightarrow.jpg') no-repeat top right;}

.gallery-item a img {border: solid 2px #d1a3d8!important;}


.sectiontop, .sectiontopactive:hover {display: block; float: left; height: 24px; line-height: 24px; padding-right: 50px; background: url('images/openclose.jpg') no-repeat top right; font-size: 14px; font-weight: bold; margin: 10px 0 0 0;}
.sectiontopactive, .sectiontop:hover {background-position: bottom right;}
.sectionbottom {clear: both; padding: 10px 0; }

.shoesatire {width: 170px; list-style-type: none; text-align: right;} 
.shoesatire li {margin-bottom: 15px;}
.shoesatire li a strong {color: #333; font-weight: normal;}

ul.shopping {list-style-type: none; width: 530px; margin-left: 0!important; margin-right: 0!important;}
ul.shopping li {width: 160px; text-align: center; float: left; margin: 0 5px 25px;}
ul.shopping li a {text-decoration: none; color: #333}
ul.shopping li a strong {color: #771087}
ul.shopping li.clear {clear: both;}

ul.shopping li .fullview {display: none;}
 .fullview {width: 800px; height: 500px; text-align: left;}
.clear .fullview {display: block;}
 .fullview .left {width: 500px; float: left; padding-right: 20px; margin-right: 20px; border-right: solid 1px #eccef4; }
 .fullview .right {float: left; width: 175px;}
 .fullview .right h2, .fullview .left h2 {font-size: 18px!important; color: #771087; font-family: georgia, garamond, serif; font-style: italic; margin: 10px 0 10px 0;}
 .fullview .right h3 {font-size: 14px; color: #771087; font-family: georgia, garamond, serif; font-style: italic; margin: 30px 0 10px 0;}
.fullview .left h3 {font-size: 16px; color: #771087; font-family: georgia, garamond, serif; margin: 15px 0;}
.fullview .left p.tinyleft {font-size: 11px; width:300px; float: left; margin-top: 20px;}
.fullview .left p.tinyright {font-size: 20px; color: #771087; font-weight: bold; width: 200px; text-align: right; float: right; margin-top: 20px;}