/*
CSS for Realms of Requiem
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #000000;
  background-image: url(rorsunset.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  line-height: 125%;
  padding: 0;
  margin: 0;}

h1, h2, h3 {
  font-family: "Times New Roman", Helvetica, Arial, sans-serif;}


h1 {
  font-size: xxx-large;
  background-color: #000000;
  color: white;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  margin: 0;
  height: 20%;
}


h2 {
  color: white;
  padding-bottom: .75em;
  font-size: 180%;
  font-weight: normal;
  padding-top: 15px;
  text-align: center;
}

h3 {
  color: yellow;
  font-size: 130%;
  font-weight: normal;
  padding-top: 15px;}
  
h4 {
  color: #FF0033;
  font-size: 110%;
  font-weight: normal;
  padding-top: 15px;}
  
img {
  margin:0;
  padding:0;}

p {  font-size: normal;
  color: #E0FFFF;
  font-weight: normal;}

table, td {
  font-size: medium;
  color: #D7FF92;
  border: 2px solid white;
  padding: 10px;
  border-collapse:collapse;}

  th {
  background-color: black;}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;}

#center {
 	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 50%;}
form.formzzes {
    color: #d7ff92;
	margin-left: auto;
	margin-right: auto;}
	
#sitebranding {
    margin-left:18%;
	background-color: #000000;}

#journal {
  font-size: large;
  color: #E0FFFF;
  font-weight: normal;}
	
#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  background-color: #333366;
  border-top: 3px solid #000099;
  border-bottom: 3px solid #000099;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;}

table.database {
    margin-left:auto;
	margin-right:auto;}  
  
table.database th {
    text-align: left;}
	
#sddm {
	margin:0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
    height: 1.55em;
    padding-top: .17em;
    padding-bottom: .2em;
    font-weight: bold;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 5px;
	width: 70px;
	background: #5970B2;
	color: #D7FF92;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #5970B2;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #5970B2;
		color: #D7FF92;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

  
em {
  text-transform: uppercase;}


strong {  font-size:110%;}
a {
  font-weight: bold;
}


a:link {
  color: blue;
  text-decoration: none}


a:visited {
  color: #FFFBC7;
  text-decoration: none}


a:hover {
  text-decoration: none;

  color: white;

  background-color: navy;
  text-decoration: none}


a:active {
  color: aqua;

  background-color: navy;
  text-decoration: none}


.fun {
  color: #339999;

  font-family: Georgia, Times, serif;

  letter-spacing: 0.05em;}


blockquote.fun {
  font-style: italic;}
#bodycontent {  margin-left: 12.25%;
  margin-right: 13.25%;}


#header {
  border-top: 3px solid #7da5d8;;}


.photogallery img{  border: 15px solid white;
}
.photogallery p {  text-align:center;
}
.photogallery h2 {
  color: white;
  padding-top: 0;

  padding-bottom: 0;

  font-weight: normal;
  
 text-aling:center;
}
img.feature {
  float: right;

  margin: 10px;}
#userlogin {
  font-style: italic;
  font-family: Georgia, Times, serif;
  color: white;
  background-color: transparent;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  margin: 0;
  text-align:right;
  font-size: 100%;
  }
#formreg {
  font-style: italic;
  font-size :medium;
  position: absolute;
  right: 1em;
  top: 100%;
  padding-top: .4em;
  padding-bottom: .2em;
  }

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/
#sddm, #bodycontent, #header, #userlogin, #tagline {
  position: absolute;
}
#sddm  {
  left: 36.0%;
  top: 102%;
}
#bodycontent {
  top: 28%;
  width: 73%;
}
#header {
  width: 100%;
    background-color: #000000;
}
#tagline {
  top: 100%;
  width: 100%;
}
#userlogin {  top: 22%;
              right: 1em;}