/* style sheet for "Chez-Fleur.com"     */
/* created by Fleur Helsingor in 2010   */
/* last updated on December 30, 2010    */

body {
  width : 100%;
  margin : 0px auto 0px auto;
  background-color : #fff;
  font-family : verdana, helvetica, sans-serif;
  font-size : 78%;
}

.dontPrint { display : none; }

/* to lay out pages with two columns and a header and a footer */

#page {
  width : 100%;
  background-color : #fff;
}

/* header */
#header {
  position : relative;
  top : 0px;
  width : 100%;
  height : 85px;
  background : url("background.gif");
  border-bottom : 3px solid #c96;
  padding : 0px;
}

#logo {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 100%;
}

img.noBorder { border : none; }

#searchbox { display : none; }

#menubar { display : none; }

#menubutton1 { display : none; }
#menubutton2 { display : none; }
#menubutton3 { display : none; }
#menubutton4 { display : none; }
#menubutton5 { display : none; }
#menubutton6 { display : none; }

a.menu:link, a.menu:visited {
  color : #160016;
  text-decoration : none;
}

a.menu:hover, a.menu:active {
  color : #960;
  text-decoration : none;
}

#selected {
  color : #960;
}

#content  {
  position : relative;
  top : 0px;
  width : 100%;
}

/* left-hand columns of various widths, depending on content */

#left, .left {
  float : left;
  width : 560px;
  margin : 0px 0px 0px 20px;
}

.left1 {
  float : left;
  width : 300px;
  margin : 0px 0px 0px 20px;
}

.left2 {
  float : left;
  width : 300px;
  margin : 0px 20px 20px 20px;
}

/* use this one for layouts with three equal-width columns */
.left3 {
  width : 100%;
  margin : 0px 20px 20px 20px;
}

#left4, .left321 {
  float : left;
  width : 321px;
  margin : 0px 20px 20px 20px;
}

.left250 {
  float : left;
  width : 250px;
  margin : 0px 20px 20px 20px;
}

/* right-hand column */
#right   {
  clear : both;
  width : 100%;
  margin : 0px;
  padding : 20px 0px 20px 0px;
}

#right2  {
  float : right;
  width : 321px;
  margin : 0px 20px 0px 0px;
}

#right250  {
  float : right;
  width : 400px;
  margin : 0px 20px 0px 0px;
}

/* footer */

#footer {
  clear : both;
  width : 100%;
  margin : 0px;
  padding : 0px;
}

/* special content layout for the search results page */
#resultsContent {
  position : relative;
  top : 0px;
  width : 100%;
  margin : 0px;
  padding : 20px;
}

/* style the basic XHTML elements */

p, ol, ul {
  line-height : 1.5em;
  padding : 0px;
  color : #000;
} 

a:link {
  color : #339;
  background-color : #fffff0;
}

a:visited  {
  color : #636;
  background-color : #fffff0;
}

a:hover, a:active {
  color : #960;
  background-color : #fffff0;
}

h1 {
  font-size : 200%;
  font-weight : 500;
  margin : 20px 0px 0px 0px;
  padding : 0px;
  color : #160016;
  letter-spacing : .05em;
}

h2 {
  font-size : 150%;
  font-weight : 500;
  margin : 20px 20px 0px 20px;
  padding : 0px;
  color : #303;
  letter-spacing : .05em;
}

h3 {
  font-size : 125%;
  font-weight : 500;
  margin : 20px 0px 0px 0px;
  color : #630;
  letter-spacing : .05em;
}

h4 {
  font-size : 115%;
  font-weight : 500;
  margin : 20px 0px 0px 0px;
  color : #303;
  letter-spacing : .05em;
}

strong, b {
  font-weight : 500;
  font-size : 110%;
  letter-spacing : .05em;
  color : #630;
}

/* breadcrumbs */
.breadcrumbs {
  font-size : 90%;
  padding : 0px 20px 0px 20px;
}

/* second-level navigation for art and music works */
.nav {
  font-size : 100%;
  padding : 0px 20px 0px 20px;
}

/* for the contact text */
.small   {
  font-size : 90%;
  line-height : 1.3em;
  margin : 0px;
  padding : 0px;
}

/* custom styles */

.gold { color : #c93; }

.taupeBox {
  background-color : #eeeee0;
  margin : 20px -20px 0px -20px;
  padding : 2px 20px 2px 20px;
}

.hilite { 
  background-color : #ddddd0;
  margin : 0px 5px 0px -5px;
  padding : 2px 5px 3px 5px;
}

.paddedBox {
  margin : 9px 0px 19px 0px;
  border : 1px solid #330033;
  padding : 9px 19px 9px 19px;
}

.extraPadding { margin-top : 40px; }

.lessPadding { margin-top : 5px; }

.noMargin { margin : 20px 0px 0px 0px; }

/* for text on a page with a one-column layout 
   or whenever extra control is needed       */

.padding20 { padding : 10px 20px 0px 20px; }

.line2 { line-height : 2em; }

.go2 { font-size : 110%; }