/***
TODO:
	1) morph all min/max widths and floats to make site responsive to mobiles and tablets - port site to 'foundation by ZURB'?
	
***/


/*
	GLOBAL FORMATTING
*/

.full-width {
	width: 100%;
	clear: both;
}

.centre-pos {
	margin: 0 auto;
	/*background-color: #fe45de*/
}

.content {
	min-width: 900px;
	max-width: 900px;
}

.main-content {
	width: 500px;
}

#mid-col {

}

hr {
	width: 80%;
	height: 2px;
	border: 0;
	background: -webkit-linear-gradient(left,  rgba(240,104,38,0) 0%,rgba(240,104,38,0.7) 50%,rgba(240,104,38,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(240,104,38,0) 0%,rgba(240,104,38,0.7) 50%,rgba(240,104,38,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(240,104,38,0) 0%,rgba(240,104,38,0.7) 50%,rgba(240,104,38,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(240,104,38,0) 0%,rgba(240,104,38,0.7) 50%,rgba(240,104,38,0) 100%); /* W3C */
}

h2 {
	font-weight: normal;
	font-size: 1.3em;	
}

a {
	text-decoration: none;
	color: #989898;
}

a.em {
	font-weight: bold;
	color: #a21d21;
	text-decoration: underline;
}

.emphasis {
	color: #fff;
}

a.em :hover {
	color: #a21d21;
}	

.footnote, .read-more {
	font-size: 0.8em;
}

.read-more {
	display: block;
	color: #f06826;
}

.read-more:hover {
	color: #a21d21;
}

/*
	OUTERMOST ELEMENTS
*/

html {
	background-color: #000000;
	background-image: url("/web/20190118110356im_/http://javitri.co.uk/images/flower-tile2.png");
	font-family: century gothic;
	font-size: 0.95em;
	min-height: 100%;
	height: 100%;
}

body {
	color: #ffffff;
	margin: 0;
	background-color: #000000;
	background: url('/images/header-background2.png') no-repeat center top;
	min-height: 100%;
	height: 100%;
 }

#jav-wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
}



/**
	TOP SECTION
*/

#top-section {
}

#nav {
	position: relative;
	height: 280px; /* hacking it to beneath the body header background image */
	background: url('/web/20190118110356im_/http://javitri.co.uk/images/navigation-bar.png') no-repeat bottom;
	z-index: 1;
}

/* why the fuck does this not naturally centre and occur at the bottom of the header background?
need to sort the other top section divs to temporary space fill, for the info they will soon contain! 

1) Put logo in as an image with horizontal centring and needed offset to make it centre between images in headerbackground
2) Turn header text to text, ALL OF IT other than slogan?

*/

#navbar {
	left: 50%;
	margin-left: -300px; /* half of the width of the bar, in order to centre it horizontally */
	position: absolute;
	bottom: 0;
}

	/***
		NAVIGATION MENU
	*/
	#navbar ul {
		list-style-type: none;
		margin-bottom: 8px;
		padding: 0;
		overflow: hidden; /* find out why? maybe this needs to be modified to allow for creation of second row of navigation with a capsule background but second line should be centerised and different
		the second line of menu should all appear above main stage box...		
		*/
	}
	
	#navbar ul li {
		display: inline-block;
	}
	
	/**/

#navbar ul li a:link, #navbar ul li a:visited
{
display:block;
color:#FFFFFF;
text-align:center;
padding:0px 20px 4px 20px;
text-decoration:none;
text-shadow: 0px -1px 1px #880a0e;
}

#navbar ul li a:hover
{
	background: url("/web/20190118110356im_/http://javitri.co.uk/images/glow.png") no-repeat center bottom;
}

#navbar ul li a:active {
	background-color:#A91E23;
}

	/**/

/**
	MID SECTION
*/

#mid-section {	
	display: block;
	margin-top: -8px;
	clear: both;
}

/***
	SIDE COLUMNS:
*/

.side-col {
	width: 20%;
}


#left-col, #mid-col {
	float: left;
}

#left-col {
	height: 300px;
	text-align: right;
}

	#left-col img {
		width: 100%;
	}
	
	.left-col-item {
		margin: 5px auto;
		width: 96%;
		border-radius: 5px;
		background-color: #707070;
	}

#mid-col {
	width: 60%;
}

#breadcrumb {
	margin: 20px 0 20px 20px;
}

#right-col {
	float: right;
}

/***
	MAIN CONTENT

*/



#mid-col {
	/* TODO
		>dark grey
		>light textured or pattern grey that looks like paper
		> menu cream, patterned or textured and multi shaded
		>black transparent options
		for the black, make something that's more advanced than current strip2, which can cover a longer vertical length
	*/	
	
	/*
		Fahima henna that bursts out the sides, in the side columns where adverts and hot stuff might be placed later
		e.g. surveys and polls, competitions
	*/
	
	/*background: url("/web/20190118110356im_/http://javitri.co.uk/images/linen-dark.png") repeat-x left top;*/
	/*background: url("/web/20190118110356im_/http://javitri.co.uk/images/linen-50.png");*/
	background: url("/web/20190118110356im_/http://javitri.co.uk/images/transparency-strip2.png") repeat-x left top;
	/*background-color: rgba(40,40,40,0.8);*/
	box-shadow: 0 0 20px 1px #202020;
}

p {
	margin: 25px;
}

/**
	BOT SECTION
*/

#bot-section {
	position: relative;
	bottom: 0;
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(128,76,163,0.14) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(128,76,163,0.14))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(128,76,163,0.14) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(128,76,163,0.14) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(128,76,163,0.14) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(128,76,163,0.14) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#24804ca3',GradientType=0 ); /* IE6-9 */
}

#barbg {
	position: relative;
	left-margin: 50%;
	left: 425px;
	bottom: 250px;
	z-index: -2;	
}

/**
	BASE
*/

#base-top {
	height: 30px;
}

#base {
	position: relative;
	width: 100%;
}

#base-left-col, #base-mid-col {
	margin-right: 2%;
	width: 28%;
}

#base-right-col {
	width: 29%;
}

.base-box {
	margin-top: 1em;
	float: left;
	padding: 1em;
	background: url("/web/20190118110356im_/http://javitri.co.uk/images/transparency-strip2.png") repeat-x left top;
	box-shadow: 0 0 20px 1px #202020;
	min-height: 270px;
	height: 370px;
}

#base-left-col ul {
	list-style-image: url('/web/20190118110356im_/http://javitri.co.uk/images/bulletpoint.png	');
}

#base h2 {
	text-align: center;
}

.basehr {
		background: -webkit-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* W3C */
}

#map img {
	padding-top: 1em;
	padding-bottom: 1em;
	width: 100%;
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
}



#buffet {
	padding-left: 0;
}

#buffet, #buffet ul {
	list-style-type: none;	
}

/**
	BASESTRIP
*/

#base-strip {
	height: 100%;
	margin: 0 auto;
	background: #fff;
}

.base-strip-col {
	margin-top: 4em;
	margin-right: 0.25em;
	width: 21%;
	float: left;
	padding: 1em;
}

.bordered {
	border-right: 2px dotted #202020;
}

#base-strip-right {
	float: left;
}

/**
	BASELINE
*/

#baseline {
	/* add a white glow background image to the bottom of this*/
	display: block;
	clear: both;
	padding-top: 2em;
	padding-bottom: 2em;
	min-height: 30px;	
	height: 60px;
	text-align: center;
}

.baseline-icon {
	margin: 10px;
}

/**
	FOOTER
*/

#footer {
	position: relative;
	padding	: 1em;
	width: 100%;
	clear: both;
	height: 1.5em;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.36) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.35)), color-stop(51%,rgba(0,0,0,0.36)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.36) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.36) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.36) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.36) 51%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	text-align: center;
}

#footerhr {
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	background: -webkit-linear-gradient(left,  rgba(124,120,179,0) 0%,rgba(124,120,179,0.7) 50%,rgba(124,120,179,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(124,120,179,0) 0%,rgba(124,120,179,0.7) 50%,rgba(124,120,179,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(124,120,179,0) 0%,rgba(124,120,179,0.7) 50%,rgba(124,120,179,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(124,120,179,0) 0%,rgba(124,120,179,0.7) 50%,rgba(124,120,179,0) 100%); /* W3C */
}

/*
     FILE ARCHIVED ON 11:03:56 Jan 18, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:56:35 Jun 29, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 289.864 (5)
  LoadShardBlock: 223.927 (3)
  exclusion.robots: 0.218
  CDXLines.iter: 17.338 (3)
  captures_list: 261.624
  esindex: 0.017
  RedisCDXSource: 16.865
  PetaboxLoader3.resolve: 218.66 (3)
  exclusion.robots.policy: 0.201
  load_resource: 320.277
*/