/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/*#title {
	position:fixed;
	top: 0;
	font:12px;
	color:#9888EA;
	z-index:999;
	width: 100%;
	margin: 0 auto;
	height: 45px;
	text-align: center;
	background-image: url(title.png);
	background-position: center;
	background-repeat: no-repeat;
	top: 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-weight: 14px;
}*/

#title {
	width: 100%;
	color: #9888EA;
	font-size: 14px;
	font-weight: 900;
	position: fixed;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	background-image: url(http://www.borgesco.info/images/Title.png);
	background-position: center;
	background-repeat: repeat-y;
	font-family: 'Raleway', sans-serif;
	z-index: 999;
	
}

body, #container, #drawing_area {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#container {
	position: absolute;
}

#container-inner {
	width: 300%;
	height: 300%;
	margin-left: -100%;
	margin-top: -100%; /* NOT OK as this % refers to the width, will be overruled by JS */
}

#content_area {
	position: absolute;
	z-index: 98;
	width: 100%;
	height: 100%;
}

#content_area div.message {
	position: absolute;
	//background-color: rgba(0,0,0,.1);
}

#content_area div.message p {
	padding: 10px 30px;
	word-wrap: break-word;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	color: white; /* for non-rgba browsers */
	color: rgba(255,255,255,.9);
	font-size: 22px;
	//overflow: hidden scroll;
}

#content_area div.message p span.tlon{
	font-family: 'Geneva', sans-serif;
}

#drawing_area {
	position: absolute;
	top: 0;
	left: 0;
}

#dragger {
	position: absolute;
	z-index: 99;
	cursor: move;
}

.hexa {
	width: 200px;
	margin: -55px 0 0 -100px;
	height: 110px;
	position: absolute;
	border: red solid 1px;
}

.hexa p {
	padding: 5px;
}

#copyright {
	position: fixed;
	bottom: 0;
	right: 0;
	margin-bottom: 10px;
	background-color: rgba(14, 15, 147, .8);
	color:#9888EA;
	font-family: 'Raleway', sans-serif;
	padding: 4px 10px 4px 7px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 999;
}

#copyright a:link, #copyright a:visited {
	text-decoration: none;
	color: inherit;
}

#copyright a:hover {
	color: white;
	opacity: .7;
}