body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	min-height: 380px;
	min-width: 530px;
	position: relative;
	background: #f0eee9 fixed;
}

#domain {
	z-index: 1000;
	position: absolute;
	top: 10px;
	left: 10px;
	text-shadow: black 0 1px 2px;
}

#wallpaper {
	width: 100%; 
	height: 100%; 
	position: fixed; 
	margin-left: 0px; 
	margin-top: 0px; 
	z-index: 0;
	overflow: hidden;
}

.stretch { 
	position: absolute;
	width:auto; 
	height:100%;
	min-width: 100%;
	min-height: 100%;
}


.heart {
	background-image: url(images/heart.png);
	width: 16px;
	height: 16px;
	position: absolute;
	top: 13px;
	right: -3px;
}

.private {
	background-image: url(images/private.png);
	width: 16px;
	height: 16px;
	position: absolute;
	top: 13px;
	right: -3px;
}


#canvas {
	width: 592px;
	height: 450px;
	background-color: rgba(255,254,255,0.15);
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -225px;
	opacity: 1;
	-webkit-border-radius:8px;
	border: 0px solid rgba(255,254,255,0.25);
}

#title {
	width: 592px;
	height: 57px;
	//background: url(images/title.png) no-repeat center center;
	left: 50%;
	position: relative;
	margin-left: -296px;
	top: 10px;
	margin-bottom: 20px;
	color: #feffff;
	padding-bottom: 20px;
	opacity: 0.75;
	text-align: center;
	font: bold 70px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: rgba(0,0,0,0.5) 0 1px 4px;
}

#info {
	color: rgba(255,254,255,0.5);
	position: relative;
	margin-top: 1px;
	font: 11px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
}

.clearme {
	clear: both;
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
}

.clearme_noborder {
	clear: both;
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	height: 10px;
}


.site {
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	font: bold 11px/45px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px dashed #2c2c2c;
	text-shadow: black 0 0 2px;
	color: #edf2ed;
	vertical-align: middle;
}

a:link, a:visited, a:hover, a:active {
	font: 10px/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-right: 20px;
}


a.small:link, a.small:visited, a.small:hover, a.small:active {
	margin-right: 0px;
	font: 11px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


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


a:hover {
	color: yellow;
	text-decoration: none;
}

a:active {
	color: #fbe981;
	text-decoration: none;
}

#wrapper {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

.icon {
	width: 62px;
	height: 62px;
	position: relative;
	padding: 0;
	float: left;
	margin: 15px 15px 25px;
}

.icon:hover {
	background-image: url(images/on.png);
}

.label {
	position: absolute;
	color: white;
	font: 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	width: 62px;
	bottom: -15px;
	text-shadow: black 0px 1px 2px;
}


.placeholder {
	width: 62px;
	height: 62px;
	position: relative;
	padding: 0;
	float: left;
	margin: 15px 15px 25px;
	background-image: url(images/placeholder.png);
}