/*
-----------------------------------------------------
9redenvelopes.com base styles for screen media

FileName:    9redstyles.css
Version:     2003.04.20

color scheme: white #FFFFFF background
              brown #BB4802 nav bar and headings
              blue  #BEBFCB highlight
              red   #       even more emphasis - logo

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


/* General Elements */

body {
  margin: 0px;
  background: #fff;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 16px;
  voice-family: "\"}\""; voice-family:inherit;
  }
  
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bb4802;
	font-variant: normal;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #bb4802;
	font-variant: normal;
	border-bottom: 1px dashed #BEBFCB;
	padding: 14px 0 0 0;

}

ul {
  margin: 12px;
  list-style: circle;
  padding: 0;
}
  
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* Specialized Elements */

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: BB4802;
}
.body {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
}
.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: BB4802;
	font-weight: bold;
	background-color: #bebfcb;
}
.attribution {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: BEBFCB;
	background-color: BB4802;
	text-align: right;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}


/* 
  
  Inset Menu Styles for Workshop Calendar and other items 
  
  Sets a box on left of window or surrounding element 

*/

#insetMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  color: #000000;
  line-height: 100%;
  float: right;
  width: 200px;
  border-style: none;
  border-width: 1px;
  border-color: #bb4802;
  margin: 10px 20px 15px 0px;
  padding: 10px;
  vertical-align: top;
  font-size: 85%;
  background-color: #FFFFFF;
  voice-family:  "\"}\""; 
  voice-family: inherit;
  }
  html>body #insetMenu {width:200px;}

#insetMenu ul {
  margin: 0;
  list-style: url("pictures/redenvbug.gif");
  padding: 0;
  }

#insetMenu li {
  margin: 0 0 3px 25px;
  padding: 0;
  }

#insetMenu h4 {
  border-bottom: 1px dashed #999;
  border-top: 1px dashed #999;
  padding: 5px 0 5px 0;
  font-size: 100%;
  margin: 15px 0 5px;
  }
  
.calendardates {
  font-weight: bold;
}

.calfooter {
  font-weight: bold;
  background-color: #BB4802;
  color: #FFFFFF;
}

.calendaritem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}


/* 
  
  Picture Box styles 
  
  Sets a box on left of window or surrounding element 

*/

/* the four element thing - top bottom right left  ; */
  
#picturebox {
  line-height:100%;
  float: center;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #BEBFCB;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  vertical-align: top;
  background-color: #FFFFFF;
  voice-family: "\"}\""; 
  voice-family:inherit;
  }
  html>body #storyInsert {width:100%;}
  
#picturebox p {
  margin: 5px 0 0 10px;
  line-height: 150%;
}

#picturebox H4 {
  margin-left: 10px;
  color: #BB4802;
}

#picturebox H2 {
  line-height: 100%;
  position: relative;
  top: 0;
  left: 0;
  color: #BEBFCB;
  background-color: red;
}

/* the four element thing - top bottom right left  ; */
/* check about absolute postioning within relative element - p. 114 */

#pictureboxheader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  position: relative;
  padding: 4px 5px 5px 5px;
  top: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #BEBFCB;
}