/*
-----------------------------------------------------
Templated Companion Site Demo
-----------------------------------------------------
Template CSS
-----------------------------------------------------
*/

/*
STYLES INDEX

I. Global

II. Header

III. Body Content

	A. Primary Column
		1. Header and Text Styles
		2. Form Styles
		3. Broadcast Info
		4. Video Preview
		5. Timeline

	B. Secondary Column
		1. Header and Text Styles
		2. E-commerce
		3. Features Promo
		4. Broadcast Info
		5. Secondary Navigation

IV. Footer

*/

/*
======================================================
I. Global
======================================================
*/

body
{
	font                  : 11px  verdana, georgia, sans-serif; 
	color                 : #FFF;
	text-align            : center;
	margin                : 0;
	background-color      : #000;
}

#sitewrapper
{
	width                 : 600px;
	margin                : 0 auto;
	text-align            : left;
}

#sitewrapper              a:link,
#sitewrapper              a:visited
{
	color                 : #ffde80;
	text-decoration       : none;    
}

#sitewrapper              a:hover,
#sitewrapper              a:active
{
	color                 : blue;
	text-decoration       : underline;
}

/*
======================================================
II. Header
======================================================
*/
#banner
{
	width                 : 100%;
}

.title
{
    position              : relative;
    top                   : 20px;
}
#hometitle
{
    left                  : 68px;
}

#beatricetitle
{
    left                  : -2px;
}    

#cinfaTitle
{
    left                  : -48px;
}

#carafatitle
{
    left                  : 5px;
}

#llorentetitle
{
    left                  : 0px;
}

#catharstitle
{
    left                  : -20px;
}

#conversostitle
{
    left                  : 75px;
}

#bibliographytitle
{
    left                  : -50px;
}

#creditstitle
{
    left                  : -65px;
}

#airdatestitle
{
    left                  : -50px;
}
/*
======================================================
III. Body Content
======================================================
*/

#bodycontent
{
    width                 : 100%;
    height                : 100%;
    margin                : auto;
}

/*
-----------------------------------------------------------------------------------------------------------
A. Primary Column
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn
{
	vertical-align        : top;
	padding               : 12px 10px 20px 10px;
	width                 : 403; 
	height                : 547;	
}

#primarycolumn #airintro
{
     font-size            : 13px
}

#credits #creditto
{
    margin-left           : 30px;
}
/*
-----------------------------------------------------------------------------------------------------------
A1. Primary Column: Header and Text Styles
-----------------------------------------------------------------------------------------------------------
*/
#primarycolumn h4
{
	font-size             : 10px;
	line-height           : 12px;
}

#primarycolumn #hometop
{
    font-size             : 12px;
    line-height           : 16px;
}

#primarycolumn .pdivider
{
   padding-bottom         : 5px; 
   padding-top            : 15px;
}
/*
-----------------------------------------------------------------------------------------------------------
A2. Primary Column: Form Styles
-----------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------------------------
A3. Primary Column: Video Preview and Broadcast Info
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn #vidiopandbrodcast
{
    width                 : 180px;
	color                 : #fff;
	float                 : left;
}

#primarycolumn #vidiopandbrodcast p
{
     text-align           : center; 
     line-height          : 18px; 
     margin-bottom        : 10px
}

/*
-----------------------------------------------------------------------------------------------------------
A4. Primary Column: Text Contents
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn p
{
    text-align            : justify;
	line-height           : 15px;
	margin                : 10px 3px 3px 0;
}

#primarycolumn .paragraphsubtitle
{
    margin-top            : 20px; 
}

#primarycolumn #credits .col0
{
    vertical-align        : text-top;
    width                 : 220px;
}

#primarycolumn .BiblioLink
{
    font-style            : italic;
}

/*
-----------------------------------------------------------------------------------------------------------
B. Secondary Column
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn
{
	width                 : 120px;
	vertical-align        : top;
}

/*
-----------------------------------------------------------------------------------------------------------
B1. Secondary Column: Header and Text Styles
-----------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------------------------
B2. Secondary Column: E-commerce
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn #ecommerce
{    
	margin-top           : 20px;
}

#secondarycolumn #ecommerce img
{
    margin-left          : 24px;
}

#secondarycolumn #dvdtext
{
     text-align          : center;
     margin-left         : -15px;
     line-height         : 8px;
}

/*
-----------------------------------------------------------------------------------------------------------
B3. Secondary Column: Features Promo
-----------------------------------------------------------------------------------------------------------
*/
#secondarycolumn .divider
{
    margin-top            : 20px;
    margin-left           : 5px;
    border                : 0;
}

#secondarycolumn #featurespromo
{
	clear                 : both;
	margin-top            : 20px;
}

/*
-----------------------------------------------------------------------------------------------------------
B4. Secondary Column: Broadcast Info
-----------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------------------------
B5. Secondary Column: Secondary Navigation
-----------------------------------------------------------------------------------------------------------
*/

/*
======================================================
IV. Footer
======================================================
*/

#footer
{
    font-family             : verdana, arial, sans-serif;
	font-size               : 10px;
    width                   : 100%;
    margin                  : auto;
	background-color        : #000;
}

#footer .funders,
#footer .producers
{
	vertical-align          : top;
    padding                 : 5px 10px 5px 10px;
}

#footer .funders img,
#footer .producers img
{
	border                  : 0;
	margin                  : 5px 0 0 0;
}

#footer #copyright
{
	vertical-align          : top;
	padding                 : 7px 0 5px 10px;
}

#footer .funders   p,
#footer .producers p,
#footer #copyright p
{
	margin                  : 0;
}