/* The CSS file for www.pfh.com.au, by www.savvywebdesign.net */

body {
	margin: 10px auto;
	padding: 0;
	background: #FFFFFF url(images/pageback.gif) repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-align:center;
}
/* 	text-align:center is a hack to make the website centre in older browsers. In newer browsers, the auto L&R margins in the subsections handle this. */

p 	{line-height: 140%;}

h1, h2 {font-weight: normal; color: #000000;}

h1 {letter-spacing: -1px; font-size: 2.4em;}

h2 {font-size: 1.7em; }

h3 {font-size: 1.1em;
	font-weight: bold;
	color: #333333;
}
.outdoor {color: #8b2375; font-size: 1.4em;}
/* This is an H3 class for the outdoor equipment specs */

.item-top {margin: 0;}
/* This removes the margin from headings at the top of items */

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

a:hover {text-decoration: underline;}

img {border: 0; margin:0;}

ul li {
	line-height:160%;
	list-style-type: disc;
}

.caption {	margin: 0 0 10px 0; padding: 0; font-size: .75em;}

.underlined {
	background: url(images/dash_horiz.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.null {	margin-bottom: 0px;
	padding-bottom: 0px;}
	/* This is an empty style to avoid an IE6 bug: without this div, the last 2 characters of the sidebar are repeated at the bottom of the main section.*/

/* Header section */

#header {width: 920px; margin: 0 auto 30px;position:relative;}
/* Position rel is solely to enable absolute positioning of logo */

/* Menu */

#menu {
	float: right;
	margin: 0 0 5px 0;
	position:relative;
	z-index:6;}
	/* Position is solely to enable z-index, which itself is just in case user enlarges text size. Bottom margin separates the menu from the headerbox (see comment for #menu a). */

#menu ul {margin: 0; list-style: none;}

#menu li {display: inline;}

#menu a {
	display: block;
	float: left;
	margin: 10px 2px 0 25px;
	text-align: right;
	text-decoration: none;
	font-size: 1em;
	color: #FFFFFF;
}
/* 2px right margin aligns the last word with the headerbox, which has a 2mm white stroke. Bottom margin here has no effect in IE. */

#menu a:hover {	/*background: url(images/dash_horiz.gif) repeat-x top left;*/ text-decoration:underline;}

#menu .current_page_item a {text-decoration:underline; /*color: #FFFFFF; background: url(images/dash_horiz.gif) repeat-x top left;*/}

/* logo */

#logo {
	position:absolute;
	left:25px; top:64px;
	margin: 0; 
	z-index:5;
}

/* Midsection */

#midsection {	width: 920px;
	margin: 0 auto;
	clear:both;
	text-align:left;}
/* Text-align:left compensates for the centre-align hack in the body. */

#main {
	float: left;
	width: 580px;
	padding: 0px 20px 0px 10px;
}
/* Padding is OK here as exact width isn't crucial */

#sidebar {
	float: right;
	width: 280px;
	background: url(images/dash_vert.gif) repeat-y;
	padding: 0px 10px 10px 20px;
	margin-bottom:20px;
}
/* Padding is OK here as exact width isn't crucial. */



/* Footer section */

#footer {
	clear: both;
	width: 920px;
	margin: 5px auto 0;
	background: url(images/footerback.gif) repeat-x;
	text-align:left;
}

#footer p {	margin: 0; padding: 10px; font-size: .75em;}