/* 

	NAME:		CSS STYLE SHEET - LAYOUT
	COMPANY:	E-fect LLC
	AUTHOR:		Eric Wolsing
	DATE:		03-07-2008
	PURPOSE:	Defines default layout for a website 

*/

/* Layout for common items*/
body
{
	text-align:left;
	min-width:940px;
	margin-top:0px;
	margin-bottom:0px;
}

#container
{
	text-align:left;
	width:900px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid;
	border-right:1px solid;
}

#quick_links
{
	width:100%;
	height:10px;
	text-align:right;
}

#quick_links div
{
	float:right;
	margin-right:1px;
	margin-top:0px;
	padding-left:10px;
	height:100%;
	display:block;
}

#banner 
{
	border:1px solid;
	background-image:url(../images/banner_00.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:150px;
	max-height:150px;
	margin-top:-1px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

#main
{
	width:100%;
	min-height:900px;
	clear:both;
}

#left
{
	float:left;
	left:0px;
	width:690px;
	height:100%;
}

#left_top
{
	width:100%;
	margin-top:10px;
}

#left_left
{
	float:left;
	left:0px;
	width:340px;
	height:100%;
	margin-top:10px;
}

#left_right
{
	float:right;
	right:0px;
	width:340px;
	height:100%;
	margin-top:10px;
}

.left_triplet
{
	float:left;
	left:0px;
	width:220px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#right
{
	float:right;
	right:0px;
	width:200px;
	height:100%;
}

#footer
{
	border: 1px solid;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
}

#bar
{
	border:1px solid;
	background-image:url(../images/bar_00.jpg);
	width:100%;
	height:30px;
	margin-bottom:-1px;
	clear:both;
}

/* Layout/stylistic properties for HTML elements */
a img 
{
	border:0px;
}

ol, ul, li, table
{
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

p, 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.small, .medium, .big, .xbig, .caption, .bodystyle
{
	margin-left:5px;
	margin-right:5px;
}

.medium p 
{
	margin-left:0px;
	margin-right:0px;
}

ul, ol 
{
    margin-left:50px;
}


/* Common layout div content containers */

.inset
{
	width:90%;
	margin-top:10px;
}

.inset_left
{
	margin-left:20px;
}

.item
{
	margin-bottom:10px;
}

.pull_quote 
{
	width:520px;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/pull_quote.gif);
	background-repeat:no-repeat;
	border:1px dotted;
}

.book_details
{
	float:right;
	right:0px;
	top:0px;
	padding:5px;
	margin-left:5px;
	margin-bottom:5px;
	border:1px dotted;
}

.book_image
{
    clear:right;
    float:right;
    padding-top:5px;
    padding-left:5px;
    padding-bottom:5px;
    margin-top:5px;
    margin-left:5px;
    margin-bottom:5px;
}

.news_divider
{
    border:1px solid;
    height:1px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
}

/* Content justification */
.center 
{
	text-align:center;
}

.left 
{
	text-align:left;
}

.right 
{
	text-align:right;
}

/* Floating Divs */
.float_left 
{
	float:left;
	left:0px;
}

.float_right 
{
	float:right;
	right:0px;
}
