@charset "utf-8";
/* CSS Document

Contents
---------

1) html tags
		s8-body
		s8-links
		s8-headers
		s8-misc_tags
2) global controllers
		s8-style_removers
		s8-width_controllers
		s8-borders_margins
		s8-column_control
		s8-wrapper_control
		s8-curved_border_control
		s8-tab_control
		s8-header_copyright_control
		s8-position_control
		s8-text_control
3) bespoke elements
		s8-discover_logo
		s8-navigation
		s8-content_box
		s8-content_presentation
		s8-photos
		s8-category_view
		s8-subcategory_view
		s8-plot_info
		s8-error_messages
4) old styles
		s8-old_styles_misc.css
5) Prototype Styles
		s8-nav_bold
		
Old/Testing styles
--------------------
Finding old styles and styles in testing by searching for ##old

Colours
---------
light blue: #A2B7C4 - border colour
med blue: #6C8DA2 - standard text colour
dark blue: #557082
very dark blue: #3E5362
purple: #CC00FF
dark purple: #981EE1
pink: #D84BF9
neon pink: #FF00FF

html tags
--------- 

s8-body*/

body {
	margin:0px;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6C8DA2;
	position:relative;
	background-image:url(images/layout/site_bg.jpg);
	background-position:center;
}

/* s8-links */

a {}
a:link {color:#D84BF9;}
a:visited {color:#981EE1;}
a:hover {color:#FF00FF;}
a:active {color:#D84BF9;}

h2 a {
	bottom:0;
	display:block;
	background-image:url(images/nav/nav_square_1.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	font-weight:bold;
	padding:6px;
	/*padding-top:6px; ##old*/
	padding-right:32px;
	/*height:15px; ##old*/ 
}
h2 a:link {color:#6C8DA2;} /* lighter than standard link colour */
h2 a:visited {color:#6C8DA2;} /* darker than standard visited colour */
h2 a:hover { background-image:url(images/nav/nav_square_2.jpg); color:#D84BF9; } /* Same as default hover colour */
h2 a:active { color:#CC00FF; } /* Same as default active colour */

.header_menu a, .nav a, h2 a { text-decoration:none; } /* remove underlines from header/copyright, category and subcategory links */
.header_menu a:link, .nav a:link {color:#557082;}
.header_menu a:visited, .nav a:visited {color:#557082;}
.header_menu a:hover, .nav a:hover {color:#D84BF9;}
.header_menu a:active, .nav a:active {color:#CC00FF;}

.photo_caption a {}
.photo_caption a:link {color:#FFFFFF;}
.photo_caption a:visited {color:#FFFFFF;}
.photo_caption a:hover {color:#D84BF9;}
.photo_caption a:active {color:#CC00FF;}

.tab a {
	text-decoration:none;
	margin:0px;
	padding:0px;
}
.tab a:link {}
.tab a:visited {}
.tab a:hover {}
.tab a:active {}

/* s8-headers

h1 - main title style - encased in border box like h2 and h3
h2 - a button style header used in content boxes and the navigation bar combined with a link
h3 - as h2 but for use without links
h4 - bold orange link
h5 -
h6 -
*/

h1, h2, h3, h4 { margin:0; } /* IMPORTANT: strips margins from styled header elements */

h1 {
	font-size:1.2em;
	color:#D84BF9;
}
h1, h2, h3, h4 {
	position:relative;
	background-image:url(images/nav/adv_title_bg.jpg);
	background-repeat:repeat;
}
h2, h3, h4 {
	font-size:0.9em;
}
h1, h3 {
	padding:6px;
/*	padding-top:6px;
	height:15px; ##old*/
}
h4 {}
h5 {}
h6 {}

.nav h2 {
	border-bottom:none;
}
/* s8-misc_tags */

hr {
	margin-top:2px;
}
#col_centre li {
	margin-bottom:10px;
}

/* 
global controlers
------------------

s8-style_removers */

.header_left, .header_right, .header_left li, .header_right li, .nav, .nav li, .button, .button li, .discussions_read_replies, .discussions_read_replies li { margin:0;padding:0;list-style:none;list-style-type:none; display:block; } /* strips styles from lists */

/* s8-width_controllers */

#title .wrapper {	min-width:950px; max-width:1130px; margin:auto; position:relative; } /* controls min/max width of wrappers */
#content .wrapper, #footer .wrapper {	min-width:910px; max-width:1090px; margin:auto; position:relative; 	padding:20px; } /* controls min/max width of wrappers */
.header_menu {	min-width:958px; max-width:1130px; } /* controls min and max width of header, different proportions to wrapper min/max in order to halt resize at same time */

/* s8-borders_margins

every element using this border style in ANY way must be listed here */
hr, h1, h2, h3, #sub_food ul, #sub_technology ul, #sub_hobbies ul, #sub_clothing ul, #sub_home ul, #sub_mind ul, #sub_services ul, #sub_motoring ul, #sub_properties ul, #sub_tourism ul, .box_content, .content_gradient, #col_right .box_content img, .search_filters, .zone_img, #map {
	border:#A2B7C4 1px solid;
}
#button_tourism h2, #button_last { /* adds border to bottom nav button */
	border-bottom:#A2B7C4 1px solid;
}
.home_background {
	border:#D84BF9 1px solid;
}
/*#col_centre .box_content, #col_right .box_content,*/.plot_info_col_left .photo_caption, .home_background, .box_content, .content_gradient, .search_filters, .advert, .nav, .feature, #footer .leaderboard, .zone_img { /* spacing below content boxes (should be equal to wrapper margins) */
	margin-bottom:20px;
}
.wrapper {
	position:relative;
	border:20px #FFFFFF solid; /* controls spacing between sections = background colour */
}
.nav .box_content {	margin-bottom:0; }

/* s8-column_control */

#col_left, #col_right {
	width:200px;
}
#col_left {
	float:left;
}
#col_centre {
	margin-left:220px;
	margin-right:220px;
}
#col_right {
	float:right;
}

/* s8-wrapper_control */

#title .wrapper {
	background-image:url(images/border/border_white_t.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:none; /* controls spacing between sections */
}
#content .wrapper, #footer .wrapper {
	background-image:url(images/border/border_white_b.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#content .wrapper { /* stops content from being pushed down too far */
/*	padding-top:0;*/
	border-top:none; /* controls spacing between sections */
}
.float_clearance {clear:both;}

/* s8-curved_border_control */

.border_box_blue, .border_box_white {
	position:relative;
	padding:20px;
	margin-bottom:20px;
	/*text-align:justify;*/
}
.border_box_white { background-color:#FFFFFF; }
.border_box_blue { background-color:#ECF4FA; }
.border_white_t, .border_white_b, .border_blue_t, .border_blue_b {
	background-repeat:repeat-x;
	height:15px;
}
.border_white_l, .border_white_r, .border_blue_l, .border_blue_r {
	background-repeat:repeat-y;
	width:15px;
}
.border_white_tr, .border_white_tl, .border_white_br, .border_white_bl, .border_blue_tr, .border_blue_tl, .border_blue_br, .border_blue_bl {
	background-repeat:no-repeat;
	height:15px;
	width:15px;
}
.border_white_r {background-image:url(images/border/border_white_r.gif);}
.border_white_l {background-image:url(images/border/border_white_l.gif);}
.border_white_b {background-image:url(images/border/border_white_b.gif);}
.border_white_t {background-image:url(images/border/border_white_t.gif);}
.border_blue_r {background-image:url(images/border/border_blue_r.gif);}
.border_blue_l {background-image:url(images/border/border_blue_l.gif);}
.border_blue_b {background-image:url(images/border/border_blue_b.gif);}
.border_blue_t {background-image:url(images/border/border_blue_t.gif);}
.border_white_tr {background-image:url(images/border/border_white_tr.gif);}
.border_white_tl {background-image:url(images/border/border_white_tl.gif);}
.border_white_br {background-image:url(images/border/border_white_br.gif);}
.border_white_bl {background-image:url(images/border/border_white_bl.gif);}
.border_blue_tr {background-image:url(images/border/border_blue_tr.gif);}
.border_blue_tl {background-image:url(images/border/border_blue_tl.gif);}
.border_blue_br {background-image:url(images/border/border_blue_br.gif);}
.border_blue_bl {background-image:url(images/border/border_blue_bl.gif);}

/* s8-tab_control */

.tab_white {
	background-image:url(images/border/border_white_t.gif);
	background-color:#FFFFFF;
}
.tab_blue {
	background-image:url(images/border/border_blue_t.gif);
	background-color:#ECF4FA;
}
.tab {
	position:relative;
	background-repeat:repeat-x;
	background-position:top;
	padding-left:15px;
	padding-right:15px;
	display:inline;
/*	margin-left:1px;*/
	margin-right:1px;
	text-align:center;
	font-weight:bold;
	margin-left:10px;
}
.tab_active {
	top:-3px;
	z-index:1;
	padding-bottom:7px;
	padding-top:5px;
}
.tab_inactive {
	z-index:0;
	top:-3px;
	padding-bottom:5px;
	padding-top:5px;
}
.tab_first {
	margin-left:15px;
}
.tab_contact {
	display:none;
}
.tab_blue_bl {
	background-image:url(images/border/tab_blue_bl.gif);
	background-repeat:no-repeat;
	height:4px;
	width:3px;
}
.tab_blue_br {
	background-image:url(images/border/tab_blue_br.gif);
	background-repeat:no-repeat;
	height:4px;
	width:3px;
}
.tab_white_bl {
	background-image:url(images/border/tab_white_bl.gif);
	background-repeat:no-repeat;
	height:4px;
	width:3px;
}
.tab_white_br {
	background-image:url(images/border/tab_white_br.gif);
	background-repeat:no-repeat;
	height:4px;
	width:3px;
}

/* s8-header_copyright_control */

.header, .header_menu, .header_left li, .header_right li { border:#CCD8DF 1px solid; } /* IMPORTANT: Controls ALL border styles of this type */
.header, .header_menu { height:28px; } /* Controls height of header and footer bar */
.header_right li, .header_left li {	display:block; height:22px;	padding-top:6px;}
.header {
	border-left:none;
	border-right:none;
	background-image:url(images/nav/menu_header_bg.gif);
	background-repeat:repeat-x;
}
.header_menu {
	border-top:none;
	border-bottom:none;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
}
.header_left li {
	float:left;
	border-top:none;
	border-left:none;
	border-bottom:none;
	margin-right:15px;
	padding-right:15px;
}
.header_right li {
	float:right;
	border-top:none;
	border-right:none;
	border-bottom:none;
	margin-left:15px;
	padding-left:15px;
}
#header .divider {
	background-position:bottom;
	background-image:url(images/border/border_blue_b.gif);
}
#copyright .divider {
	background-image:url(images/border/border_blue_t.gif);
	background-position:top;
}
.divider { height:30px; background-repeat:repeat-x; background-color:#ECF4FA; }

/* s8-position_control */

.pos_t, .pos_l, .pos_r, .pos_b, .pos_tl, .pos_tr, .pos_bl, .pos_br { position:absolute; }
.pos_t, .pos_l, .pos_r, .pos_tl, .pos_tr { top:0px; }
.pos_b, .pos_l, .pos_r, .pos_bl, .pos_br { bottom:0px; }
.pos_t, .pos_l, .pos_tl, .pos_b, .pos_bl { left:0px; }
.pos_t, .pos_r, .pos_tr, .pos_b, .pos_br { right:0px; }
.pos_rel	{ position:relative; }
.float_left 	{ float:left; margin-right:15px; margin-bottom:15px; }
.float_right	{ float:right; margin-left:15px; margin-bottom:15px; }

/* s8-text_control */

#col_centre {
	text-align:justify;
}

/*
Bespoke elements
----------------

s8-discover_logo */

.discover_ecclesall {
	background:#981EE1;
	border:1px solid #981EE1;
	color:#FFFFFF;
	padding-left:3px;

}
.discover_ecclesall span {
	background:#FFFFFF;
	color:#981EE1;
	padding-right:3px;
	padding-left:3px;
	margin-left:3px;
	font-weight:bold;

}

/* s8-navigation */

#sub_food { display:none; }
#sub_technology { display:none; }
#sub_hobbies { display:none; }
#sub_clothing { display:none; }
#sub_home { display:none; }
#sub_mind { display:none; }
#sub_services { display:none; }
#sub_motoring { display:none; }
#sub_properties { display:none; }
#sub_tourism { display:none; }

/* s8-content_box */

.box_content {
	overflow:hidden;
}

#sub_food ul, #sub_technology ul, #sub_hobbies ul, #sub_clothing ul, #sub_home ul, #sub_mind ul, #sub_services ul, #sub_motoring ul, #sub_properties ul, #sub_tourism ul, .box_content, .zone_img {
	background-image:url(images/nav/nav_background.jpg);
	background-repeat:repeat-x;
}
.box_content, #sub_tourism ul, .zone_img {
	border-top:none;
}
#sub_food ul, #sub_technology ul, #sub_hobbies ul, #sub_clothing ul, #sub_home ul, #sub_mind ul, #sub_services ul, #sub_motoring ul, #sub_properties ul {
	border-bottom:none;
}
#col_right .box_content img { /* controls the thumbnails in right column plot adverts */
	display:block;
	margin:auto;
}
#col_left .box_content img { /* controls the thumbnails in left column plot adverts */
	display:block;
	margin:auto;
}
.search_filters {
	position:relative;
	background-image:url(images/nav/adv_title_bg.jpg);
	background-repeat:repeat;
	font-size:0.9em;
	padding:5px;
}
#col_centre .box_content {
	padding:15px;
}
.min_hight_185 {
	min-height:185px;
}

/* s8-content_presentation */

.category_logo {
	border:#A2B7C4 1px solid;
	border-bottom:none;
}
.category_logo img {
	width:100%;
}

#welcome .box_content, #getting_started .box_content, #community .box_content {
/*	border-bottom:none;
	border-left:none;
	border-right:none;*/
	border-top:none;
	background-image:url(images/nav/nav_background.jpg);
	background-repeat:repeat-x;
	padding:15px;
	text-align:justify;
}
.discover_review {
	height:250px;
	overflow:auto;
}
.discussions_read_replies {
	border-left:#A2B7C4 1px solid;
	border-right:#A2B7C4 1px solid;
	border-top:#A2B7C4 1px solid;
	margin-left:25px;
	margin-bottom:20px;
}
.discussions_read_replies li {
	background-image:url(images/nav/nav_background.jpg);
	background-repeat:repeat-x;
	border-bottom:#A2B7C4 1px solid;
	padding:15px;
}
#col_centre .discussions_read_replies li {
	margin-bottom:0px;
}
.home_background {
	background-image:url(images/layout/home_background.jpg);
	background-position:center top;
	background-repeat:repeat;
	padding:20px;
	/*-moz-border-radius:20px;*/
}
.home_background .box_content {
	background-color:#FFFFFF;
}
#gallery {
	text-align:center;
}
#gallery img {
	padding:1px;
	background-color:#000000;
	border:10px ridge #C2B3A3;
	margin:5px;
}
.zone_img {
	text-align:center;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
}
.events_view_img {
	text-align:center;
}

#events .box_content {
	min-height:90px;
}
.event_img { 
	float:right;
	padding:2px;
	background-color:#669999;
	border:1px solid #000000;
	margin-left:15px;
	margin-bottom:5px;
	display:none;
}
#col_right .event_img img {
	display:none;
}
#events .event_img {
	float:left;
	margin-right:15px;
	margin-left:0px;
}
#info_img { 
	width:100%;
	margin-bottom:20px;
}
#captionimg {
  overflow: hidden;
  width: 100%;
	padding:0;
	margin:0;
	margin:auto;
 }
.plot_info_container {	overflow: hidden;	width: auto; } /* Removes the need for a "clear:both" property on the plot_info div */

#map {
	width:100%;
	height:500px;
}


/* s8-photos */

.photo_caption {
	
	background-color:#557082;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
}
.photo_caption img { display:block }

/* s8-category_view */

/* these 3 styles are used in category.php to dynamically change the row colours on the repeating rows*/
.dyn_row_cat_default {
	background-color:#F4F7FF;
}
.dyn_row_cat_light {
	background-color:#EDF0FE;
}
.dyn_row_cat_dark {
	background-color:#E3E6FD;
}

/* s8-subcategory_view */

/* s8-plot_info */

.plot_info_col_right {
	width:200px;
}
#col_centre .plot_info_col_right .box_content, #sub_food ul, #sub_technology ul, #sub_hobbies ul, #sub_clothing ul, #sub_home ul, #sub_mind ul, #sub_services ul, #sub_motoring ul, #sub_properties ul, #sub_tourism ul, .box_content {
	padding:5px;
}
.plot_info_col_left {
	padding-right:15px;
}
.plot_info_col_left img {
	text-align:center;
}
.plot_info_col_right .box_content {
	text-align:left;
}
.plot_info_div_right {
	float:right;
	width:190px;
}
.plot_info_div_left {
	margin-right:210px;
}
#col_centre .plot_info_div_right .box_content {
	text-align:left;
	padding:5px;
}

/* s8-error_messages */

/*Error style for the "invalid login warning message" on the login.php page */
.auth {
	color:#CC0000;
	font-weight:bold;
}
.error_msg, #error_email, #error_fname, #error_lname, #error_pass, #error_user  {
		color: red;
		font-size: smaller;
}

/* s8-adverts */

.advert, .leaderboard, .feature {
	text-align:center;
}
#title .leaderboard {
	margin-top:20px;
}
.advert img, .leaderboard img {
	border:1px solid #000000;
}
#title .advert {
	position:absolute;
	top:15px;
	right:15px;
	left:540px;
}

/*
OLD STYLES
-----------
s8-old_styles_misc.css
*/

/*Layout of the address and contact details on the subcategory.php page*/
.subcategory_contact_image {
	width:110px;
	display:table-cell;
	vertical-align:top;
}
.subcategory_contact_address {
	/*white-space:nowrap;*/
	padding-right:12px;
	text-align:left;
}
.subcategory_contact_details {
	text-align:left;
}
.breadcrumbs {
	font-size:small;
	font-weight:normal;
}
.desc_listing {
	padding-left:25px;
}

.img_tablet {
	width:82px;
	height:64px;
	background-image:url(images/misc/img_tablet.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:5px;
}
.img_tablet img {
	margin:9px 11px 10px 10px;
}

/* ???* /

#form_register {
	position:relative;
}

/*
PROTOTYPE STYLES
----------------

s8-nav_bold
*/

h4 {
	background-image:none;
}

h4 a {
	bottom:0;
	display:block;
	font-weight:bold;
	padding:6px;
	text-decoration:none;
	text-align:center;
	background-image:url(images/nav/nav_orange_bg.png);
	background-repeat:repeat;
	border: 1px solid #FF6600;
}
h4 a:link {color:#000000;}
h4 a:visited {color:#000000;}
h4 a:hover { background-image:url(images/nav/nav_orange_bg2.png); color:#000000; border-color:#3F8ABE; }
h4 a:active { color:#000000; }

/* gallery.php mask - applied when large images are displayed */
#pageMask, #mapMask {
	background-color:black;
	display:none;
	filter: alpha(opacity=60);
	opacity: 0.6;
	height:0;
	left:0;
	opacity:0.6;
	position:absolute;
	top:0;
	width:0;
	z-index:5;
}
.search_form_full {
/*border:#A2B7C4 1px solid;*/
	border:#000000 3px solid;
	background:#8FC3FF url(images/misc/search_ecclesall_bg.jpg) bottom repeat-x;
	margin:0 0 15px 0;
}
.search_form_full h1 {
	border:none;
	border-bottom:#000000 1px solid;
	color:#000000;
	display:none;
}
.search_form_full div {
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:15px 0 0 0;
	font-weight:bold;
	color:#000000;
	padding:15px;
	background-image:url(images/misc/search_ecclesall.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	overflow:hidden;
}
.search_form_full ul {
}
.search_form_full li {
	margin:0;
	padding:0;
	line-height:0.8em;
}
.search_form_full #qf {
	padding:4px;
	border:#000000 1px solid;
}
.search_form_full #sf {
	padding:4px 6px 4px 6px;
	font-weight:bold;
}
.search_form_full ul li a {
	color:#333333;
}
.search_form_full ul li a:link {
}
.search_form_full ul li a:visited {
}
.search_form_full ul li a:hover {
}
.search_form_full ul li a:active {
}
#col_centre .text_left {
	text-align:left;
}
#col_right .box_content .icon, #col_left .box_content .icon, #col_centre .box_content .icon, .icon {
	display:inline;
	border:none;
	padding:0 5px 0 5px;
	position:relative;
	top:2px;
}
#header .header_menu, #header .header, #header .header a {
	height:31px;
	background-position:bottom;
}
#header .header li  {
	height:26px;
}
#col_right .box_content .share img, #col_left .box_content .share img, #col_centre .box_content .share img {
	border:none;
}
/* s8-end of stylesheet */