/*  
Theme Name: boyinthecorner 1
Theme URI: http://cornerboxrecords.co.uk/
Description: theme for corner box records
Version: 1
Author: Luke Williams	
Author URI: http://luke-williams.co.uk

	cbox v1
	 http://cornerbox.co.uk

	This theme was designed and built by Luke Williams,
	whose site you will find at http://luke-williams.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #ffffff  url('images/main-bg.gif') no-repeat left top;
	color: #000000;
	text-align: center;
	}

a, a:link, a:visited {
	color: #BD4CBB;
	text-decoration: none;
	}

a:hover, a:active {
	color: #BD4CBB;
	text-decoration: underline;
	}
	
a img {border:none} 

/* divs */

#wrap {
	width: 700px;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	}

#header {
	margin: 0 0 0 0;
	float: left;
	width: 100%;
	border-bottom: solid 1px #BD4CBB;
	}
	
#main-col {
	margin: 0 0 0 0;
	float: left;
	clear:both;
	width: 100%;
	background: url('images/side-bg.gif') repeat-y right;
	}
	
#content-w {
	padding: 10px 10px 10px 0;
	margin: 0;
	width: 500px;
	float: left;
	}
#content {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
		
#nav-w {
	float: left;
	padding: 10px 10px 0px 10px;
	}
	
#nav {
	width: 170px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#header-links {
	font-size: 14px;
	margin: 0 0 0 0;
	width: 500px;
	float: left;
	padding: 10px 10px 10px 0; 
	}

#footer {
	margin: 0 0 0 0;
	border-top: solid 1px #BD4CBB;
	border-left: solid 1px #BD4CBB;
	padding: 10px 0 0 10px;
	}

#footer .storyContent, #footer .storyContent p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

#copy-notice {
	padding: 10px 0 0 0;
	font-size: 9px;
	}

strong {
	color: #BD4CBB;
	}

p {
	text-align: justify;
	padding: 3px 0 5px 0;
	margin: 0 0 0 0;
	}

p img {
	padding: 0;
	max-width: 100%;
	width: expression(this.width > 500 ? 500: true);
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
ul, li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	font-size:12px;
	}

ul {
	margin: 0 5px 10px 0;	
	}
	
li {
	margin: 0;
	padding: 0 0 3px 0;
	}

ul li h1 {
	font-size:14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.entry ul li {
	list-style-type: disc;
	font-size:11px;
	margin: 0 0 0 12px;
	padding: 0 0 0 0;	
	}
	
h2 {
	font-size:12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#content h2 {
	padding: 0 0 7px 0;
	}
	
#searchform
	{
	margin: 30px 0 0 0;
	width: 180px;
	}

#searchform input
	{
	background: #FFFFFF;
	font-size: 10px;
	margin-top: 0px;
	padding: 3px;
	}

#searchsubmit {
	float:left;
	}

.contactform {
	background: #FFFFFF;
	font-size: 10px;
	margin-top: 0px;
	padding: 3px;
	}

#contactsubmit {
	font-size: 10px;
	}
	
.navigation {
	margin: 0 20px 5px 0;
	clear:both;
	float:left;
	}
	
.highscores {
	padding: 5px;
	font-weight: bold;
	}
	
.oddrow {
	background: #000000;
	color: #666666;
	}

.winrow {
	color: #BD4CBB;
	}

.statleft {
	width: 200px;
	float:left;
	}
	
.statright {
	width: 100px;
	float: left;
	}
	
/*.headhold {
	width:500px;
	margin: 0;
	padding: 0;
	}
	*/
		
.game {
	margin: -75px 0 0 0;
	text-align:right;
	}