/*
Theme Name: NNNtheme
Theme URI: http://names-not-numbers.co.uk
Description: A new theme for Names Not Numbers.
Version: 1.0
Author: Chris Lowry
Tags: mantle color, variable width, two columns, widgets

*/

body {
	color: #000000; 
	background-color: #332B1E;
	background-image: url(http://www.names-not-numbers.co.uk/gfx/header.jpg); 
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif; 
}

div#header {
	margin: 100px 0 0 200px;
	height:180px;
}

#header a {
	text-decoration: none;
	display: block;
	height: 180px;
	width: 530px;
}

#wrapper {
	width:806px;
    margin: 113px 0 0 89px;
	background-image:url(http://www.names-not-numbers.co.uk/gfx/bg.png);
	background-repeat: repeat-y;

}

#menu {
	position:relative;
 	top:-65px;
	width: 200px;
	float: left;
}

#content {
	width: 470px;
	margin: 0 0 0 30px;
	min-height: 100px;
	float: left;
}

#quotebox {	width: 400px; 	margin: 80px 0 0 35px;}

#quotetext {
	margin: 32px 0 0 0px;
	min-height: 100px;
	width: 276px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style:italic;
	text-align:center;
}


#footer {
	clear:both;
	height:57px;
	background-image:url(http://www.names-not-numbers.co.uk/gfx/footer.png);
	}


ul#menulist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 200px;
}

ul#menulist li
{
display: block;
margin: 0;
padding: 0;
list-style: none;
}

a#news {display: block;width: 200px;height: 47px; background-image: url(/gfx/news.gif); margin: 0 auto;}
a#news:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/newson.gif);}
a#news:active {	background-image: url(http://www.names-not-numbers.co.uk/gfx/newsactive.gif);}
a#newsactive {background-image: url(http://www.names-not-numbers.co.uk/gfx/newsactive.gif);}
div#news {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/news.gif); margin: 0 auto;}
div#newsactive {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/newsactive.gif); margin: 0 auto;}

a#about {display: block;width: 200px;height: 47px; background-image: url(/gfx/about.gif); margin: 0 auto;}
a#about:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/abouton.gif);}
a#about:active {	background-image: url(http://www.names-not-numbers.co.uk/gfx/aboutactive.gif);}
a#aboutactive {background-image: url(http://www.names-not-numbers.co.uk/gfx/aboutactive.gif);}
div#about {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/about.gif); margin: 0 auto;}
div#aboutactive {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/aboutactive.gif); margin: 0 auto;}

a#charities {display: block;width: 200px;height: 47px; background-image: url(/gfx/charities.gif); margin: 0 auto;}
a#charities:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/charitieson.gif);}
a#charities:active {	background-image: url(http://www.names-not-numbers.co.uk/gfx/charitiesactive.gif);}
a#charitiesactive {background-image: url(http://www.names-not-numbers.co.uk/gfx/charitiesactive.gif);}
div#charities {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/charities.gif); margin: 0 auto;}
div#charitiesactive {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/charitiesactive.gif); margin: 0 auto;}

a#events {display: block;width: 200px;height: 47px; background-image: url(/gfx/events.gif); margin: 0 auto;}
a#events:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/eventson.gif);}
a#events:active {	background-image: url(http://www.names-not-numbers.co.uk/gfx/eventsactive.gif);}
a#eventsactive {background-image: url(http://www.names-not-numbers.co.uk/gfx/eventsactive.gif);}
div#events {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/events.gif); margin: 0 auto;}
div#eventsactive {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/eventsactive.gif); margin: 0 auto;}

a#donate {display: block;width: 200px;height: 47px; background-image: url(/gfx/donate.gif); margin: 0 auto;}
a#donate:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/donateon.gif);}
a#donate:active {	background-image: url(http://www.names-not-numbers.co.uk/gfx/donateactive.gif);}
a#donateactive {background-image: url(http://www.names-not-numbers.co.uk/gfx/donateactive.gif);}
div#donate {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/donate.gif); margin: 0 auto;}
div#donateactive {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/donateactive.gif); margin: 0 auto;}

a#contact {display: block;width: 200px;height: 47px; background-image: url(/gfx/contact.gif); margin: 0 auto;}
a#contact:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/contacton.gif);}
a#contact:active {	background-image: url(http://www.names-not-numbers.co.uk/gfx/contactactive.gif);}
a#contactactive {background-image: url(http://www.names-not-numbers.co.uk/gfx/contactactive.gif);}
div#contact {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/contact.gif); margin: 0 auto;}
div#contactactive {display: block;width: 200px;height: 47px; background-image:
url(http://www.names-not-numbers.co.uk/gfx/contactactive.gif); margin: 0 auto;}

a#newsletter {margin: 72px 0 0 0; display: block; width: 168px; height: 207px; background-image: url(http://www.names-not-numbers.co.uk/gfx/newsletter.gif); margin: 0 auto;}
a#newsletter:hover {background-image: url(http://www.names-not-numbers.co.uk/gfx/newsletteron.gif);}
a#newsletter:active {background-image: url(http://www.names-not-numbers.co.uk/gfx/newsletteractive.gif);
}

div#form {margin: 30px 0 0 5px; width: 192px;}

a .alt { display: none; }
.clear{clear:both;}
.faceimage {float:right; margin:-10px 0 0 5px; }
.rightimage {float:right; margin: 0 0 0 5px; border: none;}


p, ul, li {font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin-top: 20px; margin-bottom: -14px;}
.quote {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style:italic;}
.time {font-size: 10px; margin-top: -4px;}
.comments {font-size: 10px; margin-bottom: 50px; text-align:right;}
p.comments a:link {text-decoration:none; }
p.comments a:hover, p.comments a:active {text:decoration:underline;}

h1 a:link, h1 a:active, h1 a:visited {color: #000000; text-decoration: none; }
h1 a:hover {color: #000000; text-decoration: underline; }
p a:link, p a:active, p a:visited {color: #000000; text-decoration: underline;}
p a:hover {color: #000000; text-decoration: none; }