/*
    AUTHOR: YOUR NAME HERE
            you@domain.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; background: #000;}
body { font: 62.5% Helvetica, sans-serif; color: #fff; padding-top: 10px;}
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; text-decoration: none;}
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#page-wrap {
	position: relative;
	width: 760px;
	height: 760px;
	margin: 0 auto;
	background: url(../img/album-background.png) no-repeat center top;
}

#content-wrap { 
	position: absolute;
	text-align: center;
	padding-top: 180px;
	top: 180px;
	right: 180px;
	margin: 0 auto;
	background: #000 url(../img/content-bg.png) no-repeat center top;
	width: 400px;
	height: 220px;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
}
/* END STRUCTURE */

#triggers img {
	cursor: pointer;
}

#qt {
	padding-top: 20px;
}