@charset "utf-8";

body {
	background: #054348;
	background-image:url(/filmjournal/images/bg_page.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0px;
	font: 12px Arial, sans-serif;
}

h4 {
	margin: 0;
	padding: 0 0 10px 0;
}

h4.events {
	margin: 0;
	padding: 0;
}


a {
	text-decoration: none;
	color:#CC4C2F;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 1000px;
	margin: 0 auto;
}
#banner {
	width: 1000px;
	height: 200px;
	float:left;
}
#nav {
	background:
		#FFFFFF
		url(/filmjournal/images/bg_nav.gif)
		repeat-x;
	width: 1000px;
	height: 35px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#breakingNews {
	background:#EFF2F4;
	width: 1000px;
	height: 30px;
	float: left;
}

.breakingClass {
 	text-align:center;
 	padding-top: 7px;
 	font-family:Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#0a6363;
	
}

#footerFrame{
	background: 
		url(/filmjournal/images/bg_footer.gif)
		repeat-x
		bottom;
	float: left;
	width: 1000px;
	height: 74px;
	}
#content {
	background:
		#FFFFFF
		url(/filmjournal/images/bg_content.gif)
		repeat-x;
	width: 1000px;
	padding-top: 26px;
	float: left;
}

#leftColumn {
	width: 670px;
	float: left;
}
#rightColumn {
	background: #EFF2F4;
	width: 315px;
	float: left;
	padding: 0px 0px 0 10px;
}
#footer {
	background:
		#FFFFFF
		url(/filmjournal/images/bg_footer2.gif)
		repeat-x
		bottom;
	padding: 16px 14px;
	float: left;
}

/*#banner>a {
	float:left;
}*/

#utilityLinks {
	float:left;
	margin-top: 84px;
	margin-left: 25px;
	/*
	position:absolute;
	left: 548px;
	top: 155px;
	*/
}

#navButton {
	height: 35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	float:left;	
}

.navHome {
	width: 74px;
	text-align: center;
}

.navNews {
	// width: 155px;
	width: 175px;
	text-align: center;
}

.navReviews {
	width: 84px;
	text-align: center;
}

.navColumns {
	//width: 157px;
	width: 177px;
	text-align: center;
}

.navIndustry {
	//width: 150px;
	width: 170px;
	text-align: center;
}

#searchBox {
	padding-left: 10px;
	padding-top: 4px;
	float:left;
}

#footerSEO {
	padding: 0px 16px 16px 16px;
	float:left;
}

#topStory {
	background-color: #F4F3F3;
	background-image: url(/filmjournal/images/bg_topstory.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	float: left;
	width: 610px;
	margin-left: 13px;
	margin-bottom: 32px;
	padding: 0px 12px;
	padding-bottom: 24px;
}

#topStoryTwo {
	float: left;
	width: 300px;
	margin-top: 12px;
	margin-right: 5px;
}

#topStoryThree {
	float: left;
	width: 300px;
	margin-top: 12px;
}

#topStoryHed {
	background-color: #F4F3F3;
	background-image: url(/filmjournal/images/bg_topstory_hed.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 634px;
	height: 11px;
	float:left;
	margin-left: 13px;
}

#moduleOneCol {
	background-image: url(/filmjournal/images/bg_hed_onecol.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 301px;
	float:left;
	margin-left: 13px;
	margin-bottom: 14px;
	padding: 0px 6px;
}

#moduleTwoCol {
	background-image: url(/filmjournal/images/bg_hed_twocol.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 632px;
	float:left;
	margin-left: 13px;
	margin-bottom: 14px;
	padding: 0px 6px;
}

#moduleTwoCol2 {
	background-image: url(/filmjournal/images/bg_hed_twocol.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 632px;
	float:left;
	margin-left: 13px;
	margin-bottom: 0px;
	padding: 0px;
}


#moduleNewsCol {
	width: 632px;
	float:left;
	margin-left: 13px;
	margin-bottom: 14px;
	padding: 0px 6px;
}

#moduleNewsCol2 {
	width: 632px;
	float:left;
	margin-left: 13px;
	padding: 0px;
}

#moduleArticle {
	width: 632px;
	float:left;
	margin-left: 13px;
	margin-bottom: 10px;
	padding: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	
}

#newsHed {
	background-image: url(/filmjournal/images/bg_news.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 148px;
	height: 34px;
	float:left;
	margin-left: 0px;
	padding: 0px 3px;
}

#newsButtonLegal {
	background-image:url(/filmjournal/images/bg_mpaa.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 106px;
	height: 33px;
	float:left;
	margin-left: 2px;
	padding: 2px 0px 0px 2px;
}

#newsButtonDig {
	background-image:url(/filmjournal/images/bg_digital.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 93px;
	height: 33px;
	float:left;
	margin-left: 0px;
	padding: 2px 0px 0px 2px;
}

#newsButtonTech {
	background-image:url(/filmjournal/images/bg_technology.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 175px;
	height: 33px;
	float:left;
	margin-left: 0px;
	padding: 2px 0px 0px 2px;
}


#newsButtonTech2 {
	background-image:url(/filmjournal/images/bg_tech.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 93px;
	height: 33px;
	float:left;
	margin-left: 0px;
	padding: 2px 0px 0px 2px;
}

#newsButtonCin {
	background-image:url(/filmjournal/images/bg_cinmas.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 57px;
	height: 33px;
	float:left;
	margin-left: 0px;
	padding: 2px 0px 0px 2px;
}

#moduleFeaturesCol {
	width: 632px;
	float:left;
	margin-left: 13px;
	margin-bottom: 14px;
	padding: 0px 6px;
}

#moduleLeft {
	float: left;
	width: 300px;
	margin-top: 12px;
	margin-right: 24px;
}

#moduleRight {
	float: left;
	width: 300px;
	margin-top: 12px;
}

#moduleRightColGrayHed {
	background-image: url(/filmjournal/images/bg_rightbox_gray_hed.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 300px;
	height: 14px;
	float: left;
	font-size: 1px;
}

#moduleRightColGray {
	background-image: url(/filmjournal/images/bg_rightbox_gray.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 270px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 18px;
	margin-bottom: 14px; 
}

#moduleRightColWhiteHed {
	background-image: url(/filmjournal/images/bg_rightbox_white_hed.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 300px;
	height: 14px;
	float: left;
	padding-bottom:0px;	
	margin-bottom:0px;
}

#moduleRightColWhite {
margin-top:0px;
	background-image: url(/filmjournal/images/bg_rightbox_white_mid.gif);
	background-position:top;
	width: 270px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	
}
#moduleRightColWhitebottom {
	background-image: url(/filmjournal/images/bg_rightbox_white_bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 300px;
	height: 59px;
	float: left;
	padding-bottom: 15px;
	margin-bottom: 14px;
}

#swap {
	width: 290px;
	float: left;
	padding-bottom: 15px;
}


#imageBoxTop {
	float: left;
	padding-right: 10px;
	width: 473px;
}

#imageBox {
	float: left;
	padding-right: 10px;
}

a.whiteLink {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#FFFFFF;
}

a.whiteLink:hover {
	color:#5FFEFB;
}

a.navLink {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: 19px;
	color:#CC4C2F;
	display: block;
	padding: 8px 14px;
}

a.subNavLink {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	height: 15px;
	color:#585858;
	display: block;
	padding: 11px 8px;
}

a.navLink:hover {
	background-image:url(/filmjournal/images/bg_nav_over.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

a.subNavLink:hover {
	color:#CC4C2F;
}

a.redLink {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#CC4C2F;
	font-weight: bold;
}

a.redLink:hover {
	text-decoration: underline;
}

a.seoRedLink {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color:#CC4C2F;
	text-align:center;
}
a.seoRedLink:hover {
	text-decoration: underline;
}

a.blueLink {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#279A9A;
	text-decoration:none;
}

a.blueLink:hover {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#279A9A;
	text-decoration:underline;
}

a.hedLink {
	color:#279A9A;
	text-decoration: none;
}

a.hedLink:Hover {
	text-decoration: underline;
}

a.GreenLink {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#279a9a
}

a.GreenLink:Hover {
	text-decoration: underline;
}

.topStoryHedType {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 14px;
	color:#279A9A;
}

.redHedType {
	font-family: Times, serif;
	font-size: 25px;
	font-weight:normal;
	margin: 0px;
	margin-bottom: 14px;
	padding: 0px;
	color:#CC4C2F;
}

.redSansHedType {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight:normal;
	margin: 0px;
	margin-bottom: 14px;
	padding: 0px;
	color:#CC4C2F;
}

.redSansSubHedType {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	margin: 0px;
	margin-bottom: 14px;
	padding: 0px;
	color:#CC4C2F;
}


.blueHedType {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#279A9A;
	margin: 0px;
}

.blueHedType2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#279A9A;
	margin: 0px;
}

.blueHedType3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#279A9A;
	margin: 0px;
}

.bodyType {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#000000;
	margin: 0px;
	margin-bottom: 14px;
	padding: 0px;
}

.swapBody {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	background: #ffffff;
	width: 279px;
	padding: 0px;
}
.seoHead {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6f6f6f
}

.blackType {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
}
.blackType2 {
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#6f6f6f;
}
.seoBlackType {
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#6f6f6f;
}

.seoBlackTypeBold {
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#6f6f6f;
}
.blueType {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#279A9A;
}

.whiteType {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#FFFFFF;
}

.creditType {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#939090;
	margin: 0px;
	padding: 0px;
}

.leaderBoard {
	margin-top: 5px;
	margin-left: 136px;
	
}

.logo {
	margin-top: 24px;
	margin-left: 14px;
}

.image { 
	border: 1px solid #CCCCCC; 
	padding: 0px;
	margin: 0px;
}

.breadcrumb {
	font: 8pt Arial, sans-serif;
	} 
	
.breadcrumb a:link {
	color:#279A9A;
	font: 8pt Arial, sans-serif;
	padding: 0px;
	text-decoration: underline;
	}

.breadcrumb a:hover{
	color: #279A9A;
	font: 8pt Arial, sans-serif;
	padding: 0px;
	text-decoration: underline;
	}
	
.breadcrumb a:active{
	color:#279A9A;
	font: 8pt Arial, sans-serif;
	padding: 0px;
	text-decoration: underline;
	}
	
.breadcrumb a:visited{
	color:#279A9A;
	font: 8pt Arial, sans-serif;
	padding: 0px;
	text-decoration: underline;
	} 
	
	
.addthis{ text-align:left; padding-right:135px;}

.story {
	padding: 10px 35px 10px 0;
}
		/* --- | Photo | --- */
		
.story .photo { width: 320px; margin-bottom:10px; }
.story .photo img { margin: 2px 20px 2px 2px; background: #a4a4a4; border-width:thin; border-color: #a4a4a4; 
}

#full_article {
	display: none;
	}

p.date {
	margin: 0;
	padding: 3px 0 7px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
}

p.author {
	margin: 0;
	padding: 0 0 7px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
}

.img_caption {
	margin: 0 0 4px 0;
	font-size: 0.9em;
	color: #999999; 
	font-family: Tahoma;
	letter-spacing: 0.02cm;
	width:300px;
}
.img_credit { text-align:right; padding: 0 20px 0 0; font-size: 0.8em; color: #999999; font-style: italic; font-family: Tahoma;}

#click_ability {
	margin:3px 0px 1px 0;
	padding:5px 0 5px 0;
	text-align:right;
	font-size: 0.85em;
	color: #666666;
	font-family: Arial;
	border-top: 1px dashed #c0c0c0;
	border-bottom: 1px dashed #c0c0c0;
	line-height: 26px;
	font-weight: normal;
}
#click_ability_bottom {
	margin:10px 0px 5px 0;
	padding:5px 0 5px 0;
	text-align:right;
	font-size: 0.85em;
	color: #666666;
	font-family: Arial;
	border-top: 1px dashed #c0c0c0;
	border-bottom: 1px dashed #c0c0c0;
	line-height: 26px;
	font-weight:normal;
}

#click_ability a, #click_ability_bottom a {
	padding: 0 8px 0 0;
}

span.divider {padding-right:5px;}

.story {
font-family: Arial, sans-serif;
	font-size: 13px;
	color:#000000;
}

h1 {
margin: 0px;
padding: 0px;
}

h2 {
margin: 0px;
padding: 0px;
}

h5 {
margin: 0px;
padding: 0px;
color:#279A9A;
}

.headline {
font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	color:#279A9A;
}

.subheadline {
font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#00000;
}

.click {
	font-size: 11px;
}


/******************* Email Tabs Styling *********************/

#most_tabs {
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
	float: left;
	width: 100%;
	position: relative;
	
}

#most_tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-bottom: 0px;
}

#most_tabs li span
{
	position: absolute;
	text-indent: -9999px;
}



#most_tabs li a#tab_popular  {
	display: block;
	width: 150px;
	height: 20px;
	background-position: 0 0;
	z-index: 1;
}


#most_tabs li a#tab_emailed  {
	display: block;
	width: 129px;
	height: 20px;
	background-position: 0 0;
	z-index: 1;
}

#most_tabs li a#tab_popular {	background: url(/filmjournal/images/tabs-most-popular.gif) no-repeat; }
#most_tabs li a#tab_emailed {	background: url(/filmjournal/images/tabs-most-emailed.gif) no-repeat; }


#most_tabs li.active a#tab_popular,  
#most_tabs li.active a#tab_popular:hover { 
	background: url(/filmjournal/images/tabs-most-popular.gif) no-repeat;
	background-position: 0 -40px;
	z-index: 2;
}
#most_tabs li.active a#tab_emailed,  
#most_tabs li.active a#tab_emailed:hover { 
	background: url(/filmjournal/images/tabs-most-emailed.gif) no-repeat;
	background-position: 0 -40px;
	z-index: 2;
}



#most_tabs li a#tab_popular:hover, #most_tabs li a#tab_emailed:hover  {
	background-position: 0 -20px;
}

#most_swapper_1, #most_swapper_2
{
	margin: 0;
	padding: 0;
	clear: both;
}

.swap_div_hide {
	position: absolute;
	top: -9999px;
	
}	

/******************* Events Tabs Styling *********************/

#events_tabs {
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
	float: left;
	width: 100%;
	position: relative;
	
}

#events_tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-bottom: 0px;
}

#events_tabs li span
{
	position: absolute;
	text-indent: -9999px;
}



#events_tabs li a#tab_upcoming  {
	display: block;
	width: 150px;
	height: 20px;
	background-position: 0 0;
	z-index: 1;
}


#events_tabs li a#tab_industry  {
	display: block;
	width: 129px;
	height: 20px;
	background-position: 0 0;
	z-index: 1;
}

#events_tabs li a#tab_upcoming {	background: url(/filmjournal/images/tabs-upcoming-events.gif) no-repeat; }
#events_tabs li a#tab_industry {	background: url(/filmjournal/images/tabs-industry-calendar.gif) no-repeat; }


#events_tabs li.active a#tab_upcoming,  
#events_tabs li.active a#tab_upcoming:hover { 
	background: url(/filmjournal/images/tabs-upcoming-events.gif) no-repeat;
	background-position: 0 -40px;
	z-index: 2;
}
#events_tabs li.active a#tab_industry,  
#events_tabs li.active a#tab_industry:hover { 
	background: url(/filmjournal/images/tabs-industry-calendar.gif) no-repeat;
	background-position: 0 -40px;
	z-index: 2;
}



#events_tabs li a#tab_upcoming:hover, #events_tabs li a#tab_industry:hover  {
	background-position: 0 -20px;
}

#events_swapper_1, #events_swapper_2 {
	margin: 0;
	padding: 0;
	clear: both;
}

.events {
	padding: 10px 5px 5px 5px;
}

.news_item {
	margin: 0;
	padding: 5px 5px 20px 0px;
	clear: both;
}

.news_item2 {
	margin: 0;
	padding: 5px 5px 10px 0px;
	clear: both;
}

#tError {
padding: 5px 40px 0px 0px;
text-align: right;
	}
	
/**********  Start   SEO- For H1 and H2       **********/
	
h1.seodesc {
	color:#6f6f6f; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:center;
	padding: 0px;
	margin: 5px 75px 0px 75px;
	}
	
h2.seodesc {
	color:#6f6f6f; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14pt;
	font-weight: normal;
	text-align:center;
	padding: 5px;
	text-indent:0;
	
	}


	
	/**********  End   SEO- For H1 and H2       **********/

	
#fj_logo {
	float:left;
}