/*
Author: Bill Ooms
Author URI: http://www.billooms.com
*/

/* Set the overall fonts, sizes and colors */
body {
	font-size: 62.5%; 			/* Resets 1em from 16px to 10px everywhere in the body */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #070c05;
}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 3px;
}

h1 { font-size: 2.4em; }		/* define relative sizes of headers */
h2 { font-size: 2.0em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }

a {
	color: black;
	text-decoration: underline;
}

a:hover { background: #daa684; }

a img { border: none; }

p { font-size: 1.4em; }

/* Layout, margins and sizes */
body {
	margin: 0;
	padding: 0;
	background: #124E31;
}

/* The overall page */
#page {							/* defines every page */
	margin: 0 auto;
	padding: 0;
	width: 924px;				/* defines the width of all pages */
	background: url('images/Background2.jpg');
}

#page ol li { font-size: 1.4em; }
#page ul li { font-size: 1.4em; }
#page ul li ul li { font-size: 90%; }

#page li { padding: 4px; }

/* The header stuff */
#invisible {					/* for the invisible h1 */
	margin: 0;
	padding: 0;
}

#invisible h1 {					/* this is to hide h1 since I'm using an image instead */
	font-size: 0;
	text-indent: -1000px;
}

#header {						/* header on a page */
	margin: 0;
	padding: 0;
	height: 175px;
	width: 924px;
}

#headerimg 	{					/* space for the image */
	margin: 0;
	padding: 0;
	height: 150px;
	width: 924px;
}

#headermenu {					/* space for the menu */
	margin: 0 -2px 0 0;
	padding: 0;
	height: 25px;
	width: 924px;
}

#subheader {					/* the subheader text */
	margin: 0 0 0 50px;
	padding: 10px;
/*	border: 1px solid black; */
	width: 625px;
	float: right;
	text-align: left;
}

#subheader h1 {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 3.0em;
	text-align: left;
}

#subheader h2 {
	font-size: 2.3em;
	font-weight: normal;
	text-align: left;
}

/* the main content on pages */
.content, .contentl {						/* main content on a page can occur more than one time */
	margin: 0;
	padding: 0 10px;
	width: 699px;				/* 924 - 180 - 2*10 - 2*10 = 704  (take off another 5 to make it work) */
}
.content { float: right; }
.contentl { float: left; }
.content h2 { text-align: left; }
.contentl h2 { text-align: left; }

.fullwidth { 
	float: left; 
	margin: 0;
	padding: 0 10px;
}
.fullwidth h2 { 
	text-align: left; 
	margin: 0;
	font-size: 1.8em;	
}

.sidebar, .sidebarr {						/* side bar for pictures etc. */	
	margin: 0;
	padding: 10px;
	width: 180px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
.sidebar { float: left; }
.sidebarr { float: right; }

.sidebar h2 {					/* used for picture captions */
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

.sidebar h3 {					/* used for bowlshape page */
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

.sidebar h4 {					/* used for bowlshape page */
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

.sidebar p {					/* used for picture descriptions */
	font-size: 1.0em;
	margin: 0;
	padding: 2px 0 10px;
}

.leftpic, .rightpic {			/* Gallery stuff for pictures and descriptions */
	margin: 0;
	padding: 5px;
	width: 200px;
	text-align: center;
}
.leftpic { float: left; }
.rightpic { float: right; }

.leftdesc, .rightdesc {
	margin: 0;
/*	border: 1px solid black; */
	padding: 5px;
	width: 242px;
}
.leftdesc { float: left; }
.rightdesc { float: right; }
.rightdesc h2, .rightdesc p { text-align: right; }
.leftdesc h2, .leftdesc p { text-align: left; }

.rightdesc h2, .leftdesc h2 {	
	margin: 0;
	font-size: 1.8em;	
}

.rightdesc p, .leftdesc p {
	margin: 5px 0;	
	font-size: 1.2em;
}

.separator {					/* this is used between multiple content & sidebar */
	width: 924;
	clear: both;
	text-align: center;
	font-size: 1.5em;
	color: #6c3d0d ;
}
	
.picmenu {						/* a wide menu space for picture menus */
	margin: 0 0 0 87px;
	text-align: center;
	padding: 0;
	width: 700;
	clear: both;
}

.picmenuitem {					/* each picture in a menu item with text */
	margin: 0 0 20px 0;
	padding: 0;
	width: 184px;
	float: left;
	text-align: center;
}
.picmenuitem a {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

#ordertable {					/* table on the ordering page */
	margin: 0 0 0 87px;
	text-align: center;
	padding: 10px 25px;
	width: 700px;
}

#ordertable table {
	border-style: double;
}

#ordertable td {
	padding: 5px;
	font-size: 1.5em;
	border: 1px solid black
}

#ordertable td.col1 {
	width: 10%;
	text-align: right;
	font-weight: bold;
}

#ordertable td.col2{
	width: 90%;
	text-align: left;
}

.inv {							/* Inventory entries */
	margin: 0;
	padding: 5px;
	width: 174px;
/*	border: 1px solid black; */
	float: left;
	text-align: center;
}

.inv h2 {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

.inv p {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

.invsep h2 {
	text-align: left;
	padding: 30px 0 10px 10px;
}

/* the footer stuff on the bottom */
#footer {						/* footer spans the entire width */
	margin: 20px auto;
	padding: 5px;
	clear: both;
	text-align: center;
	font-size: 1.1em;
	color: #888;
}

#footermenu {
	margin: 0;
	padding: 0 0 5px;
	float: center;
}

#footermenu a {
	padding: 0 10px;		/* add some space between the words */
}