@charset "UTF-8";
/* CSS Document */

/*----- MAIN CONTENT -----*/

#mainContentWrapper {
padding-top: 20px;
padding-left: 70px;
padding-right: 70px;
padding-bottom: 20px;
margin-top: -10px;
border-left: 1px;
border-right: 1px;
border-top: 1px;
border-bottom: 1px;
border-style: solid;
border-color: #dcddde;
height:auto; 
}

#main h1 {
font-size: 118%;
font-weight: 600;
letter-spacing: 1.5px;
}

h1.centerCopy {
text-align:center; /* centers heading copy*/
padding: 2px 0 1px 0; /* this adjust the height of the heading 1 copy */
}

h2 {
font-size: 108%;
padding-top: 4px;
padding-bottom:5px; /*creates space between copy and border bottom (line)*/
margin-bottom: 8px;
border-bottom-style:dotted;
border-bottom-width: 1px;
width: 300px;
line-height: 130%; /*for leading*/
}

h3 {
font-size: 103%;
font-style:italic;
letter-spacing: 1px;
padding-bottom:5px; /*creates space between copy and border bottom (line)*/
margin-bottom: 8px;
font-weight:500;
}

.photoCaption {
font-size: 87%;
color: #999;
}

#intro {
margin: 0;
font-size: 96%;
line-height: 145%;
font-style:italic;
clear: right;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:justify;
}

#main p {
margin: 8px 0 0 0;
padding: 0;
font-weight: normal;
}

/* this makes the top part of each bucket have one round corner*/
#header_roundedcorner {
background-image: url(../images/main_content_graphics/bucket_tr_corner760x30.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
margin: 0;
padding: 0;
}

.title {
font-weight:normal; 
font-size: 92%;"
}

/* --------- dancEsteem gallery ---------- */ 
#flashGalleryWrapper {
padding: 0;
margin: 0;
border: 20px;
border-color:#00FF00;
width: 758px;
}

/* ------------- about dancEsteem ------------ */
#dancEsteemLogo {
float:left; 
margin-top: 6px; 
margin-right:40px; 
margin-bottom:25px;
}

.takamiQuote {
font-weight: bold;
letter-spacing: 1px;
font-size: 95%;
padding-left: 40px;
}

#bottomImage {
width: 180px;
float: left;
display: inline;
margin: 60px 20px 80px 0;
}

#basicRules {
padding-left: 160px;
margin-left: 40px; /*fixed hanging border under subhead*/
}

/* ------------- contact  us ------------ */
#takamiImage {
margin-left:80px;
margin-right: 0px;
margin-bottom: 10px;
}

#contactCopy {
float: right;
text-align: left;
margin-top: 30px;
}

#contactCopy a:link, #contactCopy a:visited {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#contactCopy a:hover, #contactCopy a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

/* here's a different selector syntax method to create link styles. 
notice the selector type and how it is different then the standard 
"a:link" or "a:hover". I did try "a:link.bodyLink", but 
Firebug corrected me and I couldn't get it to work otherwise. Interesting
that it puts the class between the tag and link state:

a.bodyLink:link {
color:#5B1400;
text-decoration:none;
border-bottom-style:dotted;
border-bottom-width:1px;

a.bodyLink:hover {
color:#eb6e1f; 
border-bottom-style:solid;
border-bottom-width: 1px;
}

or according to another reference syntax could be:
.class elementTag pseduoSelector
ex: .bodyLink li a:link
*/



/* ----------  general studio upcoming events ------------- */
#graphicImage {
float:left;
width:230px;
margin-top:15px;
}

#graphicImage img {
	margin-left:20px;
}

#specialEventsCopy {
text-align: left;
margin: 12px 0px 0px 230px;
padding-left: 60px;
min-height:400px;
/*margin-right: 70px;
margin-top: 60px;*/
}

#specialEventsCopy a:link, #specialEventsCopy a:visited {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#specialEventsCopy a:hover, #specialEventsCopy a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

/* ------------ about MoBu Dance ----------- */
#MoBuImage {
float: left;
width: 252px;
margin-left:20px;
}

#AboutMoBuCopy {
margin-left: 300px;
width: 300px;
text-align: left;
margin-bottom: 10px;
}

/* -------- mobu dance group upcoming performance --------- */
#mobuDanceImage {
margin-right: 300px;
margin-bottom: 5px;
}

#mobuDanceCopy {
float: right;
width:300px;
text-align: left;
margin-top: 30px;
}

#mobuDanceCopy a:link, #mobuDanceCopy a:visited {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#mobuDanceCopy a:hover, #mobuDanceCopy a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

/* ------------ about MoBu members ------------ */
.mobuMemberImage {
float: left;
margin:12px 20px 20px 0;
}

.mobuMemberContainer {
padding-left:160px;
width: 460px;
text-align:justify;
}

#mainContentWrapper a:link.mobuMember, #mainContentWrapper a:visited.mobuMember {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#mainContentWrapper a:hover.mobuMember, #mainContentWrapper a:focus.mobuMember {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

.gradientBar {
padding-left:160px;
margin: 20px 0 20px 0;
}

/* ------------ studio rental ------------ */

/* overwrites mainContentWrapper padding */
#mainContentWrapper.studioRental {
padding-left:0px;
padding-right:0px;
}

#studioImages {
margin-left:270px;
margin-right: 20px;
}

/* overwrites h2 for general use */
#studioRentalCopy h2 {
width: 230px;
}

#studioImages p.imageCopyRight {
position:relative;
width: 235px;
left: 280px; 
top: 60px; 
font-size: 80%; 
line-height: 130%;
font-style:italic;
}

#studioImages p.imageCopyLeft {
position:relative;
width: 235px;
right: 270px; 
top: 60px; 
font-size: 80%; 
line-height: 130%;
font-style:italic;
text-align: right;
}

#image1 {
position:relative;
left:0px;
background-image:url(../rentals/graphics/mobu_dance_studio_1_255x149.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
}

#image2 {
position:relative;
left:217px;
margin-top:-8px;
background-image:url(../rentals/graphics/mobu_dance_studio_2_255x149.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
}

#image3 {
position:relative;
left:0px;
background-image:url(../rentals/graphics/mobu_dance_studio_3_255x149.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
margin-top:-8px;
}

#image4 {
position:relative;
left:217px;
margin-top:-8px;
background-image:url(../rentals/graphics/mobu_dance_studio_4_255x149.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
}

#image5 {
position:relative;
left:0px;
background-image:url(../rentals/graphics/mobu_dance_studio_5_255x149.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
margin-top:-8px;
}

#studioRentalCopy {
float: left;
text-align: left;
margin-bottom: 5px;
/*margin-right: 510px;*/
margin-left: 20px;
width: 230px;
}

#studioRentalCopy a:link, #studioRentalCopy a:visited {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#studioRentalCopy a:hover, #studioRentalCopy a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

li.listPadding {
padding-bottom:16px;
}

/* ------------ mobu press release ------------ */

/* overwrites h2 for general use */
#pressCopy h2 {
width: 490px;
}

.hr {
border-bottom-style:dotted;
border-bottom-width: 1px;
width: 400px;
}

#pressCopy {
text-align: left;
width: 490px;
margin-top: 0px;
margin-left: 65px;
margin-right: 65px;
margin-bottom: 20px;
}

#pressCopy a:link, #pressCopy a:visited {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#pressCopy a:hover, #pressCopy a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

#pressImages {
margin-left:65px;
margin-right: 65px;
margin-bottom: 20px;
}

#pressImages a:link, #pressImages a:visited {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#pressImages a:hover, #pressImages a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}

#pressImages p.imageCopyRight {
position:relative;
width: 235px;
left: 280px; 
top: 40px; 
font-size: 95%; 
line-height: 150%;
}

#pressImages p.imageCopyLeft {
position:relative;
width: 235px;
right: 270px; 
top: 40px; 
font-size: 95%; 
line-height: 150%;
text-align: right;
}

#pressImage1 {
position:relative;
left:0px;
background-image:url(../mobu_dance/press_photos/illusion_monique_mai_thumb.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
}

#pressImage2 {
position:relative;
left:217px;
margin-top:-8px;
background-image:url(../mobu_dance/press_photos/illusion_monique_thumb.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
}

#pressImage3 {
position:relative;
left:0px;
background-image:url(../mobu_dance/press_photos/illusion_takami_kana_thumb.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
margin-top:-8px;
}

#pressImage4 {
position:relative;
left:217px;
margin-top:-8px;
background-image:url(../mobu_dance/press_photos/illusion_takami_thumb.jpg);
background-repeat: no-repeat;
width: 255px;
height: 149px;
}


/* --------- dancEsteem Schedule ---------- */

#dancEsteemURL a:link, #dancEsteemURL a:visited  {
color:#eb6e1f;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#dancEsteemURL a:hover, #dancEsteemURL a:focus {
color: #5b1400;
border-bottom-style:solid;
border-bottom-width: 1px;
}