/* STYLE SHEET FOR WARWICK SPICE
    Rob Harland c.2006 RHA Ltd 
	1. defaults & hacks
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes*/

/* --------- 1. defaults & hacks  --------- */
* {
		margin: 0;
		padding: 0;
		}
html  {
		font-size:  100%;
		}
body {
		font-size:  85%;
		background:  url(../assets/images/main-bg.jpg) #f7ecd0 repeat-x center top fixed    ;
		text-align: center;			/* IE 5 centering bug fix */
		}
		
img, div { behavior: url(http://www.warwickspice.co.uk/assets/pngfix/iepngfix.htc) }
		
/*  --------- 2. structure  --------- */

#wrapper {
		margin: auto;
		width: 620px;
		height:  auto;
		position: relative;		/*for top border*/
		top: 30px;
	}
#splash  {
		width:  600px;
		height: 480px;
		background: #710a0e url(../assets/images/splash600no.jpg) no-repeat;
		border:  5px solid black;
	}
		
#masthead {
		margin-left:  15px;
		}
		
#logo {
		}
		
#navi {
		width:  620px;
		height: 60px;
		margin-top:  10px;
		}

#nav2 ul {margin-top:10px;}

#strap  {	}		
#contents {
		margin:  auto;
		text-align:  left;
		width: 912px;
		position: relative;  /*datum*/
		background: url(../assets/images/container-bg.png) repeat-y;	/*  */
		
		}
		
#contents-bottom {
		margin:  0 auto 20px auto;
		text-align:  left;
		width: 912px;
		clear:both;
		background: url(../assets/images/container-bottom.png) no-repeat;
		height:40px;
		}
		
#side  {
		width:  263px;
		border-right: 2px dotted #b01036;
		/*position: absolute; top: 165px; left: 35px;  did not display in IE - peekaboo bug?*/
		margin: 15px 0px 10px 35px;
		padding: 0 10px 10px 0;
		float:  left;
		display: inline; /*ie double margin bug*/
		}
		
#main  {
		width:  550px;
		margin: 60px 20px 20px 330px;
		height: auto;
		}
.box, .box2, .box3  	{
		border: 3px dashed #acceff;
		padding: 10px;
		margin: 0 15px 20px 0;
		background:  #fbf7cd;	/*#e8dab5 rollover tan  or lighter: #eaddc2 f7f0c3*/
		}
.box2  {
		/*background: #fcf6de url(../assets/images/hearty2.gif) no-repeat 100% 0%;*/	
		border-color: #f0b229;
		}
.box3  {
		background: #fcf6de;
		border-color:  #b01036;
		}
		
.latest-news-box {width:263px; height:288px;}
.latest-news-box a:hover {background:none;}
		
#season  {
	position:  absolute;
	height:  125px;
	width:  100px;
	left: 202px;
	top: 268px;
	background:  url(../assets/images/gary_glen4.png) no-repeat;	/*hearty2.gif turn on image according to season*/
	z-index: 10;
		}
.gallery  {
		display: inline;  /*ie double margin bug*/
		width: 245px;
		float: left;
		}
.img  {
		width: 224px;
		margin: 0 15px 20px 15px;
		/*float: left;  changed from flaoting img divs to floated gallery cols - */
		}
img.boxr  {
		float: right;
		margin: 15px 15px;
		text-align: center;
		}
img.boxl  {
		float: left;
		clear: right;
		margin: 15px 15px;
		}	
		
#main img {border:1px #000 solid; margin-left:10px;}
		
.caption  {
		width:  500px;
		/*float:  left;
		clear:  both;*/
		font:  normal 300 0.85em/1.2 verdana, helvetica, arial, sans-serif;
		}		
#footer {
		/*margin: auto;
		
		float: left;
		clear:  both;*/
		text-align: center;
		width: 912px;
		height: 70px;
		/*padding: 0 20px 0px 310px;*/
		border-top: #d69b7b;  /*dnd*/
		}

.separator {
		clear: both;
		height: 0;
		}
.img-container {width:550px; height:170px;}

/* ---------- 3. links and navigation ---------- */

a {
		color:#b01036;
		text-decoration:underline;
		}
		
a:hover {
		background-color: #d46d30;
		color:#fff;
		text-decoration:none;
		}

#navi ul {
		
		width:  530px;
		/*float:  left;   or links will be invisible not*/	
		margin: auto;
		}
#nav2 ul  {
		width:  585px;
		float:  right;
		
		}
#navi li, #nav2 li {
		
		list-style-type: none;
		/*display: inline;*/
		width:  100px;
		float:  left;
		height: 50px;
		border-top:  1px solid #b01036;
		border-right:  1px solid #b01036; 
		border-bottom:  1px solid #b01036; 
		border-left: 1px solid #ffe8c5;
		font: normal 400 1.25em/1.0 verdana, helvetica, arial, sans-serif;
		/*background-color: #e9bca5;
		background: url(../assets/images/click.gif) 0 50% no-repeat;
		padding: 0 0 0 15px;*/
		}
#navi a, #nav2 a {
		padding: 10px 20px;/* add up? width of this block does not display*/
		text-decoration: none;
		text-align: center;
		display:  block;
		width:  60px;
		height:  30px;
		/*float:  left;    	despite dil*/
		color: #b01036;
		overflow:hidden;
		background:url(../assets/images/menu-sprite.jpg);
		text-indent:-5000px;
		
		}
		
#nav-home a {background-position:-1px 0;}
#nav-home a:hover {background-position:-1px -53px;}
#nav-menu a {background-position:-102px 0;}
#nav-menu a:hover {background-position:-102px -53px;}
#nav-gallery a {background-position:-203px 0;}
#nav-gallery a:hover {background-position:-203px -53px;}
#nav-events a {background-position:-304px 0;}
#nav-events a:hover {background-position:-304px -53px;}
#nav-about a {background-position:-405px 0;}
#nav-about a:hover {background-position:-405px -53px;}

#home-page #nav-home a {background-position:-1px -53px;}
#menu-page #nav-menu a {background-position:-102px -53px;}
#gallery-page #nav-gallery a {background-position:-203px -53px;}
#events-page #nav-events a {background-position:-304px -53px;}
#about-page #nav-about a {background-position:-405px -53px;}
		
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		font-family:  georgia, "times new roman", times, serif;  /*syntax*/
		
		}

h1 {
		font: bold 2.5em/1.5 georgia, "times new roman", times, serif;
		}
#splash h1, #splash h2  {
		font: bold 2.5em/1.5 "tennessee heavy SF", georgia, "times new roman", times, serif;
		color: #dad7aa;  	/*#546b9e 9c9535;  #eebc37;  #d1c0a8*/
		margin: 200px 20px 10px 220px;
		text-align:  center;
		text-indent:-5000px;
		}
h2 {
		font: bold 1.8em/1.8 georgia, "times new roman", times, serif;
		color:  #2a568f;
		}
		
#side h2 {clear:left;}
		
#splash h2  {
		margin: 20px 20px 20px 220px;
		color:  #dfd1bd;
		}
#strap h1  {
		font:  normal 900 3em/1.3  georgia, "times new roman", times, serif;  /*comma missed, semicolon*/
		color: #b01036;
		text-align: center;
		clear:both;
		}
#strap h2  {
		font:  normal 400 2em/1.5  georgia, "times new roman", times, serif;
		color:  #b01036;  /*#57654c  #cbd897 lt soft green  #da7c70 dusky pink  #2e3f56 lt blue*/
		text-align: center;
		}
h3 {
		color:  #b01036;	/*near raf blue 5079c3  dk #2e3f56*/
		text-align:  left;
		padding: 10px 0 10px 0;
		font:  normal 400 1.4em/1.5  georgia, "times new roman", times, serif ;
		font-weight:bold;
		}
		
h4 {
		color:  #b01036;
		font:  normal 400 1.4em/1.5  georgia, "times new roman", times, serif ;
		font-weight:bold;
		}

p {
		font: normal 300 0.95em/1.2 verdana, helvetica, arial, sans-serif ;
		padding:  0 0 1em 0;
		line-height:1.7em;
		}

dl, dt {
		font: normal 300 0.95em/1.2 verdana, helvetica, arial, sans-serif;
		color:  #b01036;
		line-height:1.7em;
		}
dd  {
		font: normal 300 0.95em/1.2 verdana, helvetica, arial, sans-serif;
		padding: 0 0 0 20px;
		color: #000;
		line-height:1.7em;
		}
#main ul  {
		list-style-type:  none;
		font: normal 300 0.85em/1.3 verdana, helvetica, arial, sans-serif;
		}		
#main li  {
		font: normal 300 0.95em/1.3 verdana, helvetica, arial, sans-serif;
		padding: 0 0 0.4em 1.5em;
		}		
 ---------- 5. images ---------- 

a img {
		border: 0;
		}
		
.food-img {float:right; margin-left:15px; margin-bottom:10px; clear:right;}

		
/* ---------- 6. hacks ---------- */


		
/*#wrapper, #splash, #navi, #strap {
		text-align: left;
		}   to complicated to reset here*/