/*  
Theme Name: 	Merribrook
Theme URI: 		http://www.smallsilences.com.au
Description: 	Merribrook Corporate Training website
Version: 		1.0
Author: 		davetanner | smallsilences
Author URI: 	http://www.smallsilences.com.au

	Merribrook 1.0
	
	This is the theme for the Merribrook Corporate Training website at www.merribrookcorporate.com.au

*/
/*
Updated: 		05.05.2008 
========================================================================================================================
-----------------
COLOURS
-----------------
Palest brown:		#F7F6EF
(Pale for solid:	#EFECE1)
(Pale for line:		#E7E4CF)
Pale brown:			#CEC89F
Mid brown:			#A18C5E
Dark brown:			#584E37
Darkest brown:		#302714
--
Green:				#7FAD41
Dark Blue:			#084D87
Blue:				#466BAA
Red:				#CC0000
-----------------
CONTENTS
-----------------
1. reset
2. general html tags
3. structure and layout
4. assorted classes
5. hacks
======================================================================================================================== */

/* 
========================================================================================================================
1. RESET
======================================================================================================================== */
html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1.2em; }
a, button, label { cursor: pointer; }
input, select, textarea, th, td { font-size: 100%; }
fieldset { border: none; }

/* 
========================================================================================================================
2. GENERAL HTML TAGS
======================================================================================================================== */

* { 
}
html {
	background: #302714;
}
body {
	margin: 0;
	padding: 0;
	background: #F7F6EF;
	color: #584E37;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 76%;							/* Font sizing in ems beyond this point. if you want to change anything, just change this. Default 76%. 62.5% makes 1em=10px */
	line-height: 1.8em; 					/* General line-height and also acts as IE 6 Peekaboo bug hack */
	text-align: center;						/* Win IE 5 horizontal center hack apply - set to left on main container if needed */
}

/*
---------------------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------------------- */
a {
	color: #084D87;
	text-decoration: none;
}
a:hover {
	color: #466BAA;
	text-decoration: underline;
}
a:visited {
	color: #084D87;
}
a:active {
}
a:focus {
}

/*
---------------------------------------------------------------------------------------------
HEADINGS
--------------------------------------------------------------------------------------------- */
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7FAD41;
}
h1 {
	color: #584E37;
	font-size: 1.4em;
	font-weight: normal;
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
h3, h4, h5, h6 {
	font-size: 1em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #584E37;
	margin-bottom: 0;
}

/*
---------------------------------------------------------------------------------------------
TEXT FORMATTING
--------------------------------------------------------------------------------------------- */
p {
}
strong{
}
em{
}
b{
}
i{
}

/*
---------------------------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------------------- */
ol{
}
ul{
}
ol li{
	margin-left: 1.6em;
}
ul li{
}
ul ul, ul ol, ol ul, ol ol {
	margin: 0; /* handle nested lists */
}
dl {
}
dt {
	font-weight: bold;
}
dd {
}

/*
---------------------------------------------------------------------------------------------
QUOTES
--------------------------------------------------------------------------------------------- */
blockquote {
	display: block;
	font-style: italic;
	border-top: 2px solid #CEC89F;
	border-bottom: 2px solid #CEC89F;
	margin-left: 0;
	padding: 8px 15px;
	background: #EFECE1;
}
blockquote p {
}
cite {
}
blockquote cite {
}
q {
}

/*
---------------------------------------------------------------------------------------------
CODE
--------------------------------------------------------------------------------------------- */
pre, code, samp, kbd {
	font-size: 1.2em;
}

/*
---------------------------------------------------------------------------------------------
IMAGES
--------------------------------------------------------------------------------------------- */
img {
}
a img {
	border: none;
}
#content img {
	border: 1px solid #CEC89F;
	padding: 2px;
	background-color: #FFFFFF;
}
#content a:hover img {
	border: 1px solid #7FAD41;
}
img.alignleft {
	float: left;
	clear: left;
	margin: 0 1em 0.5em 0;
}
img.alignright {
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
}

/*
---------------------------------------------------------------------------------------------
HR
--------------------------------------------------------------------------------------------- */
hr {
	border: none; /*Get rid of dodgy IE border*/
	height: 1px;
	border-top: 1px solid #E7E4CF;
	clear: both;
}

/*
---------------------------------------------------------------------------------------------
TABLES
--------------------------------------------------------------------------------------------- */
table {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	border-collapse: collapse;
	border: none;
	font-size: 1em;
	text-align: left;
}
caption {
	font-style: italic;
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th{
	padding: 0.5em;
	vertical-align: top;
	text-align: left;
	background-color: #EFECE1;
	border: 1px solid #CEC89F;
}
td{
	padding: 0.5em;
	vertical-align: top;
	border: 1px solid #CEC89F;
}
td p, td h1, td h2, td h3, td h4, td h5, td h6, td ul, td ol, td dl,
th p, th h1, th h2, th h3, th h4, th h5, th h6, th ul, th ol, th dl {
	margin-top: 0;
}

/*
---------------------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------------------- */
input, select, textarea, button {
	font-size: 1em;
}
form {
}
fieldset {
	margin: 0 0 2em 0;
	padding: 0.5em 0;
}
fieldset p {
	clear: both;
	margin: 0;
	padding: 8px 0;
	line-height: 2em;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
fieldset h2 {
	padding: 8px 0;
}
legend {
	margin: 0.5em 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #584E37;
}
label {
	display: block;
	text-align: left;
	cursor: pointer;
	color: #7FAD41;
}
input, textarea, select {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: 1px solid #A18C5E;
	padding: 3px 5px;
}
textarea {
}
select {
}
optgroup {
}
option {
}
/* radio and checkbox */
input.checkbox, input.radio {
	border: none;
}
label.checkbox, label.radio {
	color: #584E37;
}
/* buttons */
button, input.button, input.submit {
	padding: 3px 7px;
	color: #7FAD41;
	background: #FFF url(images/button-bg.gif) 0 1px repeat-x;
	border: 1px solid #A18C5E;
	cursor: pointer;
}
button:hover, input.button:hover, input.submit:hover, button:focus, input.button:focus, input.submit:focus {
	border: 1px solid #7FAD41;
}
/* instructions - often in a span nested under fieldset, floated right inline */
.instructions {
	font-size: 0.8em;
	font-style: italic;
	padding: 8px 0;
}

/* Contact form layout */
form.styled-form {
}
form.styled-form label {
	display: block;
	width: 180px;
	float: left;
	text-align: left;
}
form.styled-form input {
	width: 180px;
}
form.styled-form input.checkbox, form.styled-form input.radio {
	width: auto;
}
form.styled-form label.checkbox, form.styled-form label.radio {
	float: none;
	width: auto;
	display: inline;
}
form.styled-form p {
	padding-left: 5px;
}
form.styled-form button, form.styled-form input.button, form.styled-form input.submit {
	margin-left: 180px;
	width: auto;
}
/* Error message */
div.error {
	background-color: #EFE0E1;
	padding: 10px;
	margin: 10px 0;
	border-top: 2px solid #DF0D0D;
	border-bottom: 2px solid #DF0D0D;
	color: #DF0D0D;
}
div.error p {
	margin: 0.2em 0;
}
/* Sucess message */
div.success {
	background-color: #E0EFE1;
	padding: 10px;
	margin: 10px 0;
	border-top: 2px solid #7FAD41;
	border-bottom: 2px solid #7FAD41;
	color: #7FAD41;
}
p.antispam {
	background-color: #E0EFE1;
	margin-bottom: 1px;
}


/* 
========================================================================================================================
STRUCTURE & LAYOUT
======================================================================================================================== */
/* 		
Label to mark the structural elements for screen readers - Needs to display, but not be visible or affect layout under normal circumstances.
*/
.structural-label {
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	visibility: hidden;
}

/*
---------------------------------------------------------------------------------------------
CONTAINER MAIN
--------------------------------------------------------------------------------------------- */
#container {
	margin: 0;
	padding: 0;
	text-align: center;					/* Win IE 5 horizontal center hack apply - reset to left on wrapper */
}

.wrapper {								/* Nested container inside each main page area, controls width */
	margin: 0 auto;
	width: 768px;
	text-align: left;					/* Win IE 5 horizontal center hack reset */
}
/* Set all min-widths - make bgs continue if window resized too small, then scrolled. Won't work for IE<7 */
#container,
#masthead,
#primary-nav,
#utility-nav,
#content-container,
#footer {
	min-width: 768px;
}


/*
---------------------------------------------------------------------------------------------
SKIP LINKS
--------------------------------------------------------------------------------------------- */
#skip {
	height: 0;
	position: absolute;
	top: -900px;
}

/*
---------------------------------------------------------------------------------------------
MASTHEAD 
--------------------------------------------------------------------------------------------- */
#masthead {
	position: relative;
	margin: 0;
	height: 117px;
	background: #F7F6EF url(images/masthead-bg.gif) top center repeat-x;
}
#masthead h2.logo {
	float: left;
	margin: 0;
	padding: 0;
}
#masthead h2.logo a {
	display: block;
	width: 414px;
	height: 110px;
	text-indent: -9000px;
	background: transparent url(images/masthead-logo.gif) top left no-repeat;
}
#masthead h3.strapline {
	float: right;
	margin: 0;
	padding: 0;
	width: 256px;
	height: 75px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(images/masthead-strapline.gif) top left no-repeat;
}

/*
---------------------------------------------------------------------------------------------
PRIMARY NAVIGATION 
--------------------------------------------------------------------------------------------- */
#primary-nav {
	margin: 0;
	padding: 0;
	height: 130px;
	background: transparent url(images/nav-bg-tile.gif) 0 0 repeat-x;
}
#primary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 130px;
	background: transparent url(images/nav-bg.jpg) 0 0 no-repeat;
}
#primary-nav ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#primary-nav ul li a {
	display: block;
	float: left;
	height: 92px;
	line-height: 92px;
	text-indent: -9000px;
}
#primary-nav ul li a#nav-games {
	width: 200px;
	background: transparent url(images/nav-games.gif) 0 0 no-repeat;
}
#primary-nav ul li a#nav-leadership {
	width: 232px;
	background: transparent url(images/nav-leadership.gif) 0 0 no-repeat;
}
#primary-nav ul li a#nav-incentive {
	width: 208px;
	background: transparent url(images/nav-incentive.gif) 0 0 no-repeat;
}
#primary-nav ul li a#nav-quote {
	width: 128px;
	background: transparent url(images/nav-quote.gif) 0 0 no-repeat;
}
#primary-nav ul li a#nav-games:hover, #primary-nav ul li a#nav-games:active,
#primary-nav ul li a#nav-leadership:hover, #primary-nav ul li a#nav-leadership:active,
#primary-nav ul li a#nav-incentive:hover, #primary-nav ul li a#nav-incentive:active,
#primary-nav ul li a#nav-quote:hover, #primary-nav ul li a#nav-quote:active
{ background-position: 0 -92px; }
#primary-nav ul li.selected a#nav-games, #primary-nav ul li.selected a#nav-games:hover,
#primary-nav ul li.selected a#nav-leadership, #primary-nav ul li.selected a#nav-leadership:hover,
#primary-nav ul li.selected a#nav-incentive, #primary-nav ul li.selected a#nav-incentive:hover
{ background-position: 0 -184px; }
#primary-nav ul li.selected a#nav-quote
{ background-position: 0 -92px; }


/* home page nav - variation on standard primary nav */
body#section-home #primary-nav {
	height: 260px;
	background: transparent url(images/nav-home-bg-tile.gif) 0 0 repeat-x; /* full width stretch bg */
}
body#section-home #primary-nav .wrapper {
	height: 260px;
	background: transparent url(images/nav-home-content-top.gif) bottom center no-repeat; /* top of content area divider strip */
}
body#section-home #primary-nav ul {
	height: 260px;
	background: transparent url(images/nav-home-bg.jpg) 0 0 no-repeat; /* feature image */
}
body#section-home #primary-nav ul li {
	margin-top: 130px; /* don't use padding, it breaks in IE6 */
}
body#section-home #primary-nav ul li a {
}
body#section-home #primary-nav ul li a#nav-games {
	background: transparent url(images/nav-home-games.gif) 0 0 no-repeat;
}
body#section-home #primary-nav ul li a#nav-leadership {
	background: transparent url(images/nav-home-leadership.gif) 0 0 no-repeat;
}
body#section-home #primary-nav ul li a#nav-incentive {
	background: transparent url(images/nav-home-incentive.gif) 0 0 no-repeat;
}
body#section-home #primary-nav ul li a#nav-quote {
	background: transparent url(images/nav-home-quote.gif) 0 0 no-repeat;
}
body#section-home #primary-nav ul li a#nav-games:hover, body#section-home #primary-nav ul li a#nav-games:active,
body#section-home #primary-nav ul li a#nav-leadership:hover, body#section-home #primary-nav ul li a#nav-leadership:active,
body#section-home #primary-nav ul li a#nav-incentive:hover, body#section-home #primary-nav ul li a#nav-incentive:active,
body#section-home #primary-nav ul li a#nav-quote:hover, body#section-home #primary-nav ul li a#nav-quote:active
{ background-position: 0 -92px; }

/* home page content - variation on standard content */
body#section-home #content-container .wrapper {
	background: #F7F6EF url(images/content-bg.gif) 300px 0 repeat-y; /* re-position the content area divider to the middle */
}
body#section-home #content-container .wrapper #sidebar {
	float: right;
	width: 344px;
	padding-right: 10px;
}
body#section-home #content-container .wrapper #content {
	float: left;
	width: 344px;
	padding-left: 10px;
}
/* Start Holly Hack \*/
* html body#section-home #content-container .wrapper #content, * html body#section-home #content-container .wrapper #sidebar { width: 354px; wid\th: 344px; }
/* End Holly Hack */

/*
---------------------------------------------------------------------------------------------
UTILITY NAVIGATION 
--------------------------------------------------------------------------------------------- */
#utility-nav {
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	font-size: 0.93em;
	text-transform: uppercase;
}
#utility-nav ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#utility-nav ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#utility-nav ul li a {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 0 8px;
	color: #584E37;
	text-decoration: none;
}
#utility-nav ul li a:hover, #utility-nav ul li a:active {
	color: #7FAD41;
}
#utility-nav ul li.current_page_item {
	background: transparent url(images/nav-indicator.gif) bottom center no-repeat;
}
#utility-nav ul li.current_page_item a {
	color: #7FAD41;
}

/*
---------------------------------------------------------------------------------------------
CONTENT CONTAINING AREA
--------------------------------------------------------------------------------------------- */
#content-container {
	background: #F7F6EF;
}
#content-container .wrapper {
	background: #F7F6EF url(images/content-bg.gif) 128px 0 repeat-y;
}

/*
---------------------------------------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------------------------------------- */
#sidebar { /* contains local nav */
	float: left;
	width: 192px;
	padding-right: 20px;
}
/* Start Holly Hack \*/
* html #sidebar { width: 212px; w\idth: 192px; }
/* End Holly Hack */
#sidebar h1, #sidebar h2, #sidebar h3 {
	color: #584E37;
}

/* Sidebar display options based on site sections */
.sidebar-image { /* extra class sometimes applied to the sidebar to vary background image NOTE that since #sidebar is an ID it takes precedence and this class can't override anything set on that id */
	padding-bottom: 425px;
	background: transparent url(images/sidebar-ballsgrass.jpg) bottom right no-repeat;
}
body#section-games #sidebar {
	padding-bottom: 150px;
	background: transparent url(images/sidebar-ball-green.jpg) bottom left no-repeat;
}
body#section-leadership #sidebar {
	padding-bottom: 150px; 
	background: transparent url(images/sidebar-ball-red.jpg) bottom left no-repeat;
}
body#section-incentive #sidebar {
	padding-bottom: 150px; 
	background: transparent url(images/sidebar-ball-blue.jpg) bottom left no-repeat;
}

/* Local navigation */
#sidebar ul.nav-menu {
	list-style: none;
	margin-bottom: 2em;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
#sidebar ul.nav-menu li {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 0.93em;
	line-height: 1.4em;
	background: transparent url(images/divider.gif) bottom left repeat-x;
}
#sidebar ul.nav-menu li a {
	display: block;
	padding: 8px 5px;
}
#sidebar ul.nav-menu li a:hover, #sidebar ul.nav-menu li a:active {
	text-decoration: none;
	color: #7FAD41;
}
#sidebar ul.nav-menu li.current_page_item a, #sidebar ul.nav-menu li.current-cat a {
	color: #7FAD41;
}
/* Start Holly Hack \*/
* html #sidebar ul.nav-menu li { height: 1%; }
/* End Holly Hack */




/*
---------------------------------------------------------------------------------------------
CONTENT
--------------------------------------------------------------------------------------------- */
#content {
	float: right;
	width: 512px;
	padding-bottom: 20px;
}

/*
---------------------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------------------- */
#footer {
	border-top: 3px solid #CEC89F;
	padding: 10px 0;
	font-size: 0.93em;
	line-height: 1em;
	color: #6E644E;
	background: #302714;
	font-size: 0.8em;
	text-transform: uppercase;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul.footer-info {
	float: left;
}
#footer ul.footer-info li {
	float: left;
	margin: 0 0.75em 0 0;
	padding: 0.3em 0.75em 0.3em 0;
}
#footer ul.footer-nav {
	float: right;
}
#footer ul.footer-nav li {
	float: left;
	margin: 0 0 0 0.75em;
	padding: 0.3em 0 0.3em 0.75em;
}
#footer a {
	color: #A18C5E;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #A18C5E;
	text-decoration: underline;
}
#footer a.credit {
	display: block;
	margin-top: -3px;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(images/logo-smallsilences.gif) top left no-repeat;
}

/* 
========================================================================================================================
4. ASSORTED CLASSES & ELEMENTS
======================================================================================================================== */

/* Intro div */
.intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #A18C5E;
	margin: 0 0 2em 0;
}

/* News menu (used on home page) */
ul.news-menu {
	list-style: none;
	margin: 0 0 2em 0;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
ul.news-menu li {
	margin: 0;
	padding: 0.5em 0;
	background: transparent url(images/divider.gif) bottom left repeat-x;
}
ul.news-menu li li {
	padding-left: 2em;
	list-style: none;
	background-image: none;
}
ul.news-menu li h2 {
	margin-bottom: 0;
}
ul.news-menu li p {
	margin-bottom: 0.5em;
}

/* Section menu - used on product section menu pages */
/* NOTE requires li to be clearfixed - see below */
ul.section-menu {
	list-style: none;
	margin: 0 0 2em 0;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
ul.section-menu li {
	margin: 0;
	padding: 10px 0 5px 192px;
	background: transparent url(images/divider.gif) bottom left repeat-x;
}
ul.section-menu li h2 {
	clear: left;
	margin-left: -192px; /* NOTE this is triggering IE double-float margin bug */
	display: inline; /* Fix for IE bug */
	width: 172px;
	float: left;
}

/* Sitemap menu - used on sitemap page */
/* News menu (used on home page) */
ul.sitemap-menu {
	list-style: none;
	margin: 0 0 2em 0;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
ul.sitemap-menu li {
	list-style: none;
	margin: 0;
	padding: 0.5em 0;
	background: transparent url(images/divider.gif) bottom left repeat-x;
}
ul.sitemap-menu li ul {
	margin: 0.5em 0 0 0;
	padding-top: 0.3em;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
ul.sitemap-menu li ul li ul {
	padding-top: 0;
	background-image: none;
}
ul.sitemap-menu li li {
	border: 0px solid red;
	color: #CEC89F;
	list-style-type: square;
	list-style-position: outside;
	margin-left: 1.5em;
	padding:  0.3em 0 0.3em 0em;
	background-image: none;
}

/* Product description */
table.product-overview {
	padding: 0.3em 0;
	border-top: 2px solid #CEC89F;
	border-bottom: 2px solid #CEC89F;
	background: #EFECE1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	margin-bottom: 1.5em;
}
table.product-overview tr {
}
table.product-overview th {
	width: 95px;
	padding: 3px 10px;
	vertical-align: top;
	text-align: left;
	background-color: #EFECE1;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #7FAD41;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
}
table.product-overview td {
	padding: 3px 10px;
	vertical-align: top;
	border: none;
	border-bottom: 1px solid #FFFFFF;
}

/* Product page images */
.product-image-area {
	float: right;
	width: 175px;
	overflow: hidden;
}

/* Quick quote form (used on product pages with mootools accordian script) */
#quickquote_accordion {
	clear: both;
	margin-top: 2em;
	padding-bottom: 18px;
	background: #EFECE1 url(images/quote-accordion-bottom.gif) bottom left no-repeat;
}
#quickquote_accordion .toggler {
	margin: 0;
	padding: 0;
	height: 35px;
	cursor: pointer;
	text-indent: -9000px;
	background: #EFECE1 url(images/quote-accordion-link.gif) top left no-repeat; 
}
#quickquote_accordion .element {
	padding: 0px 20px;
	background: #EFECE1 url(images/quote-accordion-tile.gif) top left repeat-y;
}
#quickquote_accordion .element fieldset {
	margin: 0;
}
#quickquote_accordion .element p {
}


/* Flash quotations (used on home page with swfobject) */
#flash-quotation {
	margin: 1em 0;
}

/* Product slideshow (used on product section menu pages with slideshow.js) */
#product-slideshow {
	margin-left: -2px;
	margin-bottom: 1.5em;
	border: 1px solid #CEC89F;
	padding: 2px;
	line-height: 0;
	background-color: #FFFFFF;
}
/* Start Holly Hack \*/
* html #product-slideshow { margin-left: 0; }
/* End Holly Hack */
#product-slideshow img {
	border: none;
	padding: 0;
	margin: 0;
}

/* redundant: Flash slideshow (used on product section menu pages with swfobject) */
#flash-section-image {
	margin-left: -2px;
	margin-bottom: 1.5em;
	border: 1px solid #CEC89F;
	padding: 2px;
	line-height: 0;
	background-color: #FFFFFF;
}
/* Start Holly Hack \*/
* html #flash-section-image { margin-left: 0; }
/* End Holly Hack */

/*
---------------------------------------------------------------------------------------------
POSTS / Blog related 
--------------------------------------------------------------------------------------------- */
.post {
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
	padding: 1em 0;
	clear: both;
}
.post.single {
	background-image: none;
	padding-top: 0;
}
.post-content {
	clear: both;
}
.post-meta {
	clear: both;
	color: #A18C5E;
}

/* post archive (ul and class generated by functions.php) */
.postspermonth {
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
	clear: both;
	padding: 0.5em 0;
	margin-bottom: 0;
	list-style-type: square;
	color: #CEC89F;
}


/* links */
a.more {
	padding-left:10px;
	background: url(images/icon_next.gif) center left no-repeat;
}
a.comment-link {
}
.next {
	float: right;
}
.next a {
	padding-right: 10px;
	background: url(images/icon_next.gif) center right no-repeat;
}
.previous {
	float: left;
}
.previous a {
	padding-left:10px;
	background: url(images/icon_prev.gif) center left no-repeat;
}
.pagination-nav {
	float: left;
	width: 100%;
	padding: 1em 0;
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
}
.pagination-nav.top {
	background-image: none;
	padding: 0 0 0.5em 0;
}

/* comments */
#comments {
	background: transparent url(images/divider.gif) 0 -14px repeat-x;
	padding: 1em 0;
	clear: both;
}
#comments li.comment,
#comments li.trackback,
#comments li.pingback {
	margin: 5px 0;
	padding: 8px 10px;
	list-style: none;
	background-color: #EFECE1;
}
#comments li.trackback,
#comments li.pingback {
	border: 2px dashed #FFFFFF;
}
#comments li.alt {
	/* alternate rows */
}
#comments .comment-header {
	color: #A18C5E;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	background: transparent url(images/divider.gif) bottom left repeat-x;
	float: left;
	width: 100%;
}
#comments .avatar {
	float: left;
	margin-right: 5px;
}
#comments .comment-count {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.5em;
	color: #FFFFFF;
	float: right;
}
#comments .comment-author {
	float: left;
	margin-top: 0.5em;
	font-weight: bold;
}
#comments .comment-date {
	float: right;
	margin-top: 0.5em;
	margin-right: 1em;
	font-style: italic;
}
#comments .comment-content {
	clear: both
}
#commentform fieldset {
	padding: 8px;
	margin-bottom: 0;
	border-top: 2px solid #CEC89F;
	border-bottom: 2px solid #CEC89F;
	background: #EFECE1;
}
.trackback {
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
}

/*
---------------------------------------------------------------------------------------------
MISCELLANEOUS 
--------------------------------------------------------------------------------------------- */
.hide {
	display:none;
}
.show {
	display:block;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-none {
	float: none;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.clear {
	clear: both;
}

/* 
========================================================================================================================
5. HACKS, FIXES & WORKAROUNDS
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
CLEARFIX - Cross-browser clearing method
--------------------------------------------------------------------------------------------- */
.clearfix:after,
.wrapper:after,
.post:after,
.section-menu li:after
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix,
.wrapper,
.post,
.section-menu li
{display: inline-block;}
/* Start Holly Hack \*/
* html .clearfix,
* html .wrapper,
* html .post,
*html .section-menu li
{height: 1%;}
.clearfix,
.wrapper,
.post,
.section-menu li
{display: block;}
/* End Holly Hack */

/*
---------------------------------------------------------------------------------------------
<a> DIMENSION - Hack to give <a> dimension so IE 5/5.5 will apply padding etc
--------------------------------------------------------------------------------------------- */
/* Hides from IE5-mac \*/
* html a {
	height: 1em;
	h\eight: auto;
}
/* End hide from IE5-mac */

/*
---------------------------------------------------------------------------------------------
Ordered List - increased margin left so number not cut off by IE
--------------------------------------------------------------------------------------------- */
/* Hides from IE5-mac \*/
* html ol li { margin-left: 1.8em; }
/* End hide from IE5-mac */