/* DO NOT REMOVE

Created for Wicked Dance Productions

By: dhyconsulting.biz

Created: 02-Jun-2007

*/

body {

	margin: 0;

	padding: 0;

	font-family: verdana, sans-serif;

	text-align: center;

	line-height: 1.5em;

	color: #333;

	background-color: #ccc;

	font-size: x-small; /* IE5 Win */

	font-size: small;

}



html>body {

	font-size: small; /* be nice to Opera */

}



/* ---( text )------------------------------- */

a:link {

	color: #360;

}



a:visited {

	color: #969;

}



a:hover {

	color: #fff;

	background-color: #360;

	text-decoration: none;

}



p {

	margin: 1em 0 1em;

	padding: 0;

	color: #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



p span {

	font-style: italic;

	color: #c00;

	font-weight: bold;

	font-size: 12px;

	font-family: verdana;

}



h1 {

	font-family: Arial, Helvetica, verdana, sans-serif;

	font-size: 130%;

	font-weight: bold;

	color: #9cc;

	padding: 0;

	margin: 0;

	letter-spacing: 1px;

}



h1 span {

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 5px;

}



h2 {

	font-family: Arial, Helvetica, verdana, sans-serif;

	font-size: 105%;

	color: #c00;

	padding: 0;

	margin: 1em 0 1em 0;

}



h2.sub {

	color: #999;

	font-size: 90%;

	font-weight: normal;

	padding-bottom: 2px;

	margin-bottom: 1.5em;

	border-bottom: 1px solid #ddd;

}



h3 {

	font-family: Arial, verdana, sans-serif;

	font-size: 100%;

	font-weight: bold;

	color: #000;

	padding: 0 0 2px 0;

	margin: 1.2em 0 1em 0;

	border-bottom: 1px solid #ddd;

}



h3.newspost {

	padding: 5px 0 3px 20px;

	border-bottom: 1px dashed #ccc;

	background: url(../images/icon_doc.gif) no-repeat 0 5px;

}



h3.news {

	background: url(../images/icon_news.gif) no-repeat center left;

	padding: 5px 5px 3px 20px;

	color: #c00;

}

	

h3 span {

	text-transform: uppercase;

	color: #000;

}



h4 {

	font-family: Arial, verdana, sans-serif;

	font-size: 95%;

	color: #690;
	
	margin: 1em 0 0 0;

}



table{

	border-top: 1px solid #999;

	border-left: 1px solid #999;

	border-collapse: collapse;

	margin: 20px 0;

}



table tr:hover td {background-color: #9cc;}



th, td {

  	padding: 10px;

	vertical-align: top;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

}



th {

	font-family: Verdana, sans-serif;

	padding-left: 5px;

	background: #fff;

	font-size: 13px;

	color: #c00;

}





dl.review a {

	color: #b00;

}



dl.review a:hover {

	color: #fff;

}

ol {
	margin: 0 0 1em 0;
}

ol li {
	margin: 0 0 0 3em;
}



address {

	font-weight: bold;

	padding: 0 0 0 10px;
	
	line-height: 1.5em;

}



blockquote {

	font-size: 88%;

	color: #777;

	padding-left: 23px;

	background: url(../images/quotemarks.gif) no-repeat 0 3px;

}



abbr, acronymn, .popup {

	font-style: normal;

	border-bottom: 1px dotted;

	cursor: help;

}



	

caption {

	text-transform: uppercase;

	font-weight: bold;

	color: #b00;

}



em {

	font-style: italic;

}



strike {

	text-decoration: line-through;

}



fieldset {

	width: 400px;

	margin: 0;

	padding: 1em;

	border: 1px solid #9e9e8a;

}



legend {

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	padding: 0;

	color: #333;

}



/* ---( top )------------------------------- */

#wrap {

	position: relative;

	margin: 0 auto;

	padding: 0px;

	font-size: 95%;

	text-align: left;

	background: #fff;

	width: 782px;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 750px;

	border: 1px solid #999;

}



html>body #wrap {

	width: 750px;

}



#header {

	width: 750px;

	height: 90px;

	background-color: #c00;

	background-image: url(../images/img-css/wicked_web-banner.gif);

	border-bottom: 1px solid #c00;

}



/** Tabbed Navigation Menu **/

#nav {

	width: 730px; /* fixes nav ul left padding issue */

	margin: 0;

	padding: 0;

	}



#nav ul {

	float: left;

	width: 100%;

	margin: 0;

	list-style: none;

	font-family: Arial, Verdana, sans-serif;

	font-weight: bold;

	font-size: 85%;

	padding: 10px 0 0 20px;

	border-bottom: 14px solid #9cc;

	background: #fff;

	}



#nav li {

	float: left;

	margin: 0 2px 0 0;

	padding: 0;

	background: #fff url(../images/img-css/tab_righ.gif) no-repeat top right;

	}



#nav a {

	float: left;

	display: block;

	padding: 5px 10px;

	border: none;

	color: #999;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

	background: url(../images/img-css/tab_left.gif) no-repeat top left;

	}



/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#nav a { float:none; }

/* End IE5-Mac hack */



#nav a:hover {

	color: #c00;

	}



#nav li.active {

	background-image: url(../images/img-css/tab_righ.gif);

	background-color: #c00;

	}



#nav li.active a {

	color: #fff;

	background-image: url(../images/img-css/tab_left2.gif);

	background-color: #9cc;

	border: none;

	text-decoration: none;

	}

	

/** Page Photos **/



#pagehome {

	width: 750px;

	height: 119px;

	background-color: #9cc;

	background-image: url(../images/img-css/wdp-home_image.jpg);

}



#pageaboutus {

	width: 750px;

	height: 119px;

	background-color: #9cc;

	background-image: url(../images/img-css/wdp-aboutus_image.jpg);

}



#pagecontactus {

	width: 750px;

	height: 119px;

	background-color: #9cc;

	background-image: url(../images/img-css/wdp-contactus_image.jpg);

}



#pageschedule {

	width: 750px;

	height: 119px;

	background-color: #9cc;

	background-image: url(../images/img-css/wdp-schedule_image.jpg);

}

#pagetuition {

	width: 750px;

	height: 119px;

	background-color: #9cc;

	background-image: url(../images/img-css/wdp-tuition_image.jpg);

}


#pageshop {

	width: 750px;

	height: 119px;

	background-color: #9cc;

	background-image: url(../images/img-css/wdp-shop_image.jpg);

}





/** Bread Crumbs Nav **/

#bread {

	color: #c03;

	background-color: #fff;

	padding: 3px;

	margin: 20px 0 0 10px;

}



#bread ul {

	margin-left: 0;

	padding-left: 0;

	display: inline;

	border: none;

}

 

#bread ul li {

	margin-left: 0;

	padding-left: 2px;

	border: none;

	list-style: none;

	display: inline;

}

	

#bread ul li a {

	color: #5b80b2;

}



#bread ul li a:hover {

	color: #fff;

}



/* ---( main column )----------------------------- */

#content, #sitemap {

	float: left;

	width: 720px;

	margin: 18px 0 0 0;

	padding: 0 20px;

	clear: left;

}

	

#content .entry, #sitemap .entry {

	margin-bottom: 14px;

}

	

#content .attachments {

	border: 1px solid #c03;

	padding: 10px;

	margin: 10px 0 10px 0;

}



/* lists */

#content ul {

	list-style: none;

	margin: 1em 0 1em 0;

	padding-left: 24px;

	padding-bottom: 5px;

}

	

#sitemap ul {

	list-style: none;

	margin: 1em 0 5px 5px;

	padding-bottom: 5px;

}



#content ul li {

	padding: 5px 0 4px 19px;

	line-height: 1em;

	background: url(../images/rarrow-blue.gif) no-repeat 0 6px;

}



#content ul li.pdf {

	padding: 9px 0 5px 23px;

	line-height: 1em;

	background: url(../images/icon_pdf.gif) no-repeat 0 6px;

	font-weight: bold;

}



#content ul li.none {

	line-height: 1em;

	background: none;

	background-color: #fff;

	margin: 0 0 10px 10px;

	padding: 10px;

	border-top: 1px solid #999;

	border-right: 2px solid #555;

	border-bottom: 2px solid #555;

	border-left: 1px solid #999;

	text-align: center;

}



#content ul li.none img {

	padding: 0 0 5px 0;

}



#content ul li.menu {

	padding: 9px 0 5px 13px;

	line-height: 1em;

	background: url(../images/icon_menu.gif) no-repeat 0 6px;

	font-weight: bold;

}



#content ul li.menu a {

	text-decoration: none;

}

	

#sitemap ul li {

	padding: 5px 0 4px 19px;

	margin-left: 15px;

	line-height: 1.2em;

	background: url(../images/rarrow-blue.gif) no-repeat 0 10px;

}



#perform {

	list-style: none;

	margin: 1em 0 1em 0;

	padding-bottom: 5px;

}



#perform h4 {

	color: #930;

	text-transform: uppercase;

}



#perform ul li {

	padding: 5px 0 4px 15px;

	line-height: 1em;

	background: url(../images/bullet_rounded.gif) no-repeat 0 8px;

}



#content dl dd {

	margin: 0;

	padding: 0 0 1em 10px;

}

	

#content dl dt span {

	text-transform: uppercase;

}



/* ---( right column )----------------------------- */

#sidebar {

	position: relative;

	font-size: 90%;

	line-height: 1.5em;

	margin: 0 0 0 509px;

	padding: 45px 15px 0 15px;

	color: #777;

}



#sidebar h3 {

	color: #c00;

	padding: 5px;

	margin: 0 0 10px 0;

}



#sidebar h3.alert {

	background: url(../images/icon_alert.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.doc {

	background: url(../images/icon_doc.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.mail {

	background: url(../images/icon_email.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.help {

	background: url(../images/icon_help.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.info {

	background: url(../images/icon_info.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.home {

	background: url(../images/icon_home.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.pdf {

	background: url(../images/icon_pdf.gif) no-repeat center left;

	padding-left: 20px;

}



#sidebar h3.star {

	background: url(../images/icon_star.gif) no-repeat center left;

	padding-left: 25px;

}



#sidebar h4 {

	font-size: 92%;

	font-weight: bold;

	margin: 0;

}



#sidebar img {

	float: right;

}



#sidebar img.norm {

	float: left;

	padding-left: 15px;

}

	

#sidebar p {

	margin-top: 4px;

	margin-bottom: 20px;

	padding: 0 0 0 10px;

}



#sidebar ul, #sidebar dl {

	margin: 4px 0 20px 0;

	padding: 0;

	list-style: none;

}



#sidebar li {

	margin: 0 0 .5em 10px;

	padding: 0 0 0 13px;

	line-height: 1.2em;

	background: url(../images/bullet_rounded.gif) no-repeat 0 5px;

}

	

#sidebar ul li a {

	color: #360;

	text-decoration: underline;

}



#sidebar ul li a:hover {

	color: #fff;

	text-decoration: none;

	background-color: #690;

}



#featured dd, #featured dt {

	margin: 0;

}



#sidebar #featured dt {

	margin: 0;

	padding: 0 0 0 15px;

	background: url(../images/bit_doc.gif) no-repeat 0 3px;

}



#sidebar #photobox {

	margin-bottom: 20px;

	padding: 7px;

	border-bottom: 1px #ddd0b9 solid;

	border-right: 1px #ddd0b9 solid;

	background: #fff;

	overflow: hidden;

}



/* ---( footer )----------------------------------- */

#footer {

	position: relative;

	clear: both;

	margin: 0;

	padding: 8px 20px;

	font-size: 90%;

	color: #777;

	background: url(../images/stripe.gif);

}



#footer a:hover {

	color: #ccc;

}



/* ---( contact form )------------------------------------ */

#contactform input, #contactform textarea, #contactform select {

	border: 1px solid #ccc;

	background: #f5f5f5;

	padding: 2px;

	color: #444;

}



#contactform textarea {

	width: 320px;

	font-size: 110%;

}



hr {

	border-top: 1px dashed #ccc;

	color: #fff;

	background-color: #fff;

	height: 1px;

}

	

.center {

	text-align: center;

}



.terms {

	font-family: "Courier New",Courier,monospace;

	font-size: 13px;

	padding: 5px;

}



.terms span {

	color: #b00;

}



a img {

	border: none;

}



.floatl {

	float: left;

	padding: 5px;

}



.floatr {

	float: right;

	padding: 5px;

}



.floatr-b {

	float:right;

	padding: 5px;

	border: 1px solid #999;

}

  

div.float p {

	text-align: center;

	font-weight: bold;

}



/* Tabular List hack (by item)

------------------------------------*/

div#byitem ul.vert {

	list-style-type: none;

	padding: 0;

	margin: 20px 0 0 0;

	width: 450px;

	}

div#byitem ul.vert li {

	padding: 6px 0 15px 0;

	margin: 0;

	height: 14px; /* space out your rows */

	background-image: none;

	}

div#byitem ul.vert li.odd {

	background-color: #eee;

	}

div#byitem ul.horz {

	clear: left;

	list-style-type: none;

	padding: 0;

	margin: 0;

	}

div#byitem ul.horz li {

	float: left;

	width: 80px;

	padding: 0 20px 0 0;

	margin: 0;

	}

div#byitem ul.horz li.name { /* size your columns individually at the expense of ?

  slightly bloated markup (labelling each appropriate <li> with this class) */

	width: 350px;

	color: #690;

	font-weight: bold;

	}

div#byitem ul.horz li.price {

	text-align: left;

	padding-right: 0;

	color: #009;

	font-weight: bold;

	}

div#byitem ul.horz li.desc {

	padding-left: 5px;

	width: 450px;

	}

	

/* Tabular List hack (by category) 

------------------------------------*/

div#bycategory ul.horz {

	clear: left;

	list-style-type: none;

	padding: 4px 0 0;

	margin: 0 0 140px;/* note! */

	}

div#bycategory ul.horz li {

	display: block;

	float: left;

	text-align: left;

	}

div#bycategory ul.vert {

	list-style-type: none;

	padding: 0;

	margin: 0 25px 0 0;

	}

div#bycategory ul.vert li {

	float: none;

	margin-bottom: 4px;

	padding-left: 6px;

	text-align: left;

	}

div#bycategory ul.horz li.odd {

	background-color: #eee;

	}

div#bycategory ul.vert li.widgetname {

	font-weight: bold;

	}

div#bycategory ul.horz li.tableheader ul.vert li {

	padding-left: 0;

	}

	

li.tableheader {

	font-weight: bold;

	}



/* Tabular List hack (good looks)

------------------------------------*/

#extended h3.tabletitle {

	padding: 10px 0 0;

	clear: left;

	}



/** Image Shadow **/

.img-shadow {

   float:left;

	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;

	background: url(../images/shadow.gif) no-repeat bottom right;

	margin: 10px 0 0 10px !important;

	margin: 10px 0 0 5px;

}



.img-shadow img {

	display: block;

	position: relative;

	background-color: #fff;

	border: 1px solid #a9a9a9;

	margin: -6px 6px 6px -6px;

	padding: 4px;

}

	

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, #sidebar li a:hover {

	text-decoration: none;

	color: #009;

}



h1 a:hover, h2 a:hover, code strong {

	color: #930;

}



h4 span, #content .note strong {

	color: #333;

}



#main-body, #clearphoto {

	clear: left;

}



#comments dl dd p, .softlist p {

	margin-top: 0;

}



#sidebar #adp li.last, body.viewer #main-body {

	background: none;

}



body.viewer #sidebar, .hide {

	display: none;

}



dl.tiplist em, ul.fiveent em {

	color: #999;

	font-style: normal;

}



.resume span, h1 span, h2 span, h3 span, #comments span {

	color: #999;

}



#content dl dt, ul.nobullet li span, strong, #sitemap ul span, #perform ul li span, #content dl dd span {

	font-weight: bold;

}



#comments input, #sidebar img, h3 img, p.posted img, #comments dl dt img {

	vertical-align: middle;

}



.posted {

	color: #999;

	font-size: 90%;

	padding: 0 0 12px 0;

}



.index {

	display: none;

}



#pagephoto {
	width: 750px;
	height: 119px;
	background-color: #9cc;
	background-image: url(../images/img-css/wdp-photos_image.jpg);
}