/* CSS Document */

/*----------Table of Contents -------
	
	1. global
	2. container & masthead
	3. content
	4. sidebars
	5. font styles
	6. footer
	
-----------------------------------*/




body {
	background-color: #616161;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 1.6;
	color: #484848;
}

p a:link, p a:visited, p a:active  {
	color: #6d8410;
	text-decoration: none;
	border: 0;
	}

p a:hover {
	color:	#8c1176;
	text-decoration: underline;
	border: 0;
	}

	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}




/*---------------------------------------------- container & masthead --------------------------------------------------*/

#wrapper {
	background-color: #fff;
	width: 900px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	border-right: 4px solid #ddc9b5;
	border-left: 4px solid #ddc9b5;
	border-bottom: 4px solid #ddc9b5;
	}


/* following allows container to wrap around floats */
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	
	  

#masthead {
	width: 900px;
	position: relative;
	margin: 0;
	padding: 0px;
	}

#masthead h1 {
	display: none;
	}
	
	
/*---------------------------------------- TOP NAV ----------------------------------------------*/

#topnav {
	margin: -7px 0 15px -5px;
	padding: 0;
	}

#topnav a:link, #topnav a:visited, #topnav a:active {
	background: #f8e8d9;
	font-size: 14px;
	font-weight: normal;
	color: #33698E;
	padding: 5px 7px;
	border: 1px solid #fff;
	text-decoration: none;
	}	
#topnav a:hover {	
	background: #fff;
	border: 1px solid #f0e7c8;
	font-size: 14px;
	font-weight: normal;
	color: #33698E;
	padding: 5px 7px;
	text-decoration: none;
	}

/*---------------------------------------- CONTENT-basic ----------------------------------------------*/

#content-basic {
	width: 850px;
	position: relative;
	margin: 0 auto;
	padding: 10px;
	}
	#content-basic p {
		margin: 4px 130px 0 15px;
		padding: 5px 0 5px 0;
		}

#quote {
	width: 550px;
	background: url(../images/quote-back.gif) top left no-repeat;
	margin: 5px auto;
	padding: 0;
	}
	#quote p{
		font-size: 13px;
		margin: 10px 10px 0 7px;
		padding: 26px 35px 6px 40px;
		color: #3e5362;
		line-height: 1.7;
		}
.quotations {
	font-size: 15px;
	font-weight: bold;
	color: #b5241d;
	margin: 0 4px 5px 4px;
	padding: 0;
	}

.list-boxes, .list-boxes2 {
	width: 500px;
	background: #eaecbc;
	margin: 10px 0 10px 15px;
	padding: 13px 10px 7px 17px;
	}
div.list-boxes ul, div.list-boxes2 ul {
	margin: 9px 5px 3px 0;
	padding: 0;
	}

div.list-boxes ul li, div.list-boxes2 ul li{
	list-style: none;
	background:url(http://www.recipesforpublicity.com/wp-content/themes/sandbox/images/checkbox.gif) 0 6px no-repeat;
	margin:0 0 0 0px;
	padding: 5px 0 5px 16px;
	line-height: 1.7;
	color: #4d4d4d;
	}

.list-boxes2 {
	background: #eae0c2;
	}

#brown-box {
	width: 560px;
	background: #eae0c2;
	margin: 10px 0 10px 15px;
	padding: 13px 10px 7px 11px;
	}
	#brown-box p {
		margin: 1px 5px 3px 5px;
		padding: 3px 0 3px 0;
		}

#green-box {
	width: 560px;
	background: #eaecbc;
	margin: 10px 0 10px 15px;
	padding: 13px 10px 7px 17px;
	}
	#green-box p {
		margin: 1px 5px 3px 5px;
		padding: 3px 0 3px 0;
		}

#green-box2 {
	width: 560px;
	background: #eaecbc;
	margin: 10px 0 10px 15px;
	padding: 13px 10px 7px 17px;
	}
	#green-box2 p {
		margin: 1px 5px 3px 5px;
		padding: 3px 0 3px 0;
		}


.basic-box {
	width: 650px;
	background: #f0eed8;
	margin: 10px 0 10px 15px;
	padding: 15px 20px 15px 20px;
	}
.basic-box-dk {
	width: 650px;
	background: #e2e0cb;
	margin: 10px 0 10px 15px;
	padding: 15px 20px 15px 20px;
	}
	
/*----------------------------------------- left col ----------------------------------------------*/
#left-col {
	float: left;
	width: 179px;
	background: #ffeded;
	margin: 0;
	padding: 0;
	}
	
	
/*--------------------------------------- mid columns --------------------------------------------*/

#mid-col-basic {
	width: 449px;
	background: #fff;
	margin: 0;
	padding: 0;
	}

#mid-col-narrow {
	width: 385px;
	background: #fff;
	margin: 0;
	padding: 0;
	}


#wide-col {
	width: 619px;
	background: #fff;
	margin: 0;
	padding: 0;
	}

/*---------------------------------------- right col --------------------------------------------*/	

#right-col-basic {
	float: right;
	width: 180px;
	background: #ffeded;
	margin: 0;
	padding: 0;
	}

#right-col-wide {
	float: right;
	width: 210px;
	background: #ffeded;
	margin: 0;
	padding: 0;
	}

/*---------------------------------------- Spacers --------------------------------------------*/	

.photo-left {
	margin: 5px 15px 5px 0;
	}
.photo-right {
	margin: 5px 0px 5px 15px;
	}

/*----------------------------------------------- sidebars --------------------------------------------------*/

#sidebar-basic {
	float: right;
	}
	
	#sidebar-basic p {
		
		}


	
		
/*----------------------------------------- font styles -------------------------------------------*/
.bodytext {
	font-size: 12px;
	color: #000;
	}

.booktitle {
	font-weight: bold;
	font-style: italic;
	}

.gray-big {
	color: #3e5362;
	font-size: 14px;
	line-height: 1.7;
	}

.highlight {
	background: #eaecbc;
	font-size: 14px;
	line-height: 1;
	color: #33698E;
	
	padding: 4px 20px 4px 20px;
	margin: 8px 0 0 0;
	}
	

.orange-caps {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 14px;
	font-weight: normal;
	color: #D7A928;
	line-height: 1.7;
	}

.orange-big {
	font-size: 14px;
	color: #D7A928;
	line-height: 1.7;
	}

.orange-header {
	font-size: 18px;
	color: #D7A928;
	line-height: 1.8;
	}

.blue-big {
	font-size: 14px;
	color: #33698E;
	line-height: 1.7;
	}

.blue {
	color: #33698E;
	margin: 2px 0 5px 0;
	}

.captions-right {
	font-size: 11px;
	color: #33698E;
	text-align: right;
	font-style: italic;
	}
.captions-left {
	font-size: 11px;
	color: #33698E;
	text-align: left;
	font-style: italic;
	}
.captions-dk-teal {
	font-size: 11px;
	color: #404d4c;
	text-align: left;
	font-style: italic;
	}

.blue-small {
	font-size: 11px;
	color: #33698E;
	margin: 2px 0 5px 0;
	}

.teal-header {
	font-size: 18px;
	line-height: 1.8;
	color: #179188;
	}

.teal-big {
	font-size: 15px;
	line-height: 1.8;
	color: #179188;
	}

.teal {
	color: #179188;
	}
	
.red {
	font-size: 14px;
	font-weight: bold;
	color: #b5241d;
	}
.captions {
	color: #5c1e39;
	font-style: italic;
	font-size: 10px;
	}
	


/*------------------------------------------- footer -----------------------------------------------*/
div#footer {
	clear: both;
	width: 900px;
	text-align:center;
	top: 10px;
	padding: 20px 0px 5px 0;
	margin: 0;	
	font-size: 10px;
}