/*
Theme Name: Times Past Cheese Dairy
Theme URI: http://www.timespastcheesedairy.co.uk/
Description: Theme for Times Past Cheese Dairy
Version: 1.0
Author: Matt Hancock
Author URI: http://www.expat.geek.nz
*/

body {
	width:750px;
	margin:0 auto;
	margin-top:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/cheesebg.jpg);
}

a:link { 
   color: #1e3c78;
   text-decoration: none;
}      
		
a:visited 
{ 
   color: #1e3c78;
   text-decoration: underline;
} 
		

/* ----- HEADER ----- */



#header {
width:750px;
height:198px;
background-image: url(img/header.gif);
}



/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_4.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:750px;
background:url(img/background.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:10px;
}




/* ----- NAVIGATION ----- */



#navigation {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px;
float:right;
}

#navigation a{
	color: #008800;
	text-decoration:none;
	/*display:block;*/
}

#navigation a:hover 
{
	color: #196723;
	text-decoration: underline;
}



/* ----- MAIN CONTENT ----- */



#content {
	width:540px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	/*background-color:#FFFFFF;*/
margin-top:10px;
	font-size: 10pt;
}



/* ----- FOOTER ----- */



#footer {
	width:750px;
	margin-top:10px;
	font-size: 8pt;
	text-align: center;
	font-style: italic;
}

#footer a:hover {
		   font-weight: bold; 
}

/* ----- BOX ----- */
.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(img/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(img/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(img/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(img/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

/* ----- IMG ----- */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}