/* 
	Main CSS doc for Don Meredith Professional Writing Services | Copyright 2008
	Created By Eli Dupuis. (http://www.elidupuis.com)
*/

/*
	Palette
	#fbfcfc		lightest gray
	#8c8f91		mid gray
	#4e5046		dark gray
	#31372e		dark gray
	#518357		green
	#0f438a		blue
	#f8f8f8		light blue/gray
	
*/


/*
*	Global
**************************/

html { font-size: 62.5%; }

body
{
	background: #fff url('../images/bg-tile-body.jpg') repeat-x left top;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

hr
{
	border: 0;
	color: #A7AC96;
	background-color: #A7AC96;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 1em 0;
}


#mainCol img,
img.left			{ float:left; margin:0 15px 5px 0; }
#mainCol img.right,
img.right			{ float:right; margin:0 0 5px 15px; }



/*
*	Structure
**************************/

#page
{
	margin: 0 auto;
	width: 850px;
}

	#logo
	{
/*		background:url('../images/logo.png') no-repeat 0 0;*/
	}
	
	#mainNav
	{
		background: transparent url('../images/bg-nav-main.jpg') no-repeat left bottom;
		float: left;
		height: 49px;
		padding: 0 5px 0 5px;
		width: 840px;
	}
	
	#breadCrumbs
	{
		float: left;
		height: 42px;
	}
	
	#mainImage
	{
		border-bottom: 1px solid #fff;
	}
	
	#content
	{
		float: left;
		background: #fff url('../images/bg-sidecol.gif') repeat-y left top;
	}
	
		#sideCol
		{
			color: #58595b;
			display: inline;
			float: left;
			margin: 25px;
			width: 192px; /* total = 242 */
		}
		
		#subNav
		{
			color: #58595b;
			display: inline;
			float: left;
			margin: 25px 0;
			width: 242px; /* total = 242 */
		}
		
		#mainCol
		{
			background: #fff url('../images/bg-shadow.jpg') no-repeat left top;
			float: right;
			padding: 0 0 30px 30px;
			width: 578px; /* total = 608 */
		}



/*
*	Lists
**************************/

#mainNav ul
{
	float: left;
	margin-top: 19px;
}
	#mainNav ul li
	{
		float: left;
	}
		#mainNav ul li a
		{
			color: #fff;
			display: block;
			float: left;
			font-size: 1.0em;
			height: 22px;
			letter-spacing: 1px;
			padding-top: 8px;
			text-align: center;
			text-decoration: none;
			width: 105px;
		}
		
		#mainNav ul li a:hover, #mainNav ul li a.current
		{
			background: #508ECB url('../images/bg-nav-button.jpg') no-repeat left top;
		}

#subNav ul
{
	list-style: square;
	margin: .5em 0 1.2em;
	padding: 0 20px 0 40px;
}
#subNav ul.selected  { display: block; }

	#subNav ul li, #subNav ul li a
	{
		color: #464647;
		cursor: pointer;
		font-size: 1.05em;
		margin-bottom: 0.5em;
		text-decoration: none;
	}

	
		#subNav li ul
		{
			list-style: none;
			margin: .5em 0;
			padding: 0;
		}
			
			#subNav li ul li { margin-bottom: 0.3em; cursor:default; list-style-type:disc; margin-left:15px; }

			#subNav li ul li a
			{
				color: #4e5046 !important;
				font-size: 0.9em;
				text-decoration:none;
			}
			#subNav li ul li a:hover, #subNav li ul li.selected a { color: #3d5ea7 !important; }
			
			
			#subNav li ul { display: none; }
			#subNav li.selected ul { display: block; }


#mainCol ul,
#mainCol ol { list-style-type:disc; margin:0 0 1em 20px; }
#mainCol ol { list-style-type:decimal; }
#mainCol li { margin-bottom:0.25em; }

/*
*	Products (Books, awards etc...)
**************************/

.product, .award
{
	background: #fff;
	border-top: 1px solid #bbbab4;
	float: left;
	padding: 20px 20px 22px;
}

	.product img, .award img
	{
		background: #fff;
		border: 1px solid #8c8f91;
		float: left;
		margin-right: 25px;
		padding: 6px;
	}
	
	.product .description
	{
		float: left;
		width: 315px;
	}
	
	.award .description
	{
		float: left;
		width: 400px;
	}
	
	#mainCol .award p
	{
		margin-right:0;
	}
	
	.product .buyButtons
	{
		float: right;
		width: 100px;
	}
	.product .buyButtons img { border: 0; margin: 0 0 10px; background: 0; float: right; padding: 0; }
	

.even
{
	background: #f8f8f8;
}
.last
{
	border-bottom: 1px solid #bbbab4;
	margin-bottom: 2em;
}


/*
*	Articles/Books
**************************/

.article
{
	background: #fff;
	float: left;
	padding: 20px 20px 22px;
}

	.article img
	{
		background: #fff;
		float: left;
		margin-right: 25px;
		padding: 6px;
	}
	
	.article .description
	{
		float: left;
		width: 600px;
	}
	

/*
*	Typography
**************************/
em{ font-style: italic; }

h1{}

	#mainCol h1
	{
		color: #08550a;
		font-family: 'times new roman', georgia, serif;
		font-size: 2.2em;
		margin: 1em 0;
	}
	
	#mainCol h1 span
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size:0.4167em;
		display:block;
	}

h2{}

	#mainCol h2
	{
		color: #1a1a1b;
		font-size: 1.3em;
		margin: 0 0 .35em 0;
	}

	#mainCol h2.articleTitle
	{
		border-top: 1px solid #9d9d94;
		color: #39393b;
		font-size: 1.5em;
		margin: 0.4em 0 .1em 0;
		padding-top: 10px;
	}
	
	#mainCol .product div h2
	{
		border-top: 0;
		color: #39393b;
		font-size: 1.4em;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
h3{}

	#sideCol h3
	{
		color: #0f438a;
		font-size: 1.35em;
	}
	
	
	#subNav h3
	{
		background: url('../images/btn-bg-subnav.jpg') repeat-x left top; 
		color: #474648;
		font-size: 1.2em;
		height: 24px;
		margin: 0 0 0 1px;
		padding: 8px 0 0 24px;
		width: 216px;
	}
	
	#subNav h3.selected, #subNav h3 a.selected, #subNav li.selected, #subNav li.selected a { color: #18509f; }
	

h4{}

	#sideCol h4
	{
		border-top: 1px solid #a7ac96;
		color: #0f438a;
		font-size: 1.1em;
		padding-top: 10px;
		margin: 1em 0 .25em;
		text-transform: uppercase;
	}
	

a
{
	color: #08550a;
	text-decoration: none;
}
	#mainCol p a
	{
		text-decoration:underline;
	}
	#sideCol a
	{
		color: #58595b;
		text-decoration: underline;
	}

a:active {}
a:hover {}
a:visited {}

p
{
	line-height: 1.4em;
	margin-bottom: 1.5em;
	color: #282829;
}
	
	#mainCol p
	{
		margin-right: 40px;
	}
	
	#mainCol .product p
	{
		margin-right: 0;
	}
	
	/*p.author
		{
			font-size:0.9166em;
			margin-top:-2em;
		}*/
	
	p.copyright
	{
		background: #fbfcfc;
		border-bottom: 1px solid #b8b8b2;
		border-top: 1px solid #b8b8b2;
		font-size: 0.9166em;
		padding: 1em 2em;
	}
	
	p.copyright em
	{
		display: block;
		font-style: normal;
		font-weight: bold;
	}
	
	
	#sideCol p, #sideCol li
	{
		font-size: 0.95em;
		margin-bottom: .5em;
	}

	blockquote
	{
		margin:0;
	}
	
	blockquote p
	{
		color: #39393b;
		font-size: 1.3em;
		margin-bottom: 0.9em;
	}
	
	#breadCrumbs p
	{
		color: #fff;
		line-height: 0;
		padding: 22px 0 0 30px;
	}
		#breadCrumbs p a
		{
			color: #fff;
		}