@font-face { font-family: dpbold; src: url('fnt/DINPro-Bold.eot'); src: url('fnt/DINPro-Bold.otf'), url('fnt/DINPro-Bold.ttf');}
@font-face { font-family: dpmedium; src: url('fnt/DINPro-Medium.eot'); src: url('fnt/DINPro-Medium.otf'), url('fnt/DINPro-Medium.ttf');}
@font-face { font-family: dplight; src: url('fnt/DINPro-Light.eot'); src: url('fnt/DINPro-Light.otf'), url('fnt/DINPro-Light.ttf');}
@font-face { font-family: goudy1911; src: url('fnt/GoudyBookletter1911.eot'); src: url('fnt/GoudyBookletter1911.otf'); src: url('fnt/GoudyBookletter1911.ttf');}

html {
  overflow-y: auto;
  overflow-x: auto;
  background-color: transparent;
}

body
{
  background-color: #fff;
  color: #000;
  margin: 0 auto;
  min-width: 800px; 
  width: 100%;
  text-align: justify;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
  height: 10px;
  width: 10px;
  display: block;
  background-color: #fff;
  color: #fff;
}

::-webkit-scrollbar-track-piece  {
  background-color: #fff;
/*  -webkit-border-radius: 6px;*/
  filter: alpha(opacity=80);
  opacity: 0.8;
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #fff;
  border: 2px solid #000;
/*  -webkit-border-radius: 6px;*/
}

#header
{
  width: 750px;
  margin: 0 auto;
  padding: 0;
  font-family: dpmedium;
}

#header img#mono_lg
{
  display: block;
  margin: 40px auto;
  width: 350px;
  height: 350px;
}

#header img#mono
{
  display: block;
  margin: 40px auto;
  width: 180px;
  height: 180px;
}

#menu
{
  width: 550px;
  text-align: center;
  font-family: goudy1911, Georgia;
  font-weight: bold;
  margin: 0 auto;
}

#widemenu
{
  width: 750px;
  text-align: center;
  font-family: goudy1911, Georgia;
  font-weight: bold;
  margin: 0 auto;
}

#menu ul
{
  list-style-type: none;
  text-align: center;
  margin: 0 auto;
  padding: 0 50px;
  border-style: solid;
  border-width: 2px 0;
  border-color: #000;
  line-height: 24px;
}

#widemenu ul
{
  list-style-type: none;
  text-align: center;
  margin: 0 auto;
  padding: 0 50px;
  border-style: solid;
  border-width: 2px 0;
  border-color: #000;
  line-height: 24px;
}

#menu li
{
  display: inline;
  padding: 5px 10px;
}

#widemenu li
{
  display: inline;
  padding: 5px 10px;
}

#sel a,.accent
{
  color: #bf0000;
}

#content
{
  width: 550px;
  min-width: 550px;
  margin: 40px auto;
  padding: 0;
  background-color: #fff;
  font-family: dpmedium, Tahoma;
  font-size: 14px;
  line-height: 1.667;
  color: #000;
}

#widecontent
{
  width: 750px;
  min-width: 750px;
  margin: 40px auto;
  padding: 0;
  background-color: #fff;
  font-family: dpmedium, Tahoma;
  font-size: 14px;
  line-height: 1.667;
  color: #000;
}

div.gallery
{
  width: 550px;
  height: 1800px;
  padding: 0;
  margin: 0;
}

a.lblink
{
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  height: 150px;
  border-width: 0;
}

img.sideimg
{
  padding: 25px 0;
  margin: 0;
  width: 150px;
  height: 100px;
  border-width: 0;
}

img.centimg
{
  padding: 25px 50px;
  margin: 0;
  width: 150px;
  height: 100px;
  border-width: 0;
}

.lb
{
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0; 
	display: none; 
	z-index: 999;
	background: rgba(0,0,0,0.5);
}

.lb a
{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
  border-width: 0;
}

.lb img
{
	padding: 5px 5px 5px 5px;
	background: #ffffff;
  width: 789px;
  height: 526px;
	-webkit-box-shadow: 0px 0px 15px #444;
	-moz-box-shadow: 0px 0px 15px #444;	
  border-width: 0;
}

.lb_v img
{
  width: 352px;
  height: 528px;
  border-width: 0;
}

.lb:target {
	display: table;
	height:100%
}

table
{
  margin: 0 auto;
}

table,td,tr
{
  vertical-align: top;
}

td.heading
{
  font-family: dpbold, Tahoma;
  font-weight: bold;
  padding-right: 10px;
}

.centered
{
  text-align: center;
}

.right
{
  text-align: right;
}

table#vinylstats
{
  margin: 40px auto;
  font-size: 12px;
  width: 250px;
}

table#vinylstats th
{
  border-width: 0 0 1px 0;
  border-color: #000;
  border-style: solid;
}

table#vinyl
{
  font-size: 12px;
  width: 750px;
}

table#addrecord,
table#editrecord
{
  font-size:12px;
}

table.admin
{
  font-size: 12px;
  width: 550px;
}

table.admin tr td.header,
table#addrecord tr td.header,
table#editrecord tr td.header
{
  font-weight: bold;
  padding: 10px 0 0 0;
  border-width: 0 0 1px 0;
  border-color: #000;
  border-style: solid;
}

table.admin tr td.link
{
  width: 50px;
}

table#vinyl th
{
  border-width: 0 0 1px 0;
  border-color: #000;
  border-style: solid;
}

table#vinyl tr td a,
table#artistalbums tr td a
{
  text-decoration: none;
  color: #000;
}

table#vinyl tr.grey td a,
table#artistalbums tr.grey td a
{
  text-decoration: none;
  color: #999;
}

table#vinyl tr td a:hover,
table#artistalbums tr td a:hover
{
  text-decoration: none;
  color: #999;
}

table#vinyl tr.grey td a:hover,
table#artistalbums tr.grey td a:hover
{
  text-decoration: none;
  color: #ccc;
}

table#album
{
  font-size: 12px;
  width: 550px;
}

table#album th
{
  width: 60px;
  text-align: left;
}

table#artist
{
  font-size: 12px;
}

table#artist td.right
{
  text-align: right;
  width: 50px;
}

table#artist th
{
  border-width: 0 0 1px 0;
  border-color: #000;
  border-style: solid;
}

table#artistalbums
{
  font-size: 12px;
  width: 550px;
}

table#artistalbums th
{
  border-width: 0 0 1px 0;
  border-color: #000;
  border-style: solid;
}

table#artistalbums .left
{
  text-align: left;
}

table#artistalbums .centered
{
  text-align: center;
}

#footer
{
  width: 550px;
  margin: 0 auto 225px auto;
  padding: 0;
  font-family: goudy1911, Georgia;
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  border-style: solid;
  border-width: 2px 0;
  border-color: #000;
}

#widefooter
{
  width: 750px;
  margin: 0 auto 225px auto;
  padding: 0;
  font-family: goudy1911, Georgia;
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  border-style: solid;
  border-width: 2px 0;
  border-color: #000;
}

a
{
  color: #000;
  text-decoration: none;
}

a.inline
{
  text-decoration: underline;
}

a:hover
{
  color: #999;
  text-decoration: none;
}

a.hidden:hover
{
  color: #000;
  text-decoration: none;
}

a.inline:hover
{
  text-decoration: underline;
}

.grey
{
  color: #999;
}

input.text
{
  width: 350px;
  font-family: dpmedium, Tahoma;
  color: #000;
  border-color: #999;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin-left: 20px;
}

input.button
{
  color: #000;
  background-color: #fff;
  border-color: #999;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}

input.button:hover
{
  border-color: #000;
}

input.text:focus,
input.text:hover
{
  border-color: #000;
}