/*

	-- -- -- -- -- -- --
	It's A Mystery To Me
	section-list.css
	section specific styling
	-- -- -- -- -- -- --
	
*/

h2 {
	background: url(../images/ui/h2/list.jpg) no-repeat;
}

.photo {
	margin: 10px 0 0 10px;
	float: right;
	border: 2px solid #333;
}

.showbox {
	margin: 20px 0 20px 30px;
}

.showbox div {
	margin: 0 10px 10px 0;
}

.showbox div, .showbox div a:link, .showbox div a:visited {
	width: 130px;
	height: 90px;
	display: block;
	float: left;
}

.showbox div a:link, .showbox div a:visited {
	text-indent: -9000px;
	background: none;
}

.showbox div.id-1 {
	background: url(../images/ui/shows/1-s-off.jpg) no-repeat;
}
.showbox div.id-1:hover a {
	background: url(../images/ui/shows/1-s-on.jpg) no-repeat;
}

.showbox div.id-2 {
	background: url(../images/ui/shows/2-s-off.jpg) no-repeat;
}
.showbox div.id-2:hover a {
	background: url(../images/ui/shows/2-s-on.jpg) no-repeat;
}

.showbox div.id-3 {
	background: url(../images/ui/shows/3-s-off.jpg) no-repeat;
}
.showbox div.id-3:hover a {
	background: url(../images/ui/shows/3-s-on.jpg) no-repeat;
}

.showbox div.id-4 {
	background: url(../images/ui/shows/4-s-off.jpg) no-repeat;
}
.showbox div.id-4:hover a {
	background: url(../images/ui/shows/4-s-on.jpg) no-repeat;
}

.showbox div.id-5 {
	background: url(../images/ui/shows/5-s-off.jpg) no-repeat;
}
.showbox div.id-5:hover a {
	background: url(../images/ui/shows/5-s-on.jpg) no-repeat;
}

.showbox div.id-6 {
	background: url(../images/ui/shows/6-s-off.jpg) no-repeat;
}
.showbox div.id-6:hover a {
	background: url(../images/ui/shows/6-s-on.jpg) no-repeat;
}

.showbox div.id-7 {
	background: url(../images/ui/shows/7-s-off.jpg) no-repeat;
}
.showbox div.id-7:hover a {
	background: url(../images/ui/shows/7-s-on.jpg) no-repeat;
}

.showbox div.id-8 {
	background: url(../images/ui/shows/8-s-off.jpg) no-repeat;
}
.showbox div.id-8:hover a {
	background: url(../images/ui/shows/8-s-on.jpg) no-repeat;
}

.showbox div.id-9 {
	background: url(../images/ui/shows/9-s-off.jpg) no-repeat;
}
.showbox div.id-9:hover a {
	background: url(../images/ui/shows/9-s-on.jpg) no-repeat;
}

.showbox div.id-10 {
	background: url(../images/ui/shows/10-s-off.jpg) no-repeat;
}
.showbox div.id-10:hover a {
	background: url(../images/ui/shows/10-s-on.jpg) no-repeat;
}

.showbox div.id-11 {
	background: url(../images/ui/shows/11-s-off.jpg) no-repeat;
}
.showbox div.id-11:hover a {
	background: url(../images/ui/shows/11-s-on.jpg) no-repeat;
}

.showbox div.id-12 {
	background: url(../images/ui/shows/12-s-off.jpg) no-repeat;
}
.showbox div.id-12:hover a {
	background: url(../images/ui/shows/12-s-on.jpg) no-repeat;
}