@charset "UTF-8";
/* CSS Document */


body {
	font:90% Courier, "Lucida Console";
	background: #8f6528 url(img/layout/tile2.gif) top left repeat;
}
h1, h2,h3,h4 {
	font-family:"Comic Sans MS", cursive;
	margin:9px 0 0 0;
}
p {
	margin:6px 0 0 0;
	text-align: left;
}
a img {
	border:0;
}
.container {
	width:876px;
	margin:120px auto 50px auto;
}

.board {
 	position:relative;
	width:876px;
	height:667px;
	background:  url(img/layout/wood_frame_graf.gif) top left no-repeat;
 }

.logo {
	position:absolute;
	top:-102px;
	left:65px;
}
.rep {
 	position:absolute;
	bottom:0px;
	left:47px;
 }
.control {
	position:absolute;
	bottom:-20px;
	right:-10px;
	background:  url(img/layout/control-new.gif) top left no-repeat;
	width:474px;
	height:74px;
}
.control a {
	background: url(img/layout/button.gif) 0% 10% no-repeat;
	color:black;
	text-decoration:none;
	padding:1px 1px 1px 25px;
	font-weight:bold;
	margin:15px 1px 1px 20px;
}
.post-it-yellow {
	background: url(img/layout/post-it-note-small.jpg) top left no-repeat;
	width:330px;
	height:360px;
	float:left;
}
.post-it-long {
	background: url(img/layout/post-it-note-long.jpg) top left no-repeat;
	width:330px;
	height:510px;
	float:left;
}
.post-it-pad {
	padding:30px 30px;
}
.post-it-green {
	background: url(img/layout/post-it-note-green.jpg) top left no-repeat;
	width:330px;
	height:360px;
	float:left;
	position:relative;
	top:8px;
}
.post-it-orange {
	background: url(img/layout/post-it-note-orange.jpg) top left no-repeat;
	width:330px;
	height:360px;
	float:left;
	position:relative;
	top:8px;
}
.post-it-long-green {
	background: url(img/layout/post-it-note-long-green.jpg) top left no-repeat;
	width:330px;
	height:510px;
	float:left;
}
.smudge, .smudge-mini {
	background: url(img/layout/smudge-background.gif) top left repeat;
}
.smudge-mini {
	position:absolute;
	top:481px;
	left:93px;
}
.smudge {
	float:left;
	width:650px;
	margin:0 0 0 20px;
}
.smudge img {
	float:left;
	margin:0 20px 0px 0;
}