/* This style sheet developed in Bilbao, 2007, during the construction of the Velvet Box exhibition, "The Awakening". */

/* --- Making a clean slate --- */

body, div, h1, h2, h3, h4, h5, h6, p, span, img, ul, li {
list-style:none outside;
border:0;
margin:0;
padding:0;
font-size:100%;
font-family:Georgia, Serif;
font-weight:normal;
color:#FFFFFF;
line-height:1.2em;
}

/* --- General rules --- */

body {
background-color:#222222;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
}

body div {}

h1 {font-size:2.4em;} /* page heading */
h2 {font-size:1.0em;} /*page subheading */
h3 {font-size:1.5em;margin-bottom:1.0em;} /* kontent heading */
h4 {font-size:1.5em;margin-top:1.5em;margin-bottom:1.0em;} /*kontent run-on headings*/
p {font-size:1.0em;line-height:2em;margin-bottom:1.0em;}

p.quote, span.quote {font-style:italic;}
p.citation {text-align:right;}
span.referencetitle {font-style:italic;}
span.projecttitle {font-style:italic;}
span.foreignwords {font-style:italic;}
em {font-style:italic;}

/* --- Link rules --- */

a:link, a:visited {color:#FFFFFF; text-decoration:none;}
a:hover {color:#FFFF00;}
a:active {color:#666644;}

a.emphasis:link, a.emphasis:visited {color:#DDDD00;}
a.emphasis:hover {color:#FFFF00;}
a.emphasis:active {color:#666644;} 

/* --- Div rules --- */

div#header {
width:85%;
position:relative;
left:7.5%;
margin-top:1.2em;
margin-bottom:1.8em;
}

div.kontent {
width:85%;
position:relative;
left:7.5%;
margin-bottom:1.0em;
height:450px;
overflow:auto;
}

div.links {}

div.links li {margin-bottom:30px;}
div.links a {font-size:1.5em;}
div.links a img {width:60px;height:45px;vertical-align:middle;padding-right:30px;}

div.links a span.linkflyout {visibility:hidden;}
div.links a:hover span.linkflyout {visibility:visible;color:#FFFF00;}
div.links a:active span.linkflyout {visibility:visible;color:#666644;}

div.links div.frienddescription {padding-left:100px;}
div.links div.frienddescription p {margin-bottom:1.2em;padding-right:25%;}
div.links div.frienddescription a {font-size:1.0em;}

div.text {padding-right:25%;margin-left:2em;}

div#gallery {}
div#gallery h3 {font-size:1.5em;margin-bottom:0.5em;}
div#gallery h4 {font-size:1.5em;margin-top:1.0em;margin-bottom:0.5em;}
div#gallery p {line-height:1.5em;}

div.gallerymarker {position:absolute;top:0;left:0;color:#DDDD00;}
ul#allgallerytabs {position:absolute;width:100%;top:0;left:0;}
li#galleryintro {display:block;position:absolute;width:100%;top:0;}
ul#allgallerytabs:hover li#galleryintro {display:none;}
ul#allgallerytabs:hover li#galleryintro:hover {display:block;position:absolute;width:100%;top:0em;}
div.galleryintrotext {position:absolute;top:2em;}
li#gallerytab01 {position:absolute;width:100%;}
li#gallerytab02 {position:absolute;width:100%;}
li#gallerytab03 {position:absolute;width:100%;}
li#gallerytab04 {position:absolute;width:100%;}
li#gallerytab05 {position:absolute;width:100%;}
li#gallerytab06 {position:absolute;width:100%;}
li#gallerytab07 {position:absolute;width:100%;}
li#gallerytab08 {position:absolute;width:100%;}
li#gallerytab09 {position:absolute;width:100%;}
li#gallerytab10 {position:absolute;width:100%;}
li#gallerytab11 {position:absolute;width:100%;}
li#gallerytab12 {position:absolute;width:100%;}
li#gallerytab13 {position:absolute;width:100%;}
li#gallerytab14 {position:absolute;width:100%;}
li#gallerytab15 {position:absolute;width:100%;}
div.gallerytabheader {position:absolute;width:40px;top:0em;height:1.2em;}
li/* #gallerytab01 - 15 */:hover div.gallerytabheader {color:#FFFF00;}
li#gallerytab01 div.gallerytabheader {left:80px;}
li#gallerytab02 div.gallerytabheader {left:120px;}
li#gallerytab03 div.gallerytabheader {left:160px;}
li#gallerytab04 div.gallerytabheader {left:200px;}
li#gallerytab05 div.gallerytabheader {left:240px;}
li#gallerytab06 div.gallerytabheader {left:280px;}
li#gallerytab07 div.gallerytabheader {left:320px;}
li#gallerytab08 div.gallerytabheader {left:360px;}
li#gallerytab09 div.gallerytabheader {left:400px;}
li#gallerytab10 div.gallerytabheader {left:440px;}
li#gallerytab11 div.gallerytabheader {left:480px;}
li#gallerytab12 div.gallerytabheader {left:520px;}
li#gallerytab13 div.gallerytabheader {left:560px;}
li#gallerytab14 div.gallerytabheader {left:600px;}
li#gallerytab15 div.gallerytabheader {left:640px;}
div.gallerytabflyout {display:none;}
li/*#gallerytab01 - 15 */:hover div.gallerytabflyout {display:block;position:absolute;top:1.2em;left:0;width:820px;height:24em;}
ul.allimages {position:absolute;left:0;top:1.3em;width:100%;}
li.gallerytabtext {position:absolute;left:40px;padding-left:40px;width:740px;top:0;display:block;height:400px;}
ul.allimages:hover li.gallerytabtext {display:none;}
ul.allimages:hover li.gallerytabtext:hover {position:absolute;left:40px;padding-left:40px;width:740px;top:0;display:block;height:400px;}
li.oneimage {width:100%;}
img.gallerythumb {position:relative;width:40px;}
div.imageflyout {display:none;}
li.oneimage:hover div.imageflyout {display:block;}
img.mainimage {position:absolute;left:340px;top:0;}
div.mainimagecaption {position:absolute;left:340px;top:0;padding-top:24em;width:480px;text-align:right;}
div.mainimagetext {position:absolute;left:40px;padding-left:40px;width:220px;padding-right:40px;top:0;display:block;height:400px;}

div#footer {width:85%;position:relative;left:7.5%;}

img.inbox {vertical-align:middle;padding-top:0.15em;}