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

html {
}

body {
background-color: #000;
margin: 0;
padding: 0;
}

img {
border: 0;
}

a:active {
color: #5492b5;
}



#wp-edit a {
display: block;
font: bold .9em Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
background-color: #0B470F;
border: 3px solid #007200;
margin: 30px 0 30px 0;
padding: 7px;
}

#google-map {
border: 5px solid #242424;
height: 350px;
width: 425px;
margin: 20px 0 20px 0;
}

body#subpage #col-left a,
.vert-teaser p a {
color: #ffec9f;
/*color: #497940;*/
text-decoration: none;
}




/*
-----------------------------------
MASTHEAD AREA
-----------------------------------*/
#slideshow {
position: absolute;
top: 4px;
left: 0;
z-index: 200;
}

/* TITLE BAR BEGIN */
#title-bar {
background-color: #111;
padding: 23px 0 23px 0;
}

#title-bar a {
position: absolute;
top: 10px;
left: 430px;
display: block;
width: 420px;
height: 30px;
z-index: 300;
}

body#subpage #title-bar {
position: absolute;
top: 20px;
left: 565px;
background-color: transparent;
padding: 0;
z-index: 200;
}

body#subpage #title-bar a {
top: -10px;
left: 0px;
width: 300px;
}

#title-bar h1 {
background: url(images/dance-physical-therapy.gif) no-repeat 100% 0;
width: 860px;
height: 24px;
margin: 0;
padding: 0;
}

body#subpage #title-bar h1 {
background: url(images/dance-physical-therapy-subpg.gif) no-repeat 0 0;
width: 297px;
height: 17px;
}

#title-bar h1 i,
body#subpage #title-bar h1 i {
display: none;
visibility: hidden;
}
/* TITLE BAR END */

/* QUOTE BEGIN */
#quote {
position: absolute;
top: 90px;
left: 470px;
width: 385px;
margin: 0;
padding: 0;
z-index: 100;
}

#quote p {
background: url(images/bg-quotes.gif) no-repeat 27px 0;
font: italic .8em Arial, Helvetica, sans-serif;
text-align: right;
color: #bcbcbc;
line-height: 1.6em;
margin: 0;
padding: 25px 0 0 0;
}

#quote span {
display: block;
font-size: 90%;
font-weight: bold;
color: #c7c7c7;
line-height: 1.6em;
}

#quote span:first-child {
font-weight: bold;
font-style: normal;
color: #5492b5;
margin-top: 10px;
}
/* QUOTE END */

/* NEW PATIENTS LINK BEGIN */
div#new-patients {
position: absolute;
top: 220px;
left: 475px;
}

#new-patients a {
display: block;
background: url(images/bg-arrow-new-patients.gif) no-repeat 0 3px;
font: 110% Arial, Helvetica, sans-serif;
color: #ffec9f;
text-decoration: none;
text-align: left;
margin: 35px 0 0 27px;
padding: 0 0 0 23px;
}

#new-patients a:hover {
color: #d5d5d5;
}
/* NEW PATIENTS LINK END */

/* PNG SWOOSH BEGIN */
#swoosh {
position: absolute;
top: 290px;
left: 0;
background-color: #051421;
background-image: url(images/bg-swoosh.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 1010px;
height: 195px;
z-index: 100;
}

* html #swoosh {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://benagoes.com/staging/westsidedancept/images/bg-swoosh.png');
}

body#subpage #swoosh {
position: absolute;
top: 0;
left: 0;
background-color: #051421;
background-image: url(images/bg-swoosh-subpage.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 1010px;
height: 105px;
z-index: 100;
}

* html body#subpage #swoosh {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://benagoes.com/staging/westsidedancept/images/bg-swoosh-subpage.png');
}
/* PNG SWOOSH END */

/*
-----------------------------------
MASTHEAD END
-----------------------------------*/


/*
-----------------------------------
MAIN NAVIGATION BEGIN
-----------------------------------*/
div#main-nav {
position: absolute;
top:  450px;
left: 30px;
z-index: 400;
}

#main-nav ul  {
list-style: none;
width: 485px;
margin: 0;
padding: 0;
}

body#subpage #main-nav  {
position: absolute;
top: 75px;
left: 30px;
}

#main-nav li {
display: inline;
border-left: 2px solid #2e2e2e;
}

#main-nav ul li.page-item-5,
#main-nav ul li.page-item-4 {
border-left: 0;
}

/*
#main-nav ul li.page-item-3,
#main-nav ul li.page-item-2 {
border-left: 0;
}
*/

#main-nav li a {
font: bold .9em Arial, Helvetica, sans-serif;
color: #ebeaea;
text-decoration: none;
line-height: .9em;
letter-spacing: 1px;
margin: 0;
padding: 0 12px 0 12px;
}

#main-nav li a:hover {
color: #ffec9f;
}

body#subpage #main-nav li a {
color: #898989;
}

body#subpage #main-nav li a:hover {
color: #fff;
}

body#subpage #main-nav li.current_page_item a,
body#subpage #main-nav li.current_page_parent a,
body#subpage #main-nav li.current_page_ancestor a,
body#subpage.events #main-nav li.page_item page-item-19 a,
body#subpage.news #main-nav li.page_item page-item-18 a {
color: #fff;
}

/*
body#subpage #main-nav li.current_page_item a,
body#subpage #main-nav li.current_page_parent a {
color: #fff;
}
*/

/* .page-item-3 a, */
.page-item-5 a { /* HIDE HOME LINK TOP LEVEL NAV ON ALL PAGES */
display: none; 
}


/*
-----------------------------------
SUB NAVIGATION BEGIN
-----------------------------------*/
#subnav {
background: #151515 url(images/bg-subnav-top.gif) no-repeat 0 0;
margin-top: 30px;
}

#subnav ul {
list-style: none;
background: url(images/bg-subnav-bot.gif) no-repeat 0 100%;
margin: 0;
padding: 10px 0 10px 0;
}

#subnav li ul {
background: none;
padding: 0;
}

#subnav li {
width: 234px;
}

#col-right #subnav ul li:first-child a {
border-top: 0;
}

#col-right #subnav a {
display: block;
border-top: 1px dotted #343434;
background: url(images/bg-arrow-subnav.gif) no-repeat 0 10px;
text-transform: uppercase;
margin-left: 12px;
padding: 5px 0 5px 15px;
}

#col-right #subnav a:hover {
color: #fff;
}
 
#col-right #subnav li.current_page_item a {
color: #fff;
}

#col-right #subnav li ul li a,
#col-right #subnav li.current_page_item ul li a {
background: none;
border-top: none;
text-transform: none;
margin-left: 27px;
color: #898989;
padding: 0 0 7px 0;
}

#col-right #subnav li ul li a:hover,
#col-right #subnav li.current_page_item ul li a:hover {
color: #fff;
}

/*
-----------------------------------
SUB NAVIGATION END
-----------------------------------*/



/*
#content {
position: relative;
top: 412px;
left: 0;
background: url(images/bg-content.gif) repeat-y 0 0;
overflow: auto !important;
overflow: visible;
zoom: 1;
}
*/

#content {

/*
position: relative;
top: 412px;
left: 0;
*/
background: url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-content.gif) no-repeat 0 415px;
/* overflow: auto !important; */
/* overflow: visible; */
zoom: 1;
z-index: 100;
padding-top: 415px;
padding-bottom: 65px;
}

#content:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

body#subpage #content {
/* top: 115px; */
background: url(none) repeat-y 0 0;
margin-top: 105px;
padding-top: 0;
}



/*
-----------------------------------
LEFT COLUMN
-----------------------------------*/
#col-left {
float: left;
width: 440px;
min-height: 550px;
margin: 0;
padding:  0 40px 0 40px;
}

body#subpage #col-left {
width: 537px;
}

/*
body#subpage #col-left img {
border: 1px solid #262626;
margin: 10px 0 0 24px;
padding: 4px;
}
*/

body#subpage #col-left img {
padding: 4px;
border: 1px solid #262626;
}

body#subpage #col-left img.services {
margin: 10px 0 12px 24px;
}

#col-left h1 {
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #898989;
line-height: 1.4;
margin: 0;
padding: 15px 0 0 0;
}

body#subpage #col-left h1 {
color: #ffec9f;
}

#col-left h2 {
font: bold 1em Arial, Helvetica, sans-serif;
color: #5492b5;
line-height: 1.4;
letter-spacing: 1px;
margin: 0 0 5px 0;
padding: 0;
}

body#subpage #col-left h2 {
clear: both;
border-top: 1px solid #1a1a1a;
margin-top: 20px; 
padding-top: 5px;
}

body#subpage #col-left hr.post-rule + h2 {
border-top: 0;
}

#col-left div.vert-teaser div h2 {
margin-top: -10px;
}

#col-left h3 {
font: .9em Arial, Helvetica, sans-serif;
color: #d5d5d5;
letter-spacing: 1px;
margin: 0 0 5px 0;
padding: 0 ;
}

body#subpage #col-left h3 {
font: bold .9em Arial, Helvetica, sans-serif;
color: #898989;
margin: 15px 0 10px 0;
padding: 0;
}

#col-left h4 {
font-weight: bold;
color: #646464;
letter-spacing: 1px;
margin: 5px 0 5px 0;
padding: 0 ;
}

body#subpage #col-left h4 {
font-weight: bold;
color: #646464;
margin: 5px 0 5px 0;
padding: 0;
}

#col-left ul li {
padding-bottom: 6px;
}

#col-left p,
#col-left td,
#col-left ul,
#col-left ol {
font: .8em Verdana, Arial, Helvetica, sans-serif;
/* color: #646464; */
color: #bcbcbc;
line-height: 1.4;
margin: 10px 0 10px 0;
padding: 0;
}

body#subpage #col-left ul,
body#subpage #col-left ol {
margin: 10px 0 10px 50px;
}

body#subpage #col-left p {
line-height: 1.5;
}

body#subpage #col-left h1 + p {
color: #bcbcbc
}

/*
-----------------------------------
VERTICAL TEASER FOR HOMEPAGE
-----------------------------------*/
div.vert-teaser {
float: left;
background: #151515 url(images/bg-hmpg-teaser.gif) no-repeat 0 100%;
width: 210px;
margin: 15px 0 25px 0;
padding: 0;
}

div.vert-teaser div {
padding: 15px;
}

#col-left div.vert-teaser p {
font: 70% Verdana, Arial, Helvetica, sans-serif;
color: #646464;
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0;
}

#col-left div.vert-teaser ul {
list-style: url(images/bg-arrow-links.gif) outside;
margin: 0;
padding-left: 20px;
}

div.vert-teaser li {

}

div.vert-teaser ul a {
font-size: 90%;
color: #ffec9f;
line-height: 1.5;
text-decoration: none;
}

div.vert-teaser ul a:hover {
color: #bcbcbc;
}

div.teaser-right {
margin-left: 19px;
}


/*
-----------------------------------
HORIZONTAL TEASER FOR HOMEPAGE
-----------------------------------*/
div.horiz-teaser {
clear: both;
min-height: 90px;
height: auto !important;
height: 90px;
margin: 0 0 25px 0;
padding: 0;
}

div.horiz-teaser img {
float: left;
padding-right: 15px
}

#col-left div.horiz-teaser p {
font: 70% Verdana, Arial, Helvetica, sans-serif;
color: #9a9999;
line-height: 1.5;
margin: 0 0 20px 0;
padding: 0;
}

div.horiz-teaser a {
display: block;
background: url(images/bg-arrow-links.gif) no-repeat 170px 10px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #ffec9f;
text-decoration: none;
padding: 8px 15px 5px 185px;
}

div.horiz-teaser a:hover {
color: #d5d5d5;
}


/*
-----------------------------------
RIGHT COLUMN
-----------------------------------*/
#col-right {
float: left;
width: 316px;
margin-top: 0;
padding: 15px 12px 0 12px;

}

body#subpage #col-right {
background-color: transparent;
width: 246px;
margin: 0;
padding: 0;
}



/* PRACTICUM PROMO HOMEPAGE */
div#practicum-promo {
position: absolute;
top: 400px;
left: 533px;
background: url(images/bg-slippers.gif) no-repeat 100% 0;
z-index: 400;
width: 310px;
}

#practicum-promo img {
display: block;
margin-bottom: 7px;
}

#practicum-promo a {
display: block;
clear: both;
font: .7em Verdana, Arial, Helvetica, sans-serif;
color: #818181;
line-height: 1.4; /* FOR IE6 */
text-decoration: none;
width: 220px;
padding-bottom: 6px;
}

#practicum-promo a:hover {
color: #fbe99d;
}

#practicum-promo a span {
display: block;
background: url(images/bg-arrow-links.gif) no-repeat 0 5px;
color: #fbe99d;
margin-top: 5px;
padding-left: 15px;
}

/* PRACTICUM PROMO LINK ON SUBPAGES */
a.practicum-promo {
position: absolute;
top: 75px;
left: 625px;
background: url(images/bg-arrow-links.gif) no-repeat 0 3px;
font: 75% Arial, Helvetica, sans-serif;
color: #ffec9f;
width: 220px;
padding-left: 15px;
z-index: 300;
}

#col-right hr,
hr.post-rule {
/*clear: both;*/
border: 0;
background-color: #303030;
color: #303030;
height: 1px;
/*margin: 10px 0 0 0 !important;
margin: 0;*/
padding: 0;
}

#col-right a.see-all,
#col-left a.see-all {
display: block;
background: url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-arrow-links.gif) no-repeat 0 2px;
font: bold 65% Verdana, Arial, Helvetica, sans-serif;
color: #bcbcbc;
text-decoration: none;
margin-bottom: 25px;
padding-left: 15px;
}

#col-right img {
float: left;
}

#col-right h1 {
font: 1.2em Arial, Helvetica, sans-serif;
color: #5492b5;
letter-spacing: 1px;
margin: 0 0 12px 0;
padding: 0;
}


#col-left .category-events .byline,
#col-left .category-events .posted-on,
#col-left .category-news .event-date {
display: none;
}

#col-right h2 {
font: bold .7em Verdana, Arial, Helvetica, sans-serif;
color: #e5c986;
line-height: 1.5;
margin: 0;
padding: 0;
}




#col-right p {
margin: 0 0 10px 0;
padding: 0;
}

#col-right  a {
font: .7em Verdana, Arial, Helvetica, sans-serif;
color: #818181;
line-height: 1.4; /* FOR IE6 */
text-decoration: none;
margin: 0;
padding: 0;
}

#col-right a:hover {
color: #ffec9f;
}

#news div {
min-height: 58px;
height: auto !important;
height: 58px;
margin: 10px 0 0 0 !important;
margin: 0 0 0 0; 
}

#news img {
width: 58px;
height: 58px;
}

#col-right #news div p,
#col-right #news h2 {
margin: 0 0 0 0;
padding: 0;
}

#col-right span.posted-date,
#col-left span.posted-date {
display: block;
font: 70% Verdana, Arial, Helvetica, sans-serif;
color:#999;
padding: 0;
margin: 8px 0 7px 0;
}

#col-right #news span.posted-date,
#col-left #news span.posted-date {
font: 70% Arial, Helvetica, sans-serif;
color: #ddd;
width: 100%;
padding: 0 0 0 0;
}

#col-right #news div p:first-child {


}

#content a.block-link {
clear: both;
display: block;
background: #1e1e1e url(images/bg-arrow-links.gif) no-repeat 12px 7px;
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
font: bold 70% Verdana, Arial, Helvetica, sans-serif;
color: #bcbcbc;
text-decoration: none;
margin: 20px 0 24px 0;
padding: 5px 0 5px 27px;
}

body#subpage #content a.block-link {
font-size: 85%;
}

#content a.block-link:hover {
color: #ffec9f;
background-color: #272727;
}

#col-left a.block-link {
margin-top: 50px;
}


/*
-----------------------------------
DANCE RESOURCE PROMO
-----------------------------------*/
div#resource-promo {
background: #090A0A url(images/bg-resource-promo.gif) repeat-x 0 0;
border: 1px solid #252525;
width: 292px;
min-height: 85px;
height: auto !important;
height: 85px;
margin-bottom: 25px;
padding: 10px;
}

div#resource-promo:hover {
border: 1px solid #424242;
}

#resource-promo img {
float: left;
padding-right: 10px;
}

body#subpage div#resource-promo {
width: 225px;
margin-top: 25px;
}

body#subpage #resource-promo img {
display: none;
}

span#hdr-resource-promo {
font: bold 130% Arial, Helvetica, sans-serif;
color: #ffec9f;
}

#content div#resource-promo a {
font: 70% Verdana, Arial, Helvetica, sans-serif;
color: #5492b5;
line-height: 1.6;
text-decoration: none;
}

#location-tease {
visibility: hidden;
}

body#subpage #location-tease {
visibility: visible;
margin-bottom: 25px;
}


/*
-----------------------------------
PDF FORM DOWNLOAD
-----------------------------------*/
/*
div#forms p {
background-color: #06111b;
border-bottom: 1px solid #263039;
margin: 0;
padding: 0;
}
*/

div#forms p {
background: #06111b url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-comment.gif) repeat-x 0 -60px;
border-bottom: 1px solid #252525;
color: #666;

margin: 0;
padding:0;
}

#col-right span.byline,
#col-left span.byline {
font-style: normal;
color: #b6bcbc;
}

#forms p:first-child {
border-top: 1px solid #263039;
margin: 24px 0 0 0;
}

#forms p.even {
background-image: none;
background-color: #000;
}

#forms p a {
display: block;
background: url(images/bg-forms-adobe.gif) no-repeat right 6px;
font: bold 1em Arial, Helvetica, sans-serif;
color: #c3c1c1;
text-decoration: none;
padding: 11px 12px 11px 12px;
}

#forms p a:hover {
background: url(images/bg-forms-adobe.gif) no-repeat right -96px;
color: #fff;
}


/*
-----------------------------------
COMMENTS
-----------------------------------*/
body #col-left #comments-list ol {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#comments-list li {
background: #000 url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-comment.gif) repeat-x 0 0;
margin: 0 0 12px 0;
padding: 10px;
border-top: 1px solid #252525
}

/*
-----------------------------------
GETTING STARTED
-----------------------------------*/
#getting-started-one {
background: url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-getting-started-one.gif) no-repeat 0 0;
min-height: 100px;
height: auto !important;
height: 120px;
margin-top: 24px;
padding-left: 75px;
}

#getting-started-two{
background: url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-getting-started-two.gif) no-repeat 0 0;
min-height: 100px;
height: auto !important;
height: 120px;
padding-left: 75px;
}

#getting-started-three {
background: url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-getting-started-three.gif) no-repeat 0 0;
min-height: 100px;
height: auto !important;
height: 120px;
padding-left: 75px;
}

#getting-started-one span,
#getting-started-two span,
#getting-started-three span {
color: #fff;
text-transform: uppercase;
}


/*  COMMENTS  */
#comment-notes,
.form-label,
.wpcf7-list-item-label {
font: .8em verdana, arial;
color: #fff;
margin: 5px 0 5px 0;
}

.unapproved {
color: #921111;
}

.form-input {
margin-bottom: 12px;
}

div.form-submit input {

cursor: pointer;
border: 2px solid #252525;
padding: 5px;
background-color: #0e0e0e;
color: #fff;
margin: 25px 0 25px 0;
}

div.form-input input,
div.form-textarea textarea {
font: .8em verdana, arial;
border: 1px solid #252525;
background: #000 url(http://westsidedancept.com/wordpress/wp-content/themes/westsidedance/images/bg-comment.gif) repeat-x 0 0;
color: #898989;
padding: 2px;
}

.wpcf7-response-output {
color:#fff;
font-family: Verdana, Arial;
}

span.wpcf7-list-item {
display: block;
margin: 6px 0 6px 0;
}

span.wpcf7-list-item input {
background-image: none;
background-color: #fff;
border: 0;
}

span.wpcf7-list-item-label {
color: #898989;
}


/*
-----------------------------------
FOOTER
-----------------------------------*/
#footer {
clear: both;
background: transparent url(images/bg-footer.png) repeat-x 0 0;
/* background-color: red; */
width: 100%;
height: 65px;
margin-top: -10px;
padding: 0;

}

* html #footer {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://benagoes.com/staging/westsidedancept/images/bg-footer.png');
}

/*
body#subpage #footer {
top: 0;
}
*/

#footer img {
float:left;
display: block;
margin: 15px 20px 0 40px !important;
margin: 15px 20px 0 25px;
}

#footer span {
float:left;
font: .7em Arial, Helvetica, sans-serif;
color: #ddd;
margin: 26px 0 0 15px;
}

#footer a {
font-size: 95%;
color: #9c9c9c;
text-decoration: none;
text-transform: uppercase;
}

#footer a:hover {
color: #ffec9f;
}