body#bd1 {
background: #000 url("bg1.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #90f;
}

p {
font-family: rockwell;
text-shadow: 1px 1px silver;
}

p#para1 {font-size: 50px; font-weight: bolder; text-align: center;}

p#para2 {font-size: 30px; font-weight: bold;}

p#para3 {font-size: 22px; font-weight: bold;}

p#para4 {font-size: 18px; font-weight: bold;}

p#para5 {font-size: 14px; font-weight: bold;}

p#para6 {font-size: 16px; font-weight: bolder; color: darkOrchid;}

p#para7 {
margin-left: auto;
margin-right: auto;
width: 300px;
background-color: black;
border: 2px groove #90f;
border-radius: 10px;
font-size: 10px;
font-weight: bolder;
color: #fff;
text-shadow: none;
}
p#para8 {font-size: 16px; font-weight: bolder;}

#counter {
background-color: black;
font-size: 38px;
font-weight: bolder;
color: silver;
width: 151px;
height: 43px;
display: in-line;
margin-left: auto;
margin-right: auto;
border: 2px ridge #90f;
border-radius: 10px;
z-index: 1;
}

#counter:hover {
background-color: silver;
font-family: rockwell;
font-size: 16px;
vertical-align: middle;
font-weight: bolder;
color: #90f;
width: 151px;
height: 43px;
margin-left: auto;
margin-right: auto;
border: 5px ridge red;
border-radius: 10px;
z-index:2;
}
a:link, a:visited {
color: #0f0;
}

div#main {
width: 99%;
min-height: 100%;
margin-left: auto;
margin-right: auto;
top: 0px;
}

#left {
width: 70%;
left: 10px;
text-align: center;
}

#right {
width: 313px;
position: absolute;
top: 10px;
right: 10px;
padding-left: 10px;
margin-left: auto;
margin-right:auto;
text-align: center;
}

div#login {
padding: 5px;
background: black;
font-family: rockwell;
font-weight: bold;
color: white;
text-shadow: 1px 1px black;
top: 50px;
position: relative;
border: 3px ridge white;
border-radius: 10px;
}

#enter {
font-family: rockwell;
font-weight: bold;
background: url("bg1sml.png") center center fixed;
color: white;
border: 2px ridge white;
border-radius: 10px;
}

#enter:hover {
color: #90f;
border-color: #90f;
box-shadow: 2px 2px 2px #60d;
}

#info {
text-align: right;
position: relative;
right: 15px;
}

/*	POPUP BOX STYLES	*/

/*	THE OUTSIDE BLOCK	*/
.pop-up {
position:absolute;
top:0;
left:-500em;
}
.pop-up:target {
position:static;
left:0;
}

/*	FIRST CHILD POPUP BOX ITSELF	*/
.popBox {
  background: url("puba.png") 40% 50% no-repeat;

  /* alternatively fixed width / height and negative margins from 50% */
  position:absolute;
  width: 552px;
  height:359px;
  left: 30%;
  right:30%;
  top:30%;
  bottom:30%;
  z-index:1;
  border:1px solid #3a3a3a;

  /* CSS3 rounded corners, drop-shadow and opacity fade in */
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-box-shadow:2px 2px 4px #3a3a3a;
  -moz-box-shadow:2px 2px 4px #3a3a3a;
  box-shadow:2px 2px 4px #3a3a3a;
  opacity:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
:target .popBox {
position:fixed;
opacity:1;
}

.popBox:hover {
box-shadow:3px 3px 6px #5a5a5a;
}

/*	POPUP WINDOW BACKGROUND - AKA "LIGHTBOX"	*/
.lightbox {
display:none;
text-indent:-200em;
background:#000;
opacity:0.8;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
}
:target .lightbox {
display:block
}

/*	THE "CLOSE" GRAPHIC	*/
.close {
  position:absolute;
  top:-0.75em;
  right:-0.75em;
  display:block;
  width:1em;
  height:1em;
  font:bold large/1 arial, sans-serif;
  text-align:center;
  text-decoration:none;
  background:#000;
  border:3px solid #fff;
  color:#fff;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 1px 1px #3a3a3a;
  -webkit-box-shadow: 0 0 1px 1px #3a3a3a;
  box-shadow: 0 0 1px 1px #3a3a3a;
}
.close:before {
content:"X";
}
.close:hover {
box-shadow:0 0 1px 1px #c00;
background:#c00;
}
.close span {
text-indent:-200em;
display:block;
}

/*	SCROLL STYLE IF CONTENT LARGER THAN POPUP BOX	*/
.popScroll {
position:absolute;
top:9%;
left:3%;
right:3%;
bottom:9%;
overflow-y:auto; *overflow-y:scroll;
padding-right:0.5em
}