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

* {margin:0;padding:0;} 


/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none; color:#fff;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Typography
=====================================================================*/

h1.large { font-size:35px; }
h1.medium { font-size:24px; }
h1.small { font-size:14px; }

.pa-red {color:#d4021f;}
.italic {font-style:italic;}

.error-messages {background-color:#FFF; margin:0 0 0 0; padding:10px;font-size:12px;color:#d4021f; font-weight:bold; border:solid 1px #d4021f; }
.error-messages-login {background-color:#FFF; width:400px; margin:0 auto; padding:10px;font-size:10px;color:#d4021f; font-weight:bold; border:solid 1px #d4021f; }


/* Basic Grid Stucture
=====================================================================*/
html {
	height:100%;
	background-color:#4f4f4f;
	font-size:12px;
	font-family: Century Gothic, sans-serif;
	color:#fff;
}

body {
	height:100%;
	margin: 0 auto;
	width:960px;
}

#wrapper {
	width:960px;
	margin:auto;
	min-height:100%;
	margin-top:-162px;
	background-color:#989898;
	*position:relative;
}

* html #wrapper {
	height:100%;
}

.header-image {
	border-top:162px solid #4f4f4f;
}

.main-content-area {
	padding:20px;
	
}

.main-content-area-vfx {
	
	padding:20px 0 20px 20px;
	background-color:#989898;
}

.main-content-area-editorial {
	padding:20px 0 20px 20px;
	background-color:#989898;
}

.footer-spacer {
	height:20px;
	background-color:#4f4f4f;
}

.footer {
	background-color:#989898;
	margin:auto;
	height:162px;
	font-size:11px;
	color:#4f4f4f;
	clear:both;
}

.footer-links a {
	color:#4f4f4f;
}




/* Main Navigation & Client Login Bar
=====================================================================*/
.client-login-bar {
	height:20px;
	background-color:#1c1c1c;
	padding:6px 20px 4px 20px;
	*margin-top:-5px;
}

.client-login-bar-admin {
	height:30px;
	background-color:#1c1c1c;
	padding:0 20px 0 20px;
	*margin-top:-5px;
}

.header-address {
	float:left;
	*padding: 5px 0 0 0;
}

.client-login {
	float:right;
	*padding:0 0 4px 0;
}

.content-manager {
	float:left;
}

.logout {
	float:right;
	margin:7px 0 0 0;
	*margin:9px 0 0 0;
}

.client-login span {
	*margin:-5px 0 0 0;
}

#navigation-main {
	height:35px;
}

#navigation {
	height:35px;
}


#navigation-main ul#globalnav {margin: 0; width:960px; height:0px;  background-color:#0C9;}

#navigation-main li { display: inline; }

#navigation-main #globalnav li#globalnav-news a { float: left; width:192px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation-main #globalnav li#globalnav-editorial a { float: left; width:192px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation-main #globalnav li#globalnav-vfx a { float: left; width:192px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation-main #globalnav li#globalnav-about a { float: left; width:192px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation-main #globalnav li#globalnav-contact a { float: left; width:192px; height: 0px; padding-top:35px; overflow: hidden; }


#navigation-main li a,

#navigation-main #globalsearch { background-image: url(../img/navigation/globalnavbg.png); }

/* BUTTONS  */
#navigation-main li#globalnav-news a { background-position: 0 0; }
#navigation-main li#globalnav-editorial a { background-position: -192px 0; }
#navigation-main li#globalnav-vfx a { background-position: -384px 0; }
#navigation-main li#globalnav-about a { background-position: -576px 0; }
#navigation-main li#globalnav-contact a { background-position: -768px 0; }



/* OVER STATES */ 
#navigation-main li#globalnav-news a:hover { background-position: 0 -35px; }
#navigation-main li#globalnav-editorial a:hover { background-position: -192px -35px; }
#navigation-main li#globalnav-vfx a:hover { background-position: -384px -35px; }
#navigation-main li#globalnav-about a:hover { background-position: -576px -35px; }
#navigation-main li#globalnav-contact a:hover { background-position: -768px -35px; }



/* ON STATES */
#navigation-main.news #globalnav li#globalnav-news a { background-position: 0 -70px !important; }
#navigation-main.editorial #globalnav li#globalnav-editorial a { background-position: -192px -70px !important; }
#navigation-main.vfx #globalnav li#globalnav-vfx a { background-position: -384px -70px !important; }
#navigation-main.about #globalnav li#globalnav-about a { background-position: -576px -70px !important; }
#navigation-main.contact #globalnav li#globalnav-contact a { background-position: -768px -70px !important; }



/* Admin Navigation
=====================================================================*/

#navigation ul #adminnav {margin: 0; width:960px; height:0px; float:left; background-color:#0C9;}

#navigation li { display: inline; }

#navigation #adminnav li#adminnav-editorial a { float: left; width:240px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation #adminnav li#adminnav-vfx a { float: left; width:240px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation #adminnav li#adminnav-roster a { float: left; width:240px; height: 0px; padding-top:35px; overflow: hidden; }
#navigation #adminnav li#adminnav-client a { float: left; width:240px; height: 0px; padding-top:35px; overflow: hidden; }

#navigation li a,

#navigation #globalsearch { background-image: url(../img/navigation/adminnavbg.png); }

/* BUTTONS */
#navigation li#adminnav-editorial a { background-position: 0 0; }
#navigation li#adminnav-vfx a { background-position: -240px 0; }
#navigation li#adminnav-roster a { background-position: -480px 0; }
#navigation li#adminnav-client a { background-position: -720px 0; }

/* OVER STATES */
#navigation li#adminnav-editorial a:hover { background-position: 0 -35px; }
#navigation li#adminnav-vfx a:hover { background-position: -240px -35px; }
#navigation li#adminnav-roster a:hover { background-position: -480px -35px; }
#navigation li#adminnav-client a:hover { background-position: -720px -35px; }

/* ON STATES */
#navigation.editorial #adminnav li#adminnav-editorial a { background-position: 0 -70px !important; }
#navigation.vfx #adminnav li#adminnav-vfx a { background-position: -240px -70px !important; }
#navigation.roster #adminnav li#adminnav-roster a { background-position: -480px -70px !important; }
#navigation.client #adminnav li#adminnav-client a { background-position: -720px -70px !important; }


/* News 
=====================================================================*/
.news-left-column {
	float:left;
	width:610px;
	position:relative;
}

.news-right-column {
	float:left;
	width:300px;
	margin:0 0 0 10px;
}

.news-entry {
	float:left;
	background-color:#FFF;
	color:#4f4f4f;
}

.news-entry-image {
	position:relative;
}


.news-entry-title-overlay {
	position:absolute;
	top:0;
	left:0;
	width:580px;
	height:20px;
	background-color:#4f4f4f;
	color:#d4d4d4;
	font-size:14px;
	padding:10px 15px;
	opacity:0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);					
}

.news-entry-copy {
	padding:0 40px;
}

.news-entry-credits {
	float:left;
	padding:0 0 10px 10px;
}

.news-watch-button {
	float:right;
	height:35px;
	padding:0px 10px 0 0;
	margin:20px 0 0 0;
}

/* Right Column News
=====================================================================*/
.featured-box-large {
	width:300px;
	height:215px;
	margin:0 0 10px 0;
}

.featured-box-small {
	width:300px;
	height:165px;
	margin:0 0 10px 0;
	background-color:#3c3c3c;
}

.social-media-links {
	padding:0 0 0 30px;
	color:#989898;
}

.social-media-links a {
	color:#989898;
}

/* Editorial
=====================================================================*/

.editorial-left-column {
	float:left;
	width:290px;
}

.editorial-right-column-home {
	float:left;
	width:610px;
	margin:0 0 0 10px;
}

.editorial-right-column-reel {
	float:left;
	width:620px;
	margin:0 0 0 10px;
}

.editor-name-box {
	height:40px;
	background-color:#1c1c1c;
	color:#FFF;
	padding:8px 10px 12px 10px;
}

.editor-title {
	font-size:14px;
	line-height: 20px;
	color:#989898;
}


/* Design / VFX
=====================================================================*/
.vfx-entry {
	position:relative;
	float:left;
	width:300px;
	height:175px;
	background-color:#989898;
	margin:0 10px 10px 0;
}

.vfx-entry-title-overlay {
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:15px;
	background-color:#4f4f4f;
	color:#d4d4d4;
	padding:10px 10px;
	opacity:0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);					
}

.vfx-entry-watch-button {
	position:absolute;
	bottom:0;
	*bottom:2px; /*<--- for IE only   */
	right:0;
	width:72px;
	height:20px;
	background-color:#d4021f;
}

/* About
=====================================================================*/
.about-top-box-text {
	background-color:#FFF;
	padding:20px 50px 20px 40px;
	color:#4f4f4f;
	line-height:25px;
}

.about-black-box {
	padding:20px 50px 20px 40px;
	background-color:#1c1c1c;
	color:#989898;
	font-size:14px;
}

.about-black-box ul li {
	margin:0 0 10px 0;
}



/* Contact
=====================================================================*/
.contact-black-box {
	background-color:#1c1c1c;
	padding:10px 35px;
	font-size:14px;
}

.contact-name-and-title {
	margin: 0 0 3px 0; /*<----- this dictates the height betwwen name and email address */
}

.contact-name {
	font-size:19px;
}

.contact-title {
	font-size:18px;
	color:#989898;
}

/* Admin Section
=====================================================================*/
#left-column.admin {
	float:left;
	width:200px;
}

#right-column.admin {
	float:left;
	width:760px;
}

.upload-media {
	padding:0 0 0 25px;
}

#adminForm {
	padding:0 0 0 25px;
}

.edit-delete-link {
	color:#989898;
}

.delete-titles {
	font-size:20px;
	font-weight:bold;
}

.delete-info-title {
	float:left;
	width:150px;
	font-size:16px;
	font-weight:bold;
}

.delete-info {
	font-size:16px;
}


/* Client Pages
=====================================================================*/
.client-section-header {
	height:20px;
	padding:5px 10px 5px 10px;
	margin:0 0 10px 0;
	font-size:18px;
	background-color:#1c1c1c;
}

.client-subsection-header {
	height:20px;
	padding:2px 10px 5px 10px;
	margin:0 0 10px 0;
	font-size:18px;
	background-color:#4f4f4f;
}

.client-entry {
	height:80px;
	margin:0 0 10px 0;
	padding:10px 10px;
	font-size:14px;
	background-color:#4f4f4f;
}

.client-entry img {
	float:left;
	margin:0 10px 0 0;
}

/* Forms
=====================================================================*/
.fieldclass {
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 200px;
}

.fieldclassLong {
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 650px;
}

.error {
	font-size:10px;
	color:#F00;
}

#sizePricePromotion {
	width:700px;
}


/* Tables
=====================================================================*/
table {width:800px;}

.view_votes th {
	padding:5px;
	border: 1px solid #c8c8c8;
}

.view_votes td {
	padding:5px;
}

.view_accounts th {
	padding:5px;
	border: 1px solid #c8c8c8;
}

.view_accounts td {
	padding:5px;
}

/* Pagination Styles
=====================================================================*/
/*
.casing {
	padding:10px 0 10px 0;
	text-align: left;
	width: 600px;
}


.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 auto;
	position:absolute;
	right:0;
}

.paginate a{
	border: 1px solid #3c3c3c;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #3c3c3c;
}

.paginate a.current {
	border: 1px solid #1D1B1C;
	font: bold 1em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#5d0d06;
	color: #FFF;
	text-decoration: none;
}

.paginate span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
	display:none;
}
*/