header {
	background-image: url(/hive/images/header.gif);
	width: 640px;
	height: 116px;
	line-height: 215px;
}

section {
	padding: 10px 0;
	margin: 0 10px;
}

#outer-container {
	width: 640px;
	height: auto;
	background-color: white;
}


.container {
	padding: 10px;
}

.margin-less {
	margin: 0;
}

.padding-less {
	padding: 0;
}

.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-bold {
	font-weight: bold;
}
.text-tiny {
	font-family: arial;
	font-size: 11pt;
}
.text-giant {
	font-size: 18px;
}

/* media pages */

#modal-underlay {
	width: 100%;
	height: 100%;
	opacity: .4;
	background-color: black;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
#modal-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: middle;
	pointer-events: none;
}

.ageGroup {
	height: 24pt;
}

.row {
	margin: 10px 0;
	/*height: 650px;*/
}

div.OneAudio, div.OneVideo, div.OneBook {
	display: inline-block; 
	width: 24%;
	height: 100%;
	vertical-align: top;
}
div.bookcoverDiv {
	width: 100%; 
	cursor: pointer; 
	position: relative;
}

img.bookcover {
	width: 150px; 
	height: 225px;
}

img.ssIcon {
	position: absolute;
	left: 0;
	bottom: 0;
}

div.ssDesc {
	margin: 10px;
}

div.close-x {
	font-size: 24px;
	font-weight: bold;
	float: right;
	color: #ddd;
	cursor: pointer;
}
div.close-x:hover {
	color: red;
}