/*
1.. Run the site from "14thapril" */

 
 /*
..  www.we_rage_against_the_hallam   wrath   " */


/* HTML element styles  ------------------------------------------------------- */

body {
	font-family: Arial, sans-serif;
	background: #fff url(images-hallam/wire8-.jpg);
	padding: 0;
	margin: 0;
	text-align: center;
	}

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

p {
	font-size: 1.1em;
	line-height: 1.5em;
	}
             
h2 {
	font-size:  2.5em;
	font-weight: bold;
	text-align: center;
	}

h3 {
	font-size:  1.8em;
	font-weight: bold;
	}

img{
	border: 3px solid #999;
	margin-bottom: 2em;
	}
	
	/* dd and dt below relate to the gaps in text  on the had enoght page */		
dd {
   margin-bottom: 1em;
   margin-left: 0;	
	}
/* N.B. (up and down!) these margins actually overlap */
dt {
	margin-top: 1em;
	}


li {
   font-size: 1.1em;
   margin-bottom: 0.5em;
   margin-left: 0;	
	}


/* page heading image needs to be "images-hallam/2-m-.jpg" */

/* banner area styles  ------------------------------------------------------- */

#banner {
	text-align: center;
	background: #000 url(images-hallam/2-m-banner-bg.jpg);
	height: 10em;
	border-bottom: 3px solid black;
	}

#banner h1{
	color: white;
	font-size: 380%;
	padding-top: 0.7em;
	margin-top: 0;
	}

#banner .implied {
	color: #e9e9e9;
	font-weight: normal;
	}

/* main content area styles  ----------------------------------------------- */

#content {
	margin: 0px 20% 10px 20%;
	}
	
#content2 	{margin:0 20% 10px 20%; }
#content2 img {border:0; float:left; padding-right:10px;}
#content2 strong {font-weight:900; letter-spacing:2px; font-size:1.6em;}
#content2 p {font-size:1.3em;}
#content2 span.small {font-size:0.6em;}
#content2 p.big {font-size:2.4em;}

/* Navigation styles  ------------------------------------------------------- */

#navigation {
	width: 149px;
	float: left;
	text-align: left;
	}

#navigation ul {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	border-right: 3px solid #000;
	}

#navigation ul li {
	list-style-type: none;
	border-bottom: 3px solid #000;
	margin: 0;
	}

#navigation ul a {
	display: block;
	padding: 0.5em 0.3em 0.5em 0.3em;
	font-weight: bold;
	text-decoration: underline;
	}

#navigation ul a:link, #navigation ul a:visited {
	background-color: #ddd;
	}

#navigation ul a:hover, #navigation ul a:active {
	background-color: #fff;
	text-decoration: none;
	}
	
#navigation li.current-page {
	padding: 0.5em 0.3em 0.5em 0.3em;
	color: #fff;
	font-weight: bold;
	/*background: #f642d5;*/
	background-color: #ff44dd;
	}


/* footer styles ------------------------------------------------------- */

#footer {
	
   padding: 10px 25% 70px 25%;
   margin: 3em 0 0 0;
	background: repeat-x url(images-hallam/wire22-.jpg) bottom;
	font-size: 150%;
	color: red;
	text-align: center;
	}

#footer p {
	margin: 1em 0 0 0;
	}