/* jubilat screen stylesheet */
/* Copyright 2010 Fund for the City of New York, All rights reserved. */

/* re-styling */
body { margin: 0; padding: 0; background-color: rgb(146,146,146); color: rgb( 64,64,65 ); font-family: Georgia, serif; font-size: 17px; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { margin-bottom: 0.3em; }
h1 { font-size: 20px; text-transform: uppercase; font-weight: normal; }
h1.title { margin-bottom: 16px; }
h1.title i, h1.title em { text-transform: none; }
h1 + p.byline { margin-top: -6px; }
h2 { font-size: 21px; font-weight: normal; }
h2.issue { font-style: italic; margin: 17px 0; }
h3 { font-size: 19px; font-weight: normal; }
h4 { font-size: 13px; font-weight: bold; }
a { color: rgb( 130, 140, 150 ); text-decoration: none; } /* 149, 160, 169 */
a:hover { color: rgb( 0, 0, 0 ); }
a.active { color: rgb(35,32,32); }
a.private { color: #29bc57; }
a img { border-style: none; }
p { margin: 0; }
ul { margin-left: 1em; margin-bottom: 1.5em; list-style: square outside;  }
ol { margin-left: 1em; margin-bottom: 1.5em; list-style: decimal outside; }
li { margin-left: 1em; }
blockquote { margin: 1em; }
pre { letter-spacing: -0.03em; font-size: 14px; line-height: 18px; }
em { font-style: italic; }
strong { font-weight: bold; }
table, form { font-size: inherit; line-height: inherit; }
td { vertical-align: top; }
span.new { color: rgb(238,64,54); font-style: italic; margin-left: 4px; }
p.future, span.future { color: #29bc57; font-style: italic; margin-left: 4px; }

/* Utility */
p.error { color: #ff0000; }
p.center, div.center { text-align: center; }
div.left, img.left { float: left; margin-right: 12px; }
div.right, img.right { float: right; margin-left: 12px; }
td.left { text-align: left; }
td.right { text-align: right; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 1em; width: 160px; }
table.sidebar { width: 30%; float: right; margin: 0px 0px 10px 10px; border: 1px solid #ccc; padding: 5px 10px; background-color: #eee; }
table.sidebar td {  }
div.whitespace { font-size: 1px; line-height: 1px; clear: both; }
a.private:after { content: "*"; }
img.icon { vertical-align: middle; }
span.continuation { display: block; }
img.private { border: 3px solid #29bc57; border-style: solid none; }
div.private { border: 3px solid #29bc57; border-style: solid none; }
div.imagewrap { text-align: center; }
div.slide { margin-top: -12px; padding-top: 12px; }
div.show { margin-bottom: 28px; }
p.none { display: none; }
p.byline, p.credit { font-style: italic; margin: 7px 0 10px 0; }
p.byline + p.credit { margin-top: 0px; }
address {  font: 12px Arial, sans-serif; line-height: 15px; margin: 0 0 5px 0; text-align: right; }
p.interviewer { font-style: italic; }

/* Form */
table.form { }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { padding: 5px 2px; text-align: right; }
input.text { border: 1px solid rgb(149,160,169); padding: 3px 2px; }
input.text.tempvalue { color: rgb(149,160,169); }
input.button { text-align: center; padding: 2px 10px; }
input.circle { cursor: pointer; }
textarea { border: 1px solid rgb(149,160,169); width: 320px; padding: 2px; }
textarea.markup { border: 0; padding: 0; width: 600px; height: 240px; }
textarea.markup.content { height: 416px; }
table.mceEditor td { padding-top: 0px; }
img.jscalendar_button { vertical-align: middle; }
div.sortable p { width: 200px; padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #ccc; cursor: move; }

table.userform td { padding: 5px 10px; font-size: 13px; }
table.userform td.label { line-height: 26px; padding-right: 14px; }
table.userform input.text { font-family: Georgia, serif; font-size: 15px; padding: 4px; }
table.userform input.button { border: 0; font-family: Georgia, serif; font-size: 17px; color: rgb(238,64,54); background-color: #fff; padding: 0; cursor: pointer; }
tbody.hidden { display: none; }

/* First Class Divs */
#Canvas { position: relative; width: 1024px; margin: 0 auto; background-color: #ffffff; }
#CanvasInner { }

#Object { position: relative; float: right; width: 815px; min-height: 640px; margin-top: 130px; line-height: 21px; }
#Object div.content { padding-bottom: 17px; }
#Object div.content p { margin: 17px 0; }
#Object div.contents { padding: 0 0 17px 0; }
#Object p + div.contents { padding: 17px 0; }
#Object div.item { clear: both; margin: 0 0 17px 0; }
#Object div.continues { margin: 0; }
#Object div.item p.byline { margin: 0; }
#Object div.event { clear: both; padding-bottom: 17px; border: 1px solid rgb(206, 210, 212); border-style: none none solid none; }
#Object div.event  h3 { font-size: 17px; font-weight: bold; margin: 0; padding: 3px 0 0 0; }
#Object div.event p.date { font-style: italic; }
#Object div.event p.location {  }
#Object div.event div.content { margin: 8px 0 0 0; }
/* legacy styles */
#Object div.content p.poem { margin: 0; width: 570px; }
#Object div.content p.poembr { margin: 0 0 17px 0; width: 570px; }
#Object div.content p.poembreak { margin: 0 0 17px 0; width: 570px; }
#Object div.content p.poembr20 { margin: 0 0 17px 0; width: 570px; }
#Object div.content p.poembr100 { margin: 0 0 17px 156px; width: 570px; }
#Object div.content p.poem100 { margin: 0 0 0 156px; width: 570px; }
#Object div.content p.poembr50 { margin: 0 0 17px 106px; width: 570px; }
#Object div.content p.poem50 { margin: 0 0 0 106px; width: 570px; }
#Object div.content span.title { font-size: 20px; text-transform: uppercase; }

#Main { float: left; width: 500px; }
#Main.widepage { width: 779px; }

#Sidebar { float: right; width: 304px; font-size: 13px; padding: 37px 0; }
#SidebarInner { border: 2px solid rgb(174,181,185); border-style: none none none solid; padding: 0 13px 60px 13px; min-height: 300px;}
#SidebarInner.empty { border: 0; min-height: 0; }
#Sidebar div.item { margin-bottom: 17px; } 
#Sidebar p.credit {  font-size: 12px; line-height: 15px; margin: 0 0 5px 0; text-align: right; }
#Sidebar div.caption { margin: 7px 0 0 0; } 
#Sidebar p.action { margin-top: 18px; }

#Sidebar.widepage { padding: 0; float: none; clear: left; }
#Sidebar.widepage #SidebarInner { border-style: solid none none none; padding: 13px 0 60px 0; min-height: 20px; }

#Banner { position: absolute; top: 0px; left: 0px; width: 1024px; }

#Logo { margin: 13px 0 0 15px; }

#SiteNav { position: absolute; top: 0px; left: 0px; width: 1024px; text-transform: uppercase; font-size: 13px; }
#SiteNavInner { width: 490px; margin: 0 auto; } /* border-collapse: collapse;  */
#SiteNav a { display: inline-block; padding: 7px 3px 4px 3px; color: rgb(66,89,104); text-decoration: none; }
#SiteNav a.active { color: rgb(238,64,54); font-weight: bold; padding: 7px 2px 5px 2px; letter-spacing: -0.7px; }
#SiteNav a:hover { color: rgb(238,64,54); }
#SiteNav td { padding: 0;  }
#SiteNav td.tbleft { width: 16px; }
#SiteNav td.tbcenter { width: 450px; text-align: center; background-image: url(/www-jubilat/topbar-center.gif); background-repeat: repeat-x; }
#SiteNav td.tbright { width: 16px; }

/* New */
#SiteNav { padding-left: 28px; }
#SiteNavInner { width: 624px; border: 2px solid #d0d6d9; border-style: none solid solid solid; border-radius: 0 0 16px 16px; }
#SiteNav td.tbleft, #SiteNav td.tbright { display: none; }
#SiteNav td.tbcenter { width: 624px; text-align: center; background-image: none; }

#Search { position: absolute; top: 44px; right: 0px; width: 196px; border: 1px solid rgb(242,111,104); border-style: none none solid none; padding-bottom: 3px; }
#Subscribe, #User {  position: absolute; top: 78px; right: 6px;  text-align: right; }
#User { font: 12px Verdana, sans-serif; line-height: 15px;  }

#Left { position: relative; float: left; width: 189px; margin-top: 131px; }
#Navigation { font-size: 13px; }
#Navigation a { color: rgb(64,64,65); text-decoration: none; display: block; padding-right: 23px; } /* a little padding to offset hover style */
#Navigation a.active { color: rgb(35,32,32); font-weight: bold; padding-right: 0; }
#Navigation a:hover { color: rgb(35,32,32); font-weight: bold; padding-right: 0; }
#Navigation div.subsection { margin: 0 0 13px 0; }
#Navigation h4 { padding: 0 0 0 15px; font-weight: normal; }
#Navigation h4 a.active { font-weight: normal; color: rgb(64,64,65); padding-right: 23px; }
#Navigation h4 a:hover {  color: rgb(35,32,32); font-weight: bold; padding-right: 0; }
#Navigation h4.active { border: 2px solid rgb(245,146,140); border-style: none none solid none; }
#Navigation h4.active a.active {  color: rgb(35,32,32); font-weight: bold; padding-right: 0; }
#Navigation div.pages { margin: 0 0 0 35px; }
#Navigation div.subpages { margin: 0 0 0 15px; }
#Navigation p { margin-bottom: 5px; }
#Navigation span.author { font-style: italic; display: block; margin: 0 0 8px 8px; color: rgb(88,89,91); }

#Grohl { position: absolute; width: 195px; height: 205px; }
#GWord { position: absolute; width: 60px; height: 24px; font-size: 13px; color: #000000; }
#Grohl div.editor { background-color: #ffffff; padding: 4px; text-align: center; }
#Grohl div.editor form { display: none; }
#Grohl.draggable, #Grohl.draggable a { cursor: move; }
#GWord.draggable, #GWord.draggable a { cursor: move; }

#Footer { position: relative; float: right; width: 810px; margin-top: 12px; }

#Goline { display: none; }

#Homepage { position: relative; float: right; width: 1024px; min-height: 640px; margin-top: 130px; }
#HomeFeatures { border-collapse: collapse; width: 940px; margin: 0 auto; }
#HomeFeatures td { margin: 0; padding: 0; vertical-align: middle; }
#HomeFeatures td.hfleft { text-align: right; width: 350px; padding: 14px; }
#HomeFeatures td span.editor { padding: 0 0 0 1em; }
#HomeFeatures td.circle { background-repeat: no-repeat; padding-bottom: 6px; }
#HomeFeatures td.hfright { text-align: left; width: 350px; padding: 14px; }

/* tables and such */
table.issues { border-collapse: collapse; font-size: 13px; }
table.issues td.issue { padding-right: 12px; padding-bottom: 23px;  }
table.issues a { display: block; text-indent: -3px; margin-left: 3px; }
table.issues a:hover { color: rgb(35,32,32); }
table.issues a img { border: 3px solid #ffffff; }
table.issues a:hover img { border-color: rgb(245,146,140); }

table.index td { width: 20%; font-size: 13px; line-height: 15px; }
table.index h1 { font-size: 18px; margin-top: 1em; }
table.index td > h1:first-child { margin-top: 0; }
table.index div.term { margin-bottom: 3px; margin-left: 4px; text-indent: -4px; }
table.index div.term a { color: rgb( 160, 166, 172 ); }
table.index div.term a.active { color: rgb(35,32,32); }
table.index div.term a.showing { font-weight: bold; }
table.index div.pages { margin: 0 0 4px -4px; text-indent: 0; }
table.index div.pages div.page { font-style: italic; display: block; margin-left: 6px; text-indent: -6px; }
table.index div.pages div.page a { color: rgb(238,64,54); }
table.index div.pages div.page span.editor a { font-style: normal; }
table.index span.editor { margin-left: 4px; }

#Indexbar { clear: right; }
div.item + #Indexbar { padding-top: 18px; }
#Indexbar h3 { font-size: 15px; font-weight: bold; color: rgb(35,31,32); }
#Indexbar h3 a { color: rgb(35,31,32); }
#Indexbar p a { color: rgb(238,64,54); font-style: italic; }
#Indexbar p a.active { color: rgb(149,160,169);  font-style: normal; font-weight: bold; }
#Sidebar #Indexbar div.editor { float: none; }
#Sidebar #Indexbar .editor { text-align: left; }

/* Editor */
.editor { font: 12px Verdana, sans-serif; line-height: 15px; }
h1 + div.editor { margin: 0 0 3px 0; }
p.editor { clear: left; }
span.editor { padding-right: 1em; }
p.editor { margin: 0; }
.editor a { color: #729ff4; }
.editor a:hover { color: rgb(40, 44, 50); text-decoration: none; }
#Object .editor a { color: #729ff4; }
#Object .editor a:hover { color: rgb(40, 44, 50); text-decoration: none; }
#Navigation div.editor { margin: 0 0 6px 15px; }
#Navigation p.editor { margin: 0; }
#Navigation .editor a { color: #729ff4; }
#Navigation .editor a:hover { color: rgb(40, 44, 50); text-decoration: none; font-weight: normal; }
#Sidebar .editor { text-align: right; }
#Sidebar span.editor { padding-right: 0; padding-left: 1em; }
#Sidebar .editor.wide { width: 364px; }
#Sidebar .editor a { text-decoration: none; }
#Sidebar div.editor { float: right; padding: 0 12px; }
#Sidebar div.additor { padding: 0 12px 18px 12px; }
#Banner div.editor { padding: 0 14px; }
h2.issue + div.editor { margin-top: -6px; }
div.editor + div.contents { margin-top: 12px; }

#sort_form td { vertical-align: top; width: 180px; padding: 6px 24px 6px 6px; }
#sort_form td.buttons { text-align: center; }
#sort_form td.contents { width: 220px; }
#sort_form td.icon { width: 32px; }
#sort_form td.summary { width: 250px; font-size: 0.8em; }
div.sortitem { width: 280px; border: 1px solid #ccc; cursor: move; }
div.sortitem table { margin-bottom: 5px; }
div.sortitem.center { text-align: left; }
div.sortitem.right { float: none; }
div.sortitem.division { background-color: rgb(198,40,8);; color: #fff; }
div.sortitem.division.archive { background-color: rgb(126,176,204);; color: #fff; }
#sort_form div.sortitem td { vertical-align: middle; padding: 6px; }
#sort_form a { color: rgb(165,151,120); }

div.cropper { position: relative; margin-bottom: 7px; }
div.croptool { position: absolute; height: 184px; width: 184px; border: 2px solid #ffcc00; cursor: pointer; }

div.search { margin-bottom: 1em; }
div.search img { width: 90px; height: auto; }
div.search td { padding: 4px 0 0 0; }
div.search td.icon { padding: 8px 6px 0 0; }
#Main div.search h3 { margin: 0; }
#Main div.search h4 { margin: 0; text-transform: none; }
div.search div.summary { font-size: 14px; margin: 0 0 4px 0; }
div.search div.summary b { color: #000000; }
div.search div.parents { font-size: 14px; color: #0e894a; }
div.search div.parents a { text-decoration: none; color: #0e894a; }