@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 4
   Review Assignment
   
   Design Style Sheet for Tree and Book Family Home Page
   Author: Andrew Lord
   Date:   10/12/26
   
   Filename: tb_visual3.css

*/

/* HTML Styles */

html{
	background: url(tb_back5.png);
}

/* Page Body Styles */

body{
	border-left: 3px solid rgb(169, 130, 88);
	border-right: 3px solid rgb(169, 130, 88);
	box-shadow: rgb(53,51,0) 25px 0px 35px,
				rgb(53,51,0) -25px 0px 35px;
}

/* Main Styles */

main{
	background: url(tb_back7.png) top left / 100% no-repeat content-box;
	box-shadow: inset -10px 10px 25px rgb(71,71,71),
				inset 10px 10px 25px rgb(71,71,71);
}

main h1 {
	text-shadow: 1px 1px 0px rgb(221,221,221),
				 5px 5px 20px rgba(41,41,41,0.9);
}

/* Figure Box Styles */

figure {
	margin: 10px auto;
	width: 70%
}

figure img {
	border-width: 25px;
	border-style: solid;
	border-image: url(tb_frame.png) 60px stretch;
	display: block;
	width: 100%;
	filter: sepia(.8);
}

figcaption{
	font-family: 'Palatino Linotype', Palatino, 'Times New Roman', serif;
	font-style: italic;
	padding: 10px 0px;
	text-align: center;
}

/* Article Styles */

article {
	background: url(tb_back6.png) bottom right / 15% no-repeat;
	border-right: double 8px rgb(147,116,68);
	border-bottom: double 8px rgb(147,116,68);
	border-bottom-right-radius: 80px;
	box-shadow: inset -10px -10px 25px rgba(184,153,112,0.7);
}

/* Footer Styles */

footer {
	background: linear-gradient(325deg, rgb(180,148,104) 20%, rgb(40,33,23) 60%);
}