@charset "UTF-8";
/* CSS Document */


body
{
background-color:#fff;
background-image:url(/images/streetbg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right;
color:#000;
font-family:"Verdana",Arial,Sans-Serif;
font-size:.8em;
border: 0px;
padding: 0px;
margin: 0px;
}

img.bordered {border:1px dashed #f03;}

a:link {color:#009;}
a:visited {color:#339;}
a:hover {color:#f03;}
a:active {color:#f03;}
a:link img {border:1px solid #fff;}
a:visited img {border:1px solid #fff;}
a:hover img {border:1px dotted #f03;}
a:hover div{color:#666;}
a:active div{color:#000;}


/* image link styles */

div.navthumb /**picture links**/
{
width:52px;
height:52px;
border:1px dashed #f03;
margin-top:7px;
}

div.newthumb /**links for new images on the homepage**/
{
width:62px;
height:62px;
border:1px dashed #f03;
margin-bottom:7px;
}





/* text styles */

small
{
color:#999;
font-family:"Lucida Grande", Verdana, Arial,Sans-Serif;
}





/* header */

div.header
{
position:fixed;
left:110px;
color:#ccc;
font-family:"Courier New","Lucida Console",Monospace;
font-size:2em;
text-align:center;
z-index:-1;
}





/* menus */

div.mainmenu
{
position: fixed;
left:32px;
width:54px;
border-bottom:1px dashed #f03;
border-left:1px dashed #f03;
border-right:1px dashed #f03;
padding:49px 7px 7px 7px;
background-color:#fff;
}


/*  elements that use the "middle" outer container */

div.middle
{
position:absolute;
left:130px;
width:700px;
top:85px;
}

div.art
{
position:relative;
width:666px;
padding:7px 8px 8px 8px;
border:1px dashed #f03;
background-color:#fff;
margin-bottom:30px;
}

div.comics
{
position:relative;
width:260px;
padding:7px 8px 8px 8px;
border:1px dashed #f03;
background-color:#fff;
margin-bottom:10px;
}

div.bioleft
{
position:absolute;
width:340px;
height:auto;
padding:0px 8px 8px 16px;
border:1px dashed #f03;
background-color:#fff;
}

div.bioright
{
position:absolute;
left:380px;
}


/* elements for comics layout pages*/

div.comicsframe /* left frame for comics page, images should dissapear behind white
           when they approach the menu */
{
position: fixed;
top: 0px;
height: 100%;
left: 0px;
width: 130px;
background-color:#fff;
}

div.comicsblurb
{
position: fixed;
width:100px;
top: 280px;
height:200px;
margin: 10px 10px 10px 15px;
}

div.comicsmiddle
{
position:absolute;
left:130px;
width:auto;
top:85px;
padding-left: 40px;
padding-right: 40px;
z-index:-1;
}


/*elements that use the "side" outer container*/

div.indexside
{
position:fixed;
right:170px;
width:200px;
}

div.twit
{
position:static;
width:54px;
border-bottom:1px dashed #f03;
border-left:1px dashed #f03;
border-right:1px dashed #f03;
padding:4px 7px 7px 7px;
margin-bottom:10px;
background-color:#fff;
font-size:.8em;
}

div.twitinner
{
position:relative;
width:178px;
text-align:justify;
overflow: hidden;
}

div.news
{
position:relative;
width:200px;
border:1px dashed #f03;
padding:7px;
margin-bottom:10px;
background-color:#fff;
}

div.newimages
{
position:absolute;
right:30px;
width:65px;
border-left:1px dashed #f03;
border-right:1px dashed #f03;
border-bottom:1px dashed #f03;
padding:5px 7px 0px 7px;
background-color:#fff;
}

div.links
{
position:absolute;
left:730px;
width:auto;
border-bottom:1px dashed #f03;
border-left:1px dashed #f03;
border-right:1px dashed #f03;
padding:0px 7px 0px 7px;
margin-bottom: 20px;
background-color:#fff;
}

div.link
{
position:static;
width:auto;
color:#999;
font-family:"Verdana",Arial,Sans-Serif;
}

div.linktitle
{
position:static;
width:auto;
color:#f03;
font-family:"Verdana",Arial,Sans-Serif;
text-align:center;
}





/* footer */

div.footer
{
position:fixed;
left:8px;
bottom:5px;
color:#999;
font-family:"Verdana",Arial,Sans-Serif;
text-align:left;
}



/* javascript Lightbox2 css code */

#lightbox{ position: static; left: 0; width: 100%; z-index: +1; line-height: 0; padding-top: 25px; }
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 0px; height: 0px; margin: 0 auto;}
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:/art/images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/playground/rocketship/js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/playground/rocketship/js/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ position: relative; font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{margin-bottom: 10px; padding:0 5px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; text-transform: lowercase;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0;  width:100%; height:100%; background-color: #c66;}