/* Styles for longmoon.com */





 /************************/
/* General Styles BEGIN */

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
	position: relative;
	text-align: left;
	font-size: 14px;
}

h2 {
    margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
    text-align: center;
    font-weight: bold;
}

h2.first_one {
	margin-top: 0;
}

h3 {
    font-weight: bold;
}

h4 {
	margin-top: 10px;
	border-bottom: 0px solid black;
}

p {
	margin-bottom: 15px;
	text-align: justify;
}

p a {
}

p img {
	border: 1px solid black;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

img {
	border: 0px solid white;
	vertical-align: top;
}

ul {
	margin-left: 10px;
	list-style-type: none;
}

li {
	font-size: 12px;
}

a {
    color: #333;
}

a:hover {
	color: #2b8b5d;
}

a.profile:hover {
	color: #fff;
}

a.white {
    color: #fff;
}

sup {
	font-size: .5em;
}

.message {
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
}

.clear_both {
	clear: both;
	line-height: 0;
	height: 0;
}

 /* General Styles END */
/**********************/
	







 /***********************/
/* Board Layout BEGINS */

div#layout {
	position: relative;
	width: 1350px;
	height: 800px;
	margin: auto;
	border: red;
}

div#board {
	position: absolute;
	left: 250px;
	top: 70px;
	width: 816px;
	height: 567px;
	background: url(../images/backgrounds/at-the-farm-BG-816x567.png);
	border-radius: 15px;
}

img#title {
	position: absolute;
	top: 220px;
	left: 270px;
}

div#instructions {
	position: absolute;
	top: 335px;
	left: 310px;
	font-size: 15px;
	color: #7c7b75;
}

 /* Board Layout ENDS */
/*********************/










 /**********************/
/* Shape Styles BEGIN */


	
	/* General Shape Styles BEGIN  */
	
	div.shape {
		position: absolute;
		width: 240px;
		height: 240px;
		text-align: center;
		font-size: 12px;
		font-weight:  bold;
		font-family: Helvetica;
		line-height: 20px;
		z-index: 1;
		cursor: pointer;
	}

	div.shape.shadow {
		background-position: -240px 0;
	}
	
	div.shape.highlight {
		background-position: -480px 0;
	}
	
	div.shape img {
		border: 0px solid #d8d8d8;
		pointer-events: none;
	}
	
	div.shape.per75 img {
		width: 240px;
		height: 240px;
	}
	
	div.shape.z-index-10 {
		z-index: 10;
	}
	
	.px150 {
		height: 150px;
		width: 150px;
	}
	
	img.px150 {
		height: 149px;
		width: 149px;
	}
	
	.px225 {
		height: 225px;
		width: 225px;
	}
	
	img.px225 {
		height: 224px;
		width: 224px;
	}
	
	.white_bg {
		background: white;	
	}
	/* General Shape Styles END */



	/* shapes BEGIN */
	
	div#duck.shape {
		top: -40px;
		left: 0;
		background-image: url(../images/floaters/shapes240/duck-4states.png);
	}
	
	div#cat.shape {
		top: 130px;
		left: 0;
		background-image: url(../images/floaters/shapes240/cat-4states.png);
	}
	
	div#cow.shape {
		top: 300px;
		left: 0;
		background-image: url(../images/floaters/shapes240/cow-4states.png);
	}
	
	div#horse.shape {
		top: 470px;
		left: 0;
		background-image: url(../images/floaters/shapes240/horse-4states.png);
	}
	
	div#pig.shape {
		top: -40px;
		left: 1070px;
		background-image: url(../images/floaters/shapes240/pig-4states.png);
	}
	
	div#dog.shape {
		top: 130px;
		left: 1070px;
		background-image: url(../images/floaters/shapes240/dog-4states.png);
	}
	
	div#rooster.shape {
		top: 300px;
		left: 1070px;
		background-image: url(../images/floaters/shapes240/rooster-4states.png);
	}
	
	div#sheep.shape {
		top: 470px;
		left: 1070px;
		background-image: url(../images/floaters/shapes240/sheep-4states.png);
	}
	/* shapes END */



	/* targets BEGIN */
	.target {
		position: absolute;
		width: 240px;
		height: 240px;
		background: none;
		font-size: 12px;
		font-weight:  bold;
		font-family: Helvetica;
		border: 1px dotted black;
		color: red;
	}

	#duck_target {
		top: -24px;
		left: 48px;
		border: none;
	}
	
	#cat_target {
		top: -44px;
		left: 298px;
		border: none;
	}
	
	#cow_target {
		top: -22px;
		left: 543px;
		border: none;
}
	
	#horse_target {
		top: 153px;
		left: 566px;
		border: none;
	}
	
	#pig_target {
		top: 328px;
		left: 558px;
		border: none;
	}
	
	#dog_target {
		top: 337px;
		left: 303px;
		border: none;
	}
	
	#rooster_target {
		top: 343px;
		left: 29px;
		border: none;
	}
	
	#sheep_target {
		top: 157px;
		left: 35px;
		border: none;
	}
	
	.target h3 {
		text-align: center;
		margin: 0;
	}
	
	div.target span {
		display: block;
		padding: 5px;
	}
	
	.ui-state-highlight {
		background: #d77 !important;
	}
	
	.ui-state-dropped {
		border: 1px solid #f33 !important;
	}
	
	.drophover {
		background: #7d7 !important;
	}
	/* targets BEGIN */


 /* Shape Styles END */
/********************/
	
	
	
	
	
	
	
	
 /***********************/
/* Footer Styles BEGIN */

#footer {
	color: #999;
	margin: 0 0 50px;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color: #666;
}

#copyright {
	font-weight: bold;
}


canvas {
	border: 1px dotted blue;
}

 /* Footer Styles END */
/*********************/