body { font-family: 'Bookman Old Style', Georgia, serif; color: #fff; margin: 0; background-color: #000;
	transition: color 1s ease, background-color 1s ease; -o-transition: color 1s ease, background-color 1s ease; -webkit-transition: color 1s ease, background-color 1s ease; -moz-transition: color 1s ease, background-color 1s ease;
}
.clear { clear: both; height: 0; }
*:active, *:focus { outline: none; -moz-outline-style: none; } /* we don't want any ugly dots on our pretty site! nuh-uh */
img { border: 0; }



#sam { width: 960px; margin: 20px auto; }

body.one { background-color: #000; color: #fff; }
body.two { background-color: #fff; color: #444; }
body.three { background-color: #ccc; color: #000; }
body.four { background-color: #fff; color: #444; }

body.one a { color: #fff; }
body.two a { color: #444; }
body.three a { color: #000; }
body.four a { color: #444; }
a { text-decoration: none; }

.controls { overflow: hidden; }
.controls a.music { float: left; }
.controls a.back { float: right; }
a.music.on span.on { text-decoration: underline; }
/*a.music.on span.off { text-decoration: line-through; }
a.music.off span.on { text-decoration: line-through; }*/
a.music.off span.off { text-decoration: underline; }

#music { display: block; position: fixed; bottom: 10px; left: 10px; display: none; }


.menu { padding-top: 40px; }
.menu .author { display: block; float: left; width: 215px; margin-right: 30px; font-size: 13px; cursor: pointer; position:relative; }
.menu .author.four { margin-right: 0px; }

.menu .author .bg { margin: 3px; margin-bottom: 10px; width: 209px; height: 120px; }
.menu .author.one .bg { background: #00aee9; }
.menu .author.two .bg { background: #01a65d; }
.menu .author.three .bg { background: #ed0087; }
.menu .author.four .bg { background: #fedd51; }

.menu .author .border {
	position: absolute; top: 0; left: 0; width: 203px; height: 114px; border: dashed 6px #fff; opacity: 0; filter: alpha(opacity=0);
	transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu .author:hover .border { display: block; opacity: .2; filter: alpha(opacity=20); }
.menu .author.active .border { display: block; position: absolute; top: 0; left: 0; width: 203px; height: 114px; border: dashed 6px #fff; opacity: 1; filter: alpha(opacity=100); }
body.one .menu .author .border { border-color: #fff; }
body.two .menu .author .border { border-color: #000; }
body.three .menu .author .border { border-color: #fff; }
body.four .menu .author .border { border-color: #000; }


.story { padding-top: 180px; position: relative; text-align: center; overflow: hidden; }
h1 { font-weight: normal; font-size: 34px; position: absolute; top: 109px; left: 0; text-align: left; margin: 0; }
h1 div { font-style: italic; }

/*#player_wrapper { position: absolute; top: 0; left: -999px; }*/