/*
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;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.entry {
	clear: both;
	padding: 1em 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: 500px;
	height: auto !important; /* part of the IE min-height fix */
	height: 500px; /* 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
{
	overflow: hidden;
	width: 100%;
	padding: 1em 0;
}

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

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

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

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

.download-post thead
{
	display: none;
}

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

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

.download-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 {
	text-align: center;
}

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

.video-page .civideos{
	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 {
	width: 128px;
	float: left;
	text-align: center;
}

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

.civideos .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 {
	display: inline-block; /* give ie layout */
}

.civideos .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: -1.5em 0 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{
	clear: both;
	padding: 1em 0 0;
	margin: 1em 0 0;
}

#content #download {
	clear: both;
	margin: 1em 0 0;
}

#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;
}

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

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/  */
.star-rating-control {
/*	margin: 0 !important;
	overflow: hidden !important;
	position: relative;
	zoom: 1;
	width:102px;
	height:15px; */
	overflow: hidden !important;
}
div.rating-cancel,div.star-rating {
width:17px;
height:15px;
text-indent:-999em;
vertical-align: middle;
display: inline-block;
zoom: 1;
*display: inline; /* IE6 & 7 Fix for lack of inline-block */
background:transparent;
/*float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden */
}
div.rating-cancel,div.rating-cancel a{background:url(./js/star-rating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(./js/star-rating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS  */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS  */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */