/***************************************************************
screen styles for site
yyyy.mm.dd -- Michael- Burke
----------------------------------------------------------------
website		:	http://www.site.com
test url		:	https://student.ci.qut.edu.au/~...
url         :  http://www.bearfacts.com.au
version		:	yyyy.mm.dd	v.1
author		:	Michael Burke
browsers		:  Safari (Mac/Win)
               Firefox (Mac/Win)
               IE 7 + IE 6 (Win)
               Opera (Mac/Win)
               FLock
               Fluid
               Navigator
               Camino
               SeaMonkey
----------------------------------------------------------------
colours

----------------------------------------------------------------
`LAYOUT | `HEADERS | `PARAGRAPHS | `LINKS | `ELEMENTS
***************************************************************/

* {
	padding: 0;
	margin: 0;
}

/*** `LAYOUT ***/

body {
	background: url(../pics/stars-bg.png) repeat-x;
}

#stars {
   background: url(../pics/stars.png) repeat;
}

#all {
   position: relative;
   width: 900px;
   height: 900px;
   margin: 10px auto 0;
   background: url(../pics/world.png) no-repeat;
}

#ufo {
   position: absolute;
   top: 20px;
   left: -50px;   
}

#island {
   position: absolute;
   top: 300px;
   left: 300px;   
}

#moon {
   position: absolute;
   top: 0;
   right: -100px;   
}

#gotham {
   position: absolute;
   top: 60px;
   left: 270px;   
}

#banana {
   position: absolute;
   top: 230px;
   left: 25px;
}

#aminals {
   position: absolute;
   top: 490px;
   left: 80px;   
}

#signpost {
   position: absolute;
   bottom: 250px;
   right: 40px;   
}

#storm {
   width: 150px;
   height: 117px;
   position: absolute;
   top: 130px;
   right: 50px;
   background: url(../pics/storm.png) no-repeat; 
}

#spooky {
   position: absolute;
   top: 220px;
   right: 10px;
   z-index: 2;
}

#deathstar {
   position: absolute;
   left: -50px;
   bottom: 100px; 
}

#hero {
   position: absolute;
   bottom: 80px;
   left: 420px;
}

#startrek {
   position: absolute;
   bottom: 100px;
   right: -100px;
}

#QR {
   position: absolute;
   bottom: 400px;
   left: -200px;
}

#rss {
   position: absolute;
   bottom: 400px;
   left: -150px;   
}

#google {
   position: absolute;
   bottom: 0;
   right: -50px;
}

#overlay { 
   background: url(../pics/overlay.png)
}

a img {
   border: 0;
}

a:focus {
   outline: none;
}