/*
 * Author:		Ronan Sprake [ronansprake@gmail.com]
 * Project: 	Bungay Greengrocer
 * Comment:		Base stylesheet
 */

@import url("reset.css");

/****************************************************************************
	=standard tags altered and site-wide styles created
*****************************************************************************/



/****************************************************************************
	=header, contains everything at the top of the page 
*****************************************************************************/

#header
{
	background:				url(../../media/images/lot2.jpg) no-repeat;
	font-family:			verdana;
	height:					132px;
	margin-bottom:			30px;
}

#header li a
{
	float:					left;
	width:					15px;
	height:					15px;
	overflow:				hidden;
	margin-left:			5px;
}

#header ul, #header p
{
	position:				absolute;
	right:					5px;
	top:					5px;
}

#header p
{
	top:					25px;
	text-align:				right;
	font-size:				65%;
}

#skip span
{
	background:				url(../../media/images/accessibility-skip.png) no-repeat;
}

#bookmark span
{
	background:				url(../../media/images/accessibility-bookmark.png) no-repeat;
}

#print span
{
	background:				url(../../media/images/accessibility-print.gif) no-repeat;
}

#skip span,#bookmark span,#print span
{
	margin-bottom:			-15px;
	height:					15px;
	width:					15px;
}

#header span
{
	 display:				block;
	 position:				relative;
}

#header h1,#header h2
{
	margin-left:			255px;
	padding-top:			18px;
	vertical-align:			top;
}

#header h1 span,#header h2 span
{
	height:					95px;
	width:					286px;
	margin-bottom:			-80px;
	background:				url(../../media/images/header_img_s.gif) no-repeat;
}

#header h1,#header h2
{
	width:					286px;
	overflow:				hidden;
	height:					75px;
}

/*--------------------------------------------------------------------------
	=index
----------------------------------------------------------------------------*/

#page-container
{
	background:				url(../../media/images/bg_header.gif) repeat-x;
	width:					767px;
	margin:					5px auto;
	background-color:		#f1f1e3;
	position:				relative;
}

#header li,#footer li
{	
	display:				inline;
}

#mainnav
{
	width:					170px;
	position:				absolute;
	top:					0;
	left:					20px;
}

#mainnav a
{
	font-family:			"Georgia", "Palatino", "Times New Roman";
	font-size:				1.1em;
	padding:				8px 0px 8px 15px;
	display:				block;
	width:					170px;
	text-decoration:		none;
}

#mainnav li
{
	margin-bottom:			3px;
}

#mainnav li
{
	width:					170px;
}

#mainnav a:hover
{
	color:					navy;
	border:					1px solid white;
	padding:				7px 0 7px 14px;
}

#topnav
{
	text-align:				center;
	width:					100%;
	position:				absolute;
	left:					0;
	top:					-30px;
	font-size:				90%;
}


#topnav li
{
	display:				inline;
}

#content-container {
	position:				relative;
	background:				#f1f1e3 url(../../media/images/pattern1.gif) no-repeat bottom left;
	min-height:				500px;
	padding:				0 20px 0 0;
}

.content ol
{
	list-style:				inside decimal;
	margin-bottom:			-12px;
}

.content li
{
	width:					502px;
	font-size:				80%;
	font-family:			Verdana;
	margin-bottom:			17px;
}

form table
{
	width:					500px;
}

.content a,#list-content ol a,#list-content p a
{
	text-decoration:		underline;
	color:					navy;
}

.content a:hover,#list-content a:hover
{
	text-decoration:		none;
	color:					navy;
}

.content
{
	border:					1px silver solid;
	float:					right;
	font-family:			Verdana;
	width:					502px;
	margin:					0 0 25px 20px;
	padding:				10px 5px 10px 10px;
	background-color:		white;
}

.content a
{
	font-family:			Verdana;
}

.content h3
{
	font-size:				80%;
	padding:				0 0 15px 0;
	font-weight:			bold;
	font-family:			Verdana;
}

.content h1,.content h2
{
	font-family:			"Georgia", "Palatino", "Times New Roman";
	padding-bottom:			15px;
	font-size:				105%;
}

.content img
{
	float:					left;
	margin:					5px 15px 5px 5px;
}

.content p{
	font-family:			Verdana;
	font-size:				80%;
	padding-bottom:			13px;
	line-height:			130%;
}

#catalogue,#conditions
{
	background-color:		#FFFFFF;
	border:					1px solid silver;
}

.tbl-subheading
{
	font-weight:			bold;
	text-align:				center;
}

em
{
	font-style:				italic!important;
}

table
{
	clear:					both;
	font-family:			Verdana;
	font-size:				90%;
	width:					728px;
}

#tablehead th
{
	border-bottom:			1px solid silver;
}

form#contain
{
	padding-top:			5px;
}

form#contain th,form#contain td
{
	padding:				5px 0;
	vertical-align:			top;
}

#th-lot,table#catalogue td,table#conditions td,#th-description,#th-estimate,#th-realized,#th-item,#th-condition,#th-picture
{
	padding:				8px 0 7px 5px;
	vertical-align:			top;
}

#th-lot
{
	width:					35px;
}

#th-description
{
	width:					510px;
}

#th-estimate,#th-realized,#th-item
{
	width:					85px;
}

#th-condition
{
	width:					600px;
}

#th-picture
{
	width:					70px;
}

.notice
{
	font-style:				normal!important;
	font-size:				80%;
	margin:					5px 0 0 2px;
}

.red
{
	color:					#FF0000;
	font-size:				80%;
}

#list-content em a,#report-content em a
{
	color:					navy;
}

#list-content h1,#report-content h1
{
	font-size:				135%;
	font-family:			"Georgia", "Palatino", "Times New Roman";
	margin:					7px 0;
}

#list-content ol,#list-content p
{
	float:					right;
	font-size:				80%;
	margin:					5px 0 8px 2px;
}

#list-content li
{
	display:				inline;
}

#list-content,#report-content
{
	margin-left:			20px;
	margin-bottom:			50px;
}

#report-content p
{
	font-size:				80%;
	margin:					6px 2px;
}

#footer
{
	background:				url(../../media/images/bg_header.gif);
	text-align:				center;
	height:					35px;
	font-size:				80%;
}
#footer
{
	clear:					both;
	padding-top:			15px;
}

#footer a
{
	text-decoration:		underline;
}

#footer a:hover
{
	text-decoration:		none;
	color:					black;
	background-color:		inherit;
}