/*  
Website: Celebrity Dance School
Description: general theme
Author URI: http://celebritydanceschool.com.au//
*/
body{ margin:0px; padding:0px;font-family:arial; font-size:12px; color:#555; background:#000}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
p{line-height:17px}
ul,ol { list-style: none; }
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
a{color:#b92429; text-decoration:none}
a:hover{color:#698201; text-decoration:none}
a img{border:0}

.clear{ clear:both;}

#wrapper:after,#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */


.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto;}	

h1{font-size:24px; color:#000; padding:0px 0px 3px; font-weight:bold; margin:0 0 10px; letter-spacing:-1px; border-bottom:1px solid #ccc}
h2{font-size:22px; font-weight:bold; padding:0 0 5px;}
h2, h2 a{ color:#333}
h2 span, h2 a span{ color:#9cbf25}

h3{font-size:18px; }
h4{font-size:16px; color:#065480; font-weight:bold }

h5{font-size:12px; font-weight:bold;}
p{padding:4px 0px 8px}


/* ---------------- Wrapper-------------- */
#wrapper{ width:980px; height:auto; margin:0 auto; background:#404040 url(../images/header-grad.gif) repeat-x left top}

/* ======================================== Header ==========================================================  */

#header{ width:950px; padding:0px; margin:0 auto;}


/* ----------------  header -------------- */
.header{ width:100%; display:block;background:url(../images/header-bg.gif) repeat-x 0 0; }
.header .hl{background:url(../images/header-left.gif) no-repeat 0 0; width:auto; height:108px; display:block}
.header .hr{background:url(../images/header-right.gif) no-repeat 100% 0; width:auto; height:108px; display:block; font-size:0px}
.header .container{padding:10px;background:#ff920b;width:auto;}
.header .content{width:100%;}

/* ---------------- Header Logo -------------- */
#logo{position:absolute;width:220px;margin:15px 0 0 30px; }


/* ---------------- menubar -------------- */
#menubar{width:620px; float:right; margin:32px 0 0; padding-right:20px}
.menutabs ul{float:right; width:auto}
.menutabs li{display:block;float:left;margin:0;padding:0; width:auto}
.menutabs li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .menutabs li{height:1px} /* */

.menutabs a{float:left;background:url(../images/menu-left.gif) no-repeat 0 0;
margin:0;margin-right:2px; color:#999; padding:0 0 0 18px;white-space:nowrap;text-decoration:none;width:auto}

.menutabs a span{float:left;display:block;background:url(../images/menu-right.gif) no-repeat 100% 0;
padding: 8px 22px 13px 4px;font-size:16px;color:#999;font-weight:bold;cursor:pointer;width:auto}
.menutabs a.current, .menutabs a:hover{ background-position:0 -42px!important; color:#fff }
.menutabs a.current span, .menutabs a:hover span{background-position:100% -42px; color:#fff;}



/* =================================== Middle Container Structure ===============================================  */

#middle{ width:950px; padding:0 15px; margin:0px auto; background:url(../images/middle-bot.gif) repeat-x left bottom}
.banners{ width:950px; padding:6px 0 0; margin:0px auto; }
.banners img{ float:left; width:auto; display:block; margin-right:3px}

#main{float:left;width:620px; margin:0px;padding:17px 0 0 5px; }
#right-sidebar{float:left;width:302px;margin:0px; padding:17px 0 0 18px;}


/* ----------------  widget -------------- */

.widget{ width:100%;  margin:0px 0px 15px; padding:0px;}
.widget .top{background:url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .top .tl{background:url(../images/widget-tl.gif) no-repeat 0 0; width:auto; height:27px; display:block}
.widget .top .tr{background:url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:27px; display:block; font-size:0px;}

.widget .bot{background:url(../images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bl{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto; height:24px; display:block}
.widget .br{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:24px; display:block;font-size:0px}

.widget .container{padding:0px 15px;background:#f2f2f2;width:auto;}
.widget .content{width:100%;}


/* ==============================================  Right Sidebar  ===========================================================  */

#right-sidebar .banner{margin:0 0 12px; display:block}
#right-sidebar .banner img{ display:block}

.slideshow{background:url(../images/slideshow-bg.gif) no-repeat 0 0; width:300px; height:187px; padding:17px 17px}
.sidelist{background:url(../images/sidelist-bg.gif) no-repeat 0 0; width:300px; height:420px; padding:17px 17px;overflow:hidden}
.slideshowContainer {border: 1px solid #333;width:265px;height:185px;}
.slideshowContainer img{border:none;}
.loading {background: url(../images/loading.gif) center no-repeat;}


/*** 
        Slide show script
set the width and height to match your images **/

#slideshow {
    position:relative;
    height:185px;
    width:265px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

#right-sidebar .eventslisttop {background:url(../images/evcal-top.gif) no-repeat 0 0;width:300px; height:50px;}
#right-sidebar .sidebartop {background:url(../images/sidebar-top.gif) no-repeat 0 0;width:300px; height:50px;}
#right-sidebar .sidebartop span {color:#fff;display:block;padding-top:15px;padding-left:20px;font-size:24px;}
#right-sidebar .eventslistmid .sidetext {color:#fff;display:block;padding:5px 15px;font-size:14px;}
#right-sidebar .eventslistmid {background:url(../images/evcal-middle.gif) repeat-y 0 0;width:300px;padding:15px 0 0 0}
#right-sidebar .eventslistbot {background:url(../images/evcal-bot.gif) no-repeat 0 0;width:300px; height:30px;}
.eventslistmid a {color:#fff; font-weight:bold}
.event-item {margin:0 10px 0 15px;color:#fff;border-bottom:1px solid #3b3b3d}
/* ==============================================  Footer   ===========================================================  */

#footer{ width:950px; padding:0px 15px; margin:0 auto;background:#404040 url(../images/footer-grad.gif) repeat-x left bottom}

.footer{ width:100%; display:block;background:url(../images/footer-bg.gif) repeat-x 0 0; }
.footer .hl{background:url(../images/footer-left.gif) no-repeat 0 0; width:auto; height:97px; display:block}
.footer .hr{background:url(../images/footer-right.gif) no-repeat 100% 0; width:auto; height:97px; display:block;}
.footer .content{width:100%; padding:25px 0 0}

.footer-left{width:600px; float:left;padding:5px 0 0 25px}
.footer-right{width:200px; float:right;}

ul.footer-links{}
ul.footer-links li{display:inline; }
ul.footer-links li a{padding:0px 8px; color:#fff; }
ul.footer-links li a:hover{ text-decoration:underline}
.copyright{padding:15px 0px 0px 6px; color:#7d7d7d}

/*** gallery ***/
#gallerymain {text-align:left;}
#gallerymain p {margin:10px 0; }
#gallerymain img {float:right}