/*
Jane LeCroy © DIASA DESIGN 2007-2009
----------------------------------------------- */
@media screen {
	
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: url(../images/JL_heading.jpg) #000 repeat-x 0 0; color: #f8d2a3; font-size: 12px; font-family: "Trebuchet MS", "Helvetica", sans-serif; min-width: 787px; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 5px 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; font-weight: normal; letter-spacing: 1px; }

h2 { font-size: 14px; text-align:right; }
h2 img { height: 26px; margin: 2px 0 11px 0; }
h2.title img { height: 55px; width: 253px; }

h3 { font-size: 12px; padding: 5px 3px 0px 0px; text-align:right; }
h3.c { padding: 5px 3px 18px 0px; text-align:center; }
h3.r { padding: 5px 3px 18px 0px; text-align:right; }

h4 { font-size: 10px; padding: 2px 0px 0px 0px; }

h5{ font-size: 10px; font-variant: small-caps; }

h6 { font-size: 12px; }

/* =Anchors
----------------------------------------------- */
img { border: none; }
a img { border: none; }
a:link, a:active { color: #daa970; text-decoration: none; }
a:hover, a:focus { color: #fffedc; text-decoration: none; }
a:visited { color: #cc9966; text-decoration: none; }

/* =Lists
----------------------------------------------- */
#content ol { list-style-position: inside; list-style-type: lower-roman; }
#content ul { list-style-type: none; }
#content ul li { background: transparent; }

/* =Wrappers
----------------------------------------------- */
#wrapper { background: transparent url(../images/JL_wrapper.jpg) repeat-y 0 0; text-align: center; width: 787px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; float:none; }

#content { background: transparent url(../images/JL_content.jpg) no-repeat 0 0; width: auto; overflow:hidden; text-align:justify; }

/* =Heading
----------------------------------------------- */
#heading { position: relative; height: 170px}
#heading h1 { left: 295px; position: absolute; top: 15px; border: none; }
#heading h1 a { background: transparent; display: block; height: 45px; overflow: hidden; text-indent: -9999px; width: 210px; }

/* =General layout
----------------------------------------------- */
#content-a { float: left; font-size: 11px; width: 177px; }
#content-b { float: left; font-size: 12px; width: 420px; }
#content-c { float: left; font-size: 10px; width: 190px; }
#content-d { clear: both; width: 787px; }
#content-a-inner { padding: 0px 3px 0px 13px; text-align:justify; }
#content-b-inner { padding: 180px 7px 0px 23px; background-color:transparent; margin-bottom: .8em;}
#content-c-inner { padding: 60px 11px 0px 16px; text-align:center; }

/* =Content alt
----------------------------------------------- */

#side1 { text-align:center; }

#side1 h4 { text-align:center; letter-spacing:normal; }

#side1 a img { text-align:center; padding: 4px 0 24px 0; }

/* =Alternate formatting
----------------------------------------------- */
.side { text-align: center; }
.cent { text-align: center; }
p.zero { font-size: 9px; padding: 8px 0px 0px 0px; }

p.one { font-size: 10px; padding: 0px 0px 0px 0px; }

p.two { font-size: 9px; padding: 0px 0px 0px 0px; }

p.uno { font-size: 10px; padding: 5px 0px 0px 0px; }

.prod { font-size: 9px; padding: 0px; text-align: center; }

/*=Philosophy Etc.
----------------------------------------------- */
.question { color: #cc9966}

.hoverbox { cursor: default; list-style: none; }

.hoverbox a { cursor: default; }

.hoverbox a .preview { display: none; }

.hoverbox a:hover .preview { display: block; position: absolute; top: -160px; left: 0px; z-index: 1; }

.hoverbox img { color: inherit; padding: 1px; vertical-align: top; width: 160px; height: 332px; }

.hoverbox li { color: inherit; display: inline; float: left; padding: 1px; position: relative; }

.hoverbox .preview { border:none; width: 310px; height: 646px; }

/* =Main Navigation
----------------------------------------------- */
#nav-a { background: none no-repeat 0 100%; list-style-type: none; padding: 20px 9px 18px 8px; }

#nav-a li { margin: 0; }

#nav-a li a { display: block; height: 25px; overflow: hidden; text-indent: -9999px; width: 144px; }

#nav-a-news a { background: transparent url(../images/JL_nav1.jpg) no-repeat 0 0; }
#nav-a-news-on a { background: transparent url(../images/JL_nav1.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-poetry a { background: transparent url(../images/JL_nav2.jpg) no-repeat 0 0; }
#nav-a-poetry-on a { background: transparent url(../images/JL_nav2.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-books a { background: transparent url(../images/JL_nav25.jpg) no-repeat 0 0; }
#nav-a-books-on a { background: transparent url(../images/JL_nav25.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-music a { background: transparent url(../images/JL_nav3.jpg) no-repeat 0 0; }
#nav-a-music-on a { background: transparent url(../images/JL_nav3.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-video a { background: transparent url(../images/JL_nav4.jpg) no-repeat 0 0; }
#nav-a-video-on a { background: transparent url(../images/JL_nav4.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-collage a { background: transparent url(../images/JL_nav5.jpg) no-repeat 0 0; }
#nav-a-collage-on a { background: transparent url(../images/JL_nav5.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-philosophy a { background: transparent url(../images/JL_nav6.jpg) no-repeat 0 0; }
#nav-a-philosophy-on a { background: transparent url(../images/JL_nav6.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-catalog a { background: transparent url(../images/JL_nav7.jpg) no-repeat 0 0; }
#nav-a-catalog-on a { background: transparent url(../images/JL_nav7.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-bio a { background: transparent url(../images/JL_nav8.jpg) no-repeat 0 0; }
#nav-a-bio-on a { background: transparent url(../images/JL_nav8.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-contact a { background: transparent url(../images/JL_nav9.jpg) no-repeat 0 0; }
#nav-a-contact-on a { background: transparent url(../images/JL_nav9.jpg) no-repeat 0 0; background-position: -144px 0; }

#nav-a-news a:hover, #nav-a-news a:focus, #nav-a-news a:active, #nav-a-poetry a:hover, #nav-a-poetry a:focus, #nav-a-poetry a:active, #nav-a-music a:hover, #nav-a-music a:focus, #nav-a-music a:active, #nav-a-video a:hover, #nav-a-video a:focus, #nav-a-video a:active, #nav-a-collage a:hover, #nav-a-collage a:focus, #nav-a-collage a:active, #nav-a-philosophy a:hover, #nav-a-philosophy a:focus, #nav-a-philosophy a:active, #nav-a-catalog a:hover, #nav-a-catalog a:focus, #nav-a-catalog a:active, #nav-a-bio a:hover, #nav-a-bio a:focus, #nav-a-bio a:active, #nav-a-contact a:hover, #nav-a-contact a:focus, #nav-a-contact a:active { background-position: -144px 0; }

/* =Footer
----------------------------------------------- */
#footer { background: transparent url(../images/JL_footer.jpg) no-repeat 0 0; clear: both; height: 132px; }

#footer p { background: transparent; color: #daa970; font-size: 9px; text-align:center; line-height: 10px; margin: 0 0 .4em 0; padding: 10px 25px 0px 25px; text-transform: uppercase; }

#footer a:link, #footer a:visited { background: transparent; text-decoration: none; }

/* =Footer Navigation
----------------------------------------------- */
#nav-b { background: none no-repeat 0 100%; list-style-type: none; padding: 45px 298px 0px 298px; }

#nav-b li { margin: 0; }

#nav-b li a { display: block; height: 23px; overflow: hidden; text-indent: -9999px; width: 190px; }

#nav-b-design a { background: url(../images/JL_diaspeir.jpg) no-repeat 0 0; }

#nav-a-design a:hover, #nav-a-design a:focus, #nav-a-design a:active { background-position: -190px 0; }

} 
@media print {
body { background: #000; color: #f8d2a3; font: 8pt "Trebuchet MS", "Helvetica", sans-serif; }

h1, h2, h3, h4, h5, h6, code, pre { font: 8pt "Trebuchet MS", "Helvetica", sans-serif; }

h2	{ font-size: 10pt; }

h3, h6	{ font-size: 9pt; }

h4, h5 { font-size: 8pt; }

abbr, acronym { border-bottom: none; }

abbr:after, acronym:after { content: ' (' attr(title) ') '; }

a:after { content: ' (' attr(href) ') '; }

a { color: #f8d2a3; text-decoration: none; }

#nav-main, #nav-b { display: none; }

#heading { border: none; }

}