body {
 background-color: black;
 background-image:url('/images/normal_background.png');
 overflow-y: scroll;
}
h1 {
	font-family:"courier new";
	color:white;

}
h2 {
	font-family:"courier new";
	color:white;

	font-weight: normal;
}
h3 {
	font-family:"courier new";
	color:white;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	font-family:"courier new";
	color:white;
	font-weight: normal;
}
h5 {
	font-family:"courier new";
	color:white;
	font-weight: normal;
}
h6 {
	font-family:"courier new";
	color:white;
	font-weight: normal;
}
p {
	font-family:"courier new";
	color:white;
	font-size: 1.0em;
	font-weight: normal;
}
p.tiny{
	font-family:"courier new";
	color:white;
	font-size: 0.6em;
	font-weight: normal;
}
p.small{
	font-family:"courier new";
	color:white;
	font-size: 0.8em;
	font-weight: normal;
}
p.medium{
	font-family:"courier new";
	color:white;
	font-size: 1.0em;
	font-weight: normal;
}
p.large{
	font-family:"courier new";
	color:white;
	font-size: 1.2em;
	font-weight: normal;
}
p.huge{
	font-family:"courier new";
	color:white;
	font-size: 1.5em;
	font-weight: normal;
}
p.statusonline {
	font-family:"courier new";
	color:green;
	font-size: 1.5em;
	font-weight: normal;
	text-align: right	
}
p.statusoffline {
	font-family:"courier new";
	color:red;
	font-size: 1.5em;
	font-weight: normal;
	text-align: right		
}
table.status{ 
    margin-left: auto;
    margin-right: auto;
}
p a{
font-family:"courier new";
color:fff;
font-size:15px;
text-decoration: none;
}
p a:hover{
text-decoration: underline;
}
#limit {
        max-width: 800px;
}
a.upload {
font-family:"courier new";
color:white;
font-size:30px;
text-decoration: underline;
}

/*imagepopoverstuff*/
/*http://geekgirllife.com/place-text-over-images-on-hover-without-javascript/*/

img.galleryview {
    max-width:600px;
}
ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  height: 150px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 150px;
}
span.text-content {
  z-index: 999;
  text-align: right;
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 20px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 150px;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
  }

ul.img-list li:hover span.text-content {
  opacity: 1;
}


.selectedoverlay {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}

ul,  ul{/*remove the bullets from the dropdown ul as well*/
margin:0;
padding:0;
text-align: center;
list-style-type:none;
height:32px
}


 li.menu{
display: inline-block;


width:145px;
position:relative/*set position:relative as the start point for absolutely positioning the dropdown*/
}

 li.menu a{
display:block;
width:150px;
line-height:30px;
text-align:center;
color:white;
text-decoration:none;
background-color:1d1d1d;
text-transform:uppercase;
font-family:monospace;
font-size:20px ;
  font-weight:bold;
}

 li.menu a:hover{
background: #7bd913;
}

 li.menu ul{
z-index: 999;
display:none;/*hide the dropdown*/
position:absolute;/*position it absolutely..*/
left:0;/*...align the left edge with the left edge of the parent li...*/
top:30px/*...and 32px down from the top - 30px height + 2px for the border*/
}

 li.menu:hover ul {
display:block/*display the ul when the parent li is hovered*/
}

 li.menu ul a{
background-color:#838383/*give the dropdown a different background colour*/
}



ul.gallery {
    list-style-type: none;
}