@charset "UTF-8";

/* import web fonts*/
@font-face {
  font-family: 'Fanwood Text';
  font-style: normal;
  font-weight: 400;
  src: local('Fanwood Text'), local('FanwoodText-Regular'), url(http://themes.googleusercontent.com/static/fonts/fanwoodtext/v3/hDNDHUlsSb8bgnEmDp4T_qRDOzjiPcYnFooOUGCOsRk.woff) format('font/woff');
}

/* CSS data */

/* colour for 'd' in redframer */
.red_framer {
	color: red;
}

.blog, .blog a {
	color: #400000;
}

#blog_stories {
	/*float: left;*/
	margin-left: 1.5em;
	padding-right: 1em;
}

#fm_bare #films_stories {
	float: left;
	margin-left: 1.2em;
}

body {
	background-color: #FFFFFF;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

article, section, header, footer, nav, aside {
	display: block;
}

form {
	margin: 0;
	padding: 0;
}

#PageDiv {
	color: #400000;
	font-family: "Helvetica Neue",Helvetica,Geneva,Arial,sans-serif;
	margin: 1.25em auto;
	overflow: hidden;
	padding: 0 0.875em;
	position: relative;
	width: 44.3em;
}

article a, article a:hover {
	background-color: #E6E6E6;
	color: #400000;
	text-decoration: none;
}

article a:hover {
	background-color: #CCCCCC;
}


nav ul, nav li {
	margin: 0;
	padding: 0;
}

nav li {
	list-style-type: none;
}

#main_content_box{
	border-right: #3c0602 solid 2px;
	width: 30em;
	padding-right: 20px;
	z-index: 0;
}

#main_header_box{
	background-color: #e6e6e6;
}

#main_header {
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	height: 79px;
	overflow: hidden;
	padding-left: 6px;
	width: 457px;
	padding-top: 6px;
	padding-right: 8px;
	line-height: 0.9;
	text-align: center;
}

#main_header h1, #main_header p {
	font-family: "Fanwood Text", Georgia, "Times New Roman", Times, serif;
}

#main_header h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	text-align: center;
	/*display: inline;*/
}

#main_header h1:after {
	/*content: ".";*/
}

#main_header p {
	font-size: 1.1em;
	margin: 0.3em 0 0 0;
}

#section_navigation {
	padding-right: 0.875em;
	width: 76px;
}

#section_navigation li {
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}

#section_navigation li.separator {
	background-color: #626262;
	margin-bottom: 12px;
	margin-top: 12px;
	padding-top: 2px;
}

#section_navigation a {
	display: block;
	height: 30px;
	padding: 13px 16px 30px;
	position: relative;
	text-decoration: none;
	text-indent: -1000em;
	font-size: 16px;
}


article p, article h2, article h3, article li, figcaption, article h4 {
	font-size: 0.8125em;
	line-height: 1.3;
}

article h2, article h3 {
	margin-top: 0;
}

article {
	display: block;
	margin-top: 0.75em;
	padding-top: 0.75em;
	width: 28em;
}

article.subarticlebody {
	background: none;
	margin-top: 0;
	padding-top: 0;
}

article header {
	margin-left: -1.2em;
}

article .tags {
	font-size: 0.6875em;
	padding-bottom: 0.25em;
	padding-top: 0.25em;
	text-align: center;
}

#sub_nav {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 100%;
	background-color: #e6e6e6;
}

#sub_nav h3, #sub_nav ul {
	font-size: 11px;
	padding-left: 16px;
	padding-right: 16px;
}

#sub_nav > div > div > ul > li {
	font-weight: bold;
	padding-left: 1em;
}

#sub_nav > div > div > ul > li > ul > li {
	font-weight: normal;
}

#sub_nav a {
	display: block;
	padding: .5em .9em;
	text-decoration: none;
}
#sub_nav a:hover {
	background-color: #cdcdcd;
}

#sub_nav li {
	padding-top: .3em;
	padding-bottom: .3em;
}

#sub_nav li ul {
	margin-top: .5em;
	margin-bottom: -0.5em;
	padding: 0;
}

#sub_nav li ul li a {
	margin-top: -0.3em;
	margin-bottom: -0.3em;
}
/*Rahul Changes Start*/
#sub_nav_form {
	/*border-bottom: 1.5em solid #FFFFFF;*/
	/* height: 3.9375em; */
	height: 2.2em;
	/* padding-top: 1.25em; */
	margin-top: 1.5em;
	text-align: center;
	margin-left: 14px;
    margin-right: 8px;
}
/*Rahul changes End*/
.pubdate {
	font-size: 0.6875em;
}

.right {
	float: right;
}

.expando {
	background-image: url("../images/chrome/ibeam.png");
	background-position: center center;
	display: inline-block;
	height: 16px;
	margin: -3px 0;
	padding: 3px 0;
	vertical-align: bottom;
	width: 16px;
}

.expandomin {
	display:none;
}

.disclose {
	display: none;
}

.shoulder, .expando, .shouldermin {
	background-color: #E6E6E6;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

.leadin:after, .leadout:before {
	content: "…";
}

.expanded {
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	margin-top: 4px;
}

.expanded .close, .expanded .closemin {
	background: url("../images/chrome/close.png") no-repeat scroll center center transparent;
	cursor: pointer;
	display: block;
	height: 16px;
	left: -7px;
	position: absolute;
	top: -7px;
	width: 16px;
}

#PageDiv .disclosure {
	cursor: pointer;
	padding-left: 1.2em;
	position: relative;
	margin-left: -1.2em;
}

/* .disclosure triangle done via CSS */

#PageDiv #sub_nav .disclosure {
	margin-left: 0;
	padding-left: 1em;
}

#PageDiv .disclosure.shown {
	
}

#PageDiv .disclosure:before, #PageDiv .disclosure.shown:before {
	border: 8px solid #400000;
}


#PageDiv .disclosure:before {
	border-width: 5px 8px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	bottom: auto;
	content: "";
	display: block;
	height: 0;
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 2px;
	width: 0;
}

#PageDiv .disclosure.shown:before {
	border-width: 8px 5px 0 5px;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	bottom: auto;
	content: "";
	display: block;
	height: 0;
	left: -2px;
	margin-top: 0;
	position: absolute;
	top: 0.25em;
	width: 0;
}

#PageDiv #sub_nav .disclosure:before {
	top: 4px;
}

#PageDiv #sub_nav .disclosure.shown:before #sub_nav .disclosure.shown:before {
	top: 5px;
}

figure {
	margin: 1em 0;
	padding: 0;
	text-align: center;
}

figure img {
}

figcaption {
	font-style: italic;
	margin-top: 0.6em;
	text-align: center;
}

#CopyrightFooter {
	text-align: right;
	background-image: none;
	background-color: #ffffff;
	font-size: 0.65em;
}

#iconbar {
	position: relative;
	height: 24px;
	margin-top: 24px;
	text-align: center;
}

#iconbar a {
	padding: 0;
	height: 24px;
	width: 24px;
	margin-top: 0;
}

#iconbar #rss_link {
	background-image: url("../images/chrome/RSS.png");
	background-repeat: no-repeat;
	margin-right: 20px;
	display: inline-block;
}

#iconbar #rss_link_gen {
	background-image: url("images/chrome/RSS.png");
	background-repeat: no-repeat;
	margin-right: 20px;
	display: inline-block;
}

#iconbar #app_link {
	background-image: url("../images/chrome/tb.png");
	background-repeat: no-repeat;
	margin-left: 20px;
	display: inline-block;
}

#iconbar #app_link_gen {
	background-image: url("images/chrome/tb.png");
	background-repeat: no-repeat;
	margin-left: 20px;
	display: inline-block;
}

.chooser_item {
	
}

/*.unused {
	display:none;
}*/

#main_header_404 {
	display: inline;
}

#date_listing, #outline_listing, #distance_listing, #link_listing {
	padding-top: 1em;
	height: 100%;
	}

#date_list, #outline_list, #distance_list, #link_list {
	overflow: scroll;
	height: 90%; /* allows for buttons/form at top of column */
	}

#sub_nav a.here, #sub_nav a.here:hover {
	position: relative;
	background-color: #fff;
}

#sub_nav a.here:before {
	border-style: solid;
	border-width: 1em;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #fff transparent transparent;
	bottom: auto;
	content: "";
	display: block;
	height: 0;
	left: -2.6em;
	margin-top: -1em;
	position: absolute;
	top: 50%;
	width: 0;
}

.tooltip {
	position: absolute;
	width: 300px;
	top: -10px;
	left: 105%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	padding: 3px 6px 6px 12px;
	color: #fff;
	text-decoration: none;
	font: normal normal 11px "Helvetica Neue", Helvetica, Verdana, sans-serif;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	z-index: 10;
	display: block;
	text-indent: 0;
}

.tooltip:before {
	content: '';
	display: block;
	position: absolute;
	left: -16px;
	top: 50%;
	bottom: auto;
	margin-top: -8px;
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent rgb(0,0,0) transparent transparent;
	border-color: transparent rgba(0,0,0,0.7) transparent transparent;
}

#sub_nav li {
	position: relative;
}

/*Rahul changes start*/
#sub_nav ul, nav#sub_nav {
    padding-top: 20px;
}
/*form .list_teaser {*/
/*	position: absolute;*/
/*	width: 200px;*/
/*	top: -10px;*/
/*	left: -145%;*/
/*	background-color: rgb(0,0,0);*/
/*	background-color: rgba(0,0,0,0.7);*/
/*	padding: 6px 6px 6px 12px;*/
/*	color: #fff;*/
/*	text-decoration: none;*/
/*	-moz-border-radius: 9px;*/
/*	-webkit-border-radius: 9px;*/
/*	border-radius: 9px;*/
/*	display: block;*/
/*	text-indent: 0;*/
/*	line-height: 11px;*/
/*	font-style: normal;*/
/*	font-size: 11px;*/
/*	font-variant: normal;*/
/*}*/

/*form .list_teaser {*/
/*	top: 10px;*/
/*	left: -107%;*/
/*	text-align: left;*/
/*}*/
/*form .list_teaser:after {*/
/*	content: '';*/
/*	display: block;*/
/*	position: absolute;*/
/*	left: 218px;*/
/*	top: 50%;*/
/*	bottom: auto;*/
/*	margin-top: -8px;*/
/*	width: 0;*/
/*	height: 0;*/
/*	border: 8px solid;*/
/*	border-color: transparent transparent transparent rgb(0,0,0);*/
/*	border-color: transparent transparent transparent rgba(0,0,0,0.7);*/
/*}*/
.list_teaser {
    position: absolute;
    width: 100%;
    bottom: calc(100% + 10px);
    left: -12px;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
    padding: 6px 6px 6px 12px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    display: block;
    text-indent: 0;
    line-height: 11px;
    font-style: normal;
    font-size: 11px;
    font-variant: normal;
}


.list_teaser:after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 8px);
    top: 100%;
    bottom: auto;
    margin-top: 0;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent transparent rgb(0,0,0);
    border-color: transparent transparent transparent rgba(0,0,0,0.7);
    transform: rotate(90deg);
}
/*form .list_teaser:after {*/
/*	top: 20px;*/
/*}*/

/*Rahul changes Start*/


.figureteasertext, .subarticleteaser {
	text-align: center;
	padding: 0;
	margin-top: .1em;
	font-style: italic;
}

.subarticletitle, .figuretitle {
	margin-bottom: 0.2em;
}

.figureteasertext:after, .subarticleteaser:after {
	content: '..';
}

.permalink, .dates {
	margin: 0;
	font-size: 0.65em;
}

.permalinkhead {
	margin-bottom: 0;
}

#sort_order {
	width:150px;
}

form {
	padding: 0;
	margin: 0;
	position: relative;
}

/* START: Added for FF 'bare' pages */

#PageDiv.ff {
	color:#073900;
	background: none;
	width:100%;
}

article.ff {
	background: none;
	width:100%;
}
 
article header.ff {
	margin-left:0;
}

/* suppresses Disqus in bare pages only within FF subdomain */
article.ff #disqus_thread {
	display: none;
}

/* END: Added for FF 'bare' pages */

/* START: Added for colorbox integration */

a.cbcall {
	text-decoration:none;
	line-height:0;
}

a.cbcall img {
	 vertical-align: top;
}

#colorbox {
	font-family: "Helvetica Neue",Helvetica,Geneva,Arial,sans-serif;
}

.clickcapt {
	/*font-weight:bold;(18 feb 14 Ted changed this from bold large italics to small regular*/
	font-size: 10px;
	font-style: normal;
	color:#cc0000;
}

/* END: Added for colorbox integration */

/* START: Added for colorbox integration */

a.cbcall {
	text-decoration:none;
	line-height:0;
}

a.cbcall img {
	 vertical-align: top;
}

#colorbox {
	font-family: "Helvetica Neue",Helvetica,Geneva,Arial,sans-serif;
}

.clickcapt {
	/*font-weight:bold;(18 feb 14 Ted changed this from bold large italics to small regular*/
	font-size: 10px;
	font-style: normal;
	color:#cc0000;
}

/* END: Added for colorbox integration */

/* START: Added for new expando/I-beams */

.expando {
	background-image: url("../images/chrome/blog_ibeam.svg");
	background-position: center center;
	background-size: 9px 18px;
	display: inline-block;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: 9px;
	background-color:transparent;
}

#slideout-container{
	position:absolute;
	width: 318px;
	display:none;
	border-top:2px solid #CD8029;
	overflow:hidden;
	cursor:pointer;
}

#slideout {
	position:absolute;
	width: 300px;
	min-height: 64px;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	padding: 3px 6px 12px 12px;
	color: #fff;
	text-decoration: none;
	font: normal normal 11px "Helvetica Neue", Helvetica, Verdana, sans-serif;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	z-index: 99;
	text-indent: 0;
	display:block;
}

#slideout p{
	font: normal normal 11px "Helvetica Neue", Helvetica, Verdana, sans-serif;
	text-align:center;
	margin-top:6px;
}

#slideout p .type i { 
	position:absolute;
	width: 0; 
	height: 0; 
	margin: 4px 0 0 4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid transparent;
}

#arrow-up{
	position:absolute;
	width: 0; 
	height: 0; 
	margin: -1px 0 0 1px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	display:none;
}

#slideout p .type i {
	-webkit-transition: -webkit-transform .1s ease-in-out;
	-ms-transition: -ms-transform .1s ease-in-out;
	transition: transform .1s ease-in-out;  
}

#slideout p .type i:hover {
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}

.blog-ibeam {
	background-image: url("../images/chrome/blog_ibeam.svg");
}

.incidental-ibeam {
	background-image: url("../images/chrome/incidental_ibeam.svg");
}

.biblio-ibeam {
	background-image: url("../images/chrome/biblio_ibeam.svg");
}

.anno-ibeam {
	background-image: url("../images/chrome/anno_ibeam.svg");
}

.external-ibeam {
	background-image: url("../images/chrome/external_ibeam.svg");
}

.code-ibeam {
	background-image: url("../images/chrome/code_ibeam.svg");
}

.math-ibeam {
	background-image: url("../images/chrome/math_ibeam.svg");
}

.graph-ibeam {
	background-image: url("../images/chrome/graph_ibeam.svg");
}

/* END: Added for new expando/I-beams */