﻿/*
Sample CSS for Filter Block Video Player.

The design of a TitanCMS site is typically built using two primary CSS files 
that separately control the Style and Layout of the content elements. 

Generally speaking, The "Style" css defines the fonts, sizes, colors, backgrounds,
text attributes and imagery used in the design. The "Layout" css defines the padding, 
margins, heights, widths, overflow and other layout attributes.

The two sets of CSS are given as examples of required Style and Layout CSS code
to completely implement the Filter Block Video Player. You could copy and paste
the respective sections directly into your CSS file and have it use most of your 
already existing formatting. Some text and background colors may be beneficial to
change.

Note: As an extension to the Filter Block, the look of the video player content 
should be consistant with the look of other Filter Blocks in your design. 
*/

/* STYLES - Special classes for Filter Block Video Player */
div.VideoBlock { background-color: #f7f7f7; }

/* LAYOUT - Special classes for Filter Block Video Player */
div.VideoLineup div.teaser{padding-bottom:0px;}
.CenterZone div.VideoLineup div.image h4,
.CenterZone div.VideoLineup div.image p,
.CenterZone div.VideoLineup div.image span.hitCount,
.CenterZone div.VideoLineup div.image span.date{margin-left:83px;}
div.VideoLineup span.hitCount,
div.VideoLineup span.date{display:block;}
.VideoBlock{float:right;width:270px; height:400px; margin-top:-30px; padding:10px;overflow: auto; clear:none;}
.VideoLineup{clear:both; overflow:hidden; margin-bottom:15px;}
.mainBody .VideoBlock{float:left; width:270px; height:400px; margin-top:0; padding:10px;  overflow:hidden; clear:both;}
