/* Myah's 1st Christmas CSS Document */

@font-face {
	font-family:king;
	src: url(../fonts/Kingthings%20Christmas%202.2.ttf);
}

body {
	border:2px solid #cb9f57;
	border-radius:6px;
	background:
		url(../images/holly_bells150.png) no-repeat 2em 2em, 
		url(../images/holly_bells150r.png) no-repeat 96% 2em,
		url(../images/red_bow.jpg) no-repeat 50% 15em,
		url(../images/myah_bg.png) no-repeat 50% 19em,
		url(../images/nativity.gif) no-repeat .6em 20em,
		url(../images/Three-Kings.gif) no-repeat 1.2em 45em,
		url(../images/tree_14.gif) no-repeat 98% 20em,
		url(../images/snowmen.gif) no-repeat 92% 42em,
		url(../images/reindeer.gif) no-repeat 16em 57.5em,
		url(../images/angle.gif) no-repeat 72% 56.8em,
		url(../images/holly_r.jpg) no-repeat 97% 58em,
		url(../images/holly_l.jpg) no-repeat 1em 58em;
}

#heading {
	position:relative;
	margin:2em auto;
}

h1 {
	background-color:#C80000;
	font:4em king, Helvetica, serif;
	color:#fff;
	text-align:center;
	width:55%;
	padding:14px;
	margin:0 auto;
	border-radius:6px;
	border:2px solid #cb9f57;
	outline:4px solid #cb9f57;
	outline-offset:6px;
}

#puzzle {
	width:100%;
	height:500px;
	padding:2px;
}

#footer {
	width:100%;
	margin-top:7em;
}

#footer img {
	margin-left:25%;
}

#lw {
	position:relative;
	right:1em;
	bottom:0em;
	text-align:right;
	font-size: .55em;
	color:#214508;
	font-family:Arial, Helvetica, sans-serif;
}

a {outline: none;}

/* rules for image sections */
.chip {
	position: absolute;
	padding: 0px;
	background-color: #fff;
	cursor: move;
	z-index: 10;
	}

#chip1 {
	background-color:#214508;
	background-image:url(../images/myah_01.jpg);
	width:144px;
	height:145px;
	top: 561px;
	left: 778px;
	}

#chip2 {
	background-color:#214508;
	background-image:url(../images/myah_02.jpg);
	width:144px;
	height:145px;
	top: 632px;
	left: 751px;
	}

#chip3 {
	background-color:#214508;
	background-image:url(../images/myah_03.jpg);
	width:142px;
	height:145px;
	top: 516px;
	left: 809px;
	}

#chip4 {
	background-color:#214508;
	background-image:url(../images/myah_04.jpg);
	width:144px;
	height:145px;
	top: 394px;
	left: 817px;
	}

#chip5 {
	background-color:#214508;
	background-image:url(../images/myah_05.jpg);
	width:144px;
	height:145px;
	top: 306px;
	left: 49px;
	}

#chip6 {
	background-color:#214508;
	background-image:url(../images/myah_06.jpg);
	width:142px;
	height:145px;
	top: 518px;
	left: 137px;
	}
	
#chip7 {
	background-color:#214508;
	background-image:url(../images/myah_07.jpg);
	width:144px;
	height:142px;
	top: 268px;
	left: 741px;
	}
	
#chip8 {
	background-color:#214508;
	background-image:url(../images/myah_08.jpg);
	width:144px;
	height:142px;
	top: 425px;
	left: 127px;
	}
	
#chip9 {
	background-color:#214508;
	background-image:url(../images/myah_09.jpg);
	width:142px;
	height:142px;
	top: 485px;
	left: 50px;
	}
	
#chip10 {
	background-color:#214508;
	background-image:url(../images/myah_10.jpg);
	width:144px;
	height:148px;
	top: 428px;
	left: 727px;
	}
	
#chip11 {
	background-color:#214508;
	background-image:url(../images/myah_11.jpg);
	width:144px;
	height:148px;
	top: 370px;
	left: 106px;
	}
	
#chip12 {
	background-color:#214508;
	background-image:url(../images/myah_12.jpg);
	width:142px;
	height:148px;
	top: 645px;
	left: 58px;
	}