/* ----------------------------------------
   John Bull
   © Evolving Media Limited 2006
   www.evolvingmedia.co.uk
   ----------------------------------------
   Created by Bob Twells
   on 06-Jul-06 at 3:58 pm
   ---------------------------------------- */


/* -- Generic styles ---------------------- */

div
{
	border: red;
	border-width: 0px;
	border-style: solid;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	display: none;
}

p
{
	margin: 0px 0px 1em 0px;
}

hr.noshow
{
	display: none;
}

hr
{
	display: block;
	border: 0px none;
	height: 1px;
	background: #A67A5E;
	margin: 12px 0px 15px 0px;
}

a
{
	text-decoration: underline;
	font-weight: normal;
	color: #4A2423;
}

a:hover
{
	text-decoration: underline;
	color: maroon;
}

a span
{
	display: none;
}

#content b, #content strong
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	color: #866415;
}

div.right
{
	margin: 10px 0px 0px 0px;
	text-align: right;
}

img
{
	border: 0px none;
}

#content h4
{
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1em;
	color: #9B7714;
	margin: 0px 0px 0.2em 0px;
	padding: 0px;
}

#content h5
{
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1em;
	color: #9B7714;
	margin: 0px 0px 0.2em 0px;
	padding: 0px;
}

#content h4 a, #content h5 a
{
	text-decoration: none;
}

#content h4 a:hover, #content h5 a:hover
{
	text-decoration: underline;
}

#content img
{
	border: 0px;
}

#content img[align="right"]
{
	clear: both;
	margin: 0px 0px 10px 10px;
}

#content img[align="left"]
{
	clear: both;
	margin: 0px 10px 10px 0px;
}

div.lead_para
{
	font-size: 1.1em;
	color: #484549;
	margin: 0px 0px 1em 0px;
}

.indent
{
	padding-left: 15px;
}

.noindent
{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

ul
{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
}

ul li
{
	margin: 0px 0px 3px 0px;
}

.small
{
	font-size: 0.8em;
}

.error
{
	font-weight: bold;
	color: #aa0000;
}

div.clear
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

/* -- Main containers --------------------- */

body
{
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: center;
	color: #767476;
	margin: 0px;
	padding: 0px;
	background: #030303 url(/static/images/johnbull/main_bg.jpg) top center repeat-x;
}

body.popup
{
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #767476;
	margin: 0px;
	padding: 0px;
	background: #DFCFAB none;
}

#container
{
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	position: relative;
	background: url(/static/images/johnbull/inner_fade_bg.gif) top left repeat-x #fff !important;
}

#containerinner
{
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/static/images/johnbull/inner_bg.jpg) top left no-repeat !important;

}

#popupcontainer
{
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 400px;
	background: url(/static/images/johnbull/popup_bg.jpg) top left no-repeat;
}

#popupcontainer #containerinner
{
	margin: 0px;
	padding: 0px;
	background: none;
}

/* -- Access ------------------------------ */

#access
{
	display: none;
	position: absolute;
	top: 5px;
	right: 15px;
}

/* -- Corporate --------------------------- */

#corporatelogo
{
	width: 170px;
	height: 170px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#corporatelogo img
{
	margin: 21px 0px 0px 30px;
	padding: 0px;
	border: 0px;
}

#corporatelogo h1
{
	display: none;
}

#corporatelogo.popup
{
	width: 111px;
	height: 111px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#corporatelogo.popup img
{
	margin: 10px 0px 0px 12px;
	padding: 0px;
	border: 0px;
}

/* -- Main Nav ---------------------------- */

#nav
{
	width: 580px;
	height: 170px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 19px;
	left: 200px;
}

#nav ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#nav ul li
{
	list-style-type: none;
	display: block;
	float: left;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

#nav ul li a
{
	display: block;
	position: relative;
}

#nav ul li a span
{
	display: none;
}

#nav ul li.nav1 a
{
	width: 124px;
	height: 53px;
	background: url(/static/images/johnbull/nav_ourpubs.gif) top left no-repeat;
}

#nav ul li.nav2 a
{
	width: 145px;
	height: 53px;
	background: url(/static/images/johnbull/nav_ourbeers.gif) top left no-repeat;
}

#nav ul li.nav3 a
{
	width: 203px;
	height: 53px;
	background: url(/static/images/johnbull/nav_history.gif) top left no-repeat;
}

#nav ul li.nav4 a
{
	width: 214px;
	height: 54px;
	background: url(/static/images/johnbull/nav_franchise.gif) top left no-repeat;
}

#nav ul li.nav5 a
{
	width: 154px;
	height: 54px;
	background: url(/static/images/johnbull/nav_contact.gif) top left no-repeat;
}

/* -- Section ------------------------- */

#section
{
	clear: both;
	padding: 25px 150px 0px 145px;
	position: relative;
}

#section h3
{
	color: #000;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
}

/* -- Popup title ------------------------- */

#popuptitle
{
	position: absolute;
	top: 33px;
	left: 111px;
}

#popuptitle h2
{
	font-size: 2em;
	line-height: 1.3em;
	font-weight: normal;
	color: #ffffff;
}

/* -- Left Column ------------------------- */

#left
{
	clear: both;
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#leftinner
{
	padding: 25px 15px 40px 15px;
	margin: 0px;
	position: relative;
}

#leftinner .padme
{
	margin-left: 5px;
	margin-right: 2px;
}

/* -- Sub Nav -------------------------------- */

#subnav
{
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}

#subnav ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnav ul li
{
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: right;
}

#subnav ul li a
{
	text-decoration: none;
	color: #4A2423;
}

#subnav ul li a.selected, #subnav ul li a:hover
{
	text-decoration: none;
	color: #D20000;
}

#subnav ul ul
{
	list-style-type: none;
	margin: 4px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 3px #dbbd9a solid;
	background: url(/static/images/johnbull/subnav_bottom.gif) bottom right no-repeat;
}

#subnav ul ul li
{
	list-style-type: none;
	margin: 0px 5px 2px 0px;
	padding: 0px;
	text-align: right;
}

#subnav ul ul li a
{
	text-decoration: none;
	color: #7D6664;
	font-size: 0.9em;
}

#subnav ul ul li a.selected, #subnav ul li a:hover
{
	text-decoration: none;
	color: #D20000;
}

/* -- Content Column ------------------------- */

#content
{
	float: left;
	width: 425px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#content.narrow
{
	width: 390px;
}

#content #contentinner
{
	padding: 25px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#content.popup
{
	padding: 0px;
	margin: 0px;
	width: 400px;
}

#content.popup #contentinner
{
	padding: 20px 15px 0px 15px;
	margin: 0px;
}

#content.popup h4
{
	margin: 0px 0px 0.8em 35px;
}

#content.popup table
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

/* -- Right Column ------------------------- */

#right
{
	float: left;
	width: 190px;
	padding: 0px;
	margin: 0px;
	position: relative;
	color: #484549;
	font-size: 1.1em;
}

#rightinner
{
	padding: 25px 0px 40px 15px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

/* -- Watermark ------------------------ */

#watermark
{
	clear: both;
	padding: 10px 25px 18px 0px;
	margin: 0px;
	text-align: right;
}

/* -- Feature Items ------------------------ */

#featureitems
{
	clear: both;
	width: 750px;
	padding: 20px 0px 25px 0px;
	margin: 0px;
	background: url(/static/images/johnbull/features_bg.gif) top left repeat-x #4f4f4f !important;
	border-bottom: 2px #000 solid;
	color: #8D8C8D;
	position: relative;
}

#featureitems a
{
	color: #767476;
}

#featureitems h4 a
{
	display: block;
	height: 57px;
	padding: 0px;
	margin: 0px;
}

#featureitems #feature1
{
	width: 230px;
	float: left;
}

#featureitems #feature1 .inner
{
	padding: 0px 0px 0px 35px;
}

#featureitems #feature1 h4
{
	height: 57px;
	background: url(/static/images/johnbull/feature_ourpubs.gif) top left no-repeat;
	margin: 0px 0px 3px 0px;
}

#featureitems #feature2
{
	width: 275px;
	float: left;
}

#featureitems #feature2 .inner
{
	padding: 0px 0px 0px 25px;
}

#featureitems #feature2 h4
{
	height: 57px;
	background: url(/static/images/johnbull/feature_franchise.gif) top left no-repeat;
	margin: 0px 0px 3px 0px;
}

#featureitems #feature3
{
	width: 210px;
	float: left;
}

#featureitems #feature3 .inner
{
	padding: 0px 0px 0px 35px;
}

#featureitems #feature3 h4
{
	height: 57px;
	background: url(/static/images/johnbull/feature_ourbeers.gif) top left no-repeat;
	margin: 0px 0px 3px 0px;
}

/* -- sIFR replaced text ------------------ */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before
   it is replaced... the negative-letter spacing in this case is
   used to make the browser text metrics match up with the sIFR
   text metrics since the sIFR text in this example is so much
   narrower... your own settings may vary... any weird sizing
   issues you may run into are usually fixed by tweaking these
   decoy styles */


.sIFR-hasFlash #section h3.sifrme {
	visibility: hidden;
	font-size: 9em;
	letter-spacing: -60px;
	line-height: 1em;
	display: block;
}


/* -- Generic table style ----------------- */

#content table
{
	border: 0px none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#content table td
{
	border: 0px none;
	margin: 0px;
	padding: 0px 10px 5px 0px;
	vertical-align: top;
}

#content table td img
{
	border: 0px none !important;
	margin: 0px 0px 10px 0px !important;
}

/* -- Forms and inputs -------------------- */

form
{
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

table.formtable
{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	color: #3f3f3f;
	width: 390px;
}

table.formtable td
{
	padding: 0px 0px 3px 0px;
	border: 0px none;
	vertical-align: top;
}

table.formtable td.key
{
	text-align: right;
	padding: 4px 10px 3px 0px;
}

table.formtable td.scorekey
{
	padding-top: 2px;
}

input.text
{
	width: 200px !important;
	border: 1px solid #B2B2B2 !important;
	margin: 3px 0px 0px 0px;
}

input.textmid
{
	width: 75px !important;
	border: 1px solid #B2B2B2 !important;
	margin: 3px 0px 0px 0px;
}

input.textshort
{
	width: 35px !important;
	border: 1px solid #B2B2B2 !important;
	margin: 3px 0px 0px 0px;
}

textarea.textarea
{
	width: 200px !important;
	height: 75px !important;
	border: 1px solid #B2B2B2 !important;
	margin: 3px 0px 0px 0px;
}

input.select, input.checkbox
{
	border: 1px solid #B2B2B2 !important;	
	margin: 3px 0px 0px 0px;
}

/* -- Listings ---------------------------- */

table.listing
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 100%;
}

table.listing.solid
{
	border-top: 1px solid #A7BBCB;
}

table.listing.noindent
{
	margin: 10px 0px 10px 0px;
}

table.listing td
{
	padding: 3px 5px 3px 5px;
	border-bottom: 1px dotted #aaa;
	vertical-align: top;
}

table.listing.solid td
{
	border-bottom: 1px solid #aaa;
}

table.listing td.heading
{
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}

table.listing td.extrapad
{
	padding: 10px 5px 10px 5px;
}

table.listing td.noline
{
	padding-bottom: 0px;
	border-bottom: 0px none;
	vertical-align: middle;
}

table.listing td img
{
	margin: 2px !important;
	border: 0px none;
}

div.prevnext
{
	margin: 5px 0px 5px 0px;
	padding: 3px 5px 4px 5px;
	color: #333;
	border: 1px solid #DADADA;
	font-size: 0.9em;
}

div.prevnext span
{
	float: right;
}

/* -- Signoff ----------------------------- */

#signoff
{
	clear: both;
	background: #E4D7C9 none !important;
	padding: 10px 35px 5px 35px;
	font-size: 0.9em;
	border-bottom: 5px #8E857B solid;
	color: #5E5851;
	position: relative;
}

#copyright
{
	float: left;
	width: 340px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	position: relative;
}

#emlogo
{
	float: left;
	width: 340px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* -- calendars --------------------------- */
/* jamie@evolvingmedia.co.uk 18/05/06       */

.month {
	font-size: 10px;
	padding: 0 0 15px 0;
	text-align: right;
}
.month .dow {
	width: 27px;
}
.month .day {
	width: 27px;
}
.month .day a {
	font-weight: bold;
	color: #069;
	text-decoration: none;
}
.month .day a:hover {
	text-decoration: underline;
}

/* -- events ------------------------------ */

.events_holder {
	border-top: 1px solid #a7bbcb;
}
.events_holder .events_block {
	border-bottom: 1px solid #a7bbcb;
}
.events_holder .events_block h5 {
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	font-size: 0.8em;
	font-weight: bold;
}
.events_holder .events_block p {
	font-size: 90%;
}
.events_holder .events_block .events_more {
	text-align: right;
}
.events_holder .events_block .events_more a {
	color: #069;
	text-decoration: none;
}
.events_holder .events_block .events_more a:hover {
	text-decoration: underline;
}
.events_holder .events_block .noevents {
	padding-top: 12px;
}


/* ---------------------------------------- */
/* © Evolving Media Limited 2006            */
/* ---------------------------------------- */