* {
	margin:0;
	padding:0;
}
@font-face {
 font-family:blaster;
 src: url("4114blasterl.eot") /* EOT file for IE */
}
@font-face {
 font-family:blaster;
 src: url("4114blasterl.ttf") /* TTF file for CSS3 browsers */
}

body {background:#000;height:100%;font-family:verdana,helvetica,arial,sans-serif;font-size:0.9em;line-height:1.3em;}
p {width:95%;margin:10px;}
a:link {color:#777;text-decoration:none;} a:visited {}
a:hover, a:active, a:focus {text-decoration:underline;}

.bgImg1 {position:fixed; z-index:1; top:40%; left:-8%;}
.bgImg2 {position:fixed; z-index:0; top:12%; left:75%;}

@media screen {
#wrap {width:80%; min-width:960px; margin:0 10%; position:relative; z-index:10;}
}
@media screen and (max-device-width: 480px) {
#wrap {width:100%;margin:0;}
}

#container {width:100%;background:;box-shadow: 0 0 5px #444;float:left;}
@media screen {
header {height:12em; width:80%; min-width:960px; background:#222; text-align:center; position:fixed; z-index:12; left:10%;box-shadow:0 10px 3px #333;overflow:hidden;}
}
@media screen and (max-device-width: 480px) {
header {background-color:#000;background-image:url('../images/melb-arts-centre.jpg'),url('../images/syd-opera-house.jpg');background-size:auto 225%, auto 200%;background-repeat:no-repeat;background-position:98% -140pt, -15pt 0;width:100%;text-align:center;height:auto;position:static;left:0;box-shadow:0 10px 3px #333;overflow:none;float:left;}
}

 header h1 {font-family:blaster;font-size:6em;line-height:0.8em;color:#09d;text-shadow:3px 0 0 #fff;filter: glow(color=#ffffff,direction=135,strength=3); /* IE */margin:45px 0;}
@media screen {
nav {width:80%; min-width:960px; height:auto;text-align:center;position:fixed; z-index:13; top:9.2em;}
}
@media screen and (max-device-width: 480px) {
nav {width:100%; height:auto; text-align:center; position:static; float:left;}
}
nav ul, nav ul li {float:left;list-style-type:none;}
 nav a:link, nav a:visited {height:20px; width:auto;border:1px solid #222;border-bottom:0;margin-left:10px;display:block;font-size:1.2em;font-weight:bold;color:#ddd;text-decoration:none;padding:10px;}
 nav a:hover, nav a:active, nav a:focus {background:#333;color:#fff;border-top:1px solid #444;border-right:1px solid #444;border-bottom:0;border-left:1px solid #222;}
#main {background:url('../images/333bg.png');width:100%;height:auto;color:#bcc;float:left;margin:180px 0 35px 0;}
 article {width:96%;height:auto;font-size:0.9em;line-height:1.3em;padding:2%;float:left;}
article h2 {color:#09d;}
article h3, article table th {color:#3cf;margin:5px 0;}
article h4 {margin:5px 0;}
article ul {list-style-type:none;}
 article ul li ul {margin:20px 40px;}
 article a img {margin:50px 25%;opacity:0.8;}
 article a img:hover {box-shadow:0 0 5px #fff;opacity:1;}
  table {width:95%;}
  table td {width:60%;}table td+td {width:40%;}
  article table tr:nth-of-type(odd) {background:#444;color:#eff;}
  article table ul li ul li:nth-of-type(odd) {background:#444;color:#eff;}
  thead tr th {background:#333;}
section {width:50%;background:#111; margin:0 0 0; float:left;}
@media screen {
footer {background:#111;width:80%;height:4%;text-align:center;color:#888;position:fixed;top:96%;left:10%;}
}
@media screen and (max-device-width: 480px) {
footer {background:#111;width:100%;height:4%;text-align:center;color:#888;position:static;float:left;clear:both;}
}
 #sock {width:100%;padding:5px 0;}
 
/****** IMAGE GALLERY *******tyhbgvfc343*/
.gallery ul {position:relative;}
.gallery li {width:120px;height:120px;border-top:3px solid #777;border-right:3px solid #777;border-bottom:3px solid #444;border-left:3px solid #444;margin:10px;float:left;}
img {width:inherit;height:inherit;}

.filterOff {display:none;}
.filterOn {background:#000;display:block;width:100%;height:100%;opacity:0.8;position:fixed;top:0;left:0;z-index:14;}
.gallery .pop {width:50%;height:auto;background:#333;position:absolute;top:10%;left:25%;padding:15px;border:3px outset #bbb;z-index:15;}
.pop img {width:100%;height:inherit;}
li button {display:none;}
.pop button {width:50px;height:50px;background:#333;color:#eee;position:absolute;top:0;left:100%;border:2px outset #888;border-left:none;display:block;}
.pop button:hover {background:#222;cursor:pointer;}


/*
 background-color:#000;background-image:url('../images/melb-arts-centre.jpg'),url('../images/syd-opera-house.jpg');background-size:auto 225%, auto 200%;background-repeat:no-repeat;background-position:98% -140pt, -15pt 0;
*/