/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
font:100%/1.25 arial, helvetica, sans-serif;
text-align: center;
background-color:#000;
}

/***** Layout *****/
#wrapper {
margin:0 auto;
width:770px;
text-align:left;
background-color:#fafafa;
}
#body_home #header {
width:770px;
height:164px;
background:url(lo/jmlee_home_header_bg.jpg) top left no-repeat;
}
#header {
width:770px;
height:124px;
background:url(lo/jmlee_sub_header_bg.jpg) top left no-repeat;
}
#main {
float:left;
width:770px;
min-height:240px;
background:url(lo/jmlee_name_watermark.jpg) bottom right no-repeat;
}
#side_extend {
float:left;
width:770px;
background:url(lo/jmlee_sidebar_tile.jpg) top left repeat-y;
}
#sidebar {
float:left;
width:208px;
min-height:240px;
/*
background:url(lo/jmlee_sidebar_tile.jpg) top left repeat-y;
*/
}
#content {
float:right;
width:550px;
}
#footer {
clear:both;
width:770px;
height:33px;
background:url(lo/jmlee_footer_bg.jpg) top left no-repeat;
}
/**** TOP NAVIGATION ****/
#nav {
  width: 770px;
  height: 32px;
  position: relative;
  background: url(lo/jmlee_nav_matrix.jpg);
  margin: 0;    
  padding: 0;
}
#nav li {
  float: left;
}

#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 32px;
  background: url(lo/jmlee_nav_matrix.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

li#nav_bio a {
  left: 0;
  width: 80px;
  background-position: 0 0;
}

li#nav_books a {
  left: 80px;
  width: 80px;
  background-position: -80px 0;
}

li#nav_events a {
  left: 160px;
  width: 80px;
  background-position: -160px 0;
}

li#nav_reviews a {
  left: 240px;
  width: 80px;
  background-position: -240px 0;

}

li#nav_photos a {
  left: 320px;
  width: 80px;
  background-position: -320px 0;
}

li#nav_press  a {
  left: 400px;
  width: 80px;
  background-position: -400px 0;
}

li#nav_plays  a {
  left: 480px;
  width: 80px;
  background-position: -480px 0;
}

li#nav_home  a {
  left: 560px;
  width: 80px;
  background-position: -560px 0;
}

/*** NAV BAR HOVER STATES ***/

li#nav_bio a:hover {
  background-position: 0 -32px;
}
li#nav_books a:hover {
  background-position: -80px -32px;
}
li#nav_events a:hover {
  background-position: -160px -32px;
}
li#nav_reviews a:hover {
  background-position: -240px -32px;
}
li#nav_photos a:hover {
  background-position: -320px -32px;
}
li#nav_press a:hover {
  background-position: -400px -32px;
}
li#nav_plays a:hover {
  background-position: -480px -32px;
}
li#nav_home a:hover {
  background-position: -560px -32px;
}

/*** NAV BAR "YOU ARE HERE" STATE ***/
#body_bio li#nav_bio  a {
  background-position: 0 -64px;
}
#body_books li#nav_books a {
  background-position: -80px -64px;
}
#body_events li#nav_events a {
  background-position: -160px -64px;
}
#body_reviews li#nav_reviews a {
  background-position: -240px -64px;
}
#body_photos li#nav_photos a {
  background-position: -320px -64px;
}
#body_press li#nav_press a {
  background-position: -400px -64px;
}
#body_plays li#nav_plays a {
  background-position: -480px -64px;
}
#body_home li#nav_home a {
  background-position: -560px -64px;
}
/**** END NAV ****/


/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:10px 0 10px 10px;
font:1.5em arial, helvetica, sans-serif;
font-weight:bold;
color:#4A0000;
}

h2 {
padding:0;
margin:0 2em 0 .5em;
font:1.35em arial, helvetica, sans-serif;
font-weight:bold;
color:#4A0000;
border-bottom:1px solid #4a0000;
}


h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 .50em 0;
}

#content p {
color:#330000;
font-size:.85em;
margin:.5em 1em .25em 1em;
}
#content p.praise {
font-size:.80em;
margin:.5em 3em .25em 3em;
}

#sidebar p {
color:#fff;
font-size:.75em;
margin:1em 1em .25em 1em;
}
#sidebar a:link, #sidebar a:visited {
color:#fff;
background-color:transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
border-bottom:1px solid #fff;
}
#sidebar a:hover {
color:#fff;
background-color:#CC0000;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
border-bottom:1px solid #cc0000;
line-height:1.0;
}
#footer p  {
margin:0;
color:#000;
background-color:transparent;
font-size:12px;
text-align:center;
padding-top:9px;
margin-bottom:-6px;
line-height:1.0;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}
#footer a:link, #footer a:visited, #footer a:hover {
font-size:12px;
color:#000;
background-color:transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
line-height:1.0;
}

#subfoot  p {
margin:1.25em 0 0 0;
color:#ccc;
background-color:transparent;
font-size:.70em;
text-align:center;
line-height:1.0;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}
#subfoot a:link, #subfoot a:visited {

color:#ccc;
background-color:transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}
#subfoot a:hover {

color:#f00;
background-color:transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a:link {
color:#990000;
background-color:transparent;
text-decoration:underline;
}
a:visited {
color:#666666;
background-color:transparent;
text-decoration:underline;
}
a:hover {
color:#fff;
background-color:#990000;
text-decoration:none;
}


/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }