/* CSS Document EmilySeate.com Sept 2007 */

/*  BASIC LINKS */
a:link { 
 padding: .3em;
	text-decoration: none;
	color: #4d456b;        /* warm purple */
	/* #41738b;            /* dark aqua   */
	background-color: transparent;
}
a:visited { 
 padding: .3em;
	text-decoration: none;
	color: #777799;            /* blue grey */
}
a:hover, a:active { 
 padding: .3em;
	text-decoration: none;
	color: #000;                /* black text */
	background-color: #9cf;     /* sky blue */
}

/* CONTENT TAGS */
body {
  margin: 0;
  padding: 0;
		text-align: center;
		background-color: #4d456b;  /* warm purple */
		/* #41738b;  warm aqua */
		/* #cedcc1;   sage green */
		color: #333;
		font: small "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#wrapper {
 width: 900px;
	margin: 0 auto;
	background-color: #fff;
	border-left: thin solid #3d345b;
	border-right: thin solid #3d345b;
	border-bottom: thin solid #3d345b;
}
#header {
  margin: 0;
  padding: 0;
		border: none;
		text-align: left;
}
#header a, img { background-color: white; padding: 0; border: none; }

#main {
  margin-top: 10px; 
}

/* left sidebar ------------------- */
#menu { 
 float: left;
 width: 150px;
	text-align: left;
	margin-top: 10px;
}
#navbar { 
 list-style: none;
 margin: 0;
 padding-left: 10px; 
}
.navbar2 { 
 list-style: none;
 margin-left: 0;
 padding-left: 6px;
}	
#navbar li { 
 border-top: 1px solid #a0c1b0;
	padding: 0.4em 0 0.4em 0;
 line-height: 1.6em;
	font-size:  90%;
	background-color: #fff;
}
#navbar .bottom { border-bottom: 1px solid #a0c1b0; }
#navbar a:link { padding: .1em .5em; text-decoration: none;  background-color: transparent; color: #4d456b; }
#navbar a:visited { text-decoration: none; color: #777799; }
#navbar a:hover, a:active {	text-decoration: none;	background-color: #9cf; color: #000; }
#navbar li .subheader { color: #41738b; text-transform: uppercase; font-style: italic; letter-spacing: .02em; padding-left: 4px; font-size: 90%; }

/* right sidebar-------------------- */

#sidebar2 {  
 float: right;
 margin-top: 10px;
	margin-right: 10px;
	padding: 0;
 width: 220px;
 border: 1px solid #a0c1b0;
 background-color: #fff;
	text-align: left;
}
#sidebar2 h1 { padding-right: 1em; color: #333; line-height: 1.2em; font-weight: bold; font-size: 130%; }
#sidebar2 h2 { padding-right: 1em; color: #333; line-height: 1.2em; font-weight: bold; font-size: 110%; }

.features {
 list-style: none;
 margin: 0;
 padding-top: 0;
	padding-left: 6px;
	line-height: 1.4em; 
 font-size: 85%; 
}
.features li { color: #333; padding-bottom: 1em; }
.features li img { float: left; padding-right: .5em; border: none; }

div.more { display: block; text-align: right; padding: .3em 1em .3em .3em; font-style: italic; }

div.more a:link {  color: #333399; }
div.more a:visited {  color: #333399; }
div.more a:hover, a:active {  color: #000; } 

/*  right side quote holder --------------*/

#sidebar3 {  
 float: right;
 margin-top: 10px;
	margin-right: 10px;
	padding: 0;
 width: 160px;
	text-align: left;
}
#quote2 { width: 158px; color: #41738b; line-height: 140%; font-style: italic; font-weight: bold; font-size: 14px;  }
#photocredit, .buybook { margin-top: 40px; margin-bottom: 18px; padding-right: 4px; color: #8899aa; border: none; font-style: italic; line-height: 180%; font-size: 80%; font-family: Arial, Helvetica, sans-serif; }
.buybook img { border: none; }

/* center content ---------------------- */

#content { background-color: #ffffff; margin: 0px 240px 0px 164px; text-align: left;  }

.wide { text-align: left;  }

#content h1 { color: #41738b; font: 120% "Trebuchet MS", Helvetica, Arial, sans-serif; }
#content h2 { color: #41738b; line-height: 125%; font: 105% "Trebuchet MS", Helvetica, Arial, sans-serif; }

#content img { float: left; padding-right: .5em; }

#content p { padding: .5em 1em 0 1em; line-height: 2em; text-align: left;
 font-size: 85%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }

#content a:link { padding: .2em; font-weight: bold; color: #333399; background-color: transparent; }
#content a:visited { padding: .2em; color: #333399; }
#content a:hover, a:active { padding: .2em;  color: #000; background-color: #9cf; }

/* footer bar ---------------------- */
#footer {
  clear: both;
  background-color: #bcb7ce;
		margin-top: 10px;
		padding: 10px 10px 4px 10px;
		height: 20px;
		text-align: left;
		font-style: italic;
		color: #2a2c6f;
		letter-spacing: .01em;
		font-size: 80%;
}
#footer a { padding: .3em .3em .3em .5em; color: #2a2c6f; background-color: transparent;   }
#footer a:visited { padding: .3em; color: #2a2c6f; }
#footer a:hover, a:active { padding: .3em;  color: #000; background-color: #eceeff; }

.special { color: #4d456b; font-weight: bold; font-style: italic; } /* #4d456b is warm purple */
.italictext { font-style: italic; }
.larger { font-weight: bold; font-size: 120%; }
.realart { letter-spacing: .1em; }

/* #eceeff is lilac */

/* #bbceff is light purple */