/*************************************************************************
	CMS: www.electricputty.co.uk/epeditor
	Developed by Electric Putty Ltd. <malcolm@electricputty.co.uk>

	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/




/* Auto float clearing for compliant browsers
*************************************************************************/
#top:after,
#header:after,
#main:after,
#footer:after,
.clearthis:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}




/* General Rules and classes
*************************************************************************/
body {
	background: #e3be86;
	color: #131212;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	font-size: 0.85em;
	line-height: 1.4;
	}

.flLeft {
	float: left;
	}

.flRight {
	float: right;
	}

.disguise {
	position: absolute;
	left: -10000px;
	}

.hide {
	display: none;
	}

textarea.epEditor {
	clear: left;
	margin-top: 10px;
	width: 90% !important;
	}

strong {
	font-weight: bold;
	}

hr {
	border-top: 0;
	border-bottom: 2px solid #863331;
	height: 2px;
	}



/* Top
*************************************************************************/
#top {
	padding: 3px 3px;
	list-style: none;
	background: #d92f35 url("../images/bg_top.gif") repeat-x bottom;
	border-bottom: 1px solid #504a32;
	}

#top li {
	float: left;
	padding: 0 2px;
	border-left: 1px solid #fff;
	}
	
#top a {
	display: block;
	float: left;
	color: #fff;
	padding: 0px 4px;
	}
	
li.first {
	border-left: 0px !important;
	}

#top a:hover,
#top a:focus,
#top a:active {
	background: #672726;
	}




/* header
*************************************************************************/
#header {
	border-top: 1px solid #fef7db;
	border-bottom: 1px solid #999999;
	background: #fbe99e url("../images/bg_header.jpg") no-repeat;
	}
	
#header h2 {
	float: left;
	margin: 4px 0 0 10px;
	}
	
#header h1.title {
	float: right;
	color: #481817;
	margin: 5px 30px 75px 0;
	font-size: 2em;
	}

#header a {
	color: #481817;
	text-decoration: none;
	}

#header a:hover,
#header a:focus,
#header a:active {
	background: #672726;
	color: #fff;
	}




/* Main areas
*************************************************************************/
#internal,
#main {
	border-top: 1px solid #fffef1;
	border-bottom: 1px solid #99988b;
	background: #fffde7 url("../images/bg_main.gif") repeat-x top;
	padding-top: 20px;
	}
	
#internal {
	padding-top: 7px;
	}

#content {
	float: left;
	width: 79%;
	}

.contentInner {
	padding: 5px 10px 0 20px;
	}

#right {
	float: right;
	width: 20%;
	}

.rightInner {
	margin: 5px 20px 0 0
	}





/* Content
*************************************************************************/
#content h1 {
	background: #672726;
	color: #fff;
	padding: 1px 11px 2px 11px;
	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 1.8em;
	}

#content h2 {
	margin: 20px 0 12px 0;
	padding: 0px 11px;
	border-bottom: 2px solid #863331;
	color: #672726;
	font-weight: normal;
	font-size: 1.5em;
	}
	
#content h2 a {
	color: #672726;
	text-decoration: none;
	}
	
#content h2 a.home {
	color: #8b8a8a;
	}

#content a {
	color: #bd2c31;
	font-weight: bold;
	}
	
#content a.more-link {
	display: block;
	width: 200px;
	margin: 10px 0 0 0;
	}

#content a:hover,
#content a:focus,
#content a:active {
	background: #672726;
	color: #fff !important;
	}

#content h3 {
	color: #863331;	
	margin: 20px 0 10px 0;
	padding: 0px 11px;
	border-bottom: 1px solid #672726;
	font-weight: normal;
	font-size: 1.3em;
	}

#content h4 {
	color: #672726;
	margin: 20px 0 10px 0;
	padding: 0px 11px;
	border-bottom: 1px solid #672726;
	font-weight: normal;
	font-size: 1.1em;
	}

#content p {
	padding: 0;
	margin: 0 30px 12px 12px;
	}

#content ul {
	margin: 0 30px 12px 25px;	
	}

#content ul li {
	padding: 0 0 5px 5px;
	}
	
#content ol {
	margin: 0 30px 12px 35px;	
	}

#content ol li {
	padding: 0 0 5px 5px;
	}

#content .mceTemp {
	margin: 0 0 24px 12px;	
	}

#content .mceTemp img {
	display: block;
	padding: 2px;
	background: #fff;
	border: 1px solid #000;
	}

#content input.subbutton {
	margin-top: 15px;
	border: 1px solid #111010;
	background: #672726 url("../images/bg_button_go.gif") no-repeat center;
	color: #fff;
	padding: 1px 0;
	text-align: center;
	}

#content .divider {
	height: 10px;
	}





/* Comments
*************************************************************************/
ol.commentlist {
	list-style: none;
	margin-bottom: 10px;
	}

ol.commentlist li {
	padding: 12px 0 6px 40px !important;
	border-top: 1px solid #999;
	background: url("../images/bg_comment.gif") no-repeat 10px 10px;
	}
	
ol.commentlist li.odd {
	background: #f2f0db url("../images/bg_comment.gif") no-repeat 10px 10px;
	}

ol.commentlist li.is-admin {
	background: #fbe99e url("../images/bg_ep_logo.gif") no-repeat 10px 10px;
	}

ol.commentlist li p {
	margin-bottom: 8px !important;
	}
	
ol.commentlist li p.date {
	margin: 15px 30px 12px 12px !important;
	font-size: 90%;
	}

#commentform {
	border:1px solid #999999;
	background: #F2F0DB;
	margin:0pt 30px 12px 35px;
	padding: 10px 10px 0 10px;
	}





/* Right col
*************************************************************************/
#right h2 {
	background: #863331;
	color: #fff;
	padding: 1px 11px 2px 11px;
	margin: 29px 0 6px 0;
	font-size: 1.5em;
	}

#right h2.first {
	margin-top: 0 !important;
	}
	
#right p {
	margin: 0 11px 15px 11px;
	}
	
#right a {
	color: #bd2c31;
	font-weight: bold;
	}
	
#right a:hover,
#right a:focus,
#right a:active {
	background: #672726;
	color: #fff;
	}
	
#right h3 {
	padding: 1px 11px 2px 11px;
	margin-bottom: 0;
	line-height: 1em;
	}





/* Page controls
*************************************************************************/
#pagecontrols {
	background: url("../images/bg_siteControls.gif") no-repeat left top;
	margin: 60px 0;
	padding: 0 !important
	}
	
#pagecontrols p {
	background: url("../images/bg_siteControls_right.gif") no-repeat right top;
	padding: 12px 15px;
	margin: 0 !important;
	}
	
a.toTop {
	display: block;
	float: left;
	background: url("../images/icon_totop.gif") no-repeat left;
	padding: 7px 6px 7px 35px;
	margin-right: 15px;
	}
	
#content a:hover.toTop,
#content a:focus.toTop,
#content a:active.toTop {	
	background: #672726 url("../images/icon_totop_over.gif") no-repeat left;
	}

a.print {
	display: block;
	float: left;
	background: url("../images/icon_print.gif") no-repeat left;
	padding: 7px 6px 7px 35px;
	}
	
#content a:hover.print,
#content a:focus.print,
#content a:active.print {	
	background: #672726 url("../images/icon_print_over.gif") no-repeat left;
	}





/* Footer
*************************************************************************/
#footer {
	padding: 18px 12px 40px 12px;
	border-top: 1px solid #ddc9a9;
	background: url("../images/bg_footer.gif") repeat-x top;
	}
	
#footer ul {
	float: right;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#footer li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #251f16;
	}
			
#footer a {
	color: #251f16;
	}
		
#footer a:hover,
#footer a:focus,
#footer a:active {
	background: #672726;
	color: #fff;
	}