@CHARSET "UTF-8";

body, html {
	background: #3d0043 url(../images/background.png) no-repeat center center;
	font-family: "Palatino Linotype",Verdana,Arial;
	font-size: 15px;
	color: #fff;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

p {	line-height: 110%; letter-spacing: 2px; }
a { color: #ff80ff; }
a:hover { color: #ffc6ff; }
ul { list-style: none; padding: 0px 10px; }

div.layer {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
}

div.box {
	background: #000;
	position: absolute;
	margin-left: -261px;
	padding: 8px;
	width: 500px;
	left: 50%;
	top: 42%;
	filter: alpha(opacity=85); opacity: .85; -moz-opacity: .85;
	-moz-border-radius: 4px; -moz-border-radius-bottomright: 30px; border-radius-bottomright: 30px;
}

div.box div.colophon {
	background: #000;
	position: absolute;
	max-width: 427px;
	padding: 10px;
	top: 178px;
	left: 0;
	-moz-border-radius: 4px; border-radius: 4px;
}

div.box div.profile {
	background: #000;
	position: absolute;
	padding: 10px 10px 7px 10px;
	top: 178px;
	left: 457px;
	-moz-border-radius: 4px; -moz-border-radius-topright: 0px; border-radius-topright: 0px;
}

div.box div.profile div.twitter {
	font-size: 12px;
	background: #000;
	position: absolute;
	margin-right: -350px;
	width: 350px;
	top: 0px;
	right: 0px;
	-moz-border-radius: 4px; -moz-border-radius-bottomleft: 0px; border-radius-bottomleft: 0px;
}

div.twitter p {	margin-bottom: 3px;	padding-bottom: 0px; }

div.twitter ul li {
	border-bottom: 1px dotted #fff;
	padding-bottom: 5px;
	margin-top: -10px;
}

div.twitter ul li:first-child {	margin-top: -7px; }

div.twitter ul li:last-child { border-bottom: none;	padding-bottom: 0px; margin-bottom: -7px; }

div.box h1 {
	border-bottom: 1px dotted #fff;
	margin: 0px;
	padding: 0px;
	filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;
}

h1 a {
	text-decoration: none;
}

div.dark-1 { background: url(../images/dark-1.png) center left; }
div.dark-2 { background: url(../images/dark-2.png) repeat-x center; }
div.dark-3 { background: url(../images/dark-3.png) repeat-x center bottom; }
div.dark-4 { background: url(../images/dark-4.png) repeat-x center; }
div.light-1 { background: url(../images/light-1.png) center; }
div.light-2 { background: url(../images/light-2.png) repeat-x center; }
div.light-3 { background: url(../images/light-3.png) repeat-x center bottom; }
div.light-4 { background: url(../images/light-4.png) repeat-x center; }

div.draggable-1 { position: absolute; width: 86px; height: 50px; left: 343px; top: 15px; background: url(../images/draggable-01.png) no-repeat center center; }
div.draggable-2 { position: absolute; width: 72px; height: 56px; left: 7px; top: -26px; background: url(../images/draggable-02.png) no-repeat center center; }
div.draggable-3 { position: absolute; width: 116px; height: 136px; left: -37px; top: -77px; background: url(../images/draggable-03.png) no-repeat center center; }
div.draggable-4 { position: absolute; width: 96px; height: 85px; left: 833px; top: 106px; background: url(../images/draggable-04.png) no-repeat center center; }