/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */

body
{
	color : black;
	background-color : #CCCCFF;
	background-image : url(/images/misc-background.gif);
	background-attachment : fixed;
	background-position : bottom left;
	background-repeat : repeat;
	font-family:sans-serif;
}

/*
 * This ensures that text in paragraphs doesn't
 * stretch right across the screen. This only works
 * in more advanced browsers.
 */

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
    text-decoration: underline;

}

.title
{
    color:black;
    background-image : url(/images/greyfilter.gif);
    padding-top:0px;
    font-weight:bold;
    font: large Haettenschweiler, brush script mt,impact,arial,verdana;
    font-size:2.5em;
    text-align:right;
    border:thin black solid;
}

.title img
{
    position:absolute;
	top:1px;
	left:1%;
	margin-left : auto;
	margin-right: auto;
    padding:2px;
}

.title p
{   
    display:inline;
}

.title a
{
    margin-left: 25%;
    margin-right: 10%;
    text-align:center;
}


#shadow
{
	color: black;
}

#shadow:before
{
	content: 'Various Artists Reviews and Information';
	color: white;
	display: block;
	text-indent: 1.9ex;
	margin-bottom: -1.3em;
}

.content p
{
	max-width:90%em;
    text-align: center;
}

.content img
{
    border : thin solid black;
}

.highlight a
{
background-color: transparent;
position:bottom;
}

.highlight a:hover
{
    background-image: url(/images/greyfilter.gif);
}

.new
{
    background-color:#FFD700;
}

ul.menu
{
	list-style:none;
	margin:0px;
}

ul.menu li
{
	display:block;
}

.menu
{
	text-align : center;
	background-image : url(/images/yellowfilter.gif);
	border : thin solid rgb(0,0,0);
    -moz-border-radius: 1em;
    border-radius: 1em;
    font-weight : bold;
}

.menu a
{
	color : rgb(0,0,0);
   	background-color : yellow;
    text-decoration: none;
    border : thin solid rgb(0,0,0);
}

.menu a:hover
{
	color : rgb(255,125,105);
    background-color : transparent;
}

.menu strong
{
	font-size : large;
}

.other
{
	text-align : center;
	background-image : url(/images/redfilter.gif);
	border : thin solid rgb(0,0,0);
    -moz-border-radius: 1em;
    border-radius: 1em;
	background-color : inherit;
	color : rgb(0,0,0);
	font-weight : bold;
}

.other a
{

    text-decoration : none;
    text-align:center;
}

.other a:hover
{
    text-decoration : none;
    text-align:center;
}

.other img
{
    text-align : center;
}

.content
{
    color : rgb(0,0,0);
   	background-color : transparent;
    background-image : url(/images/bluefilter.gif);
	border : thin solid black;
    -moz-border-radius: 1em;
    border-radius: 1em;
    text-align: center;
}

p.content
{
    text-align: center;
}

.opaque
{
    background-color : rgb(153,204,255);
   	border : thin solid black;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding:1em;
    text-align: center;
}

p.opaque
{
    text-align:left;
}

h3.withbars {
	background-color:yellow;
	border-bottom:4px double maroon;
	border-top:4px double maroon;
	font-size:large;
	font-weight:bold;
	margin-top:20px;
	margin-botton:2px;
	padding:3px 10px 3px 10px;
	text-transform: capitalize;
	FONT: large Haettenschweiler, brush script mt,impact,arial,verdana;
	COLOR: #000000;
	padding-left : 5%;
	padding-right : 5%;
	padding-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 2px;
}

.spc
{
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:white;
background:transparent;
text-decoration:none;
margin:0;
}


.art
{
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:yellow;
background:#F60;
text-decoration:none;
margin:0;
}

.dvd
{
width=28;
height=16;
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:yellow;
background:red;
text-decoration:none;
margin:0;
}

.dvr
{
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:yellow;
background:blue;
text-decoration:none;
margin:0;
}

.vcd
{
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:yellow;
background:lightgreen;
text-decoration:none;
margin:0;
}


.vhs
{
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:yellow;
background:green;
text-decoration:none;
margin:0;
}

.dts
{
border:none;
padding:0 3px;
vertical-align: middle;
font:bold 12px Andale Mono, Courier New, Courier, monospace;
color:yellow;
background:red;
text-decoration:none;
margin:0;
}

.list
{
    background-color : rgb(153,204,255);
   	border : thin solid black;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding:1em;
    text-align: left;
}

a:link
{
text-decoration: none;
}

a:visited {text-decoration: none;}

a:active {text-decoration: none;}

a:hover
{
    text-decoration: underline;
    color: white;
}

a.button, a:visited.button
{
    display: inline;
    font-family:arial;
    font-weight:bold;
    text-align:center;
    color:black;
    width:5em;
    height:1em;
    background-color:transparent;
    background-image: url(/images/but-bg.png);
    text-decoration: none;
    border: thin solid black;
    padding:4px;
    font-size:1em;
    }

a:hover.button
{
    display: inline;
    border: thin solid black;
    background-color:transparent;
    background-image: url(/images/but-hover.png);
}


p.comment
{
    text-align:left;
}

h3.comment
{
text-align: left;
}

p.infobox
{
    width:25%;
    font-family:courier;
    font-weight:bold;
    color:black;
    background-color:beige;
    border:2px dotted black;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding:10px;
    float: right;
}

.floatleft
{
    float: left;
    margin:5px;
}

.footer
{
	background-image : url(/images/redfilter.gif);
}

.footer a:link
{
	color: rgb(0,0,0);
	background-color:transparent;
}