/* ---
Linda Villarosa Style Sheet
version:   1.0
author:    Lydia Mann
email:     lkmweb@nyc.rr.com

Thanks to all web standards designers and developers who have helped along the way. 
--- */
/*--- reset by Eric Meyer ---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*--- general ---*/
body { font: 75%/1.5 arial, helvetica, sans-serif; padding: 0; margin: 0; min-width: 960px; color: #630; background: url(../graphics/bg.gif) 0 0 repeat-y; behavior:url(../cssjs/cssfocusandhover.htc); }
html>body { font-size: 12px; }

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img, img a , a img, a:hover img{ border: 0; text-decoration: none; padding: 0; margin: 0; background: none; }

/*--- typography ---*/
p, li { font-family: verdana, sans-serif; line-height: 1.8; margin: .3em 0 1.5em; padding: 0; }
ul, ol { margin-bottom: 1.5em; list-style-type: none; }
li { margin-bottom: .8em; padding-left: 20px; background: url(../graphics/blt3.gif) no-repeat 0 0; }
ul li ul li { margin: .75em 0; }
address, .cred { color: #006; font: 92% Georgia, Cambria, Constantia, serif; font-style: normal; }/* #cred */
address { border-top: 1px solid #630; padding: 10px 0 40px; margin: 0 20px; }
.cred, span.cred { text-align: right; font-size: 88%; font-style:italic; }
.caption { font: 88% arial, helvetica, sans-serif; color: #666; margin: 0 6px 6px; }

.top { font: 88% arial, sans-serif; text-align: right; margin-bottom: 1em; }

/*--- headings ---*/
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Georgia, Cambria, Constantia, serif; font-weight: bold; color: #630; }
h1 { font-size: 1.333em; line-height: 1.286em; margin: 0; }
h2 { font-size: 1.1667em; line-height: 1.286em; margin: 1.929em 0 .643em; }
h1 + h2, h5 + h2 { margin-top: 0; }
h3 { font-size: 1em; line-height: 1.8em; margin: 1.929em 0 .643em; text-transform: uppercase; }
h4 { font-size: 1.1667em; line-height: 1.286em; margin: 1.929em 0 .643em; }
h5 { font-size: 1em; line-height: 1.8em; margin: 0; text-transform: uppercase; }

/*--- links ---*/
a, a:link, a:visited { color: #347979; text-decoration: underline; }/* #709ea0 */
a:visited { color: #0d3838; }
img, img a, a img, a:link img, a:visited img, a:hover img, a:visited:hover img { text-decoration: none; border: 0; }
.caption a:link, .caption a:visited { border: 0; }
.top a:link, .top a:visited { color: #999; border: 0; }
.cred a:link, .cred a:visited { color: #709ea0; }
address a { color: #006; }
a:hover { text-decoration: none; }
.top a:hover { color: #555; }

/*--- layout ---*/
div#wrapper { width: 680px; margin: 0 0 0 140px; padding: 0; }
.col { float: left; margin: 0; padding: 0; }

.indent { display: block; margin: 0 2em; border: 0; }
.quote { display: block; color: #666; font: italic 92%/180% Georgia, Palatino, "Times New Roman", serif; margin: 0 10px 0 40px; }
.quote:first-line { font-size: 150%; }
blockquote { font: italic 1.1em/2em Georgia, Cambria, Constantia, serif; margin: .3em 0; padding:1em 1em 1em 1.3em; background-color:#f3f6f1; }
.item { float: left; width: 99%; clear: both; margin: 0 0 .5em; }

/*--- branding and footer ---*/
#branding, #footer { position: relative; float: left; width: 100%; clear: both; padding: 0; margin: 0; }
#branding { padding: 26px 0 0 30px; }
#branding h1 { width: 350px; height: 100px; margin: 0 0 30px; padding: 0; text-indent: -10000px; background: url(../graphics/branding.gif) no-repeat 0 0; }
#branding h1 a:link, #branding h1 a:visited { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: url(../graphics/branding.gif) no-repeat 0 0; }
#branding h1 a:hover { background-color: transparent; background-position: 0 -100px; }
#home #hdshot, #bio #hdshot, #books #hdshot, #articles #hdshot, #speaking #hdshot, #passing #hdshot, #friends #hdshot, #fun #hdshot { position: absolute; top: 0; left: 500px; border: 1px solid #630; margin: 0; padding: 0; }
#home img#hdshot { left: 460px; }
#footer { margin-top: 80px; }

/*--- main content ---*/
#content { position: relative; float: left; width: 320px; margin: 0 40px 0 158px; }
#home #content { width: 245px; margin-right: 60px; }
#bigpic { position: relative; top: 0%; left: -100px; }
#gal img { float: left; margin: 0 8px 4px 0; }

/*--- secondary content ---*/
#sidebar { position: relative; float: right; width: 150px; top: 100px; margin-right:12px;}
#home #sidebar { z-index: 5; }
#sidebar img { display:block; margin: 20px auto; text-align:center; }
#sidebar p { margin-right: 2em; font: italic 1.1em/2em Georgia, Cambria, Constantia, serif; }
#burst{
	position:absolute;
	top:64px;
}
h1#burst {
	width: 150px;
	height: 88px;
	margin: 0;
	left:80px;
	padding: 0;
	text-indent: -10000px;
	background: url(../graphics/buy2.gif) no-repeat 0 0;
	behavior:url(cssfocusandhover.htc);
	
}
h1#burst a:link, h1#burst a:visited { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: url(../graphics/buy1.gif) no-repeat 0 0; }
h1#burst a:hover { background-color: transparent; background-position: 0 -180px;}


/* burst2 */
#burst2{
	position:absolute;
	top:110px;
}
h1#burst2 {
	width: 187px;
	height: 133px;
	margin: 0;
	left:-65px;
	padding: 0;
	text-indent: -10000px;
	background:url(../graphics/b2.gif) no-repeat 0 0;
	behavior:url(cssfocusandhover.htc);
	
}
h1#burst2 a:link, h1#burst2 a:visited { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: url(../graphics/b1.gif) no-repeat 0 0; }
h1#burst2 a:hover { background-color: transparent; background-position: 0 -180px; }



/*--- navigation ---*/
#nav { margin: 0 0 0 -520px; padding: 0;  }
#home #nav { margin-left: -464px; }
#nav ul { float: left; width: 110px; z-index: 2; }
#nav ul li { float: left; position: relative; width: 100%; list-style-type: none; margin: 0; padding: 5px 4px 7px 20px; background-image: none; }/* border-width: 1px 1px 1px 16px; */
#nav a { color: #006; text-decoration: none; display: block; margin: 0; border: 0; padding: 0; }
#nav a:visited {color: #0d3838;}

#bio .bio, #books .books, #articles .articles, #speaking .speaking, #passing .passing, #friends .friends, #fun .fun { border: 1px solid #709ea0; border-width: 1px 1px 1px 16px; padding: 4px 3px 6px 4px; }
#nav li:hover { border: 1px solid #0d3838; border-width: 1px 1px 1px 16px; padding: 4px 3px 6px 4px; width:135px }

/*--- forms ---*/
form, fieldset { border: 0; padding: 0; margin: 0; }
label, select, input { font-size: 90%; padding: 2px 3px; margin: 0; }
label, select { display: block; margin: 0; }

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: 1px solid transparent; }

/*--- tables ---*/
table { font-size: inherit; border-spacing: 0; border-collapse: collapse; margin: 0; border: 0; }
tr { vertical-align: top; }
th, td { border: 0; padding: 2px 3px; }
td { text-align: left; font-weight: normal; }
.twocol td { width: 49%; }
.threecol td { width: 32%; }
.fourcol td { width: 24%; }

/* * */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* * */