/* /activities/Peter's Brain Games/Music/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

body {font-family:arial,sans-serif; font-size:20px;
	background-color:#400;}
#head {text-align:center; margin-top:20px; margin-bottom:-5px; font-size:48px;
	font-family:Georgia,serif; font-style:italic; color:blue;}

#box {width:960px; height:850px; background-color:ivory; margin:0 auto;
	border:5px double blue; position:relative;}
#home {position:absolute; left:10px; top:10px;}
#back {position:absolute; left:60px; top:10px;}

#links {text-align:center; margin-top:50px;}
.link {margin:20px 70px; vertical-align:top;}
.abs {position:absolute;}
.piece {position:absolute;}

#coloursDiv {width:650px; position:absolute; left:20px; top:650px;}
#colours {text-align:center;}
#colours img {margin:0 10px 0 10px; cursor:pointer;}

#control {position:absolute; width:220px; height:220px; right:190px; bottom:40px;}
#control img {cursor:pointer;}

#rotate {position:absolute; cursor:pointer; left:700px; bottom:102px;}

.abs {
	margin-left:-110px;
}
#\30 {
	margin-left:-190px;
}
#coloursDiv {
	margin-left:-100px;
}
#colours img {
	width:50px;
	height:auto;
	margin:0 5px;
}
#control {
	right:120px;
}
#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #circle {
	margin-left:0;
}
#rotate {
	margin-left:-200px;
}
#circleR {
	margin-left:0;
}