@charset "UTF-8";
/* CSS Document containing Activity page and Activity List elements for Dinosaur Train Parents Content */

/* Pulls in Global Subpage Styles */
@import url('/parents/dinosaurtrain/css/dinosaurtrain-subpages.css');

/*
++++++++
	Activity Index Page (List of Activities)
++++++++
*/

.activities-list .activity {
	margin: 0 0 0 0;
	padding-bottom: 1.25em;
	clear: both;
}

.activities-list .activity p {
	margin: 0;
	padding: 0;
}

.activities-list .activity .image {
	float: left;
	width: 119px;
	margin: 0 0.875em 0 0;
}

.activities-list .activity .image a img {
	border: 2px solid #fff;
}

.activities-list .activity .image a:hover img {
	border: 2px solid #003d79;
}

.activities-list .activity .description {
	float: left;
	width: 446px;
}

.activities-list .activity:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.activities-list .activity { 
	* height: 1%; /* needed for IE7 issue */
}


/*
++++++++
	Individual Activity Pages
++++++++
*/


/*
===
	Activities Sidebar, which includes video, additional info, and other activity AND program specific elements
===
*/


/*
===
	Activities Sidebar
===
*/

.activity-sidebar {
	float: right;
	width: 324px;
	margin: 0 0 0.875em 0.875em;
	padding: 0;
}

.activity-sidebar .video-promo {
	margin: 0 0 0.875em 0;
}

.activity-sidebar .video-promo a img {
	border: 2px solid #fff;
}

.activity-sidebar .video-promo a:hover img {
	border: 2px solid #003d79;
}

.activity-sidebar .video-promo p.caption {
	text-align: center;
	margin: 4px 0 0 0;
}

p.video_caption {
	text-align: center;
	margin: 4px 0 0 0;
}

.activity-sidebar .additional-info {
	background-color: #ea994b;
	border: 2px solid #e38c39;
	padding: 0.5em 0.5em 0 0.5em;
}

.activity-sidebar .additional-info ul {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.activity-sidebar .additional-info li {
	margin: 0 0 0.5em;
	padding: 0;
}

/*
===
	Directions
===
*/

.directions {
	font-size: 0.875em;
	padding-bottom: 0.875em;
}

.directions h3 {
	font-size: 1em;
}


/*
===
	Materials List
===
*/

ul.materials {
	margin-bottom: 0.875em;
}


ul.materials li {
	margin-bottom: 0;
}

/*
===
	Additional Content Elements
===
*/

.content ol ul,
.content ol ol,
.content ul ol,
.content ul ul {
	font-size: 1em;
	margin-top: 0.875em;
}