@import url('colours.css');
@import url('typography.css');

/*************************************************
Normalize
*************************************************/
*
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 0;
	padding-bottom: 0;
}

label
{
	cursor: pointer;
}

td, th
{
	vertical-align: top;
}



/*******************************************************************************
* CORE LAYOUT
/*******************************************************************************
* Borrowed from http://webhost.bridgew.edu/etribou/layouts/ - thanks!
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/
.clear
{
	clear: both;
	padding-bottom: 1px; /* for Gecko-based browsers */
	margin-bottom: -1px; /* for Gecko-based browsers */
}

.hide
{
	display: none !important;
}

.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is set here 
	and those blocks that need the vertical padding must be applied to the parent element.
	The purpose of this class is to provide horizontal padding without using hacks to get 
	around IE's broken box model. So it's okay to apply vertical padding to the parent 
	element, just not horizontal padding. */
	padding-top: 0;
	padding-left: 0;
	padding-right: 8px;
}

/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 */

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body
{
	margin: 5px 4% 10px; /* margin instead of padding for the gutterspace around the layout because IE breaks the layout when  	 			   horizontal padding is applied to the body element. 	 			   % over pixels for that horizontal gutterspace so that 	 			   it automatically goes below 20px on low-res browsers 	 			   to create more space for the content. */
}

#pageWrapper
{
	max-width: 1000px;
	min-width: 50em;
	width: auto; /* Firefox uses "auto" to centre this div in body */
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	position: relative; /* relative so that absolute positioned children (eg mastHead) position relative to this */
}

#mastHead
{
	width: 100%;
	background-image: url(mastHead.jpg);
	background-repeat: no-repeat;
	height: 115px;
}

#mastHeadExtra
/* Our "thinker" image - right aligned */
{
	background-image: url(thinker.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 100px;
	height: 110px;
}

#outerColumnContainer
{
	/* primary content container */
	position: relative;
	top: 1.4em;
}

#innerColumnContainer
{
	margin: 0 0;
	width: 100%; /* compensate for the borders because of 100% width declaration */
	z-index: 1;
	border-style: none;
	border-width: 0 1px;
}

#leftColumn, #middleColumn, #rightColumn, #middleColumnContainer, * html #SOWrap
{
	overflow: visible; /* fix for IE italics bug */
	position: relative; /* fix some rendering issues */
}

.sideLinkContainer
{
	width: 12em;
}

#rightColumn, #middleColumn
{
	padding-bottom: 70px; /* Clear the happy shoppers in the footer */
}

#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}


#footer
{
	position: relative;
	top: 1.4em;
	height: 3em;
}

#footerExtra
{
	background-image: url(shoppers.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 159px;
	height: 64px;
	right: 40px;
	top: -64px;
	background-color: Transparent;
}

.contentpane
{
	overflow: hidden;
}

/*************************************************
Main snapsis nav (in left sidebar)
*************************************************/
#mainNav
{
	padding-left: 8px;
	padding-bottom: 8px;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 1%;
}

#mainNav ul
{
	padding-left: 0;
}

#mainNav li
{
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0;
}

#mainNav li.Level0
{
	padding-top: 12px;
}

#mainNav li.Level2 a {
	padding-left: 6px;
}


/*************************************************
Tables
*************************************************/
td
{
	padding-top: 6px;
}

/*************************************************
Assorted other elements
*************************************************/
label
{
	color: #242424;
	font-size: 88%;
	margin-left: 3px;
	margin-right: 3px;
}



/*************************************************
Admin snapsis nav (dropdown in mast head)
*************************************************/
#adminNav
{
	display: block;
	position: absolute;
	top: 1px;
	right: 2px;
	margin: 1px 2px 0px 0px;
	font-size: 80%;
}

/*************************************************
mastHead links
*************************************************/
#topNav
{
	overflow: hidden;
	position: absolute;
	top: 109px;
	width: 100%;
	border-width: 0px;
	background-color: #C46713;
}

#dnn_topNavContentPane
{
	display: block;
	position: absolute;
	top: 0px;
	left: 11.7em;
	margin-left: 4px;
	border-color: white;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 4px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

ul.mastHeadLinks
{
	list-style: none;
	margin: 0 0 0 0;
}

li.mastHeadLinks
{
	position: relative;
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	border-right-width: 6px;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a.mastHeadLinks
{
	text-align: center;
	line-height: 1.5em; 
	padding: 2px 8px 2px 12px; /*  padding around text */
}

/*************************************************
sidebar links
*************************************************/
ul.sideLink
{
	padding-left: 0;
}
li.sideLink
{
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0;
	margin-bottom: 6px;
}
a.sideLink
{
	text-align: left;
	padding-left: 4%;
	width: 96%;
	display: block;
	line-height: 1.5em;
}

/*************************************************
footer links
*************************************************/
ul.footerLinks
{
	list-style: none;
	position: absolute;
	right: 30px;
	margin-top: 1em;
}

li.footerLinks
{
	position: relative;
	float: left;
	line-height: 1em;
	list-style: none;
	margin: 0 3px 0 3px; /* gap between items */
}

a.footerLinks
{
	display: block;
	text-align: center;
	padding: 1px 6px 1px 6px;
}


/*************************************************
DNN search box and button
*************************************************/
#search
{
	position: relative;
	margin-top: 6px;
	border-style: solid;
	border-width: 1px;
}

a.searchCmd
{
	width: 1.8em;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 1.6em;
	z-index: 1;
}

#dnn_dnnSEARCH_txtSearch
{
	margin-top: -6px;
	width: 12.5em;
	border-style: none;
	display: inline;
	padding: 0px 0.2em 0px 0.2em; /* padding around text */
	height: 1.4em;
}


/*************************************************
Headers
*************************************************/
#mastHead h1
{
	/* Move out of viewport - search engines will still find it though */
	position: relative;
	left: -1000px;
}

/*************************************************
Rules
*************************************************/
hr
{
	height: 2px;
	border-width: 1px;
	border-style: solid;
	padding-left: 0em;
	margin-top: 3px;
	margin-bottom: 5px;
}

/*************************************************
Forms
*************************************************/
input, select, textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
}
input.NormalTextBox
{
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
	font-size: 100%;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
input.StandardButton
{
	color: White;
	background-color: #e19e00;
	border-color: #af7922;
	padding: 2px 4px 2px 4px;
	font-size: 94%;
	border-style: solid;
	border-width: 1px;
}
input:hover.StandardButton
{
	color: #af7922;
	background-color: white;
	border-style: solid;
	border-width: 1px;
}
input[type="checkbox"]
{
	border-style: none;
}

/*************************************************
Blogs
*************************************************/
table.BlogInfo
{
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
table.BlogInfo td
{
	padding-bottom: 6px;
}
div.blog_body
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
div.horizontalline
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
div.blog_footer
{
	border-bottom-style: none;
	padding-bottom: 20px;
}
h2.blog_title
{
	border-bottom-style: none;
}

/*************************************************
Blog Summaries
*************************************************/
div.BlogSummaryEntryContainer
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}
.SubHead
{
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
}

/*************************************************
Search Results
*************************************************/
TABLE#dnn_ctr379_SearchResults_dgResults .SubHead,
TABLE#dnn_ctr353_SearchResults_dgResults .SubHead
{
	padding-right: 10px;
}
TABLE#dnn_ctr379_SearchResults_dgResults .Normal,
TABLE#dnn_ctr353_SearchResults_dgResults .Normal
{
	color: black;
	font-size:88%;
}
TABLE#dnn_ctr379_SearchResults_dgResults .CommandButton,
TABLE#dnn_ctr353_SearchResults_dgResults .CommandButton
{
	display: none;
}

/*************************************************
"Features" UL on home page
*************************************************/
ul.featuresList
{
}
.featuresList img
{
	float:	left;
	padding-right: 10px;
	width: 70px;
	height: 70px;	
	padding-bottom: 10px;
}
.featuresList li
{
	margin-left: 0px;
	height: 1%;
	list-style-image :none; 
	list-style-type: none; 
	clear: both;
}
.featuresList h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*************************************************
"Reports" on FreeBuyers Guide page
*************************************************/
ul.reportsList
{
}
.reportsList img
{
	float:	left;
	padding-right: 10px;
	width: 80px;
	height: 80px;	
	padding-bottom: 5px;
}
.reportsList li
{
	margin-left: 0px;
	height: 1%;
	list-style-image :none; 
	list-style-type: none; 
	clear: both;
}
.reportsList h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}