/* whole page settings */
body
{
    /* background wallpaper */
	background-image: url(img/web_bg.jpg);
	background-repeat: repeat;

	/* default text color */
	color: rgb(50, 50, 50); 

	/* required for IE */
	text-align:center
}


/* link colors */
a:link {color: #33aaee}     /* unvisited link  */
a:visited {color: #ed00ed}  /* visited link    */
a:hover {color: #55eeff}    /* mouse over link */
a:active {color: #88ffaa}   /* selected link   */



/* main table with everything in it */
table.main 
{ 
	font-family: Verdana;
	font-weight: normal;

	border-spacing: 0px 0px;
	
	width: 710px;
	max-width: 710px;
	
	min-height: 10px;
	
	border: 2px transparent;
	border-collapse: collapse;
		
	margin-left: auto;
	margin-right: auto;

	margin-top: 7px
}


/* subtitle - use for title of individual page */
td.subtitle
{
	height: 60px;
	text-align: left; 
	margin-top: 1cm;
	vertical-align: top
}
p.subtitle
{
	font-size: 80%;
	font-weight: bold;
	border: 0px;
    margin-top: 5px;
	margin-bottom: 15px
}



img.cover
{
    border: 0px solid ; 
	width: 404px; 
	height: 404px
}


img.discog_cover
{
    border: 2px ridge ; 
	border-color: rgb(220,220,220) ; 
	width: 150px; 
	height: 150px
}


/* inner table used to display banners and content */
table.content
{
	text-align: left; 
	width: 100%; 
	padding-right: 30;
	border-collapse:collapse;
	margin:auto
}
/* use for the single main content table cell */
td.content
{
	width: 630px; 
	max-width: 630px;
	vertical-align: top
}
p.content_text
{
	font-size: 70%
}
p.content_text_centered
{
	font-size: 70%;
	text-align: center
}


/* table at the bottom with the columns */
table.discog
{
	width: 100%; 
	height: 200px;
	text-align: left
}
td.discog_left,
td.discog_right
{
	height: 130px; 
	vertical-align: top
}
td.discog_left
{
	width: 29%;
	text-align: left
}
td.discog_right
{
	width: 71%;
	text-align: left
}




/* use for the side banners. these will grow in height but not width */
td.banner_left,
td.banner_right
{
	width: 60px;
	min-width: 60px;
	max-width: 60px
}
td.banner_left
{
	text-align: left
}
td.banner_right
{
	text-align: right
}
img.stretch
{
	min-height: 30px;
	height: 99%;
	width: 37px;
	max-width: 37px
}



/* table at the bottom with the columns */
table.columns
{
	width: 100%; 
	height: 80px;
	text-align: left
}
td.column_left,
td.column_right,
td.column_center
{
	height: 40px; 
	vertical-align: top
}
td.column_left
{
	width: 65%;
	text-align: left
}
td.column_right
{
	width: 35%;
	text-align: right
}
td.column_center
{
	width: 90%;
	text-align: left
}