/* Hibernacula CSS script -- 2 column layout with header & footer */
/* This is configured for the b&w hiber skin designed by Jurikova */

/* <a href="index.htm">Home</a> &#8226; <a href="biography.htm">Biography</a> &#8226; <a */
/* href="latest.htm">Latest Additions</a> &#8226; <a href="mailto:hibernacula@yahoo.com">Contact</a> */

body
{
font: 8pt georgia, serif; color: #fff;
background-color: #000;
}

p {font-size: 9pt; text-align: justify;}
acronym {font-weight: bold; border-bottom: none;}

p img
{border: 0;}
	
a:link, a:visited {text-decoration:none; color:#fff;}
a:hover, a:active {text-decoration:none; color: gray;}

h1 {font: 9pt georgia; color: #fff; background-color: #000; text-align: right; width: 100px; padding: 1px; margin: 0 0 0 0; clear: both}
h2 {clear: both; font: 8pt georgia; color: #fff; text-align: left; padding-left: 2px; margin-bottom: -10px;}

#container
{
width: 800px; height: auto;
margin-left:auto;
margin-right:auto;
background: transparent repeat-y center url(skin/vlines.jpg);
}

#top
{
background: #000 url(skin/hiberbanner.jpg) no-repeat;
height: 92px;
margin-left: 0px;
}

#navstrip
{
text-align: left;
color: #fff;
background: #000 url();
height: 51px;
}

#navstrip img
{margin-right: 0px; border: 0px;}

#navimage1
{background: no-repeat url(skin/bar1start.jpg); width: 134px; height: 57px; float: left;}

#navimage2
{background: no-repeat url(skin/bar2home.jpg); width: 113px; height: 57px; float: left;}

#navimage2b
{background: no-repeat url(skin/bar2home2.jpg); width: 113px; height: 57px; float: left;}

#navimage3
{background: transparent no-repeat url(skin/bar3artist.jpg); width: 114px; height: 57px; float: left;}

#navimage3b
{background: transparent no-repeat url(skin/bar3artist2.jpg); width: 114px; height: 57px; float: left;}

#navimage4
{background: no-repeat url(skin/bar4gallery.jpg); width: 115px; height: 57px; float: left;}

#navimage4b
{background: no-repeat url(skin/bar4gallery2.jpg); width: 115px; height: 57px; float: left;}

#navimage5
{background: no-repeat url(skin/bar5projects.jpg); width: 114px; height: 57px; float: left;}

#navimage5b
{background: no-repeat url(skin/bar5projects2.jpg); width: 114px; height: 57px; float: left;}

#navimage6
{background: no-repeat url(skin/bar6esoterica.jpg); width: 115px; height: 57px; float: left;}

#navimage6b
{background: no-repeat url(skin/bar6esoterica2.jpg); width: 115px; height: 57px; float: left;}

#navimage7
{background: no-repeat url(skin/bar7end.jpg); width: 95px; height: 57px; float: left;}

#content
{
float: left;
position: relative;
width: 622px; height: auto;
background: transparent url();
padding-left: 10px;
}

#content img {float: left}

#rightnav
{
float: left;
position: relative;
width: 168px; height: auto;
font: 8pt tahoma, sans-serif; color: #fff;
background: transparent url();
}

#rightnav a:hover, a:active {color: gray;}

#rightnav img
{margin: 1px; padding: 0; float: left; background: url(images/hiberthumb.jpg);}

#footer
{
clear: both;
padding: 0px;
color: #fff;
height: 115px;
background: #000 url(skin/hiberbottom.jpg) no-repeat;
border-top: 0px solid #fff;
}

#footer p
{text-align: center; padding-top: 77px}

.old a img
{border: 2px solid gray;}

.old a img:hover
{border: 2px solid white;}

.new a img
{border: 2px solid white;}

.new a img:hover
{border: 2px solid gray;}

/* Bullet menu styling */

.navcontainer ul
{
list-style-type: none;
text-align: left;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
clear: both;
}

.navcontainer ul li a
{
background: transparent url(images/listoff.jpg) no-repeat; background-position: 0px 50%;
}

.navcontainer ul li a:hover
{
background: transparent url(images/liston.jpg) left no-repeat; background-position: 0px 50%;
}

.navcontainer ul li a:current
{
background: transparent url(images/listcur.jpg) left no-repeat; background-position: 0px 50%;
}

/*Drop Capitals*/

#box {display:block; width: 420px; height: 115px; margin-left:40px; margin-top:60px; background: no-repeat transparent url(images/boxbg.jpg); color: #000;}

#box p {text-align:justify; width: 380px; line-height:normal; letter-spacing:0px; padding: 20px;}

#box1 {display:block; width: 345px; height: 335px; margin-left:225px; margin-top:20px; background: no-repeat transparent url(images/welcomebox.jpg) left; color: #000;}

#box1 p {text-align:justify; width: 290px; line-height:normal; letter-spacing:0px; padding: 20px;}

#cap {font-size:25pt; color:#000; font-weight:bold; float:left; height:25px; line-height:25px; margin-top:2px; margin-right:1px;}
* html #cap {margin-right:-2px; margin-top:1px;}

/*Dynamic Load Area*/

#dynloadarea
{
position: relative;
float: left;
width: 600px;
height: auto;
background-color: transparent;
text-align: center;
padding-left: 20px;
}

#dynloadarea img {margin: 0 auto;}

/*Image Floats*/

#bio {background: gray url(images/kbiopic.jpg); height:143px; width: 100px; float: right; position: relative; border: 1px solid; margin: 0 0 0 4px}
#ballet {background: gray url(images/ballerina.jpg); height:181px; width:295px; clear: both; position: relative; border: 1px solid; margin: 25px;}