<?php header("Content-type: text/css"); ?>

<?php
$a=range(1,4);
shuffle($a);
$rand1=$a[0];

include('../palettes/palette'.$rand1.'.php'); 
?>

/*#### start CSS ###*/

* {margin:0;
padding:0;
font: 100.1% Georgia, Verdana, sans-serif;
}

html, body {
height: 100%;
}

.floatleft {float:left;
margin:0 1em 0 0;}

.floatright {float:right;
margin: 0 0 01em;}

.nuetral {background: #aaa url(<?php echo $paletteimage ?>) center center no-repeat;
height:150px;
width:100px;
border: 2px groove <?php echo $quinary ?>}

a {font-weight:bold;
color:<?php echo $quinary ?>;}

a:hover {color:<?php echo $quaternary ?>;}

span {text-decoration:line-through;}

body {margin: 0;
padding: 0;
background:<?php echo $secondary ?> url(<?php echo '../images/bg'.$rand1.'.png'; ?>) center repeat-y;
}

#container {max-width:900px;
min-width:700px;
min-height: 100%;
margin: 0 auto;
background:<?php echo $primary ?>;
color:<?php echo $secondary ?>;
border:1px groove <?php echo $quinary ?>;
}

#header h1 {margin: 0.2em 5em 0 5em;
padding: 0.5em 1em;
text-align:center;
font-size:200%;
background:<?php echo $secondary ?> url(<?php echo '../images/bg'.$rand1.'.png'; ?>) center repeat-y;
color:<?php echo $primary ?>;
border: 2px inset <?php echo $quinary ?>;
}

#main {padding: 0 1.5em;}

#main h2 {margin:1em 10em;
font-size: 150%;
text-align:center;
background:<?php echo $tertiary ?>;
color:<?php echo $quaternary ?>;
border: 1px groove <?php echo $quinary ?>;
}

#main p {margin: 0 0 1em 0;
line-height: 1.4em;
}

#main img {border:1px groove <?php echo $quinary ?>;
}

#main table {width:50%;
border-collapse:collapse;
text-align: center;
}

#main table th {padding:0.2em;
font-weight:bold;
color:<?php echo $quinary ?>;
border: 1px groove <?php echo $quinary ?>;
}

#main table td {padding:0.2em;
border: 1px groove <?php echo $quinary ?>;
}

.colour1 {background:<?php echo $primary ?>;
color: <?php echo $secondary ?>;}

.colour2 {background:<?php echo $secondary ?>;
color: <?php echo $primary ?>;}

.colour3 {background:<?php echo $tertiary ?>;
color: <?php echo $quaternary ?>;}

.colour4 {background:<?php echo $quaternary ?>;
color: <?php echo $secondary ?>;}

.colour5 {background:<?php echo $quinary ?>;
color: <?php echo $primary ?>;
}

#main pre {margin:0 5em 1em 5em;
padding: 1em;
background: <?php echo $quaternary ?>;
color:<?php echo $primary ?>;
border: 2px inset <?php echo $quinary ?>;
}

#footer { clear:both;
background:transparent;
padding:1em 3em;
text-align:center;
border-top: 1px groove <?php echo $quinary ?>;
} 

#footer img {border:none;}

#footer #footerlist li {
display: inline;
list-style-type: none;
padding-right: 0.2em;
}