/* -------------------------------------
TABLE OF CONTENTS
----------------------------------------
+ container
	+ topbar
	+ navbar
	+ main
		+ contentarea
			+ maincontent
			+ optinbar
		+ sidebar
			+ optinbar
			+ articles
	+ footer
		+ footergraphic
		+ footerlinks
		
/* -------------------------------------
RESET
------------------------------------- */

body, a, div,
h1, h2, h3,
p, ul, li, 
form, textarea, label,
h1, h2, h3, h4, h5, h6,
ul,ol,li 			{			border:0;
							margin:0;
							padding:0;
				}


/* -------------------------------------
OVERALL HTML REDEFINITION
------------------------------------- */
body	{
		background-image: 	url(images/barfdietdogs_bg2.jpg);
		background-repeat:	repeat;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		margin:				0px;
		padding:			0px;
		}

img { border:0;}

a, a:link	{	color: 			#000000;
			text-decoration:none;
			border:0;
		}
a:visited{	color:			#FFFF00;
			text-decoration:none;
		}
a:hover{	color:			#00FFFF;
			text-decoration:none;
		}

input	{	margin:			3px;
		}	

@font-face {
	font-family: "GoodDog Cool";
	src: url(../fonts/GOODDC.ttf);
	}

/* -------------------------------------
PAGE STRUCTURE
------------------------------------- */
#page-container	{
		width:				812px;
		margin:				0px auto;
		display:			block;
		background-color:   #590000;
		vertical-align: 	top;
		border-bottom:		2px #550000 solid;
		border-right:		3px #450000 solid;
				}

/* ------------------------	*/
/* HEADER					*/

#topbar			{
		width:				auto;
		height:				160px;
		display:			block;
		padding:            0px;
		margin-top:			0px;
		margin-bottom:		0px;
		margin-left:		5px;
		margin-right:		5px;
		background-image: 	url(images/barfdietdogs-header.jpg);
		background-repeat:	no-repeat;
				}
				
#navbar			{
	width:	auto;
	height:	30px;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		5px;
	margin-right:		5px;
	padding-left:		0px;
	padding-bottom:     0px;
	color: 				white;
	background-color:#590000;
	display: block;
	border:	0px;

				}
				
#navbar a {
	width:			200px;
	line-height:	30px;
	height: 		30px;
	color:			#590000;
	background-color: #f4f4f4;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		10px;
	text-transform: uppercase;
	margin:	0px;
	padding-top:	5px;
	padding-bottom:	8px;
	padding-left:	10px;
	padding-right:	10px;
	border-left:	1px #fff outset;
	border-right:	1px #cccccc outset;	
	border-top:		1px #fff outset;
	border-bottom:	1px #f4f4f4 solid;

				}
#navbar a:hover {	
					line-height:	30px;
					color: darkorange;
					padding-bottom:     8px;
					
				}	
					

/* ------------------------	*/
/* MIDDLE					*/

#mainbar		{	background-color: #f4f4f4;
					width: auto;
					margin-top:			0px;
					margin-bottom:		0px;
					margin-left:		5px;
					margin-right:		5px;
					padding:            10px;
					border-right:		2px #450000 solid;

				}
				
#mainbar label	{	font-size: 9px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					}

/* ------ MAIN CONTENT AREA ------	*/

#contentarea	{	width:				590px;
					height:				auto;
					margin-top:			0px;
					margin-bottom:		0px;
					margin-left:		0px;
					margin-right:		0px;
					float:				left;
					display:			inline;
					background-color:	#f4f4f4;
					font-family: Arial, Helvetica, sans-serif;
				}

#contentarea_paws {
					display: block;
					width: 200px;
					float:left;
					margin-left:-10px;
				
}

#contentarea_paws2 {
					display: block;
					width: 200px;
					float:right;
				
}


#contentarea_blocktext {
			width: 120px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 9pt;
			background-color: #F6F6F6;
			color: darkorange;
			display: block;
			padding: 10px;
			float: right;
			margin: 10px;
}

#contentarea_blocktext2 {
			width: 120px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 9pt;
			background-color: #F6F6F6;
			color: darkorange;
			display: block;
			padding: 10px;
			float: left;
			margin: 10px;
}

#contentarea_main h1 {	font-size: 16pt;
					font-weight: bold;
					font-family: inherit;
					color: darkorange;
					margin-bottom: 10px;
					padding-top: 15px;
					line-height: 1.8em;
					border-bottom: 1px orange double;
				}
				
#contentarea_main h1.greeting {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 16pt;
				font-weight: bold;
				border: 0px;
				margin-left: 15px;	
				text-align: center;
}
				
#contentarea_main h2 {	font-size: 13pt;
					font-weight: bold;
					color: orange;
					margin-bottom: 4px;
				}
				

#contentarea_main h2.emphasize {
	    font-size: 11pt;
		color: #333;
		font-family: "Comic Sans", cursive, Arial, sans-serif;
		font-weight: bold;
		margin-left: 15px;	
}	
#contentarea_main h3 {	font-size: 11pt;
					font-weight:bold;
					font-style:italic;
					font-family: inherit;
					color: orange;
					margin-bottom: 4px;
					margin-left: 5px;
				}
			
#contentarea_main h4	{	font-size: 9pt;
					font-weight:bold;
					font-family: inherit;
					color: orange;
					padding: 3px;			
				}

#contentarea_main a { font-weight:bold;
					font-family: inherit;
					color: orange;
					padding: 3px;
					line-height: 1em;			
					}

#contentarea_main a:hover {	background-color: orange; color: white; line-height: 1em;	}
			
#contentarea_main p {	font-size: 9pt;
					font-family: inherit;
					color: black;
					margin-left: 15px;	
					margin-top:	 15px;
					margin-bottom: 10px;
					margin-right: 15px;
					line-height:15px;
				}

#contentarea_main p.paraindent {	margin-left: 50px;
				margin-right: 20px;				
				}
				
#contentarea_main p.description {	margin-top:	5px;
									margin-bottom: 10px;
									color: #333333;
									padding: 3px;
									font-size: 10px;
									font-style: italic;
									}


#contentarea_main .highlight {
		font-weight: bold;
		color: darkorange;
}

#contentarea_main ol,ul { 	margin-top: 20px;
						margin-bottom: 20px;
					}					
				
#contentarea_main li{	font-family: inherit;
					color: black;
					margin-left: 50px;
					margin-top: 10px;
					margin-bottom: 5px;
					margin-right: 40px;	
					list-style:inherit;	
				}
			
#contentarea_main{	width:				auto;
					height:				auto;
					margin:				5px; margin-bottom: 0;
					padding-top:        5px;
					padding-bottom:	    15px;
					padding-left:       10px;
					padding-right:      10px;
					background-color:	white;

				}
							
#contentarea_opt{	width:				530px;
					height:				auto;
					border: 10px white solid;
					margin: 0 auto;
					padding:            15px;
					background-color:	#f8f8f8;
					}
					
#contentarea_opt a {	font-size: 9pt;
					font-weight:bold;
					font-family: inherit;
					color: darkorange;
					padding: 3px;
					line-height: 1em;			
				}
				
#contentarea_opt form {
	width: 33%;
	border: 10px #0CF solid;
	margin: 0 auto;
	background: #08d9ff;
	padding: 5px 30px;
}

#contentarea_opt form label {
	display: block;
	margin: 5px 0; 
}

#contentarea_opt a:hover{	background-color: orange; color: white; line-height: 1em;	}

#contentarea_opt h1 { 	font-size: 18pt;
						font-family: Verdana;
						font-weight:900;
						text-align: center;
						color: black;
					}

#contentarea_opt h3 { 
	text-align: center;
}
			
			
#contentarea_opt table {
	width: 600pt;
	margin: 2px auto;
	background: yellow;
	}

#contentarea_bottom {	width:				auto;
						height:				300px;
						margin-top:			15px;
						margin-bottom:		10px;
						margin-left:		5px;
						margin-right:		5px;
						padding:            10px;
						background-color:	#f1f1f1;
						}
				
/* ------ SIDE CONTENT AREA ------	*/

#sidebar		{	width:				190px;
					margin-top:			0px;
					margin-bottom:		0px;
					margin-left:		0px;
					margin-right:		0px;
					float:				right;
					display:			inline;
				}

#sidebar_opt	{	background-color:	#08d9ff;
					width:				auto;
					margin-left:		5px; margin-bottom: 5px;
					padding:			10px;
				}
#sidebar_opt h1 {
	margin-top: -10px;
	margin-left: -10px;
	}
	
#sidebar_opt h2 {
	text-align: center;
	margin: 10px 4px; margin-top: 0;
	font-size: 14pt;
	font-weight: bold;	
}

#sidebar_opt h3 {
	text-align: center;
	margin: 0;
}

#sidebar_opt h4 {	padding-top: 3px; padding-bottom: 3px;text-align: center; background: black; color: white;}

#sidebar_opt p {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	border-bottom: 1px #0aF dotted;
	padding: 3px 2px;
	}

#sidebar_opt div.features {
	margin: 5px 0;
	}

#sidebar_opt strong {
	color: red;
	text-decoration: blink;
	background: #FF7;
	padding: 0 4px;
	}

#sidebar_opt p.form {
	border: 0;
	}
	
#sidebar_articles{	
	width:			auto;
	margin:	5px; margin-right: 0;
	padding:  10px;
	background:#eee;
	border: 1px #ddd solid;
				}

#sidebar_articles h3 {		
	font-family: "GoodDog Cool", Arial, Gadget, sans-serif;
							font-weight: normal;
							background-color:#590000;	
							color:white;
							font-size: 19px;
							text-transform: normal;
							padding: 4px;
							text-align: center;
							}	
							
#sidebar_articles ul {
			border-top: 1px #bbb dotted;
	}

#sidebar_articles li { 	font-family: inherit;
							font-size: 11px;
							color: black;
							margin-left: 0px;
							margin-top: 0px;
							margin-bottom: 0px;
							list-style: none;
							border-bottom: 1px #bbb dotted;
							line-height: 1.25em;
							display: block;						}					

#sidebar_articles li.newarticle {
	background: url(images/new-01.gif) center right no-repeat;
	padding-right: 36px;
}

#sidebar_articles a	{		color: black;
							text-decoration: none;
							display: block;		
							padding: 5px;
							line-height: 13px;
							}
							
#sidebar_articles a:hover{		
							color: orange;
							text-decoration: none;
							line-height: 13px;							
							}
/*							
#sidebar_articles a:focus {background-color: moccasin;
							text-decoration: none;
							display: block;
							padding: 3px;
							line-height: 1.25em;
							}*/
					
#sidebar_articles p	{		margin:0;
							padding:0;
							font-size: 10px;
					}


#sidebar_ads {	
	width:			auto;
	margin:	5px; margin-right: 0;
	padding:  10px;
	background:#eee;
	border: 1px #ddd solid;
				}

#sidebar_ads h1 { 
	font-family: "GoodDog Cool", Arial, Gadget, sans-serif;
	font-weight: normal;
	background-color:#590000;	
	color:white;
	font-size: 20px;
	text-transform: normal;
	padding: 4px;
	margin-bottom: 15px;
	text-align: center;
							}	
	
#sidebar_ads h2 {
	font-size: 11pt;
	font-style: italic;
	color: darkorange;
	margin: 5px 0;
	}

#sidebar_ads h3 {
	color: forestgreen;
	}

#sidebar_ads p {
	margin: 2px 0 5px 0;
	}

#sidebar_ads a {
	color:  darkorange;
	}

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

#footer			{	margin-top:			0px;
					margin-bottom:		10px;
					margin-left:		5px;
					margin-right:		5px;
					width:				auto;
					display:			block;

				}
#footer_graphic	{	width:				auto;
					height:				70px;
					align:				left;
					margin-top:			0px;
					margin-bottom:		0px;
					margin-left:		0px;
					margin-right:		0px;
					background-image: url(images/footer.jpg);
					border-right:		2px #450000 solid;
					border-bottom:		2px #450000 solid;
				}
			
#footer_info	{	width:			auto;
					height:			20px;
					text-align:		right;
					
				}
#footer_info a	{
		line-height:	20px;
		height: 		20px;
		color:			orange;
		font-face: 		Verdana, Arial, Helvetica, sans-serif;
		font-size: 		9px;
		display:		inline;
		padding-top:	1px;
		padding-bottom:	1px;
		padding-left:	10px;
		padding-right:	10px;
		border-right: 1px orange dotted;
		margin: 0px;

				}

#footer_info a:hover{	background-color:	#CC3300;
					line-height:	20px;
					color: white;
					
				}
							
div.spacer{clear:both; height:10px; display:block;}

/* -------------------------------------
ETC DESIGN
------------------------------------- */				

.free	{	font-size: inherit;
			text-transform: uppercase;
			background-color:orange;
			color:			#FFFF00;
			padding-top:        	1px;
			padding-bottom:      	1px;
			padding-left:        	3px;
			padding-right:       	3px;
			border:			1px #FFFF00 dotted;
			line-height:	12px;
			text-decoration:blink;
			}
			


.glossy	{	
				background: url(images/sign-up-button.png) top left no-repeat;
				height: 40px;
				line-height: 14px;
				width:	160px;
				border: 0;
				clear: both;
				cursor: pointer;
				margin: 5px auto; margin-left: 20px;
			}


.embossdown	{	height: 16px;
				line-height: 14px;
				width:	160px;
				padding: 2px 1px;
				font-size: 14px;
				font-family: Arial, Helvetica, sans-serif;
				color: #366;
				border-top:		1px #ccc solid;
				border-bottom:	1px #eee solid;
				border-left:	1px #aaa solid;
				border-right:	1px	#fff solid;
				clear: both;
				}

.defaultbox	{	padding: 3px;
				background-color: #f4f4f4;
			}

.smalltext {	margin-top:	9px;
				color: #590000;
				font: normal 10px Tahoma, Geneva, sans-serif;
				text-transform:uppercase;
				text-align: right;
				margin: 45px 10px 0 0;
				float:right;
									}
									
.rating_bar {
  width: 64px;
  background: url(images/rating_nostars.png) 0 0 repeat-x;
  border: 2px black solid;
  margin: 0;
}

.rating_bar div {
  height: 13px;
  background: url(images/rating_fullstars.png) 0 0 repeat-x;
}


#recipe {
	width: 510px;
	margin: 10px auto;
	border: 1px #e8e8e8 solid;
	background: #ffffe8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
}

hr {
	background: #FFEED5;
	border: 0;
	width: 99%;
	height: 1px;
}