/*css created by Susan Ramsay*/
/*copyright 2010*/
/*Three Owls Toy Studio*/

body{
 text-align:center;/*fixes ie margin:auto issue*/
 font:normal 20px baskerville,"nimbus roman no9 l",garamond,serif;/*serif heading font*/
 color:#000;/*black text*/
 background:#fff url(images/botanica.png);/*background image courtesy of Patterncooler.com*/
 }

#outer{
 width:975px;/*defines width of outer container*/
 margin:25px auto;/*top and bottom margins 25px centered*/
 padding:0;
 text-align:left;/*returns text to normal alignment*/
 color:#000;/*black text*/
 background:#fff none;/*white background no image*/
 border:1px solid #6cc;/*1px cyan border*/
 }
 
#header{
 width:975px;/*defines width equal to outer div*/
 color:#000;/*black text*/
 background:#fff url(images/header.png) no-repeat 0 -25px; /*background image used for heading*/
 border-bottom:1px solid #6cc;/*1px light cyan border*/
 }
 
h1{
 text-indent:-9999px;/*moves text out of viewing range*/
 font:normal 36px baskerville,"nimbus roman no9 l",garamond,serif;/*font is defined to "size" header div to accomodate image */
 }
 
h2{
 text-indent:-9999px;/*moves text out of viewing range*/
 font:normal 36px baskerville,"nimbus roman no9 l",garamond,serif;/*font is defined to "size" header div to accomodate image */
 }
  
#content h3{
 font:normal 24px baskerville,"nimbus roman no9 l",garamond,serif;/*serif heading font*/
 color:#693;/*pea green text*/
 background:#fff none;/*white background*/
 }
  
#nav{
 border-bottom:1px solid #6cc;  /*light cyan bottom border on nav container*/
   }
    
   
#nav ul{
 margin:0;   /*turns off indents and margins for a universal appearance*/
 padding:0;   /*turns off padding in all browsers*/
 text-align:center;   /*center aligns links across the nav bar*/
 list-style-type:none;  /*turns off bullets*/
 color:#000;  /*black text*/
 background:#fff none;  /*white background*/
 }
  
#nav ul li{
 margin:0 10px; /*top and bottom margin 0 left and right margin 5px*/
 display:inline; /*displays list contents horizontally*/
 font:normal 28px baskerville,"nimbus roman no9 l",garamond,serif; /*normal serif font*/
 color:#000;  /*black text*/
 background:#fff none;  /*white background*/
 
 }

#nav ul li a{
 padding:5px; /*expands linkboxes*/
 text-decoration:none; /*turns off bullets*/
 outline:none; /*turns off dotted outline*/
 font:normal 28px baskerville,"nimbus roman no9 l",garamond,serif; /*normal serif font*/
 border:1px solid #6cc;/*1 px solid light cyan border*/
 }
  
#nav a:link{
 color:#6cc;/*light cyan text*/
 background:#fff none;/*white background*/
 }
 
#nav a:visited{
 color:#693;/*pea green text*/
 background:#fff none;/*white background*/
 }
 
#nav a:hover{
 color:#f63;/*tangerine text*/
 background:#fff none;/*white background*/
 }

#nav a#current{
 color:#099;/*dark cyan text*/
 background:#fff none;/*white background*/
 }

  
#sidebar{
  width:275px;/*sidebar div is 275 px wide*/
  margin:25px;/*top, bottom, left,and right margins 25 px*/
  float:left;/*floats side bar div left*/
  text-align:center;/*aligns sidebar contents to center of div*/
  display:inline;  /*fixes float bug*/
  overflow:hidden; /*fixes expanding box problem*/
  color:#000; /*black text*/
  border:1px solid #6cc; /*1px solid light cyan border*/
  background:#fff none; /*white background*/
  }
 

  
#sidebar img#plushkitty{
  margin:25px auto;/*top and bottom margin 25px auto centered*/
  border:1px solid #6cc;/*1 px solid light cyan border*/
  }
  
#sidebar img#plushlions{
  margin:0 auto 25px;/*top margin 0 auto centered bottom margin 25px*/
  border:1px solid #6cc;/*1 px solid light cyan border*/
  }
 
#content{
 margin:25px 75px 25px 0;/*top and bottom margin 25px right margin 75px left margin */
 width:525px;/*content box is 525px wide*/
 float:right;/*Floats div to the right of sidebar div*/
 overflow:hidden;
 color:#000;/*black text*/
 background:#fff none;/*white background*/
 }
 
 #content ul{
 margin:0;   /*turns off indents and margins for a universal appearance*/
 padding:0;   /*turns off padding in all browsers*/
 text-align:left;   /*left aligns text in list*/
 list-style-type:none;  /*turns off bullets*/
 color:#000;  /*black text*/
 background:#fff none;  /*white background*/
 }
  
#content dl {
 margin:25px auto; /*Top and bottom margins 25px auto centered*/
 font:normal 20px baskerville,"nimbus roman no9 l",garamond,serif; /*normal serif font*/
 color:#000;  /*black text*/
 background:#fff none;  /*white background*/
 
 }

#content a{
padding:4px;
 text-decoration:none; /*turns off bullets*/
 outline:none; /*turns off dotted outline*/
 font:normal 22px baskerville,"nimbus roman no9 l",garamond,serif; /*normal serif font*/
 }
  
#content a:link{
 color:#6cc;/*light cyan text*/
 background:#fff none;/*white background*/

 }
 
#content a:visited{
 color:#099;/*dark cyan text*/
 background:#fff none;/*white background*/
 }
 
#content a:hover{
 color:#f63;/*tangerine text*/
 background:#fff none;/*white background*/
  
 }
 
#content img#molly{
 margin:10px;
 display:inline;
 float:right;
 }

#content img#brownlion{
 margin:10px;
 display:inline;
 float:right;
 }

#content img#weefour{
 margin:10px;
 display:inline;
 float:left;
 }
 
p{
 text-indent:10px;/*indents paragraph text*/
 padding:5px;/* adds a little space around paragraphs*/ 
 }
 
#galleryone{
 margin:0;/*turns off margins across all browsers*/
 padding:5px;/*adds 5 px padding to div contents*/
 float:left;/*floats gallery 1 left of gallery 2*/
 }
 
#gallerytwo{
 margin:0;/*turns off margins across all browsers*/
 padding:5px;/*adds 5 px padding to div contents*/
 float:right;/*floats gallery 2 left of gallery 1*/
 }
 
#clear{
 clear:both;/*clears div3 of div2*/
 }

#gallerythree{
 margin:0;/*turns off margins across all browsers*/
 padding:5px;/*adds 5 px padding to div contents*/
 float:left;/*floats gallery 3 left of gallery 4*/
 }
 
#galleryfour{
 margin:0;/*turns off margins across all browsers*/
 padding:5px;/*adds 5 px padding to div contents*/
 float:right;/*floats gallery 2 right of gallery 1*/
 }  
  
#logo{
 margin:0;/*sets 0 margin in all browsers*/
 color:#000;/*black text*/
 background:#fff url(images/bursts.png);  /*retro background image courtesy of Colourlovers.com*/
 border-bottom:1px solid #6cc;/*1px solid light cyan border*/
 }
 
#logo img{
 margin:25px;/*margins 25 px*/
 border:1px solid #6cc;/*1px solid light cyan border*/
 }

.clear{
 clear:both; /*clears footer of div3 and div4*/
 }

 #footer{
  padding:15px 0;/*top and bottom 15px padding gives footer elements a little space*/
  text-align:center;/*centers div contents*/
  clear:both;/*allows footer to clear floated divs that precede it*/
  color:#000; /*black text*/
  background:#fff none;/*white background*/
  border-top:1px solid #6cc;/*1px solid light cyan top border*/
  }
  
 h4{
  margin:10px 0;/*top, bottom, left, and right, margins 5px*/
  font:normal 22px baskerville,"nimbus roman no9 l",garamond,serif; /*normal serif font*/
  color:#6cc;/*light cyan text*/
  background:#fff none;/*white background*/
  }
  
 h5{
  margin:15px 0;/*top, bottom,  margins 15px*/
  color:#099;/*dark cyan text*/
  font:normal 22px baskerville,"nimbus roman no9 l",garamond,serif; /*normal serif font*/
  background:#fff none;/*white background*/
  }
  
 #footer a{
 text-decoration:none; /*turns off bullets*/
 outline:none; /*turns off dotted outline*/
 }
  
 #footer a:link{
 color:#6cc;/*light cyan text*/
 background:#fff none;/*white background*/
 }
 
#footer a:visited{
 color:#693;/*pea green text*/
 background:#fff none;/*white background*/
 }
 
#footer a:hover{
 color:#f63;/*tangerine text*/
 background:#fff none;/*white background*/
 }