@import url("http://library.otago.ac.nz/icons.css");

html, body {font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;background-image:url(images/dorian_gray_universe_clip.jpg);margin:0;padding:0;color: #000;min-height:100%;}
img {max-width:100%;}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
h1, h2, h3 {font-family:"OCR A Std", Arial, sans-serif;}
p{font-size:12px; line-height:18px;}
/*links*/
a img {border: none;}
a:link {color: #42413C;text-decoration: underline;}
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
#container {width: 960px;background: #FFF;margin: 0 auto;padding:0;}
#header {background: #000;background-image:url(images/dorian_gray_universe_clip_opp.jpg);height:318px;}
/*pics in header*/
#logo {float:left; margin:5.0em 0;padding:0;}
#raygun {margin:0 auto; padding:0;}
#planet {float:right; margin:5.0em 1.0em; padding:0 1.0em;}
/*structure*/
#content {padding: 20px 20px 0 10px;width:930px; text-align:justify;-webkit-box-shadow: 0 0px 20px 2px #217FBE;box-shadow: 0 0px 20px 2px #217FBE;}
.content ul, .content ol {padding: 0 15px 15px 40px;}
/*structure for the thumbnails*/
.lazy {width:104px; height:150px;}
.thumbnail-img{width:104px; height:150px; text-align:center; position:relative; float:left; border:1px solid #000; margin-bottom:10px; margin-left:10px;} 
.thumbnail-img a{ text-decoration:none!important; }
/*nav bits*/
ul.nav {font-family:"OCR A Std", Arial, sans-serif;list-style: none;border-top: 1px solid #8CC5EB;margin-bottom: 15px;}
ul.nav li {border-bottom: 1px solid #8CC5EB;}
ul.nav a, ul.nav a:visited {padding: 5px 5px 5px 15px;display: block;width: 160px;text-decoration: none;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {background: #000;color: #FFF;}
/*rayman with gun at footer*/
#rayman {text-align:center;}
#rayman img {margin:0 6.0em 0 0;}
/* ~~ The footer ~~ */
#footer {background:#000;color:#FFF;padding:20px;margin:0;position: relative;clear: both;text-align:right;}
#footer p.justify {text-align:justify;}
#footer a:link {color: #FFF;text-decoration: underline;}
#footer a:visited {color: #FFF;text-decoration: underline;}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/* SLIMBOX */

#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
.lbLoading {background:#fff url(images/loading.gif) no-repeat center;}
#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background:transparent url(images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right:0;}
#lbNextLink:hover {background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(images/closelabel.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:normal;}