/* 
	Southampton University - Learning Object CSS - p.10 Bibliography
	(Oct 2013 - www.sjward.org)
	--------------------------------------------------------------- */

@media screen and (max-device-width: 480px){
	body{ -webkit-text-size-adjust: none;	}
}

*		{ margin:0; padding:0; }
html	{ height:100%; }
body	{ height:100%; background:#fff; font:normal normal 500 100% 'arial', 'Lucida Grande', sans-serif; color:#303030; }


#main_wrap, 
#footer_wrap, 
#footer_spacer,
#offset_top { 
	position:relative; width:100%; cursor:default;  
}		
#main_wrap		{ min-height:100%; background:#fff; min-width:650px; }
#footer_spacer	{ height:35px; background:none; width:600px; }
#footer_wrap	{ height:30px; margin-top:-30px; background:none; min-width:650px; }
#offset_top 	{ height:20px; margin:0px; }


div.alignment-L, 
div.alignment-C, 
div.alignment-R { 
	position: relative; width: 630px; overflow:visible; background:#fff; height:600px; border:0px solid #aaa; padding:10px;
}
	div.alignment-L { margin: 0; }
	div.alignment-C { margin: 0 auto; background:#fff url('images/road.png') no-repeat 225px 50px; }
	div.alignment-R { margin: 0 0 0 auto;}

div.alignment-Cf { 
	position:relative; width:650px; overflow:visible; background:none; min-height:20px; border:0; margin:0 auto; text-align:center; color:#888; font-size:12px;
}


/* ----------------------------- */

img { border:0; outline:none; }

.reveal_wrap {
	position:relative;
	width:422px;
	margin:350px 0 0 0;
	border:0px solid #f00;
	padding:0;
}
div.reveal {
	position:absolute;
	padding:10px 10px 10px 10px;
	width:420px;
	background:#e6e6e6;
	border:1px dotted #eee;
	-webkit-box-shadow: 3px 4px 5px rgba(50, 50, 50, 0.46);
	-moz-box-shadow:    3px 4px 5px rgba(50, 50, 50, 0.46);
	box-shadow:         3px 4px 5px rgba(50, 50, 50, 0.46);
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px; 
	display:none;
}


div.closer {
	position:absolute;
	padding:5px 10px 5px 10px;
	right:0px;
	top:0px;
	font-size:14px;
	line-height:16px;
	color:#fff;
	background:#d6d6d6;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius: 3px;
}
div.closer:hover {
	background:#c9c9c9;
}


.sign a { color:#404040; text-decoration:none; outline:none; background:#ebe5c7 url('images/arrow-left.gif') no-repeat left -24px; padding:10px 20px 10px 50px; margin:0 0 0 0; } 
	.sign:hover a { color:#fff; background:#aa2c31 url('images/arrow-left-H.gif') no-repeat left -24px; }
.signR a { color:#404040; text-decoration:none; outline:none; background:#ebe5c7 url('images/arrow-right.gif') no-repeat right -24px; padding:10px 45px 10px 15px; margin:0 0 0 0; } 
	.signR:hover a { color:#fff; background:#aa2c31 url('images/arrow-right-H.gif') no-repeat right -24px; }


.alpha {
	opacity:0.46;
	filter:alpha(opacity=46);
}
.alpha:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}


.selected {
	opacity:1;
	filter:alpha(opacity=100);
}
.selected a {
	color:#fff;
	background:#aa2c31 url('images/arrow-left-H.gif') no-repeat left -24px;
}
.selected a.pointR {
	color:#fff;
	background:#aa2c31 url('images/arrow-right-H.gif') no-repeat right -24px;
}


div#sign_1 { position:absolute; width:178px; height:110px; top:30px; 	left:467px;	border-left:4px solid #555; padding:10px 0 0 0; cursor:pointer; background:url('images/book-1.png') no-repeat center 43px; }
div#sign_0 { position:absolute; width:155px; height:115px; top:70px;	left:139px;	border-right:4px solid #555; padding:10px 0 0 0; cursor:pointer; background:url('images/book-1.png') no-repeat center 50px; }
div#sign_3 { position:absolute; width:202px; height:130px; top:180px;	left:441px;	border-left:4px solid #555; padding:10px 0 0 0; cursor:pointer; background:url('images/book-2.png') no-repeat center 50px; }
div#sign_2 { position:absolute; width:150px; height:140px; top:235px;	left:130px; border-right:4px solid #555; padding:10px 0 0 0; cursor:pointer; background:url('images/book-3.png') no-repeat center 50px; }
div#sign_4 { position:absolute; width:162px; height:160px; top:360px;	left:481px; border-left:4px solid #555; padding:10px 0 0 0; cursor:pointer; background:url('images/book-4.png') no-repeat center 60px; }


p, ul { line-height: 17px; color:#606060; }
p { text-align:left; margin-bottom:10px; font-size:13px; }

h1, h2, h3, h4 { margin:0; padding:0;
	font-weight:700;
}
h1 { font-size:18px; margin:5px 0 15px 0; color:#aa2c31; }
h2 { font-size:18px; margin:0px 0 10px 0; color:#aa2c31; }
h3 { font-size:16px; font-weight:500; margin-bottom:20px; color:#707070; }
h4 { font-size:14px; margin-bottom:10px; color:#707070; }
	
ul { 
	list-style: disc outside none; 
	font-size: 13px;
	font-weight:700;
	margin:0 0 20px 20px;
}
ul li {
	line-height:15px;
	margin-bottom:4px;
	color:#014311;
}
	
.r { text-align:right; }