@charset "UTF-8";
/* CSS Document */
	
body {
	background-color: #000000;
	color:#999999;
}

a {
	text-decoration: none;
	font-weight: bold;
}

a:link {
	color: #CCCCCC;
}

a:visited {
	color: #999999;
}

a:active {
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
}

h1 {
	display: inline-block;
	margin: 10px 0 0 0;
	color: #999999
}

img {
	border: none;
}

#dottedline {
	clear:both;
	margin-top:10px;
	height:5px;
	background-image: none;
	border-bottom: 2px dotted #333333;
}
	
.viewFeature {
	font-size: .75em;
}
	
.albumArea {
	margin: 10px 20px 0px 20px;
}
	
.albumButton {
	display:inline-block;
	margin: 0px 5px 10px 0;
	padding: 10px 0px 0px 0px;
	background-color:#000000;
	overflow:hidden;
	font-size: 1em;
	width: 445px;
}

.albumText {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.albumButton img {
	width: 48%;
}

@media (max-width: 960px) {
	.albumButton {
		display: block;
		margin: 0 auto;
		padding: 20px 0px 0px 0px;
		width: 100%;
		max-width: 525px;
	}
}

@media (max-width: 768px) {
	.albumArea {
		margin: 10px 10px 0px 10px;
	}
}

.thumbButton:hover {
	opacity: 0.5;	
}

.thumbButton:active {
	opacity: 0.5;	
}	


/*temp from main css*/
.share{
	padding-top: 20px;
	font-size: .8em;
}
.share a {
	display: inline-block;
	padding: 0 0 0 15px;
	vertical-align: middle;
}

/*for this css file*/
.share {
	padding-top: 18px;
	float: right;
	font-size: .7rem;
}