html {
	background-color: #b2b2b4;
	padding: 0em;
}

body {
	font-family: verdana, sans-serif;
	font-size: smaller;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #fdfdfd;
	padding: 1em;
	border-left: 2px solid #8e8e8e;
	border-right: 2px solid #8e8e8e;
}

img 	{
	border: none;
	}

h1 {

	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/images/title.png);
	background-position: top left;
	height: 40px;
	background-repeat: no-repeat;
}

h1 a {
	color: black;
	text-decoration: none;
	}
                
h1 a div {
	display: none;
	}

/* new adds */

.sitenav { 
	text-align: right;
	}

.sitenav ul {
	margin-top: 0px;
	margin-bottom: 0.5em;
}

.sitenav ul li {
	display: inline;
	}


.sitenav ul li:before {
	content: " | ";
	}
.sitenav ul li:first-child:before { 
	content: "";
}	

.gallery {
	width: 200px;
	float: right;
	text-align: center;
	border: 1px solid gray;
	}

h2 {
	height: 2.5em;
	}

h3 {
	margin-top: 1em;
	padding-top: 1em;
	}

h4 {
	clear: both;
	}

.dateline {
	font-weight: bold;
	}

.maincontent img {
	max-width: 500px;
	}

.maincontent, .gallery {
	background-color: #f3f3f3;
	-moz-border-radius: 1.5em;
	background-image: url(/images/4.png);
	background-repeat: repeat-x;
	background-position: top;
	}

.maincontent {
	border: 1px solid gray;
	margin-right: 210px;
	padding: 5px;
	}

.maincontent h2, .gallery h2 {
	border-bottom: 1px solid gray;
	}


.item, .contentdesc {
	margin-bottom: 1em;
	}

.item {
	border-bottom: 1px solid gray;
	}

.item img {
	max-width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

.paging, .morelink {
	text-align: right;
	margin-right: 1em;
	}


.artist {
	margin-bottom: 1em;
	}

.footer {
	clear: both;
	margin-top: 1em;
	}

/* bands */


.notes { 
	text-align: left; 
	font-size: small;
	margin-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	}

.collection {
	clear: both;
	margin-top: 1em;
	border-bottom: 1px solid #c0c0c0;
	}

.collection .endpeg {
	clear: both;
	margin-bottom: 0.5em;
	}

.offlink {
	vertical-align: middle;
	}

table.tracklist {

    width: 60%; 
	margin-left: auto;
	margin-right: 1em;

	}

table.tracklist {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
        /* margin-right: auto; */
	border-collapse: collapse;
}
        
table.tracklist th {
	border-bottom: 1px solid #cccccc;
	text-align: left;
	background-image: url(/images/thback.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
table.tracklist td {
	width: 15%;
	}
table.tracklist td.tracknum {
	width: 10%;
	}
table.tracklist td.name {
	width: 60%;
	}

.sleeve {   
	margin-right: 1em;
	width: 170px;
	height: 140px;
	text-align: center;
	border: 0px;
	float: left 
}


div.album {
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        }


div.albumrow {
        display: table-row;
        }

div.albumimage {
        background-color: #bbbbbb;
        border: 1px solid #dddddd;
        text-align: center;
        display: table-cell;
        width: 175px;
        padding: 3px;
        }

