/*
Theme Name: Cine Information
Theme URI: http://www.cineinformation.org/
Description: The default CineInformation theme.
Version: 1.1
Author: Sam Clarke
Author URI: http://www.cineinformation.org/
*/

/*******************************************
 * Copyright (C) 2010 cineinformation.org, *
 * All rights reserved.                    *
 *******************************************/

html, body {
	margin: 0;
	padding: 0;
	font: 12px Arial, sans-serif;
}




/********************************
 * Pure css background gradient *
 ********************************/

html {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #8c8f92;

	background-image: -moz-linear-gradient(-90deg, #605f5f, #8c8f92);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#605f5f), to(#8c8f92));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#605f5f, endColorstr=#8c8f92);
}


/*************
 * Container *
 *************/

#container {
	position: relative;
	width: 932px;
	margin: 0 auto 0 auto;
}


/**********
 * Header *
 **********/

#header h1 {
	padding: 0;
	color: #fff;
	margin: 20px 0;
	font-size: 3em;
	font-weight: bold;
	text-shadow: #000 1px 1px 1px;
}


/****************
 * Font resizer *
 ****************/

#font-resizer {
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 18px;
}

#font-resizer a {
	margin: 0 2px;
	padding: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#font-resizer a:hover {
	text-decoration: underline;
}

#font-resizer p {
	margin: 0;
	padding: 0;
}


/**************
 * Skip Links *
 **************/

#skip-links {
	position: absolute;
	top: 30px;
	right: 20px;
	font-size: 1.1em;
}

#skip-links p {
	margin: 0;
	padding: 0;
}

#skip-links a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#skip-links a:hover {
	text-decoration: underline;
}


/**************
 * Navigation *
 **************/

#navigation {
	height: 48px;
	background: #4b6a90;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 48px;
	text-shadow: #000 1px 1px 1px;
	border: 1px solid #364961;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-top-left-border-radius: 10px;
	-webkit-top-right-border-radius: 10px;
	-khtml-border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	background-image: -moz-linear-gradient(-90deg, #597faf, #4b6a90);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#597faf), to(#4b6a90));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#597faf, endColorstr=#4b6a90);
}

#navigation ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

#navigation li {
	display: inline;
	list-style-type: none;
	margin-left: 15px;
}

#navigation a {
	color: #fff;
	text-decoration: none;
}

#navigation a:hover {
	border-bottom: 3px solid #fff;
}


/**************
 * Page Title *
 **************/

#page-title {
	font-weight: bold;
	color: #fff;
	padding: 10px 40px;
	background: #5a8dbe;
	border: 1px solid #364961;
	border-top: 0px;
	text-shadow: #000 1px 1px 1px;
	
	background-image: -moz-linear-gradient(-90deg, #5a8dbe, #5983b4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5a8dbe), to(#5983b4));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5a8dbe, endColorstr=#5983b4);
}

#page-title h1 {
	font-size: 2.5em;
}


/***********
 * Content *
 ***********/

#content-container {
	color: #262c32;
	background: #fff; /*#ecf0f7;*/
	border-left: 1px solid #364961;
	border-right: 1px solid #364961;
}

#content h1 {
	line-height: 1.1em;
	margin: 0 0 0.5em;
}

.clear {
	clear: both;
}

.navigation {
	overflow: hidden;
}

.navigation .alignleft, .navigation .alignright {
	width: 46%;
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.entry {
	clear: both;
	padding: 1em 0;
}

.entry h2 {
	border: 0;
}

#content {
	float: left;
	font-size: 1.15em;
	line-height: 1.55em;
	color: #262c32;
	padding: 20px 40px;
	background: #fff; /*#ecf0f7;*/
	padding-right: 290px;
	width: 600px;
	/*overflow: hidden;*/
	
	min-height: 650px;
	height: auto !important; /* part of the IE min-height fix */
	height: 650px; /* sets the height for IE which is the min-height */
}

blockquote {
	border-top: 0.5em solid #5a8dbe;
	border-bottom: 0.5em solid #5a8dbe;
	margin: 0 2em 0.75em 2em;
	padding: 0.8em;
}

blockquote:before {
	float: left;
	color: #5a8dbe;
	font-size: 6em;
	content: "\201C";
	font-weight: bold;
	
	line-height: 0.85em;
	margin-right: 0.1em;
	margin-bottom: -0.5em;
}

a img {
	border: 0;
}

a:link, a:visited {
	color: #00468C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 0.75em 0;
}

h2 {
	margin: 0.75em 0;
}

.error, .success {
	font: normal normal 300 1em Arial, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 5px 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background: #FEF1EC;
	border: 1px solid #CD0A0A;
	color: #CD0A0A;
}

.error ul, .error ul {
	padding: 0;
	margin: 5;
}

.success {
	background: #EFA;
	border: solid 1px #BD8;
	color: #000;
}

#content label, #content legend {
	font-weight: bold;
}

#content label span {
	font-style: italic;
}

#content input, textarea, #content select, #content fieldset {
	background: #fff;
	border: 1px solid #aaa;
	font-size: 1.2em;
	width: 70%;
	padding: 6px 4px;
	margin: 5px 0 20px 0;
}

#content input, textarea, #content fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#content fieldset {
	width: 80%;
	padding: 20px;
	font-size: 1em;
}

#content textarea {
	font-family: Arial, sans-serif;
	width: 90%;
}

#content .submit {
	background: #eee;
	width: 12em;
	font-weight: bold;
	height: 2.7em;
	color: #262c32;
	padding: auto;
	cursor: pointer;
}

#content input .submit:hover {
	background: #ccc;
}

#content input:focus, textarea:focus {
	outline: none;
}

#content table {
	border-collapse: collapse;
	border: 0px solid #364961;
	width: 100%;
	margin: 0 0 0.75em 0;
}

#content table th {
	text-align: right;
	background: #5A8DBE;
	color: #fff;
	padding: 0.2em 0.4em;
	border-bottom: 1px solid #364961;
	width: 30%;
	vertical-align: top;
}

#content table caption {
	font-weight: bold;
	font-size: 1.25em;
	padding: 1em;
	color: #fff;
	background: #4B6A90;
	border: 1px solid #364961;
}

#content table td{
	padding: 0.2em 0.4em;
	border-bottom: 1px solid #364961;
}

#content tr {
	background: #CFD7E0;
}

#content tr:hover {
	background: #fff;
}



/*******************
 * Attachment page *
 *******************/

.attachment {
	margin: 0 auto;
	text-align: center;
}



/***********
 * Sidebar *
 **********/

#sidebar {
	float: left;
	width: 188px;
	margin-left: -250px;
	margin-bottom: 40px;
	padding: 20px 40px 20px 20px;
	background: #cfd7e0; /*ced6df;*/
	font-size: 1.3em;
	overflow: hidden;

	border-color: #9ea7b2; /* needed for DDconers otherwise border is black */
	border-left: 1px solid #9ea7b2;
	border-bottom: 1px solid #9ea7b2;
	border-right: 1px solid #364961;

	-moz-border-radius-bottomleft: 10px;
	-webkit-bottom-left-border-radius: 10px;
	-khtml-border-radius: 0 0 0 10px;
	border-bottom-left-radius: 10px;
}

#sidebar h2 {
	color: #282828;
	font-size: 1.5em;
	font-weight: bold;
	text-shadow: #fff 1px 1px 1px;

	margin: 30px 0 20px 0;
	width: 188px;
	padding: 10px;
}

#sidebar ul {
	width: 188px; /* IE6 & 7 problem fix */
	list-style-type: none;
	padding: 0 0 2px 20px;
	margin: 0;
}

#sidebar li {
	padding: 3px 0 0 0;
}

#sidebar li a {
	color: #262c32; /*36383b;*/
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #cfd7e0; /* needed to fix IE 8 but cant be transparent because of IE 6... */
}

#sidebar li a:hover {
	border-bottom: 2px solid #4e5054;
}


/*********
 * Seach *
 *********/

#search {
	width: 220px;
}

#search form {
	padding: 0;
	margin: 0;
}

#search p {
	padding: 0;
	margin: 0;
}

#search input, #search button {
	float: left;
	border: none;
	background: none;
}

#search p input {
	height: 25px;
	padding: 6px 5px 0 5px;
	background: transparent url('./images/search.png') no-repeat top right;
	width: 162px;
	font-weight: bold;
}

#search p input:focus {
	outline: none; /* stop webkit outline */
}

#search p button {
	height: 29px;
	width: 30px;
	text-indent: -9999px;
	cursor: pointer;
	background: transparent url('./images/search.png') no-repeat top left;
}


/************
 * Comments *
 ************/

#comments {
	padding: 20px 0px 1px 0px;
}

#comments h2 {
	height: 32px;
	padding: 10px 0 0 60px;
	margin: 0;
	background: #e6e6e6 url('./images/comments.png') no-repeat 20px 10px;
	border: 1px solid #ccc;
	padding: 20px 20px 10px 80px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.comment {
	margin: 20px 0px;
	background: #e6e6e6;
	border: 1px solid #ccc;
	padding: 20px 20px 10px 20px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.comment .comment {
	background: #d9d9d9; /*e6e6e6;*/
}

.comment .avatar {
	float: left;
	height: 64px;
	width: 64px;
	margin: 0 10px 0 0;
}

.comment-name {
	font-size: 1.5em;
	color: #404244;
	font-weight: bold;
	margin: 15px 0 2px 0;
}

.comment-name a {
	color: #245f8e;
}

.comment-name a:hover {
	text-decoration: none;
}

.comment-date {
	font-size: 0.9em;
	margin: 0 0 20px 0;
}

#comment-form {
	margin: 20px 0px;
	background: #e6e6e6;
	border: 1px solid #ccc;
	padding: 20px 20px 10px 20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#comment-form label {
	font-weight: bold;
}

#comment-form span {
	font-style: italic;
}

#comment-form input, textarea {
	display: block;
	background: #fff;
	border: 1px solid #aaa;
	font-size: 1.2em;
	padding: 6px 5px;
	width: 60%;
	margin: 5px 0 20px 0;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#comment-form textarea {
	width: 80%;
	font-family: Arial, sans-serif;
}

#comment-form .submit {
	background: #eee;
	width: 12em;
	font-weight: bold;
	height: 2.7em;
	color: #262c32;
	padding: auto;
	cursor: pointer;
}

#comment-form input.submit:hover {
	background: #ccc;
}

#comment-form input:focus, textarea:focus {
	outline: none;
}

#comment-form #comment-notify-reply {
	width: auto;
	display: inline;
	vertical-align: baseline;
}



/**********
 * Footer *
 **********/

#footer {
	clear: both;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	background: #4f719b;
	margin-bottom: 40px;
	border: 1px solid #364961;
	text-shadow: #000 1px 1px 1px;
	
	background-image: -moz-linear-gradient(-90deg, #597fae, #405c7e);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#597fae), to(#405c7e));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#597fae, endColorstr=#405c7e);
}

#footer p {
	margin: 0;
	padding: 20px;
}

#footer a {
	color: #fff;
}


/*******************
 * Fix for firefox *
 *******************/

#content input[type="hidden"] {
    display: none;
    border: 0;
    padding: 0;
    width: 0;
}

/***************
 * Search page *
 ***************/

#search-page input {
	width: 400px;
}

#search-page .submit {
	width: 150px;
}

#search-page input, #search-page .submit {
	display: inline;
	height: auto;
}



/*****************************
 * Downlaods & dowload pages *
 *****************************/

#download-page-featured
{
	border: 1px solid #DDD;
	margin: 0 0 1.5em 0;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#download-page-featured h3
{
	margin: 1em 1.5em;
}

#download-page-featured ul
{
	overflow: hidden; /* magic float clearing */
	display: inline-block; /* ie has layout */
	padding: 0;
}

#download-page-featured .download-page-listing
{
	list-style: none;
	border: 0;
	clear: both;
	float: left;
	padding: 0;
	margin: 1% 1% 1em 1%;
	width: 47%;
}

#download-page-featured .odd
{
	float: right;
	clear: none;
}

#download-page-featured .download-page-listing span
{
	display: table-row;
}

#download-page-featured .download-page-listing span
{
	display: table-cell;
	vertical-align: middle;
}

#download-page-featured .download-page-listing img
{
	background: white;
	border: 1px solid #DDD;
	margin: 0px 8px 0px 0px;
	padding: 3px;
	vertical-align: middle;
}

.download-sections, .directory-sections
{
	overflow: hidden;
	width: 100%;
	padding: 1em 0;
}

.download-post .side-section, .directory-post .side-section
{
	float: left;
	width: 128px;
	overflow: hidden;
	text-align: center;
}

.download-post .side-section img, .directory-post .side-section img
{
	border: 1px solid #ddd;
	padding: 3px;
	background: #fff;
}

.download-post p,
{
	margin: 0;
	padding: 0;
}

.download-post h4, .directory-post h4
{
	border-bottom: 1px solid #ccc;
	margin: 1.5em 0 0.5em 0;
}

.directory-post h2
{
	border-bottom: 1px solid #ccc;
	margin: 1.5em 0 0.5em 0;
}

.directory-title
{
	margin: 1em 0 0 0;
}

.directory-post h4
{
	margin: 0 0 0.5em 0;
}

.download-post thead, .directory-post thead
{
	display: none;
}

.download-post tr:first-child, .directory-post tr:first-child
{
	border-top: 1px solid #364961;
}

.download-post .main-section, .directory-post .main-section
{
	display: inline-block; /* give ie layout */
}

.download-post .main-section, .directory-post .main-section
{
	overflow: hidden;
	display: block;
	padding: 0 0 0 2em;
}



/************************
 * Videos & video pages *
 ************************/

.video-page h2, .post h2 {
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ccc;
}

.post .tags {
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
}

.post .postmetadata {
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content.multipul .post .postmetadata {
	margin: 0 0 3em;
}

.video-page h2, .directory-page h2 {
	text-align: center;
}

.video-page .civideos, .directory-page .cidirectory {
	display: inline-block; /* give ie layout */
}

.video-page .civideos, .directory-page .cidirectory {
	overflow: hidden;
	display: block;
	border: 1px solid #ccc;
	padding: 0.25em 1.5em 0 1.5em;
	margin: 0 0 1.25em;
	background: #e6e6e6;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.civideos .thumbnail, .cidirectory .thumbnail {
	width: 128px;
	float: left;
	text-align: center;
	margin-bottom: 1em;
}

.civideos .thumbnail .button {
	position: relative;
	top: -1.75em;
}

.civideos .thumbnail img, .cidirectory .thumbnail img {
	border: 1px solid #ddd;
	background: #fff;
	padding: 3px;
}

.civideos h4 {
	border-bottom: 1px solid #ccc;
	margin: 1.5em 0 0.5em 0;
}

.civideos .excerpt, .cidirectory .excerpt {
	display: inline-block; /* give ie layout */
}

.civideos .excerpt, .cidirectory .excerpt {
	overflow: hidden;
	display: block; /* give ie layout */
	padding: 0 0 0 1em;
}

.civideos #video-play-area-container {
	display: block;
	margin: 0 auto;
}

#video-play-area-bar {
	text-align: center;
	margin: 0 auto;
}

#video-play-area-bar #share{
	float: right;
	margin: 0;
}

#content .civideos form {
	text-align: left;
	padding: 0;
	margin: 0;
	padding: 1em 0 0;
}

#content .civideos form p {
	display: inline;
	margin-right: 0.5em;
}

#content .civideos form input {
	width: auto;
	height: auto;
	border: none;
	margin: 0;
	vertical-align: middle;
}

#content #embed{
	padding: 0;
	margin: 1em 0 0;
}

#content #download {
	margin: 1em 0 0;
	text-align: left;
}

#content #embed textarea {
	width: 100%;
}

#content .civideos iframe {
	margin: 0;
	vertical-align: middle;
}



/*******************
 * Buttons & utils *
 *******************/


.selected
{
	font-weight: bold;
}

.orderby, .subcats
{
	text-align: center;
}

#content .button {
	padding: 0.5em 1em;
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: 0px 1px 1px #000;
	border: 1px solid #000;
	display: inline-block;
	outline: none;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#content .button:hover {
	text-decoration: none;
}

#content .orange-button, #content .orange-button:link, #content .orange-button:visited {
	background: #F87A11;
	color: #fff;
	border-color: #EB5D02;
	
	background-image: -moz-linear-gradient(-90deg, #FEA248, #EB5D02);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEA248), to(#EB5D02));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FEA248, endColorstr=#EB5D02);
}

#content .orange-button:hover
{
	background: #F79C58;

	background-image: -moz-linear-gradient(-90deg, #FEB873, #F0853F);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEB873), to(#F0853F));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FEB873, endColorstr=#F0853F);
}

.hide {
	display: none;
}


.footnotes {
	font-size: 85%;
	line-height: 1.5em;
	padding: 1em 0 1em 0;
}

.footnotedivider h3 {
	margin: 0;
}

.footnotes .footnotedivider {
	border-bottom: 0.1em solid #ccc;
}

.footnotes li {
	margin: 0 0 0.5em 0;
}

sup.footnote a {
	text-decoration: none;
	font-size: 80%;
}

sup.footnote {
	line-height: 0em;
	margin: 0 0 0 0.1em;
}

.external {
	background: url('./images/Icon_External_Link.png') no-repeat 100% 50%;
	padding: 0px 13px 0px 0px;
}

/* Styles for jQuery Label Effect. */
.labelEffect-orig, .labelEffect-highlight, .labelEffect-shadow {
	position: absolute;
	line-height: 100%;
}