* { color:#200; font-size:10pt; font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; }
body{ margin:0; padding:0; background-color:#f5f5f5; }
div { margin:0; padding:0; }

table.layout { border:solid 1px #6d0715; }
table.layout td { background-color:#fff; }

h1,h2,h3,h4,h5,h6 { color:#9898ca; }
h1 { font-size:20px; font-style:oblique; width:260px; float:left; margin:0; padding:0; padding-top:10px; }
h2 { font-size:16px; margin-bottom:3px; }
h3 { font-style:oblique; font-size:15px; font-weight:normal; }

h2 + p { margin-top:0; }

tr#title-row td { background:#fff url(/assets/templates/sharkey/images/bit.jpg) top left no-repeat; } /* only 1 td, bit of a shaded corner*/

a#headspace { display:block; float:right; 
    width:269px; height:45px; text-decoration:none; border:0;
    background:url(/assets/templates/sharkey/images/gardengallery.gif) right no-repeat; 
    }
#content { padding:10px; padding-top:0; }
#content img { padding:2px; }

#rightside { width:142px; float:right; text-align:center; }
#rightside-border { width:142px; float:right; text-align:center; border:1px solid #6d0715; }

a  { color:#000; }
a:link { color:#000; text-decoration:underline }
a:visited { color:#000; text-decoration:underline }
a:hover  { color:#00008b; text-decoration:none }
a:active { color:#000; text-decoration:none }

#navleft-td { background: #accfef url(/assets/templates/sharkey/images/sharkeys_index_14.jpg) repeat-y; }
#navleft a  { display:block; width:90%; padding:5px; background:none;
    font-weight:bold; font-style:oblique; color:#771C19; text-decoration:none; border:1px solid transparent; 
    }

#navleft a:link {  }
#navleft a:visited { }
#navleft a:hover  { border:1px solid #771C19; background:url(/assets/templates/sharkey/images/navgrad.gif) bottom; }
#navleft a:active { }
#navleft ul { padding-left:0; margin-left:0; }
#navleft li { list-style:none; margin-bottom:2px; }
#navleft li.active a { border:1px solid #771C19; background:url(/assets/templates/sharkey/images/navgrad.gif) bottom; }
/* second level */
#navleft li ul { display:none; }
#navleft li.active ul { display:block; }

#footer a  { color:#fff; }
#footer a:link { color:#fff; text-decoration:none }
#footer a:visited { color:#fff; text-decoration:none }
#footer a:hover { color:#ffcb98; text-decoration:none }
#footer a:active { color:#fff; text-decoration:none }

#navbottom ul { margin:0; padding:0; }
#navbottom li { display:inline; }
#navbottom a { margin:10px; white-space:nowrap; }

#footer { color:#fff; background:#771C19; }
div#copyright { color:#fff; font-size:10px; }
div#copyright a { font-size:10px; }


hr { clear:both; border:none; border-bottom:1px dotted #ccc; height:1px; }

.quote { font-size:10px; margin-left:40px; margin-right:40px;}
.quote em { font-size:10px; }

/* online book orders =================================================================== */
table#booksales {}
table#booksales td { color:#6d0617; border-bottom:1px dotted #ccc; }
table#booksales small { color:#6d0617; }
table#booksales tr.head td { font-weight:bold; }

/* Contact form ========================================================================= */
#contact fieldset { border:1px solid #ddd; }
#contact p { clear:both; padding:3px; }
#contact label { display:block; float:left; width:130px; text-align:right; padding-right:5px; }
#contact input,#contact select, #contact textarea { display:block; float:left; clear:right; padding:0; }
#contact img { margin-left:130px; }
#contact #submit { margin-left:130px; width:75px; height:30px; margin-top:10px; clear:right; }
#contact br { clear:both;  }
div.errors{ color:#a13332; }

/* seminar registration ================================================================= */
div#seminarreg { border:1px solid #732012; width:300px; margin-left:85px; padding:5px; }
div#seminarreg h2 { margin-top:0; color:#732012; font-size:15px; }
div#seminarreg .button { float:right; }
div#seminarreg p.small { font-size:10px; margin-bottom:0;}

/* tell a friend ================================================================= */
div#tellafriend { float:right; }


/* books animation/slideshow ============================================================ */

#slideshow { list-style:none; color:#fff; padding:0; }
#slideshow span { display:none; }
#slide-wrapper { width:100px; margin:0; display:none; 
    font-style:oblique; color:#194b6e; font-size:12px; font-weight:bold; } /* margin:50px auto; */
#slide-wrapper * { margin:0; padding:0; }
#fullsize { position:relative; width:100px; height:143px; padding:0px; border:none; background:#fff; }
#slide-info { position:absolute; left:0; top:144px; width:120px; margin-left:-10px; height:30px; background:#fff; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); } 

#slide-info h3 { color:#194b6e; text-align:center; padding:4px; font-size:10px; }
#slide-info p { display:none; padding:0 8px 8px; }
#image { width:100px; }
#image img { position:absolute; left:0; z-index:25; width:auto; }
.imgnav { position:absolute; width:25%; height:143px; cursor:pointer; z-index:150; }
#imglink { position:absolute; height:143px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40); }

/* based on #rightside and #rightside-border */
.animright,.animright-border { width:142px; float:right; text-align:center; padding:10px; padding-bottom:35px; margin-left:10px !important;}
.animright-border { border:1px solid #6d0715; }
#extra { margin-top:40px; }
#extra p { margin-bottom:10px; }
#extra a { font-weight:normal; font-style:normal; }

/* ORIGINAL-ish books animation/slideshow ============================================================ */
/*
#slideshow { list-style:none; color:#fff; }
#slideshow span { display:none; }
#slide-wrapper { width:506px; margin:50px auto; display:none; }
#slide-wrapper * { margin:0; padding:0; }
#fullsize { position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#f0f0ff; }
#slide-info { position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); } 
#slide-info h3 { text-align:center; padding:4px; font-size:14px; border:1px solid red; }
#slide-info p { display:none; padding:0 8px 8px; }
#image { width:500px; }
#image img { position:absolute; z-index:25; width:auto; }
.imgnav { position:absolute; width:25%; height:306px; cursor:pointer; z-index:150; }
#imglink { position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40); }
*/