﻿/*

www.jbmixes.co.uk

(c) Paul Dwight / www.mediaden.co.uk 2007-2008

-----------------------------------------------*/



* { margin: 0; padding: 0; }



body { background-color: rgb(0,0,0); padding: 0; margin: 0; font-family: Verdana, Georgia, 'Times New Roman', serif; font-size: 62.5%; color: rgb(255,255,255); text-align: left; }

a, a:visited, a:hover { color: rgb(255,255,255); }

h1, h1 a, h1 a:visited, .h1 { font-size: 3.5em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }

h2, h2 a, h2 a:visited, .h2 { font-size: 2.8em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }

h3, h3 a, h3 a:visited, .h3 { font-size: 1.6em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }

h4, h4 a, h4 a:visited, .h4 { font-size: 1.5em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }

h5, h5 a, h5 a:visited, .h5 { font-size: 1.0em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }

p { font-size: 1.2em; line-height: 1.5em; margin: 0px; padding: 0px; }

.notice li { color: #993333; }

img { border: none; margin: 0px; padding: 0px; }

ul { text-align: left; margin: 6px 30px; }

li { padding:  4px 6px; }

div { margin: 0px; padding: 0px; overflow: auto;}

form { padding: 0px; margin: 0px; }

.clear { clear: both; height: 1px; margin: 0; padding: 0; }

.divider { height: 1px; margin: 6px auto;  width: 90%; background-color: rgb(255,255,255); }

.text { padding: 10px; }


/* base layout */

.outer { position: relative; width: 800px; margin: 50px auto; padding: 0; }

.fixed { width: 800px; height: 492px; background: url(../images/mainbg.jpg); padding: 20px 0; }

.l-col { width: 200px; position: relative; float: left; border-right: 6px solid rgb(255,255,255); height: 412px; margin: 40px 0; }

.r-col { width: 580px; height: 492px; float: right; overflow: auto; padding: 5px; vertical-align: top}

.content { }

.footer p { font-size: 0.6em; text-align: right; color: rgb(0,0,0); }
.footer p a { color: rgb(0,0,0); }


/* menu */
.menu { padding: 30px 0 30px 20px; }
.menu h3 { }
.menu h3 a { text-decoration: none; line-height: 50px; }
.menu h3 a:hover { text-align: right; }

/* home page */
.home { padding-top: 120px; }
.home p { font-size: 2.0em; }
.credits { padding-top: 20px; }
