/* CSS Document */

/*-----------------------------------------------
Name:     Fiona Dunbar 
Designer: Candy Gourlay
URL:      candygourlay.com
Date:     29 June 2007

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

body {
  margin:0;
  color:black;
  font:small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

a:link {color:red;text-decoration:underline;}
a:visited {color:red; text-decoration:underline;}
a:hover {color:white;text-decoration:none;}
a img {border-width:0;}

#leftpanel2  a:link {color:white;text-decoration:underline;}
#leftpanel2 a:hover {color:red; text-decoration:none; font-weight:bold;}
#leftpanel2 a:visited {color:white;text-decoration:underline;}

/*Images and floats
-----------------------------------------------*/
.floatleft {
  float:left;
  padding:0 20px 0 0;
  }
  
.floatright {
   float:right;
   padding:0 0 0 20px;
   }
  
/*  Body Backgrounds - background colors */

.home {background-color:#D99EBD;}/*pink*/
.kitchen {background-color:#D99EBD;}/*pink*/
.desk {background-color:#F6F79C;}/*yellow*/
.scrapbook {background-color:#8FD58F;}/*green*/
.wardrobe {background-color:#99CCCC;}/*blue*/
.contact {background-color:#FFAE73;}/*orange*/
.links {background-color:#CCCCFF;}/*light lavender*/
.schoolvisits {background-color:#CC99CC;}/*darker lavender*/
.about {background-color:#8FD58F;}/*green*/
.silk {background-color:#99CCCC;}/*blue*/
.lulu {background-color:#D99EBD;}/*pink*/
.toonhead {background-color:#F6F79C;}/*yellow*/
  
/* Headers - bg images per page eg. fiona's sofa ---*/


  
#header {
   width:1200px;
   margin:0 auto;
   padding:0;
   }
   
.header_sofa {background:url(../images/header_home.gif) top center no-repeat;}
.header_kitchen  {background:url(../images/header_kitchen.gif) top center no-repeat;}
.header_desk  {background:url(../images/header_desk.gif) top center no-repeat;}
.header_scrapbook {background:url(../images/header_scrapbook.gif) top center no-repeat;}
.header_wardrobe  {background:url(../images/header_wardrobe.gif) top center no-repeat;}
.header_contact  {background:url(../images/header_contact.gif) top center no-repeat;}
.header_links  {background:url(../images/header_links.gif) top center no-repeat;}
.header_schoolvisits {background:url(../images/header_schoolvisits.gif) top center no-repeat;}
.header_about {background:url(../images/header_about.gif) top center no-repeat;}
.header_lulubaker {background:url(../lulubaker/images/header_lulubaker.gif) top center no-repeat;}
.header_toonhead {background:url(../toonhead/images/header_toonhead.gif) top center no-repeat;}
.header_otherbooks {background:url(../otherbooks/images/header_otherbooks.gif) top center no-repeat;}
.header_silk {background:url(../silksisters/images/header_silk.gif) top center no-repeat;}
.header_cats {background:url(../images/header_cats.gif) top center no-repeat;}
.header_tips {background:url(../images/header_tips.gif) top center no-repeat;}






/* WRAPPER - centers content
----------------------------------------------- */
#wrapper {
  width: 970px;
  margin:0 auto;
  padding:0;
  text-align:left;
  clear:both;
  }
#wrapper2 {
  width: 830px;
  margin:0 auto;
  padding:0;
  text-align:left;
  clear:both;
  
  }

#wrapper3 {/*about - in which large cartoon floats right and p is styled to control width*/
  width: 700px;
  margin:0 auto;
  padding:0;
  text-align:left;
  font:1.1em/1.2em Arial,Helvetica,sans-serif;
  }

.wrapperpadding {padding:0 2% 0 2%;}
.wrapperwidth {width:550px;}

/* content divs
----------------------------------------------- */
#desk {/*centering standfirst above main image*/
margin:0 auto;
width:450px;
}

#centerpanel { /*centering left panel and right panel*/
margin:0 auto;
width:1000px;
}

#ADD {/*index*/
margin:0 auto;
width:700px;
font-weight:
}

#blog {
margin:0 auto;
width:900;
clear:both;
padding:0 400px 0 0;
}

#leftpanel {/*index*/
float:left;
width:350px;
margin:0;
padding:0;
font:1.2em/1.25em Arial,Helvetica,sans-serif;
}

#leftpanel_left {/*index*/
float:left;
width:185px;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:bold;
color:#000000;
text-align:right;
}

#leftpanel_frame {
float:left;
padding:0;
margin:0;
}

#leftpanel2 {/*inside pages*/
float:left;
width:450px;
margin:0;
padding:0 0 0 2%;
font:1.1em/1.2em Arial,Helvetica,sans-serif;
}

.width450 {width:380px;}
#leftpanel3 {/*inside pages*/
float:left;
width:840px;
margin:0;
padding:0 0 0 2%;
font:1.1em/1.2em Arial,Helvetica,sans-serif;
}

#leftpanel3 p {width:400px;}
#leftpanel3 h1 {width:400px;}
#leftpanel3 h2 {width:400px;}

#leftpanel4 {/*about page - centered under large graphic, wider galley*/
width:500px;
margin:0 auto;
font:1.1em/1.2em Arial,Helvetica,sans-serif;
}

.galleywidth {/*to reduce widths of galleys in wide panels*/
width:500px;
}
#rightpanel {
float:left;
width:550px;
margin-left:20px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:normal;
color:#000000;
}



#rightpanel2 {/*inside pages*/
float:right;
width:350px;


}
#books {
clear:both;
margin:0 auto;
width:920px;
padding:0;
text-align:left;
font:1.2em/1.25em Arial, Helvetica, sans-serif;
}

#footer {/*dark background*/
clear:both;
margin:0 auto;
text-align:center;
  padding-top:15px;
  text-align: center;
  font:1em/1.2em Arial,Helvetica,sans-serif;
  color:white;

}

#footer2 {/*light background*/
clear:both;

text-align:center;  
  text-align: center;
  font:1em/1.2em Arial,Helvetica,sans-serif;

color:#003399;
}



/* Headings
----------------------------------------------- */
#leftpanel2 h1 {
font:medium Arial,Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
letter-spacing:.2em;
color:#CC3300;
line-height:1.3em;
}
.lefpanelmenu {color:white;}

.wardrobe {color:#003300;}

/*LINK STYLING
-------------------------------*/

.wardrobe a:link {color:.669966;text-decoration:underline;}
.wardrobe a:hover {color:red; text-decoration:none; font-weight:bold;}
.wardrobe a:visited {color:.669966;text-decoration:underline;}

#wrapper2 h1 a:link {color:white;text-decoration:underline;}
#wrapper2 h1 a:hover {color:red; text-decoration:none; font-weight:bold;}
#wrapper2 h1 a:visited {color:white;text-decoration:underline;}

#leftpanel2 h1 a:link {color:#0B7686;text-decoration:underline;}
#leftpanel2 h1 a:hover {color:white; text-decoration:none; font-weight:normal; }
#leftpanel2 h1 a:visited {color:#0B7686;text-decoration:underline;}

#leftpanel3 a:link {color:#0B7686;text-decoration:underline;}
#leftpanel3 a:hover {color:CC3300; text-decoration:none; font-weight:normal; }
#leftpanel3 a:visited {color:#0B7686;text-decoration:underline;}
.desk2 {color:#0B7686;}
/*dark bg: FOR THE MENUS AT THE TOP OF THE CONTENT*/
.menu_white {color:white; text-align:center; font:1.1em/1.15em Arial,Helvetica, sans-serif;}
.menu_white a:link {color:white;text-decoration:underline;}
.menu_white h1 a:hover {color:red; text-decoration:none; font-weight:bold;}
.menu_white a:visited {color:white;text-decoration:underline;}
/*light bg: FOR THE MENUS AT THE TOP OF THE CONTENT*/
.menu_blue {font:1.1em/1.15em Arial,Helvetica, sans-serif; color:#0B7686; text-align:center;}
.menu_blue a:link {color:#0B7686;text-decoration:underline;}
.menu_blue h1 a:hover {color:#CC3300; text-decoration:none; font-weight:bold;}
.menu_blue a:visited {color:#0B7686;text-decoration:underline;}

.top {font-size:small; }

/*HEADINGS
-------------------------------------*/
h1 {
font:1.1em/1.15em Arial,Helvetica, sans-serif;
font-weight:normal;
  text-transform:uppercase;
  letter-spacing:.2em;
color:#CC3300;
line-height:1.3em;
}
h2 {
  margin:1.5em 0 .75em;
  font:1.2em/1.25em Arial,Helvetica, sans-serif;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight:bold;
  color:#0B7686;
}

/*HOMEPAGE BOOKS- styling of links
------------------------------------------*/

#books a:link {color:white;text-decoration:underline;}
#books a:hover {color:red;text-decoration:none;}
#books a:visited {color:white; text-decoration:underline;}


/* Footer (darker background)
----------------------------------------------- */
#footer a:link{color:white;text-decoration:underline;}
#footer a:hover{color:red;text-decoration:none;}
#footer a:visited{color:white; text-decoration:underline;}

/* Footer (lighter background)
----------------------------------------------- */
#footer2 a:link{color:#003399;text-decoration:underline;}
#footer2 a:hover{color:red;text-decoration:none;}
#footer2 a:visited{color:#003399; text-decoration:underline;}