@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("main.css");
@import url("p7PMMh07.css");

#sidebarRight {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EEE;
	margin: 40px 40px 10px 10px;
	padding: 10px;
	border: 1px solid #F00;
	text-align: center;
}
#stories object {
	margin-top: 40px;
	margin-left: 40px;
}
#sidebarRight p {
	text-align: left;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 10px;
}
#sidebarRight p #hintimage {
	margin-top: 10px;
}
#wrapperIntroStorytelling h1 {
	padding-left: 40px;
}
#introStorytelling p {
	text-align: center;
	line-height: 2em;
	padding-top: 50px;
	padding-bottom: 50px;
}
#introStorytellingMovie object {
	margin-top: 60px;
}
#storiesYouTube {
}
#storiesYouTube object {
	margin-top: 20px;
	/* [disabled]margin-left: 40px; */
}
#stories {
}
#stories h1 {
	padding-left: 40px;
}
#stories #player {
}
#thumbsStories {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
#thumbsStories p img {
	padding: 5px;
	border: 1px solid #FFF;
	margin-right: 15px;
}
#thumbsStories p a:hover img{
	border: 1px solid #F00;
}
.current {
	background: #FFCAC7;
}