@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;	
	background:url(frostfire.png) no-repeat left top, url(background.png) repeat left top;
	background-color:#e9e2dc;
}

#more {
	top:170px;
	left:430px;
	position:absolute;
}

#back {
	top:167px;
	left:430px;
	position:absolute;
}

#content {
	width:380px;
	height:200px;
	top:215px;
	left:430px;
	color:#beb8b1;
	font-family:"Trebuchet MS";
	font-size:10px;
	text-align:justify;
	line-height:18px;
	position:absolute;
}

#loveless {
	top:435px;
	left:505px;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#loveless:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#diablo {
	top:435px;
	left:540px;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#diablo:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#rose {
	top:435px;
	left:582px;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#rose:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#digitalflare {
	top:437px;
	left:622px;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#digitalflare:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#flaregamer {
	top:435px;
	left:665px;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#flaregamer:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

a {
	color:#b2cbd1;
	text-decoration:none;
}

a:hover {
	color:#c8b2d1;
	text-decoration:none;
}

i {
	color:#d9b3b2;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.subtitle {
	margin-top:10px;
}

.portrait {
	margin-left:7px;
	border-color:#f4e3de;
}

.social {
	margin-left:7px;
	opacity:0.1;
	filter:alpha(opacity=10); /* For IE8 and earlier */
}

.social:hover {
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

.banner {
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

.banner:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.square {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.square:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div#qTip {
  	padding:8px;
	color:#beb8b1;
	font-family:Century Gothic, sans-serif;
	letter-spacing:0.2em;
	font-size:9px;
	font-weight:normal;
 	border:solid #ddd1c7 1px;
 	display:none;
 	background-color:#f4e3de;
 	position: absolute;
  	z-index:1;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}