body
{
	font-size:				62.5%; 
	margin:					0;
	padding:				0;
	background-color:		#222;
	font-family:			'Open Sans', sans-serif;
	color:					#999;

	background-repeat:		no-repeat;
	background-size:		100% 500px;
	background-position:	center;
}

#container
{
	margin:					auto;
	width:					800px;
	position:				relative;
	margin:					0 auto;
}

#filler
{
	height:					20px;
}

#header
{
	position:				relative;
	margin:					0 auto;
	height:					70px;
	line-height:			70px;
	background-position:	right;
	background-repeat:		no-repeat;

	font-size:				30px;
}

#header span
{
	margin-left:			10px;
}

#header-back
{
	position:				absolute;
	top:					20px;
	width:					100%;
	height:					70px;
	background-color:		#000;
}

#content
{
	position:				relative;
	margin:					0 auto;
	min-height:				390px;
	width:					800px;
	background-color: 		#000;
	border-radius:			10px;
	overflow:				auto;
}

#feedback
{
	position:				relative;
	margin:					0 auto;
	height:					70px;
	width:					800px;
	background-color: 		#000;
	border-radius:			10px;
	/*overflow:				auto;*/
	-webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
    transition: height 0.5s;
    display: inline-block;
}

#content-inside
{
	position:				relative;
	width:					450px;
	min-height:				210px;
	float:					right;
	top:					0px;
	margin:					20px;
	margin-right:			60px;
}

#content p
{
	font-size:				1.2em;
	line-height:			170%;
	text-align:				justify;
}

#picture
{
	background-image:		url("img/goblin200x300.png");
	background-position:	center;
	height:					300px;
	width:					200px;
	border-radius:			5px;
	border:					1px solid;
	border-color:			#767676;
	float:					left;
	margin:					20px;
}

#footer
{
	position:				relative;
	margin:					0 auto;
	width:					100%;
	height:					30px;
	line-height:			30px;
	color:					#767676;
	text-align:				center;
}

#inner-footer
{
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
}

#footer span
{
}

#line
{
	position:				relative;
	height:					20px;
}

#links
{
	display:				flex;
	justify-content:		space-around;
}

#download-prompt p
{
	text-align:				center;
	color:					#555;
}

#download, #download-win, #download-lin, #download-mac
{
	display:				inline-block;
	height:					80px;
	width:					80px;
	background-color:		#333;
	padding:				10px;
	border-radius:			5px;
	text-align:				center;
	text-decoration:		none;
}

#unavailable
{
	position: 				absolute;
	width: 					80px;
	height: 				80px;
	margin-top: 			25px;
}

a, a:visited, a:hover, a:active {
	color:					inherit;
}

.fb-iframe-widget
{
	position: 				relative;
	top:					-3px;
}

/*thanks for the separator:
http://stackoverflow.com/a/15216151*/

hr.fancy-line { 
    border: 0; 
    height: 1px;

}
hr.fancy-line:before {
    top: 0.2em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.8em;
    top: 0px;
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: radial-gradient(ellipse at center, rgba(200,200,200,0.3) 0%,rgba(200,200,200,0) 75%);
}

hr.fancy-line:after {
    background: #000;
}