/* ----------------------------------------------------------------- */
/* Cinetoko CSS                                                      */
/* Styles for the Cinetoko pages and posts                           */
/* This CSS is loaded by header.php if $isCinetoko is true           */
/* ----------------------------------------------------------------- */

A.cinetokoround {
	display:inline-block;
	width:90px;
	height:90px;
	overflow:hidden;
	border-radius: 50%;
	padding:0 !important;
	margin:0 !important;
}

A.cinetokoround:hover {
	border-radius: 50% !important;
	opacity:0.8;
}

A.cinetokoround SPAN {
	display:block;
	margin-top:25px;
	padding:0 5px;
	text-align:center;
	line-height:120%;

	color:#fff !important;
	font-size:16px;
	font-style:normal;
	text-decoration: none;
}

.cinetoko-listitem 		{ }
.cinetoko-item-0 		{ margin-right:25px; }
.cinetoko-item-2 		{ float:right; }

.cinetoko-metadata 		{ position:relative; }

DIV.cinetoko-title		{ }
A.cinetoko-title 		{ color:#222 !important; }
H1.cinetoko-title		{ /*text-transform:none;*/ line-height:110%; }
H2.cinetoko-title		{ /*text-transform:lowercase;*/ font-size:20px; margin-top:10px; }

.cinetoko-content 		{ line-height:140%; }
.cinetoko-content H1 	{ font-style:normal; border-top:1px solid #222; margin-top:25px; padding-top:15px; }
.cinetoko-content H2	{ font-size:20px; line-height:120%; margin:10px 0 0 0; }
.cinetoko-content P 	{ padding:10px 0; }
.cinetoko-content A		{ white-space:nowrap; }
.cinetoko-content IMG, .cinetoko-content IMG.size-full, .cinetoko-content IMG.alignnone { width:100%; height:auto;}
.cinetoko-content .photo-caption { font-size:14px; margin:0; padding:0; }
.cinetoko-content .photo-credits { font-size:14px; }

.cinetoko-content .playerYoutube, .cinetoko-content .playerVimeo { width:674px; height:380px; }

/* hide empty P elements */
.cinetoko-content P:empty, .cinetoko-listitem .entry-content P:empty {
	display:none;
}

/* cinetoko menu item in main menu */
A.menuitem-cinetoko 	{ position:relative; width:100px; }
IMG.menuitem-cinetoko 	{ position:absolute; top:0px; width:100px; height:50px; } /* rect (top, right, bottom, left) */

IMG.cinetoko-normal								{ clip:rect( 0px,100px,25px,0px); top:  0px; }
A.menuitem-cinetoko:hover > IMG.cinetoko-normal	{ clip:rect(25px,100px,50px,0px); top:-25px; }
IMG.cinetoko-active								{ clip:rect(25px,100px,50px,0px); top:-25px; }

.cinetoko-logo-title {
	content: url(/gfx/cinetoko-logo-500x110.png);
	width:90px; height:20px;
}

.cinetoko-logo-small {
	content: url(/gfx/cinetoko-logo-500x110.png);
	width:62px; height:14px;
}

.cinetoko-location {
	background:#222; color:#fff; padding:2px 6px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* cinetoko homepage */

#cinetoko-home		{ }
#cinetoko-archive	{ }

.cinetoko-more		{ clear:both; border-top:1px solid #222; margin-top:20px; padding-bottom:5px; padding-top:20px; }
.cinetoko-bottom	{ border-bottom:1px solid #222; padding-bottom:20px; margin-bottom:30px; }

.cinetoko-featured				{ width:100%; }
.cinetoko-featured h2 			{ line-height:100%; /*text-transform:none;*/ }
.cinetoko-featured h3			{ line-height:100%; /*text-transform:none;*/ margin-top:10px; margin-bottom:10px; }

/* misc cinetoko stuff */
.cinetoko-soon					{ margin-top:2px; margin-bottom:15px; }
.cinetoko-soon SPAN				{ background:#222; color:#fff; padding:2px 8px; /*font-family: Alata-Regular, Helvetica, Arial, Sans-serif;*/ /*font-weight:bold;*/ font-size:18px; /*text-transform:lowercase;*/ -moz-border-radius: 3px; border-radius: 3px; }
.cinetoko-featured-excerpt		{ margin-top:10px; line-height:140%; }

.cinetoko-featured-info			{ float:left; width:485px; position:relative; padding-top:10px; }
.cinetoko-featured-poster 		{ float:right; width:512px; height:288px; overflow:hidden; -moz-border-radius: 3px; border-radius: 3px; }
.cinetoko-featured-poster IMG 	{ width:100%; height:auto; }
.cinetoko-frontpage-spacer 		{ border-bottom:1px solid #222; padding-bottom:30px; margin-bottom:30px; }

DIV.related-after-3 { display:none; }

/* cinetoko subnav */

.cinetoko-submenu		{ font-size:16px; /*text-transform:lowercase;*/ margin:0 0 25px 0; }
.cinetoko-submenu A		{ text-decoration:none; -moz-border-radius: 3px; border-radius: 3px; }

.cinetoko-button		{ display:inline-block; margin:0 10px 0 0 !important; padding:2px 8px !important; background:#222; color:#fff !important; /*font-family: Alata-Regular, Helvetica, Arial, Sans-serif;*/ /*font-weight:bold;*/ font-size:15px; font-style:normal; /*text-transform:uppercase;*/ -moz-border-radius: 3px; border-radius: 3px; }

.cinetoko-section-header 			{ text-align:center; margin:0 0 25px 0; padding:0; }
.cinetoko-section-header A			{ color:#222 !important; background:transparent !important; }
.cinetoko-section-header A:hover	{ color:#222 !important; background:transparent !important; }

.cinetoko-small	P, .cinetoko-small TD 	{ font-size:13px !important; }

.entry-content TABLE {
    border-spacing: 0px;
    border-collapse: separate;
    margin:10px 0;
}

.entry-content TABLE TD {
	text-align:left;
	vertical-align:top;
	font-size:14px;
}


.entry-content TABLE td:first-child {
	padding-right:10px;
}

/* ----------------------------------------------------------------- */
/* Cinetoko Newsletter Signup Form                                   */
/* ----------------------------------------------------------------- */

#mc_embed_signup 						{ font-size:15px; font-style:italic; /*background:#eee;*/ }

#mc_embed_signup .mc-form-wrapper 		{ float:left; width:690px; }
#mc_embed_signup .mc-form-wrapper h2 	{ text-transform:none; }
#mc_embed_signup .mc-form-wrapper div 	{ padding-bottom:10px; }
#mc_embed_signup .mc-form-wrapper p 	{ line-height: 150%; }

#mc_embed_signup form			 		{ padding:0; margin:0; }
#mc_embed_signup .mc-field-group 		{ float:left; width:325px; clear:none; padding-bottom:10px; }
#mc_embed_signup .mc-field-group input 	{ width:95%; }

#mc_embed_signup .button 				{ background:#222; }

#mc_embed_signup .mc-newsletter-preview 		{ float:right; width:325px; padding-top:20px; }
#mc_embed_signup .mc-newsletter-preview IMG 	{ width:100%; height:auto; }

/* ----------------------------------------------------------------- */
/* Mobile / iPhone CSS                                               */
/* ----------------------------------------------------------------- */

@media only screen and (max-width: 480px) {

	#mc_embed_signup .mc-form-wrapper 			{ display:block; float:none; width:100%; }
	#mc_embed_signup .mc-field-group  			{ display:block; float:none; width:100%; }
	#mc_embed_signup .mc-newsletter-preview  	{ display:none; float:none; width:100%; }
	
}