@import	url('color.css');
@import	url('type.css');

/* ------------------- GLOBAL -------------------------- */

*
{
	margin:					0;
	padding:				0;
}

html
{
	text-align:				center;
	padding-bottom:			50px;
}

body
{
	text-align:				left;
	margin:					0 auto;
	max-width:				70em;
	position:				relative;
	width:					100%;
}

p
{
	margin-bottom:			1em;
}

a img
{
	border:					0;
}

h1
{
	margin:					1em 0 .5em;
}

h2
{
	margin:					2em 0 1em;
}

h3
{
	margin:					.5em 0;
}

img
{
	float:					right;
	margin:					0 0	10px 10px;
}

#content ul, #content ol
{
	margin:					0 0	1em	15px;
	position:				relative;
	left:					15px;
}

dt
{
	float:					left;
}

dd
{
	margin:					0 0	1.5em 13em;
}

	dd p
	{
		margin-bottom:		.5em;
	}
/* ------------------- TOP -------------------------- */

#siteBranding
{
	height:					120px;
}

	#siteBranding h1
	{
		padding:				10px 0 70px 220px;
		margin-bottom:			0;
	}

#tagline
{
	position:					absolute;
	left:						220px;
	top:						80px;
}

#search
{
	position:				absolute;
	top:					30px;
	width:					100%;
}

	#search fieldset
	{
		float:					right;
		padding-right:			30px;
	}

#ads
{
	padding:				10px 0 0 10px;
}

#logoLink
{
	position:				absolute;
	left:					-10px;
}

#logoLink img
{
	float:					none;
}

/*------------------------------------------------------------------------------------------
// NAVIGATION
//----------------------------------------------------------------------------------------*/

#utilityNav
{
	position:				absolute;
	top:					80px;
	right:					30px;
	list-style-type:		none;
}


	#utilityNav	li
	{
		display:			inline;
		padding-right:		10px;
		margin-right:		10px;
		border-right:		1px	solid #fff;
	}

	#utilityNav	.lastNavItem
	{
		padding-right:			0;
		margin-right:			0;
		border-right:			0;
	}

#mainNav
{
	list-style-type:		none;
	float:					left;
	width:					100%;
	position:				absolute;
	z-index:				100;
	top:					120px;
}

	#mainNav li
	{
		display:				inline;
		white-space:			nowrap;
	}

	#mainNav a
	{
		float:					left;
		padding:				.4em 10px;
		border-right:			1px	solid white;
	}

#secondaryNav
{
	float:					left;
	width:					200px;
	max-width:				300px;
	padding:				20px;
	position:				relative;
	top:					-30px;
	left:					-20px;
	min-height:				300px;
	height:					300px;
}

/* Hack	to get around IE6 */
#main > #secondaryNav
{
	height:					auto;
	top:					-20px;
}

	#secondaryNav ul
	{
		margin:					0 0	2em	15px;
	}

	#secondaryNav li
	{
		margin:					.5em 0;
	}

	#secondaryNav table
	{
		border-spacing:			0;
	}

	#secondaryNav td
	{
		padding-bottom:			1em;
	}

#myDesignSite
{
	white-space:			nowrap;
}

#specials
{
	padding:				10px;
	margin-bottom:			2em;
}

/* --------------------------------------------	*/

#main
{
	clear:					both;
	padding:				3em 20px 20px;
	min-height:				400px;
	height:					100%;
}

body>#main
{
	height:					auto;
}

#content
{
	margin-left:			240px;
	/*padding:				20px;*/
}

	#content ul
	{
		position:				relative;
		margin-left:			0;
	}

#thumbnail
{
	float:					right;
	margin:					0 0	20px 20px;
	text-align:				center;
	position:				relative;
	z-index:				10;
}

	#thumbnail img
	{
		margin:					0 auto;
		float:					none;
	}

.creditcards
{
	display:					block;
	float:						none;
	margin:						.5em 0;
}

.buyItem
{
	text-align:					right;
	margin:						2em 0;
}

ul.stores li
{
	margin-bottom:				1em;
}

/*	---------------- FOOTER	-------------------- */

#siteInfo
{
	clear:					both;
	border-top:				1px	solid #8f8f8f;
	padding:				10px 0;
	text-align:				center;
}

#container>#siteInfo
{
	bottom:					0;
	width:					auto;
}

#supplementalNav
{
	list-style-type:		none;
}

	#supplementalNav li
	{
		display:				inline;
	}

	#supplementalNav a
	{
		padding-right:			10px;
		margin-right:			10px;
		border-right:			1px	solid #8f8f8f;
	}

	#supplementalNav .lastNavItem
	{
		padding-right:			0;
		margin-right:			0;
		border-right:			0;
	}

#copyright
{
	clear:					both;
	padding:				10px 0;
	text-align:				center;
	margin:					0 auto 0px;
	font-size:				smaller;
}

/* ----------------------------------------	*/

#editor
{
	float:					right;
	margin:					0 0	10px 10px;
}

#contactOptions	li
{
	margin-bottom:			1em;
}

#terms li
{
	margin-bottom:			1em;
}


/* --------------- Article Page	------------- */

#articles
{
	list-style-type:		none;
}

	#articles li
	{
		position:				relative;
		margin-left:			7em;
	}

.articleDate
{
	position:				absolute;
	left:					-7em;
	top:					0;
}