/* living.css */


/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
  /* Temporary borders */ 
  /*  border: dashed 1px #f00; */
}
 
#wrapper{ 
  width: 54em; 
  height:65em;
  background-color: #428; 
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: 2em auto; 
  position:relative; 
   /*  Required for absolutely positioned layout only */
} 

/*Level 1 headings */
h1 { font-family: papyrus, "curlz MT", "juice ITC", algerian, fantasy;
     color: #1f2159;
     font-weight: bold;
     text-align: center;}

/* Level 2 Headings */
h2 {font-family: "arial Black", Impact, Charcoal, fantasy;
    color: #1f2159;}

/* Level 3 headings */
h3 {font-family: arial, helvetica, sans-serif;
    font-style: italic;
    text-decoration: underline;
    color: #1f2159;}

/* Generic style class for highlighting text */
.hilite {background-color: #e1c0ee; text-align: center; padding-left: 1em; padding-right: 1em; color:#000}

/* Class for play button */
.play {background-color: #ddd;
	font-family: arial, helvetica, sans-serif;
	font-size:0.6em;
	position:relative; top:-0.2em;
	
	color:#000;
	
	border:0.5em outset #bbb;
	text-align:center;
	

	text-decoration: none;
	padding:0 0.25em 0 0.25em;
	width: 5em}



/* Float image to left of paragraph */
img.floatleft {float: left;
               margin-right: 5px;}

/* Float image to right of paragraph */
img.floatright{float:right;}

/* Center image between margins */
div.center {width:100%;
            text-align: center;}




/* Style for tables of thumbnail images */ 
table.thumbs{vertical-align:middle;
              text-align:center;
              border-collapse:collapse;
              margin: auto;}
/* Style for table cells containing thumbnails */
td.thumbs{border:solid 3px #9900ff;
            padding:10px;}

/* Style for thumbnail images */
img.thumbs{width: 100px; 
           border-width:2px}

/* Page header style */
#header {
         width: 100%;
	
        background-repeat: repeat;
	 background-color: #ffe4e1;
	background-image: url("pix/bkg/drops.jpg");
         border-bottom: thin solid #191970;}

/* Page footer style */
#footer {
	 width: 100%;

	background-repeat: repeat;
	clear: both;
	display:block;
	padding: 4px;
	 background-color: #bbb;
	 border-top: thin solid #191970;}

/* Text left */
.left
{text-align: left}

/* Artistic credits */

.credit{
font-family: arial,helvetica,sans-serif;
font-size: 0.6em;
text-align:   right;}

.credit2{
font-family: arial,helvetica,sans-serif;
font-size: 0.75em;
text-align:   right;}

#sidebar{
           float: left;
           display: block;
     font-family: arial, Times, Serif;
 font-size: 80%;
	background-color:#058;
     color: #000;
	line-height:1em;
	margin:0;
	      padding: 0;
	height:71.7em;
           width: 10.5em;}

#sidebarrt{
           float: right;
           display: block;
     font-family: arial, Times, Serif;
 font-size: 80%;
	background-color:#058;
     color: #000;
	line-height:1em;
	margin:0;
	      padding: 0;
	height:71.7em;
           width: 10em;}


#sidebar a:hover,
#sidebar a:active,
#sidebar a:link,
#sidebar a:visited
	{background:#eee  center;
	color:#000;text-decoration:underline;
	font-size: small;
	padding:0;
	

font-family:verdana,geneva,arial,sans-serif;
	font-size:80%; color:#000;
	
	display:block;

	padding:0.2em;
	text-align:center;
	
	outline-style:none;}

	 
/* Remove border from link images */
a img {border:none;}


/* Body text and page background */
#page1{
     margin: 0 0 0 0;
	  width: 40em;
	height:55em;
	position:absolute;
	left:10em;
	padding: 2em;
     font-family: 'stylus bt',Times,  Serif;
     font-size: medium;
     color: #000;
     background: #e8e8ff url("pix/cafe1.jpg"); style= "width:100%"  alt="Empty Cafe">
}


#page0{
     margin: 0 0 0 0;
	  width: 42.5em;
	height:70em;
	position:absolute;
	left:10em;
	padding: 2em;
     font-family: 'stylus bt',Times,  Serif;
     font-size: medium;
     color: #000;
     background: #F8D5C5 /*   url("pix/xmas08cover2.jpg"); style= "width:100%"  alt="Winter Scene"   color#e8e8ff*/ 
}

#page2{
 margin: 0;
	  width: 40em;
	height:58.4em;
	position:absolute;
	left:10em;
	padding: 2em;
     font-family: 'stylus bt', Times, Serif;
     font-size: medium;
     color: #000;
     background: #f0f8ff url("pix/cafe2.jpg"); style= "width:100%" alt="Cafe with flowers">
} 

#page3{
 margin: 0;
	  width: 41em;
	height:58em;
	position:absolute;
	left:10em;
	padding: 2em;
     font-family: 'bernhardmodern', Times, Serif;
     font-size: medium;
     color: #000;
     background: #f0f8ff url("pix/cafe3.jpg"); style= "width:100%" alt="Cafe with people">
}

#page4{
 margin:0;
	  width: 40em;
	height:57em;
	position:absolute;
	left:10em;
	padding: 2em;
     font-family: 'stylus bt', Times, Serif;
     font-size: medium;font-weight:bold;
     color: #000;
     background: #f0f8ff url("pix/cafe4.jpg"); style= "height:100%" alt="full cafe">
}
body{
     margin: 0;
	padding: 3em 0 3em 1em;
     font-family: 'Book Antiqua', Times, Serif;
     font-size: medium;
     color: #191970;
     background-color: #428;}






/* Style for main content column */
#main{
      margin-top: 1em;
      margin-right: 1em;
      margin-bottom: 1em;
      margin-left: 10em;}

/* Style for sidebar column */


#header
	{position: fixed;
	top: 0; left:0;
	width: 100%; height: 50px;
	background-color: #eee8aa;
	border-bottom: thin solid #8b4513;}



#navbar{
/* Left margin must match leftcolumn width */
  height:2.4em;
	position:absolute;
	bottom:3.6em;
	
	left:0;
	
	width:60em;
	 repeat-x center;}

/* Remove bullets from ul in the navbar */
#navbar ul{list-style-type:none;}

/* List items in the navbar */
#navbar li{float:left;}



/* Applies to navbar links, visited and unvisited */
#navbar a, 
#navbar a:link, 
#navbar a:visited
	{text-decoration:none;
	font-family:verdana,geneva,arial,sans-serif;
	font-size:70%; color:#000;
	background:#aaa url(pix/navbak.jpg) repeat-x center;
	display:block;
	height:3em; width:12.23em;
	border:0.3em outset #bbb;
	text-align:center;
	line-height:2.4em;
	outline-style:none;}

#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited
	{background:#ddd url(pix/navhover.jpg) repeat-x center;
	color:#000;}

}