@charset "utf-8";
/* CSS Document */
body {
	background: #e5e6e6;
	margin: 0px;
	padding: 0px;
}
div, td, input, select {
	font: normal 11px Arial, sans-serif;
	color: #999999;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover	{
	color: #222222;
	text-decoration: underline;
}
a img {
	border: none;
}
#header {
	position: relative;
	background: #cccccc url(../img/gradient.png) right repeat-y;
	width: 100%;
	height: 20px;
}
#headerleft {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 20px;
	z-index: 5;
}
#headerleft a {
	font: normal 9px/20px Arial, sans-serif;
	letter-spacing: 1px;
	color: #ffffff;
	margin-right: 5px;
	padding: 5px;
}
#headerleft a:hover {
	color: #4f4f4f;
	background: #e5e6e6;
	text-decoration: none;
}
#headerright {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 300px;
	height: 20px;
	z-index: 10;
}
#logo {
	position: relative;
	width: 800px;
	height: 17px;
	margin: 80px auto 12px auto;
}
#nav {
	position: relative;
	background: url(../img/line.gif) top repeat-x;
	width: 800px;
	height: 31px;
	margin: 0px auto;
	padding-top: 3px;
}
#nav a {
	display: inline-block;
	margin-top: 12px;
}
#nav a img {
	height: 7px;
}
#nav span {
	display: inline-block;
	margin: 17px 10px 0px 10px;
}
#nav span img {
	background: url(../img/nav_dot.png);
	height: 2px;
	width: 2px;
}	
#nav a.shows {
	background: url(../img/shows.png) no-repeat;
}
#nav a.shows:hover {
	background: url(../img/shows_on.png) no-repeat;
}
#nav a.shows img {
	width: 34px;
}
#nav a.story {
	background: url(../img/story.png) no-repeat;
}
#nav a.story:hover {
	background: url(../img/story_on.png) no-repeat;
}
#nav a.story img {
	width: 35px;
}
#nav a.music {
	background: url(../img/music.png) no-repeat;
}
#nav a.music:hover {
	background: url(../img/music_on.png) no-repeat;
}
#nav a.music img {
	width: 34px;
}
#nav a.photo {
	background: url(../img/photo.png) no-repeat;
}
#nav a.photo:hover {
	background: url(../img/photo_on.png) no-repeat;
}
#nav a.photo img {
	width: 34px;
}
#nav a.video {
	background: url(../img/video.png) no-repeat;
}
#nav a.video:hover {
	background: url(../img/video_on.png) no-repeat;
}
#nav a.video img {
	width: 35px;
}
#nav a.links {
	background: url(../img/links.png) no-repeat;
}
#nav a.links:hover {
	background: url(../img/links_on.png) no-repeat;
}
#nav a.links img {
	width: 34px;
}
#nav a.store {
	background: url(../img/store.png) no-repeat;
}
#nav a.store:hover {
	background: url(../img/store_on.png) no-repeat;
}
#nav a.store img {
	width: 35px;
}
#content {
	position: relative;
	width: 800px;
	min-height: 450px;
	margin: 30px auto 0px auto;
}
#column1 {
	width: 560px;
	padding-right: 40px;
	float: left;
}
#column2 {
	width: 200px;
	float: left;
}
#links {
	color: #cccccc;
	font-size: 9px;
	text-align: right;
}
#links a {
	color: #999999;
	text-decoration: none;
	padding: 1px 3px;
}
#links a:hover {
	color: #ffffff;
	background: #cccccc;
	text-decoration: none;
}
#comment .name {
	font: bold 9px Verdana, sans-serif;
	padding: 10px 0px 5px 0px;
	height: 26px;
}
#comment .name a {
	color: #8f8f8f;
}
#comment .name a:hover {
	color: #222222;
	text-decoration: none;
}
#comment .name a img {
	border: 1px #ffffff solid;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
#comment .name a:hover img {
	border: 1px #222222 solid;
}
#comment .copy {
	border-bottom: 1px #d8d9d9 dotted;
	padding-bottom: 10px;
}
#toggle {
	position: relative;
	width: 27px;
	height: 13px;
	float: right;
}
#toggle a img {
	width: 7px;
	height: 13px;
}
#toggle a.previous {
	display: inline-block;
	background: url(../img/prev.gif) no-repeat;
}
#toggle a.previous:hover {
	background: url(../img/prev_on1.gif) no-repeat;
}
#toggle a.prev {
	display: inline-block;
	background: url(../img/prev.gif) no-repeat;
}
#toggle a.prev:hover {
	background: url(../img/prev_on1.gif) no-repeat;
}
#toggle a.next {
	display: inline-block;
	background: url(../img/next.gif) no-repeat;
	margin-left: 10px;
}
#toggle a.next:hover {
	background: url(../img/next_on1.gif) no-repeat;
}
#footer {
	position: relative;
	width: 800px;
	height: 30px;
	margin: 30px auto 0px auto;
	font: normal 10px/30px Arial, sans-serif;
	color: #cccccc;
	border-top: #d8d9d9 1px solid;
}
#footer a {
	color: #999999;
}
#footer a:hover {
	color: #222222;
	text-decoration: none;
}

a.thumb{
	position: relative;  /* Set the absolute positioning base coordinate */
}
a.thumb img.large {
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	right: 0; top: 0;
}