body {
  background:#291d3a;
  text-align:justify;
  font-family:Georgia, Times, Serif;
  font-size:10px;
  color:#f0e7a5;
}
#main {
  width:209px;
  position:absolute;
  top:375px;
  right:0px;
  vertical-align:top;
  margin-bottom:30px;
  margin-top:0;
  }  
a {
  color:#c19eb8;
  text-decoration:none;
  }
a:visited {
  color:#c19eb8;
  text-decoration:none;
  }
a:hover {
  color:#d2998d;
  border-bottom:1px dotted #d2998d;
  position:relative;
  left:1px;
  top:1px;
  text-decoration:none;
  }
a img {
  border:0;
  }
i {
  color:#d89796;
  }
b {
  color:#1bc7a4;
  }	
p#stats {
  width:190px;
  margin-top:20px;
  margin-bottom:20px;
  padding:5px;
  background-image: url(pbg.jpg);
  font-size:9px;
  color:#faeedc;
  text-align:left;
	}
p#myfanlists {
  text-align:center;
  }	
p {
 width:205px;	
}
h1 {
  width:205px;
  background-image: url(pbg.jpg);
  font-size:20px;
  color:#faeedc;
  text-align:right;
  letter-spacing:8px;
  text-transform:capitalize;
	padding-right:5px;
  }
table {
  font-family:Georgia, Times, Serif;
  font-size:10px;
  color:#d89796;
  }	
input#button {
  width:40px;
  border:1px solid #d89796;
  background-color:#d89796;
  font-family:Georgia, Times, Serif;
  font-size:10px;
  color:#f0e7a5;
  }
/* http://dnevnikeklektika.com/en/css-gallery-layout-en */
.gallery{
 margin:0; padding:0;
 overflow:hidden; /* Clears the floats */
 width:100%; /* IE and older Opera fix for clearing, they need a dimension */
 list-style:none;
 }
.gallery li{
 float:left;
 display:inline; /* For IE so it doesn't double the 1% left margin */
 width:23.8%;
 margin:0 0 10px 1%; padding:10px 0;
 height:58px; /* Height of img (50) + 2 times 3px padding + 2 times 1px border = 58px */
 position:relative; /* This is the key */
 background:url(45degree.png);
 }
.gallery a,
.gallery img{
 display:block;
 width:100%;
 }
.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
 padding:3px;
 background:#eeefef;
 width:50px; height:50px;
 border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
 position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
 margin:-25px 0 0 -25px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
 }
.gallery a:hover{
 border-color:#dfdfdf;
 }	