/*
Theme Name: The People's Rail
Theme URI: http://www.peoplesrail.org.uk
Description: A theme for the People's Rail, a Co-operative Party Campaign.
Version: 1.0
Author: Furber Consultancy
Author URI: http://www.furber-consultancy.com/
*/

body {
	background: url('i/bg.png') repeat-x top #fff;
	margin: 0;
	font-family: Arial;
	color: #333;
}

img {
	border: 0;
}

p.center {margin: 0 auto;}

#container {
	margin: 0 auto;
	width: 740px;
}


/* Header Tags */

#header {
	margin: 0 auto;
	width: 740px;
	height: 430px;
	background: url('i/header.jpg') center no-repeat;
}

#top-bar {
	width: 740px;
	height: 50px;
	float: left;
}

#top-bar p {
	margin: 15px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 14px;
	height: 18px;
}

#top-bar p a {color: #333; text-decoration: none;}
#top-bar p a:hover {color: #ccc;}

#top-bar p img {margin: 0; padding: 0;vertical-align:middle;}
#top-bar p img a {border: 0;}

#middle-header {
	width: 740px;
	height: 66px;
	float: left;
	background: url('i/logo.gif') center left no-repeat;
	margin: 15px 0 29px 0;
}

#middle-header p {
	margin: 15px 0 0 15px;
	padding: 0;
	text-align: right;
	display: inline;
	float: right;
}

#middle-header p a {
	padding: 9px 0 0 0;
	text-align: center;
	height: 28px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-decoration: none;
}
#middle-header p a:hover {color: #333;}

#middle-header p a.one {
	width: 55px;
	background: url('i/topnav1.gif') center no-repeat;
}
#middle-header p a.one:hover {background: url('i/topnav1-h.gif') center no-repeat;}

#middle-header p a.two {
	width: 85px;
	background: url('i/topnav2.gif') center no-repeat;
}
#middle-header p a.two:hover {background: url('i/topnav2-h.gif') center no-repeat;}

#pre-bottom {width: 740px; float: left; height: 1px;}

#bottom-header {
	margin: 0;
	width: 740px;
	padding: 55px 0 0 0;
	height: 190px;
	float: left;
	background: url('i/charter-box.gif') top no-repeat;
}

#bottom-header p {
	margin: 0;
	width: 159px;
	float: left;
	display: inline;
	font-size: 14px;
	line-height: 16px;
}
#bottom-header p a {font-weight: bold; text-decoration: none;}
#bottom-header p a:hover {font-style: italic;}

#bottom-header p span {color: #333; font-size: 18px; display: block; padding: 5px 0 10px 0;}

#bottom-header p.one {padding: 0 0 0 13px;}
#bottom-header p.one a {display:block; color: #333; padding-top:70px;}
#bottom-header p.two {padding: 0 0 0 27px;}
#bottom-header p.two a {display:block; color: #333; padding-top:25px;}
#bottom-header p.three {padding: 0 0 0 25px; color: #fff;}
#bottom-header p.three a {display:block; color: #fff; padding-top:58px;}
#bottom-header p.four {padding: 0 0 0 20px; color: #fff;}
#bottom-header p.four a {display:block; color: #fff; padding-top:27px;}



/* Body Tags */

#body {
	margin: 0 auto;
	width: 740px;
	padding: 10px 0 0 0;
}

#side {
	width: 250px;
	float: left;
}

#side img {padding: 10px 0 0 0;}

#side p {font-size: 12px;padding: 0 0 8px 0;}
#side p a {font-weight: bold; text-decoration: none; color: #333;}
#side p a:hover {color: #000;}

#main-nav {
	width: 225px;
	height: 528px;
	padding: 10px 12px 10px 10px;
	background: url('i/nav.png') center no-repeat;
	float: left;
}

#main-nav h1 {
	font-family: 'calibri';
	border-bottom: 2px solid #fff;
	color: #fff;
	font-size: 25px;
	margin: 0;
	padding: 5px 0 0 0;
	margin: 0 0 15px 0;
	font-weight: normal;
}

#main-nav a {
	border-top: 10px solid #333;
	border-bottom: 10px solid #333;
	background: #333;
	font-style: italic;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	display: block;
}
#main-nav a:hover {
	background: #329dff;
	color: #333;
	border-top: 10px solid #329dff;
	border-bottom: 10px solid #329dff;
}

#main-nav a span {
	font-size: 18px;
	color: #329dff;
	font-style: none;
	
}

#main-nav a:hover span {color: #fff;}
#main-nav a span:hover {color: #fff;}
#main-nav a:hover span:hover {color: #fff;}

#text {
	width: 475px;
	float: right;
}

#text h1 {
	font-family: arial;
	font-size: 25px;
	color: #f90;
	padding: 0;
	margin: 0 0 10px 0;
	font-weight: normal;
}

#text p {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 15px;
}

#text h5 {
	padding: 0 35px 0 0;
	font-size: 16px;
	margin: 0;
	display: inline;
	font-weight: bold;
}

#text p span {color: #329dff;}

#text p a {
	color: #f90;
	font-weight: bold;
	text-decoration: none;
}
#text p a:hover {font-style: italic;}

#text ul {
	margin: 0 auto;
	padding: 0;
}

#text ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#text ul li a {
	color: #f90;
	font-weight: bold;
	text-decoration: none;
}

#text ul li a:hover {font-style: italic;}

#text h4 a {color: #329dff; text-decoration: none;}

#news {
	width: 450px;
	height: 543px;
	padding: 30px 10px 0 15px;
	background: url('i/news.gif') top no-repeat;
	margin: 0 0 20px 0;
}

#news h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0 7px 0;
	margin: 0;
}

#news p {
	padding: 0 0 0 0;
	color: #333;
	font-size: 13px;
}
#news p a {
	font-weight: bold;
	color: #333;
}
#news p a:hover {font-style: italic;}