/* CSS Document SeriesPages-newcine.css */
/* Stylesheet for Series Pages of Cornell Cinema */

@import url(http://fonts.googleapis.com/css?family=Arimo|News+Cycle:400,700|Cabin+Condensed:700);
/*Meyer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end of reset */
.clearthis {clear:both;}

body {font-size:100%;}
body {font: 1em Arimo, sans-serif; background:#0F0200;}
body {color:#444;}
* {margin:0; padding:0;}
img {border:none;}
a {text-decoration:none; color:darkred;}
a {font: 1em 'Cabin Condensed', sans-serif;}
dl {font: 1em 'News Cycle', sans-serif;}
p {line-height: 1.6;}
h1, h2 {font: 2em 'News Cycle', sans-serif;}
h3 {font: 1.5em 'News Cycle', sans-serif;}

#mainwrapper {width:1000px; margin-left:auto; margin-right:auto;background:#0F0200; }  
#header {width:100%; height:70px;background-color:#821001;margin-top:18px;float:left;}
#header img {margin:-9px 9px 0 0;}
#header img {float:left;}
#header {
/* Safari 4-5, Chrome 1-9 */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c0b00), to(#821001));
 /* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #5c0b00, #821001); 
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #0F0200, #821001);
/* IE 10 */ 
background: -ms-linear-gradient(top, #5c0b00, #821001); 
/* Opera 11.10+ */ 
background: -o-linear-gradient(top, #5c0b00, #821001); 
}
/*
#columnswrapper {float:left; width:776px; background-color:#0F0138;}
*/
nav {float:right; width:620px; margin-top:24px;margin-right:3px;}
nav {
 					padding:4px 0; 
					font-size:.8em; 
					font-weight:bold;
					text-align:left;
						}
nav {float:left;}
nav ul {margin:-18px 4px 4px 4px; padding: 4px;} 
nav li {display:block; float:left; padding:3px  2px;}
nav a {padding: 3px 6px; text-decoration:none; color:#FFFFFF; font-size:1.2em;}
nav a:hover {background-color:#FFF; color:#820000;  border-top: 2px solid #FAFAD2;}
div#bannerpic {float:left; margin-top:-6px;background-color:#182828;margin-bottom: 12px;}
#bannerpic img {padding:36px 0px 24px 0px;}
/*
div#bannerpic h3 {text-align:left; width:590px; margin:2px 5px 2px 5px; font-style: italic; letter-spacing:.1em; color:#FFFFFF;padding-left:4em;}
*/
#series-films {font-size:.9em; background-color:lightgrey;width: 250px;}
#series-films {float:right;margin-top:-15px;margin-right:1.5em;padding-left:.5em;margin-bottom:1em;}
#series-films a {display:block;}
#series-films li {padding-top:.5em; padding-right:.5em;margin-left:1em;}
#series-films li a {margin-left:-.5em;}
#series-films p {margin-top:.5em;}
#series-films img {padding-left:1em;}
/*
ul {list-style-type:none;}
li {padding-left:1.5em;;margin-top:.4em; margin-bottom:.3em;}
*/

#content {width:620px;float:left; margin-left:2em;}
#innerwrap {background-color: darkslategrey; float:right; width:100%;}
#content {color:lightgrey;}
#content {padding: 0 1.5em; font-size: .9em;}
#content h2, h3, h4 {text-align: left; margin-bottom:.2em;}
#content p {font-size: .9em; line-height: 1.4em; margin-bottom: .4em;letter-spacing: .04em;}
#content p strong {font-size: 1.1em; font-weight:700;}
#content p:first-child:first-letter {font-size:500%; float:left; margin-right: .1em; margin-bottom: .1em; line-height:.9em}/*{
    font-size: 160px; float: left; margin: 20px 20px 0 0; line-height: 0.8;
}*/

#content a {text-decoration:none; color:#04C9FA; font-weight:bold; letter-spacing:.05em;font-size:1.1em;}
#content a:hover {color:#FFFFFF; background-color:#A80404}
#content blockquote {font-size:.9em;line-height:1.2em; letter-spacing:.03em;margin-left:1em;margin-right:1em; padding:.3em;}
#content ul {margin-left:1.5em;}
#content li {margin-left:.5em; margin-bottom:.5em; list-style-type:none;}

#content img {padding: .25em; float:left}

#content dl {padding: .5em 2em;line-height:1.2;}
#content dt {font-size:1.3em;font-weight:bold;margin-top:.75em;border-top:1px dotted;padding:.5em 0em;letter-spacing:.05em;}
#content dd {font-size:1.3em;padding-left:1em; margin-bottom:.5em; font-variant:small-caps;}

#guests dl {color:darkslategrey; background-color: ghostwhite; padding: 1em 2em; margin-top:.5em; line-height:1.2;}
#guests dl a {color:darkred;}
#guests dt {font-size:1.1em; font-weight:bold;margin-top:.75em;border-top:1px dotted;padding-top:.5em;letter-spacing:.05em;}
#guests dd {padding-left:1em;}
#guests dt+dd {margin-left:-1em;font-size:1.1em;}
#guests dt+dd+dd {font-variant:small-caps; font-weight:bold;}

p.image-caps {font-size: .8em; font-weight: light; font-style:italic; margin: 2px 12px 2px 90px;text-align: right;}

.rightimage {float:right; margin: 6px; clear:both;}
.leftimage {float:left; margin: 6px;clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}