/* @override http://nefilmacademy.site/_css/style.css */

/*
** New England Film Academy
** New England Film Academy Website
**
** CSS Created by Jamie Peloquin Design <http://www.jamiepeloquin.com>
** Contact Email: <tag@jamiepeloquin.com>
** $Id: style.css 13 2010-05-14 00:20:13Z jamie $
*/

/*
**	Style Guide
**
**	Base Font Size 		= 100%	= 16px
**	#Content Font Size 	= 100% 	= 16px
**
**	Color Red:	#b00
**	Text Color:	#333
**	Link Colir: #f00
*/



/* @group Reset */



/*
**	Reset all element properties so all browsers are using a similar baseline.
*/

html
{
    color: #000;
    background: #FFF;
}

body,div,menu,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
    margin: 0;
    padding: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img
{
    border: 0;
}

body
{
    font-family: sans-serif;
    font-size: 100%;
}

address,caption,cite,code,dfn,em,strong,th,var
{
    font-style: normal;
    font-weight: normal;
}

ul li, menu li
{
    list-style: none;
}

caption,th
{
    text-align: left;
}

h1,h2,h3,h4,h5,h6
{
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after
{
    content: '';
}

abbr,acronym
{
    border: 0;
    font-variant: normal;
}

sup
{
    vertical-align: text-top;
}

sub
{
    vertical-align: text-bottom;
}

input,textarea,select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

table
{
    font-size: inherit;
}

pre,code,kbd,samp,tt
{
    font-family: monospace;
    font-size: 108%;
    line-height: 100%;
}

/* @end */

/* @group Base */

html, body
{
    color: #333;
    background-color: #fff;
}

body
{
    font: 100%/1 "Lucida Grande", "Lucida Sans", "Lucida Sans Std", "Lucida Sans Pro", "Lucida Sans Unicode", Lucida, "Trebuchet MS", Arial, sans-serif;
}

* strong
{
    font-weight: bold;
}

a, img, li, dt, dd, td, th, table
{
    position: relative;
    outline-width: 0;
}

p, ul, ol, dl, blockquote
{
    margin-bottom: 1.5em;
}

li, dt, dd, .formpart
{
    margin-bottom: 0.5em;
}

ul, ol, dl
{
    border-width: 0;
}

li
{
    margin-left: 1.5em;
}

th, td
{
    vertical-align: top;
}

small
{
    font-size: 70%;
}

/* @end */

/* @group Page Content */

/* @group @font-face-Franchise */

/*
**  Generated by Font Squirrel (http://www.fontsquirrel.com) on April 27, 2010
**	Franchise created by Weathersbee Type (http://derekweathersbee.com)
*/

@font-face {
	font-family: 'Franchise';
	src: url('_fonts/franchise/franchise-bold-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Franchise';
	src: url(//:) format('no404'), url('_fonts/franchise/franchise-bold-webfont.woff') format('woff'), url('_fonts/franchise/franchise-bold-webfont.ttf') format('truetype'), url('_fonts/franchise/franchise-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group General Content */

body
{
    background: #fff url(../_images/bkgd-body.jpg) repeat-x;
    font-size: 100%;
    //font-size: 95%;
}

#PageWrapper
{
    
}

blockquote
{
    font: 160% Baskerville, Times, "Times New Roman", serif;
    border: 0 solid #ddd;
    border-width: 1px 0;
    position: relative;
    visibility: visible;
    padding: 16px;
}

blockquote cite
{
	position: relative;
    display: block;
    text-indent: 0;
}

blockquote dfn
{
	display: block;
	position: relative;
	font-size: 75%;
	padding-left: 24px;
	margin-top: 0.75em;
	font-style: italic;
    background: url(../_images/effect-blockquote.png) no-repeat left center;
}

a
{
    position: relative;
}

a:link
{
    color: #f00;
}

a:visited
{
    color: #9e4e00;
}

a:hover, a:focus
{
    color: #900;
}

a:active
{
    color: #f99;
}

a:active, .button:active, button:active, input[type=submit]:active, input[type=reset]:active
{
    top: 1px;
    margin-bottom: -1px;
}

hr
{
    height: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    color: #ddd;
    margin: 2em 0;
}

* html hr
{
    margin: 1em 0;
}

*:first-child+html hr
{
    margin: 1em 0;
}

hr.dashed
{
    border-style: dashed;
}

hr.dotted
{
    border-style: dotted;
}

.text-center
{
    text-align: center;
}

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}

.icn
{
    padding-left: 38px;
    display: inline-block;
    min-height: 32px;
}

.icn-loader-drkbg-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_ajax_loader-drkbg-16.gif) no-repeat left center;
}

.icn-add
{
    background: url(../_images/icn_add-32.png) no-repeat left center;
}

.icn-add-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_add-16.png) no-repeat left center;
}
.icn-edit
{
    background: url(../_images/icn_edit-32.png) no-repeat left center;
}

.icn-edit-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_edit-16.png) no-repeat left center;
}

.icn-folder_edit
{
    background: url(../_images/icn_folder_edit-32.png) no-repeat left center;
}

.icn-folder_edit-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_folder_edit-16.png) no-repeat left center;
}

.icn-folder_user
{
    background: url(../_images/icn_folder_user-32.png) no-repeat left center;
}

.icn-folder_user-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_folder_user-16.png) no-repeat left center;
}

.icn-folder_page
{
    background: url(../_images/icn_folder_page-32.png) no-repeat left center;
}

.icn-folder_page-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_folder_page-16.png) no-repeat left center;
}

.icn-group
{
    background: url(../_images/icn_group-32.png) no-repeat left center;
}

.icn-group-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_group-16.png) no-repeat left center;
}

.icn-group_edit
{
    background: url(../_images/icn_group_edit-32.png) no-repeat left center;
}

.icn-group_edit-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_group_edit-16.png) no-repeat left center;
}

.icn-group_add
{
    background: url(../_images/icn_group_add-32.png) no-repeat left center;
}

.icn-group_add-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_group_add-16.png) no-repeat left center;
}

.icn-group_link
{
    background: url(../_images/icn_group_link-32.png) no-repeat left center;
}

.icn-group_link-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_group_link-16.png) no-repeat left center;
}

.icn-group_gear
{
    background: url(../_images/icn_group_gear-32.png) no-repeat left center;
}

.icn-group_gear-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_group_gear-16.png) no-repeat left center;
}

.icn-application_form_edit
{
    background: url(../_images/icn_application_form_edit-32.png) no-repeat left center;
}

.icn-application_form_edit-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_application_form_edit-16.png) no-repeat left center;
}

.icn-email
{
    background: url(../_images/icn_email-32.png) no-repeat left center;
}

.icn-email-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_email-16.png) no-repeat left center;
}

.icn-cross
{
    background: url(../_images/icn_cross-32.png) no-repeat left center;
}

.icn-cross-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_cross-16.png) no-repeat left center;
}

.icn-cancel
{
    background: url(../_images/icn_cancel-32.png) no-repeat left center;
}

.icn-cancel-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_cancel-16.png) no-repeat left center;
}

.icn-exclamation
{
    background: url(../_images/icn_exclamation-32.png) no-repeat left center;
}

.icn-exclamation-small
{
    min-height: 16px;
	padding-left: 20px;
    background: url(../_images/icn_exclamation-16.png) no-repeat left center;
}

.icn-accept
{
    background: url(../_images/icn_accept-32.png) no-repeat left center;
}

.icn-accept-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_accept-16.png) no-repeat left center;
}

.icn-calendar-small, .icn-date-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/icn_date-16.png) no-repeat left center;
}

.icn-facebook-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/facebook.png) no-repeat left center;    
}

.icn-twitter-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/twitter.png) no-repeat left center;    
}

.icn-youtube-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/youtube.png) no-repeat left center;    
}

.icn-feed-small
{
	padding-left: 20px;
    min-height: 16px;
    background: url(../_images/feed.png) no-repeat left center;    
}

.note
{
    font-size: 70%;
}

#ContentWrapper
{
    color: #333;
    line-height: 1.5;
}

#Masthead #SiteBranding
{
    position: absolute;
    left: -90px;
    top: 0;
}

#Masthead #SiteBranding, #Masthead #SiteBrandingHomeLink, #Masthead #SiteBrandingHomeLink img
{
	display: block;
	width: 567px;
	height: 280px;		
}

#Masthead #SiteBrandingHomeLink
{
    background: url(../_images/brand-header.png) no-repeat;
}

* html #Masthead #SiteBrandingHomeLink
{
    background: url(../_images/brand-header-alt.png) no-repeat;
}

#ContentWrapper a:hover img, #ContentWrapper a:focus img, #Footer a:hover img, #Footer a:focus img
{
    -webkit-box-shadow:	0 0 6px #b00;
    -moz-box-shadow: 	0 0 6px #b00;
    -o-box-shadow: 		0 0 6px #b00;
    -khtml-box-shadow: 	0 0 6px #b00;
    box-shadow: 		0 0 6px #b00;
}

#ContentContent h1
{
	font-family: Franchise, Impact, sans-serif;
	font-size: 300%;
	color: #b00;
	margin-bottom: 0.5em;
}

#ContentContent h2
{
	font-size: 140%;
	font-weight: bold;
	color: #000;
	margin: 1.5em 0 0 0;
}

#ContentContent h3
{
	font-size: 120%;
	font-weight: bold;
	color: #000;
	margin: 1.5em 0 0 0;
}

#ContentContent h2 strong, #ContentContent legend, #ContentContent h3 strong
{
	font-weight: bold;
}

#ContentContent legend
{
	font-size: 130%;
}

#ContentContent .subheading, #ContentContent .date
{
    font-size: 60%;
    display: block;
    color: #aaa;
}

#ContentContent h2 .subheading, #ContentContent h2 .date
{
	margin-bottom: 0.75em;
}

#ContentContent h1 .subheading
{
    font-size: 50%;
    letter-spacing: 0.05em;
    margin-top: -0.75em;
}

#ContentSidebar .sidebar-item
{
    margin: 16px;
    margin-right: 0;
    padding-bottom: 16px;    
    border: 0 dotted #ddd;
    border-bottom-width: 2px;
    font-size: 87.5%;
}

#ContentSidebar h2
{
	font-family: Franchise, Impact, sans-serif;
	font-size: 180%;
	line-height: 1.5;
    color: #fff;
    padding: 0 16px;
    background-color: #2e2e2e;
    text-transform: uppercase;
    background-image: url(../_images/bkgd-sidebar-stripe_cdb344dd385e367ed034a5fdcde77634.png);
    margin-left: -1px;
}

#ContentSidebar h3
{
	font-family: Franchise, Impact, sans-serif;
	font-size: 171%;
	color: #000;
    letter-spacing: 0.03em;
	line-height: 1.2;
}

#FooterContent
{
    font-size: 75%;
}

#Footer #FooterImage
{
	position: relative;
	width: 300px;
	height: 225px;
    margin-top: -110px;
    background: url(../_images/footer-image.png) no-repeat;    
}

* html #Footer #FooterImage
{
    background: url(../_images/footer-image-alt.png) no-repeat;    
}

/* @end */

/* @group Lists */

dl.column
{
    margin-right: 2em;
}

dt, .term
{
    font-weight: bold;
}

#ContentWrapper ul li
{
    list-style-image: url(../_images/bullet-arrow-right-12.png);
}

ol
{
	padding-left: 1em;  
}

ol.alpha-lower li
{
    list-style-type: lower-alpha;
}

ol.alpha-upper li
{
    list-style-type: upper-alpha;
}

ul:last-child, ol:last-child, dl:last-child, menu:last-child
{
    margin-bottom: 0;
}

.list-instructors .name
{
    font-size: 120%;
    margin-bottom: 0;
}

.list-instructors .position
{
    font-size: 75%;
}

.list-instructors .photo
{
    float: left;
    margin-right: 0.5em;
    margin-top: 0.25em;    
}

/* @end */

/* @group tables */

table, .table
{
    display: table;
    width: 99%;
}

tr, .table-row
{
    display: table-row;
    list-style-type: none;    
}

td, th, .table-cell
{
    display: table-cell;
    list-style-type: none;
    padding: 6px;    
}

/* @end */

/* @group Forms */

label dfn, .label dfn, .formpart sample
{
    font-size: 75%;
}

.required
{
    color: #ff7073;
}

.formpart
{
    margin-bottom: 1em;
}

.formpart:last-child
{
    margin-bottom: 0;
}

.formpart-justified label
{
    float: left;
}

.formpart-justified input, .formpart-justified textarea, .formpart-justified select
{
    float: right;
    width: 66%;
}

.textarea input, textarea, select, button
{
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 100%;
    padding: 6px;
    color: #555;
}

.textarea input:focus, textarea:focus, select:focus, button
{
    color: #000;
}

input, textarea, select, button
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;    
}

.button
{
    display: inline-block;
    padding: 6px 12px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    background-color: #ddd;
    border: 1px solid #ccc;
    overflow: hidden;   
    cursor: pointer;
}

.btn-shaded
{
	color: #fff;
	background-color: #333;	
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.3, rgb(102,102,102)),
	    color-stop(1, rgb(51,51,51))
	);
	background: -moz-linear-gradient(
	    center top,
	    rgb(102,102,102) 30%,
    	rgb(51,51,51) 100%
	);
	border: 0 solid;
	border-bottom: 1px solid #222;
	border-bottom: 1px solid rgba(0, 0, 0, .75);
	-webkit-box-shadow:	0 1px 3px rgba(0, 0, 0, .65);
	-moz-box-shadow: 	0 1px 3px rgba(0, 0, 0, .65);
	-khtml-box-shadow: 	0 1px 3px rgba(0, 0, 0, .65);
	-o-box-shadow: 		0 1px 3px rgba(0, 0, 0, .65);
	box-shadow: 		0 1px 3px rgba(0, 0, 0, .65);
	text-shadow: -1px 1px rgba(0,0,0,0.25);
	filter: dropshadow(color=#, offx=0, offy=1);
}

.btn-shaded:hover, .btn-shaded:focus
{
    color: #c8ff70;
}

.btn-shaded:active
{
	border-top: 1px solid #444;
	background-color: #222;	
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.3, rgb(34,34,34)),
	    color-stop(1, rgb(85,85,85))
	);
	background: -moz-linear-gradient(
	    center top,
	    rgb(34,34,34) 30%,
    	rgb(85,85,85) 100%
	);	
}

.button .icn
{
	position: relative;
	display: inline-block;
    margin: 0;
    margin-bottom: -3px;
    left: -3px;
}

/* @end */

/* @group Navigation | Menus */

.navigation
{
	position: relative;
    padding-left: 0;
    overflow: hidden;
}

.navigation li
{
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.navigation-skip
{
    position: absolute;
    top: -1000px;
    height: 0;    
}

#NavigationMain
{
    background: url(../_images/nav-header-placeholder.png) no-repeat;
}

#NavigationMainPlaceholder
{
    background: url(../_images/nav-header-sprite-alt.png) no-repeat;
    background-position: 0 0;
}

.sect-youth-programs #NavigationMainPlaceholder
{
    background-position: 0 -330px;
}

.sect-adult-programs #NavigationMainPlaceholder
{
    background-position: 0 -660px;
}

.sect-our-movies #NavigationMainPlaceholder
{
    background-position: 0 -990px;
}

.sect-scholarships #NavigationMainPlaceholder
{
    background-position: 0 -1320px;
}

.sect-our-friends #NavigationMainPlaceholder
{
    background-position: 0 -1650px;
}

#NavigationSidebar
{
}

#NavigationSidebar li
{
    font-size: 171%;
	font-family: Franchise, Impact, sans-serif;
	line-height: 1;
    list-style-image: url(../_images/bullet-3chev-default.png);
    padding: 0;
    margin: 8px 0;
	//margin-left: 16px;
	//padding-left: 16px;
}

#NavigationSidebar li.active
{
    list-style-image: url(../_images/bullet-3chev-active.png);
}

#NavigationSidebar li a
{
	text-decoration: none;
	color: #555;
	display: block;
}

#NavigationSidebar li a:hover, #NavigationSidebar li a:focus
{
    color: #900;
}

#NavigationSidebar li a:active
{
    color: #f99;
}

#NavigationSidebar li.active a
{
	color: #000;
}

#FooterLinks li
{
    float: left;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}

#FooterLinks li:before
{
    padding-right: 0.5em;
    content: '\0B7'; /* · */
}

#FooterLinks li.social-links:before
{
    padding-right: 0;
    content: '';
}

#FooterLinks li.social-links
{
    margin-left: 1em;
    padding-top: 1em;
}


#FooterLinks .social-links .icn, #FooterLinks .social-links .icn img
{
	display: inline-block;
    padding-left: 0;
    width: 16px;
    height: 16px;
    background-position: top left;    
}

#FooterLinks .social-links
{
	float: none;
	clear: left;
}

/* @end */

/* @group Popovers */

.hud, .modal
{
    position: absolute;
    z-index: 9999;
    border: 8px solid #ddd;
    padding: 10px;
    background-color: #222;
    background-color: rgba(0,0,0,0.85);
    color: #fff;
    -webkit-border-radius:	16px;
    -moz-border-radius: 	16px;
    -o-border-radius: 		16px;
    -khtml-border-radius: 	16px;
    border-radius: 			16px;
}

.hud h3, .modal h3
{
	font-family: Franchise, Impact, sans-serif;
	font-size: 180%;
	line-height: 1;
    text-transform: uppercase;
	margin-bottom: 8px;
}

.hud
{
	-webkit-box-shadow:	0 2px 8px rgba(0,0,0,.80);
	-moz-box-shadow: 	0 2px 8px rgba(0,0,0,.25);
	box-shadow: 		0 2px 8px rgba(0,0,0,.25);    
}



.return-msg
{
	margin: 12px 0;
}

.hud .return-msg p, .modal .return-msg p
{
    font-size: 180%;
    margin-bottom: 12px;  
}

.hud .return-msg, .modal .return-msg
{
    background-position: left top;
}

.hud .return-msg li, .modal .return-msg li
{
    list-style-type: disc;
}

.widget-close
{
    position: absolute;
    right: 8px;
    top: 8px;
}

.widget-close:active
{
    top: 9px;
}

#WindowContact
{
	position: absolute;	
    width: 480px;
    height: auto;
    padding: 16px;
    top: 320px;
    left: 25%;
}



/* @end */



/* @end */

/* @group Application Messages */

.usermessage
{
	display: inline-block;
    padding: 4px;
    border: 1px solid;
    font-size: 85%;
    margin-bottom: 1.5em;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.message-error
{
    background-color: #ffd3d4;
    color: #c00;
    border-color: #f66;
    padding-left: 26px;
    background-image: url(../_images/icn_error-16.png);
}

.message-info
{
    background-color: #d4e0ff;
    color: #005094;
    border-color: #0090ff;
    padding-left: 26px;
    background-image: url(../_images/icn_information-16.png);
}

.message-warning
{
    color: #9e4e00;
    background-color: #ffffef;
    border-color: #ffc664;
    padding-left: 26px;
    background-image: url(../_images/icn_error-16.png);
}

.error, .warning
{
    color: red;
}

.error
{
    font-weight: bold;
}

.formpart .error
{
    padding: 0.5em 0;

}

.placeholder
{
    border: 1px dashed #ccc;
}

/* @end */

/* @group Page Layout */

body
{
	position: relative;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

img.float-right
{
    margin-left: 0.5em;
}



/*	Multi-columns with no fixed width */
.column
{
    float: left;
    min-height: 1%;
    margin-right: 1em;
}

.column-last
{
    margin-right: 0;
}

/*	Multi-columns with fixed width */
.column1, .column2
{
    position: relative;
	width: 470px;
    border: 0 solid #ccc;
}

.column1
{
    float: left;
    padding-right: 25px;
    border-right-width: 1px;
    margin-right: 0;
}

.column2
{
    float: left;
    padding-left: 25px;
    border-left-width: 1px;
    margin-left: -1px;
}

.column1 .column1, .column2 .column1, .column1 .column2, .column2 .column2
{
    position: relative;
    width: 48%;
    border: 0 solid #ccc;
}

.column1 .column1, .column2 .column1
{
    float: left;
    padding-right: 3%;
    margin-right: 0;
    border-right-width: 0;
}

.column1 .column2, .column2 .column2
{
    float: right;
    padding-left: 3%;
	margin-left: 0;
    border-left-width: 0;
}

img.float-left
{
    margin-right: 0.5em;
}

.align-vertmid
{
	min-height: 1%;
    display: table-cell;
    vertical-align: middle;
    background-color: #eee;
}

#PageWrapper, #FooterContent
{
	position: relative;
    width: 960px;
    margin: 0 auto;
}

#Masthead
{
	position: relative;
    width: 960px;
    height: 318px;
}

#NavigationMain
{
    position: absolute;
    right: 0;
    top: 0;
}

#NavigationMainPlaceholder
{
    display: block;
    position: relative;
}

#NavigationMain, #NavigationMainPlaceholder
{
    width: 615px;
    height: 318px;
}

#ContentWrapper
{
	position: relative;
    width: 100%;
    min-height: 300px;
    background-color: transparent;
}

#ContentContent
{
    position: relative;
    width: 630px;
    float: left;
}

#ContentSidebar
{
    position: relative;
    width: 300px;
    float: right;
    background-color: #fff;
    border: 0 solid #ccc;
    border-left-width: 1px;
}

#Footer
{
    position: relative;
    width: auto;    
    margin-top: 100px;
    background-color: #fff;
    background-image: url(../_images/bkgd-footer-stripe_92303d9cfa90036ebe7d20d6a608e7e3.png);
}

#Footer .footer-buffer
{
    position: relative;
    height: 30px;
    background: #ccc url(../_images/bkgd-footer-stripe_16dc15b00e86fda86b4e1b771943745b.png) repeat;
}

#FooterContent
{
    padding: 1.5em 0;
}

#Footer .column
{
	width: 300px;
    margin-right: 30px;
}

#Footer .column-last
{
    margin-right: 0px;
}

/* @end */

/* @group Template Overides */

/* @group Our Movies */

.videowall
{
    background-color: #000;
    width: 630px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.videowall .videowall-title, .videowall .videowall-cell
{
	padding: 15px;
	width: auto;
}

#ContentContent .videowall .videowall-title
{
	color: #fff;
	font-size: 150%;
	margin: 0;
	text-align: left;
}

.videowall .videowall-cell
{
	color: #fff;
    text-align: center;
    width: 50%;
}

.videowall .videowall-cell a
{
	display: block;
	padding: 8px 0;
}

.videowall .videowall-cell a.icn
{
	display: inline-block;
	padding-left: 20px;
}

.videowall .videowall-cell a:hover img, .videowall .videowall-cell a:focus img
{
    -webkit-box-shadow:	0 0 10px #b00;
    -moz-box-shadow: 	0 0 10px #b00;
    -o-box-shadow: 		0 0 10px #b00;
    -khtml-box-shadow: 	0 0 10px #b00;
    box-shadow: 		0 0 10px #b00;
}



/* @end */

/* @group Our Friends */

#ListOurFriends .table-cell
{
    text-align: center;
    vertical-align: middle;
    padding: 12px;
}

#ListOurFriends .table-cell img
{
	max-width: 240px;
	width: auto;
	height: auto;	
}

* html #ListOurFriends .table-cell img
{
	width: 200px;
	height: auto;	
}

/* @end */

/* @group External Pages */


/* @end */

/* @group Sidebar Items*/

.sidebar-item .group-item
{
	position: relative;
	clear: left;
	margin-bottom: 1.5em;    
}

.videogalleryblock .group-item
{
	padding-bottom: 16px;
	font-weight: bold;
}

.videogalleryblock .group-item img
{
    position: relative;
    float: left;
    display: block;
    margin-right: 8px;
    width: 90px;
    height: 54px;
}

.videogalleryblock .group-item a
{
	display: block;
	min-height: 54px;    
}

.videoblock a img, .videoblock object
{
	border: 15px solid #222;
    -webkit-border-radius:	15px;
    -moz-border-radius: 	15px;
    -o-border-radius: 		15px;
    -khtml-border-radius: 	15px;
    border-radius: 			15px;
}

/* @end */



/* @end */

/* @group Javascripts */


/* 	JS-HIDE
**  Created by Jamie Peloquin 2009
**	You may use JS-Hide under the Creative Commons
**  Attributions Share-Alike license
**  <http://creativecommons.org/licenses/by-sa/3.0/>
**	js-hide is used to swap-out the initial css style with
**  inline CSS [style="display:none"], using javascript.
**	This helps with the "flashing" issue of content that is hidden
**	after the DOM loads and keeps the content accessible to
**  audio, print, tty, etc.
*/

@media screen,projection,handheld,tv
{

	.js-hide
	{
	    display: none !important;
	}

}

/* -- end JS-HIDE -- */

/* @group LivePipe */

#control_overlay {  
    background-color:#000;  
} 
 
.modal {  
    background-color:#fff;  
    padding:10px;  
    border:1px solid #333;  
} 
 
.tooltip {  
    border:1px solid #000;  
    background-color:#fff;  
    height:25px;  
    width:200px;  
    font-family:"Lucida Grande",Verdana;  
    font-size:10px;  
    color:#333;  
} 
 
.simple_window {  
    width:250px;  
    height:50px;  
    border:1px solid #000;  
    background-color:#fff;  
    padding:10px;  
    text-align:left;  
    font-family:"Lucida Grande",Verdana;  
    font-size:12px;  
    color:#333;  
} 
 
.window {  
    background-image: url(../_js/images/window_background.png);  
    background-position:top left;  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -o-border-radius: 10px;  
    -khtml-border-radius: 10px;  
    border-radius: 10px;  
    padding:10px;  
    font-family:"Lucida Grande",Verdana;  
    font-size:13px;  
    font-weight:bold;  
    color:#fff;  
    text-align:center;  
    min-width:150px;  
    min-height:100px;  
} 
 
.window .window_contents {  
    margin-top:10px;  
    width:100%;  
    height:100%;      
} 
 
.window .window_header {  
    text-align:center;  
} 
 
.window .window_title {  
    margin-top:-7px;  
    margin-bottom:7px;  
    font-size:11px;  
    cursor:move;  
} 
 
.window .window_close {  
    display:block;  
    position:absolute;  
    top:4px;  
    left:5px;  
    height:13px;  
    width:13px;  
    background-image:url("../_js/images/window_close.gif");  
    cursor:pointer;  
    cursor:hand;  
}

/* @end */

/* @group YouTube */


.playerBox_gsvb div.alldone_gsvb        { color : #b00; }
.playerBox_gsvb a.title_gsvb            { color : #000; font-weight: bold;}

.playerBox_gsvb div.alldone_gsvb:hover  { color : #b00; }
.playerBox_gsvb a.title_gsvb:hover      { color : #b00; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #333; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               { background-color : #000; }
.floatingPlayerBox_gsvb                 { border : 1px solid #000; }

.floatingPlayer_gsvb, .floatingPlayer_gsvb, .floatingPlayerBox_gsvb *
{
    background-color: rgba(0,0,0,0);
}


.floatingPlayerBox_gsvb
{ 
	background-color : rgba(255,255,255,0.90);
	-webkit-box-shadow: 	0px 2px 6px rgba(0,0,0,.90);
	-moz-box-shadow: 		0px 2px 6px rgba(0,0,0,.90);
	-o-box-shadow: 			0px 2px 6px rgba(0,0,0,.90);
	-khtml-box-shadow: 		0px 2px 6px rgba(0,0,0,.90);
	box-shadow: 			0px 2px 6px rgba(0,0,0,.90);
}

.playing_gsvb
{
    border-radius: 			12px;
    -webkit-border-radius: 	12px;
    -moz-border-radius: 	12px;
    -o-border-radius: 		12px;
    -khtml-border-radius: 	12px;
}

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb 
{
}


/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb 
{
	position : absolute;
	z-index : 9998;
}

.floatingPlayer_gsvb 
{
	position : absolute;
	z-index : 9999;
}

.floatingPlayer_gsvb, .floatingPlayer_gsvb a
{
	color: #fff;
}

.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 260px;
  height : 195px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}


/* @end */  

/* @end */

/* @group !HIGH PRIORITY! */

/*
**	IE Button Padding Fix
*/

* html button, * html .button
{
    overflow: visible;
    width: auto;
}

.disabled, form *[disabled], form *[readonly]
{
    opacity: 0.5 !important;
}

.hide
{
    display: none !important;
}

.hidden
{
    visibility: hidden !important;
}

.clear-both
{
    clear: both !important;
}

.clear-left
{
    clear: left !important;
}

.clear-right
{
    clear: right !important;
}

/*
**	Clear child floats
**	For use when a Parent contains children with float properties
**	:after				= Most modern browsers
**	*html				= IE6
**	*:first-child+html	= IE7
*/

.clearfloats:after, .formpart:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfloats, * html .formpart
{
    height: 1%;
}

*:first-child+html .clearfloats, *:first-child+html .formpart
{
    min-height: 1px;
}

/* @end */