/* kb.css -- Overall styles for Kathy Bailey Website */
/* 
2011-10-03T15:21:00-08:00:  Moved inline code from schedules to #scheduleFloater. Added .small, p.small to
         be able to keep line-height adjusted. Added #moreInfo to make nav links look better.
2010-06-10T08:09:44-08:00:  Minor fixes for vertical formatting
2010-05-27T20:46:52-08:00:  Add !important to class: first, last, etc.
2010-04-02T16:26:37-08:00:  Add the semi-transparent title background.
2009-09-15T10:47:19PST:  Added nav triangles to curent page, but they don't change.
         It improved the look of the home page to no longer have the first item
         not line up with the others. Removed an event,
         which removed that section.
2009-07-06T20:43:45PST: Added nav triangles. Improved accessibility. Changed heading and
         added background images.
2009-03-12T17:15:14PST: Added buttonBox etc. Added navButtons.
2009-02-09T11:58:39PST: Moved some stray CSS into this file.

  1/4/07 8:00 PM: Moved some css from individual files, changed p margin, 
          changed div padding to 1em on mainText div
 10/4/06 6:00 PM: Changed font sizes from 12pt to medium
 6/22/06 11:50 AM: made left boxes smaller, raised title
  1/8/06 8:50 PM: changed left box sizes and colors, added box around siteMeter
 2/11/05 9:41:52 PM: added leftContent, siteMeter 

*/
/* 
color base is #946c92, hue D7. Compliment is #6c946e, hue 56. 
*/

body { font-family: arial, verdana, helvetica, sans-serif; font-size: medium; 
margin: 0px; padding: 0; background-color: #FBF5FB }
p { margin: 0 0 1.3em 0; line-height: 1.3em }
/* for short content pages, make the border go to the bottom */
html { background: url(images/htmlBg.gif) repeat-y top left #FBF5FB }
img { margin: 0; padding: 0; border: none }
a img { border: none }
a { color: #344c34 }
a:visited { color: #6c546b }
a:hover { color: #20001e } 
.phoneNum { white-space: nowrap }
.CIMotion { color: #663366; font-weight: bold; font-style: italic }
.eventDate { white-space: nowrap; color: #221122; font-weight: bold }

.SSName { font-family: "Comic Sans MS", "Brush Script MT", cursive; color: #004d60; 
font-weight: bold;  }
a.SSName, a.SSName:visited { color: #004d60; }
#headingContainer { background: url(images/titleFadeBd.gif) repeat-x top left white }

#pgTitle { font-family: "Times New Roman", Times, serif; font-size: 250%; font-style: italic; font-weight: bold; 
white-space: nowrap; position: relative;
margin: 0; padding: .4em 1em 15px 202px;
color: #663366;  border: none }
#pgTitleBg { background: url("/images/DancingWithHeaderTrans-fs8.png") scroll no-repeat -20px -15px }
/* font-size=1 allows height to be correct */
#contentBreak { position: relative; background-color: #663366; font-size: 1px;
height: 18px; }
#barBreak { position: absolute; background-color: #FBF5FB; z-index:1; 
width: 18px; height: 18px; top: 0px; left: 202px; font-size: 1px } 

/* width is for ie6 bug displaying div within div */
#lowerContent { position: relative; margin-top: 18px; border: none; width: 100% }

#leftContent { width: 192px; padding: 0px; left: 10px; top: 0px; 
position: absolute; border: none }
#moreInfo { margin: 0 0 .333em 0; }
.leftStdBox { width: 170px; padding: 10px; margin-top: 18px; margin-bottom: 18px; 
left: 0px; top: 0px; position: relative; font-size: 80%;
background-color: #f3ecf4; border: 1px dotted #b7a1bf; }
#navBar { margin-top: 0px }
#navBar ul { margin: 0; padding: 0 }
#navBar li { margin: 0 0 0.325em; padding: 0 0 0 8px; list-style-type: none;  }
#navBar li span { margin: 0 0 0 -8px; padding: 1px .25em 1px 12px; list-style-type: none; 
 background-image: url(images/Rarrow6x12.gif); background-repeat: no-repeat; 
 background-position: 0% 50%; font-weight: bold }
#navBar li a { margin: 0 0 0 -8px; padding: 1px .25em 1px 12px; list-style-type: none; 
 background-image: url(images/Rarrow6x12.gif); background-repeat: no-repeat; 
 background-position: 0% 50%; font-weight: normal }
#navBar li a span { margin: 0 0 0 0; padding: 0; background: none; font-weight: normal  }
#navBar li a:hover { background-image: url(images/RarrowH9x12.gif); background-color: #e4dce4 } 
#navButtons { width: 170px; padding: 10px; margin-bottom: 18px; 
left: 0px; top: 0px; position: relative; text-align: right; font-size: 80%;
background-color: #f3ecf4; border: 1px dotted #b7a1bf;  }
#navButtons img { vertical-align: middle }

#siteMeter { width: 170px; padding: 10px; margin-bottom: 18px; margin-top: 18px;
left: 0px; top: 0px; position: relative; 
font-size: 80%;
background-color: #f3ecf4; color: #111133; border: 1px dotted #b7a1bf; 
text-align: center }

#designer {  }



#mainText { margin-left: 220px; padding: 2.6em 1.3em 1.3em 2.6em; position: relative; line-height: 1.3em;
    background: url(images/mainFadeBd.gif) repeat-y top left white; 
    border-top: 18px solid #946c92; border-left: 18px solid #946c92; 
}
#scheduleFloater { float: right; border: 1px solid #999999; margin: 0 0 .625em .625em; 
    font-size: 81.25%; line-height: 160%; color: #444444; background-color: #faf5fa;
    padding: .625em; width: 50%; 
}
#scheduleFloater p { font-size: 100%; line-height: 160%; }
.small, p.small { font-size: 81.25%; line-height: 160%; }
#mcDesc { font-weight: bold; }
/* the note, relative needed for IE6 visibility */
#mainImage { float: right; position: relative; margin: 0 0 1.3em 1.3em }
#mainImage div.imgMiddleRight { margin: 0 0 0.5em 0.5em; }

.contentBox { margin-left: -1.3em }
h1 { margin: 1.5em 0 .3em 0; font-weight: bold; font-size: 130%; 
  color: #663366 }
.contentBox p.title, .contentBox h1 { margin: 2.6em 0 .65em 0px;
 font-weight: bold; font-size: 130%; color: #663366; background-color: #ffffff; padding: .5em }
.contentBox h2 { margin: 1.2em 0 .3em 1.4em;
 color: #663366; background-color: #ffffff; font-size: 110%; padding: .5em }
.contentBox p { margin-left: 1.3em }
 
/* for lists of buttons (or text), usually in lhContainer of 180px */
.buttonBox { background-color: #ECF1F4; padding: 5px; margin: 18px 0px; 
   border: 1px dotted #b7a1bf; text-align: right }
.buttonBoxNbg { margin: 18px 0px; text-align: right }
.buttonBox a, .buttonBoxNbg a { border: none; margin: 0; padding: 0 }
.buttonBox a img, .buttonBoxNbg a img { border: none; margin: 0; padding: 0; vertical-align: middle }
.buttonBox ul, .buttonBoxNbg ul { margin: .65em 0em 0em 0em; padding-left: 0; list-style-type: none;  }	
.buttonBox ul li, .buttonBoxNbg ul li { margin: 1.3em auto; padding: 0; list-style-type: none;  } 
.buttonBox .linkButton, .buttonBoxNbg .linkButton { border: none; margin: 0; padding: 0 }

#watchForBox {}
#watchForBox .eventMissed { margin-left: 1.3em; margin-bottom: .65em }
#watchForBox .eventListing { margin-left: 1.3em; margin-bottom: 2.6em }
.eventMissed .eventListing { color: #444444; font-size: 80% }
.eventListing .eventHead { margin-bottom: .65em }
.eventMissed .eventHead { margin-bottom: 0em }
.eventListing .eventTitle { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 135% }
.eventListing .eventContent { margin-left: 1.3em }
.eventMissed .eventTitle { font-size: 120% }
.eventMissed  .eventContent { margin-left: 0 }

.clear { clear: both }
.strikethrough { text-decoration: line-through }
.first, .noTopMargin { margin-top: 0 ! important }
.noTopBorder { border-top: none ! important }
.noTopPadding { padding-top: 0 ! important }
.last { margin-bottom: 0 ! important }
.center { text-align: center }

.hide { display: none }