/*
Theme Name: Big Red Design
Theme URI: http://www.bigreddesign.co.uk/
Description: The Big Red Design theme.
Version: 1.0
Author: Denis Walker
Author URI: http://www.bigreddesign.co.uk/
Tags: big, red, fixed width, two columns, widgets
*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 80%;
#	background: url('../images/snow.jpg') #ffffff;
	color: #444;
}

body {
	background: url('../images/bg-fade2.png') repeat-x;
}

#bodywrap {
	width: 65em;
	margin: 0.5em auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

li {
	margin-left: 2em;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	text-shadow: 1px 1px 2px #aaa;
	color: #600;
	margin-bottom: 0.5em;
	font-weight: lighter;
	font-family: HelveticaNeue-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 a {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h2 {
	font-size: 200%;
}

#content h3 {
	font-size: 150%;
}

#content h3 {
	margin-top: 1em;
}

a:link {
	color: #600;
}

a:visited {
	color: #5d298c;
}

a:hover {
	color: #990000;
}

a:active {
	color: #ff0000;
}

code, pre, tt {
	font-family: "Andale Mono", "Lucida Console", monospace;
	font-size: 120%;
}

#page {
	margin: 2em 0 1em 0;
	display: table;
	width: 100%;
}

#content {
	display: table-cell;
	width: 66%;
	padding-right: 2em;
	text-align: justify;
}

#content p {
	margin: 1em 0;
	line-height: 150%;
}

#content ul {
	line-height: 150%;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	text-shadow: 1px 1px 3px #400;
	color: #fa3;
	margin-bottom: 0.2em;
}
	
#logo {
	text-align: center;
	margin: 1.5em;
	margin-bottom: 1em;
	padding: 0;
	font-size: 10pt;
}
	
ul.menu {
	display: table;
	width: 100%;
	list-style: none;
}

ul.menu, #compliance, #hcard-Big-Red-Design {
	margin-top: 0.5em;
	background: #600 url('../images/bgnoise.png');
	border-radius: 0.5em;
	color: #fff;
}

#footer a {
	color: #fa3;
}

.menu input {
	border: 0;
	padding: 1px 0.5em;
	width: 75%;
	border-radius: 0.5em;
}
	
ul.menu li {
	display: table-cell;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #300;
	margin-left: -1px;
	width: 20%;
}

ul.menu :first-child {
	border-left: none;
	margin-left: 0;
}

ul.menu li a, ul.menu li span {
	display: block;
	padding: 0.6em 0;
	text-decoration: none;
	color: #fa3;
	background: url('../images/fadeup.png') repeat-x bottom;
	text-shadow: 1px 1px 3px #000;
}

ul.menu a:visited {
	color: #fa3;
}

ul.menu :first-child a {
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	background: url('../images/fadeup.png') repeat-x bottom;
}

ul.menu li span {
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	background: url('../images/fadeup.png') repeat-x bottom;
	margin-top: -0.11em;
}

ul.menu a:hover {
	background: url('../images/fadedown.png') repeat-x top;
	text-shadow: 1px 1px 1px #000;
	color: #fa3;
}

ul.menu a:active, ul.menu .current, ul.menu .current:hover, ul.menu .current:visited {
	background: url('../images/fadewhite.png');
	text-shadow: 1px 1px 1px #000;
	color: #fc5;
}

div#picbar {
	display: table;
	width: 100%;
}

#pic {
	display: table-cell;
	width: 66%;
	text-align: center;
}

.rightbar {
	display: table-cell;
	width: 33%;
}

#rightbar li {
	margin-left: 0;
}

.widget {
	list-style-type: none;
	border: 2px solid #999;
	background: #ddd url('../images/bgnoise-grey.png');
	border-radius: 0.5em;
	margin-bottom: 2em;
	padding: 1em;
}

.widget ul {
	margin-left: 2em;
}

.frontwidget {
	display: table-cell;
	width: 33%;
	padding: 1em;
	background: #ddd url('../images/bgnoise-grey.png');
	border: 2px solid #999;
	color: #600;
	border-radius: 1em;
	vertical-align: top;
}

.frontwidget .big {
	display: table-row;
	font-size: 200%;
	margin: 0;
	text-align: right;
	font-family: HelveticaNeue-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.frontwidget .small {
	display: table-cell;
	vertical-align: bottom;
}

.frontwidget .inner {
	display: table;
	width: 20em;
	height: 20em;
}

#footer {
	display: table;
	width: 100%;
}

#compliance {
	display: table-cell;
	width: 33%;
	padding: 1em;
}

#compliance li {
	margin: 0;
	display: inline;
}

#hcard-Big-Red-Design {
	display: table-cell;
	width: 66%;
	padding: 1em;
}

.spacer {
	display: table-cell;
	width: 1%;
}

.hide {
	display: none;
}

#feeds {
	display: table;
	border: 2px solid #999;
	width: 100%;
	background: #ddd url('../images/bgnoise-grey.png');
	border-radius: 0.5em;
	margin: 2em 0 1em 0;
	padding: 1em 0;
}

#feeds div {
	display: table-cell;
	width: 33.3%;
	border-left: 1px solid #999;
	padding: 0 1em;
}

#feeds :first-child {
	border-left: 0;
}

p#copyright {
	font-size: 85%;
	margin-top: 1em;
	text-align: center;
}

.hidden {
	display: none;
}

abbr, acronym {
        border-bottom: 1px dotted #444;
        cursor: help;
	font-variant: normal;
}

.menu abbr, #footer abbr, .menu acronym, #footer acronym {
        border-bottom: 1px dotted #fff;
}

#footer h3 abbr, #footer h3 acronym, #footer a abbr, #footer a acronym {
        border-bottom: 1px dotted #fa3;
}

.unbordered {
	float: right;
	margin-left: 1em;
}

.clear {
	clear: both;
}

.right {
	text-align: right;
}

a#skip {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	padding: 0 0 0.2em 0;
	background: transparent;
	text-align: center;
	text-decoration: none;
}

a#skip span, a#skip:link span, a#skip:visited span {
	visibility: hidden;
}

a#skip:hover, a#skip:focus, a#skip:active {
	background: #600 url('../images/bgnoise.png');
}

a#skip:hover span, a#skip:focus span, a#skip:active span {
	visibility: visible;
	color: #fa3;
	text-decoration: underline;
}

.align-left {
	text-align: left;
}

sub, sup {
	font-size: 70%;
}