/* poetry society stylesheet */
/* copyright 2009 Fund for the City of New York */

body { background-color: #fff; color: rgb(102,102,102); font-family: Georgia, serif; font-size: 13px; line-height: 19px; margin: 0; padding: 0; behavior:url("/www-psa/csshover3.htc"); }
h1, h2, h3, h4 { font-weight: bold; margin: 0; font-style: normal; }
p { margin: 0; }
a { color: rgb(165,151,120); text-decoration: none; }
a.active { color: rgb(126,176,204); }
a img { border: 0; }
a.title { font-style: italic; }
h1 a, h2 a, h3 a { color: rgb(102,102,102); }
p a:hover { text-decoration: underline; color: rgb(126,176,204); }
div.whitespace { font-size: 1px; line-height: 1px; clear: both; }
td { vertical-align: top; }
.left, div.left { float: left; margin-right: 8px; }
.right, div.right { float: right; margin-left: 8px; }
address { position: relative; font-style: normal; font-size: 11px; line-height: 17px; margin: 0 0 0.95em 0; }
div.flash { margin-bottom: 4px; }
span.future { color: #29bc57; }
span.highlight { font-weight: bold; }
a span.highlight { color: rgb(102,102,102); }
div.caption { font-style: normal; font-size: 11px; line-height: 17px; margin: 0 0 0.95em 0; }
input.button { font-family: Georgia, serif; font-size: 13px; background-color: #8a7967; color: #f9efe1; margin: 12px 6px 12px 0; padding: 2px 24px; border: 1px solid #f9efe1; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-transform: uppercase; cursor: pointer; }
input.button.lite { background-color: #f1e5c8; border-color: #948878; color: #7d6f5e; }
input.button.back { margin-left: 6px; background-color: #f1e5c8; border-color: #948878; color: #7d6f5e; }

img.lightbox { cursor: progress;  }
img.lightbox.loaded { cursor: pointer;  }
img.rawimage { display: none; }
img.rawimage.active { position: absolute; z-index: 99; left: 0px; top: -10px; display: block; cursor: pointer; }
#top.lightbox #Logo { position: absolute; top: 20px; left: 20px; z-index: 100;  }
#top.lightbox #SiteNav { display: none;  }
#top.lightbox { background-color: #424242; }
#top.lightbox #Canvas { opacity: 0.20; }

/* content divs */
#Canvas { position: relative; width: 1024px; margin: 10px 0; }
#CanvasInner { position: relative; }

#Main { float: right; display: inline; width: 586px; margin: 0px 215px 18px 0px; padding-top: 23px; min-height: 480px; height: auto !important; height: 480px; }
#SiteNav { color: rgb(165,151,120); margin: 2px 0 7px 0; width: 598px; }
#SiteNav a { color: rgb(165,151,120); }
#SiteNav a.active { color: rgb(102,102,102); }
#SiteNav a:hover { color: rgb(102,102,102); }
div.section { position: relative; display: inline; padding: 0; white-space: nowrap; 
  text-transform: uppercase; font-family: Arial, sans-serif; font-size: 40px; line-height: 40px; letter-spacing: -10px; z-index: 100; }
#SiteNav div.slash { display: inline; font-size: 20px; vertical-align: 8px; padding: 0 7px; }
div.section div.dropnav { display: none; position: absolute; top: 38px; left: -5px; z-index: 99; padding: 0 28px 28px 0; border: 0;
  text-transform: none; font-family: Georgia, serif; font-size: 12px; line-height: 17px; letter-spacing: 0; }
div.section:hover div.dropnav { display: block; }
div.dropnav div.inner { padding: 4px 24px 7px 6px; background-color: white; }
div.subsection { margin: 4px 0 0 0; }
div.subsection a { display: block; }


#Object { margin: 38px 0; }
#Object.titled { margin-top: 0; }
#Object p { margin-bottom: 1em; }
#Object h1 { font-size: 24px; line-height: 28px; margin: 1.2em 0 0.6em 0; }
#Object h2 { font-size: 20px; line-height: 23px; letter-spacing: 1.7px; margin: 1.2em 0 0.6em 0; }
#Object h3 { font-size: 17px; line-height: 22px; margin: 0 0 0.4em 0; }
#Object h4 { font-size: 12px; line-height: 17px; margin: 0 0 0.3em 0; text-transform: uppercase; }
#Object h4 span.lower { text-transform: none; }
#Object h4.byline { margin: 2px 0 0.2em 0; text-transform: none; font-size: 0.85em; letter-spacing: 1px; }
#Object h4.byline a { text-transform: uppercase; color: rgb(102,102,102); }

div.main { float: left; width: 380px; }
div.main div.share { margin-top: 1em; }
div.content { margin: 19px 0 0 0; }
div.sidebar { float: right; width: 190px; }
div.wide div.sidebar { margin-right: -210px; margin-top: 50px; }
div.wide address { white-space: nowrap; }
div.sidebar div.divider { width: 170px; }
#Object div.content h4 { margin-bottom: 10px; }
#Object div.sidebar p { margin: 0; }
#Object div.sidebar h4.related { margin-top: 19px; }
#Object div.sidebar p.related { margin: 0 0 0 1em; text-indent: -1em; }
#Object.wide address { white-space: nowrap; }

#Content { float: left; padding-top: 25px; width: 380px; }
#Content > h1:first-child { margin-top: 0; }
#Content > h2:first-child { margin-top: 0; }

#Sidebar { float: right; padding-top: 28px; width: 190px; }
#Sidebar p { margin: 0; }
#Sidebar div.divider { width: 170px; }
#Sidebar div.group { margin-bottom: 1em; }
#Sidebar h4.related { margin-top: 19px; }
#Sidebar p.related { margin-left: 1em; text-indent: -1em; }
#Sidebar.wide { margin-right: -210px; margin-top: 50px;  }

#Left { width: 200px; margin: 0px 0px 0px 13px; font-size: 15px; line-height: 17px; }
#SectionNav { padding: 60px 0 18px 0; color: rgb(126,176,204); }
#SectionNav a { color: rgb(126,176,204); }
#SectionNav a.active { color: rgb(198,40,8); font-weight: bold; }
#SectionNav a.future { color: #29bc57; }
#SectionNav a.parent { font-weight: bold; }
#SectionNav h3 { font-size: 14px; text-transform: uppercase; }
#SectionNav p { margin: 8px 0 0 14px; }
#SectionNav blockquote { margin: 0 0 0 14px; }
#SectionNav div.editor { margin: 28px 0 0 0; }
#SectionNav div.editor p { margin: 0; }
#SectionNav div.editor a { color: rgb(179,179,179); text-decoration: none; }
#SectionNav div.editor a:hover { color: rgb(102,102,102); }
#SectionNav blockquote div.editor { margin: 7px 0 28px 0; }

#Right { position: absolute; top: 5px; right: 25px; width: 170px; text-align: center; }
#Right p { margin: 15px 0; }
#SearchForm div { position: relative; background-image: url( /www-psa/images/searchbox.png ); background-repeat: no-repeat; width: 141px; height: 22px; margin: 0px auto; text-align: left; }
#SearchForm input.text { border: 0px solid #a79f92; background-color: transparent; margin-left:2px; padding:4px 4px 2px 6px; width:106px; font-family: Georgia, serif; color: #a6987a; }
#Search input.button { border: 1px solid #c2b792; background-color: #a59778; color: #f1e5c8; padding: 1px 0px; }
#Right div.divider { width: 170px; }

#Footer { float: right; display: inline-block; width: 580px; margin: 0px 218px 18px 0px; }

/* specialty divs */
#User { position: absolute; width: 580px; top: 0px; right: 218px; font: 10px Verdana, sans-serif; text-align: right; padding: 2px; }
#User a { color: #999999; text-decoration: none; }
#User a:hover { color: #4e44b2; }

div.titlebar { position: relative; height: 42px; background-image: url(/www-psa/images/titlebar.gif); background-repeat: repeat-x; text-align: center; padding: 6px 0 0 0; }
div.titlebar h1 { background-color: #ffffff; color: rgb(126,176,204); display: inline; text-transform: uppercase; letter-spacing: 1px; margin: 0; }
div.titlebar h1 img { vertical-align: -6px; margin: 0 6px; }
div.titlebar h1 a { color: rgb(126,176,204); }
div.titlebar h5 { color: rgb(138,121,103); font-family: Arial, sans-serif; font-size: 12px; line-height: 17px; letter-spacing: -2px; margin:-13px 0 -4px 0; text-transform: uppercase; }
div.titlebar em { font-style: none; padding: 0 9px; background-color: #ffffff; }

div.divider { margin: 15px 0; width: 380px; text-align: center; background-color: #fff; }

div.share { font-size: 12px; }
div.share a { color: rgb( 179, 179, 179 ); }
div.share a:hover { color: rgb(102,102,102); }
div.sharethis { display: none; }
div.sharethis input { width: 240px; border: 1px solid #cccccc; padding: 2px; color: rgb(102,102,102); }
#Object div.sharethis p { margin: 6px 0; }

div.show { font: 12px Georgia, serif; }
div.slide.cover { display: block; }
div.slideholder { text-align: center; }
div.slidenav { font: 11px Arial, serif; text-align: right; }
div.slidenav a.active { color: rgb(102,102,102); }

#Directory { padding-top: 25px; }
#Directory div.photo { float: left; width: 190px; }
#Directory div.bio { float: right; width: 380px; }
#Directory div.bio.nophoto { float: none; }
#Directory h2 { font-size: 17px; letter-spacing: 0; margin: 0; }
#Directory h3 { font-size: 17px; font-weight: normal; font-style: italic; margin: 0 0 0.5em 0; }
#Directory div.divider { margin-left: 205px; }

#Calendar { padding-top: 25px; }
#Calendar h3 { margin: 2px 0 6px 0; }
#Calendar h4 { text-transform: none; margin: 6px 0; }
#Calendar div.editor { margin: 7px 0; }
#Calendar div.eventHandle { border: 1px none red; position: relative; font-size: 1px; height: 1px; top: -20px; }

#Articles { padding-top: 23px; }
#Articles h2 { margin: 4px 0 0 0; }
#Articles div.page { margin-top: 1em; }
#Articles div.editor { margin: 7px 0; }
#Articles div.show { margin: 7px 0; }
#Articles h4.future { color: #29bc57; }

#TOC { float: left; width: 380px; }
#TOC h2 { margin-bottom: 20px; }
#TOC p { margin-bottom: 0.5em; }
#TOC p.requested a { color: rgb(126,176,204); } 

#Weblog { float: left; padding-top: 25px; width: 380px; }
#Weblog h2 { margin: 0; }
#Weblog div.editor { margin: 7px 0; }
#Weblog div.show { margin: 7px 0; }
#Weblog span.continuation a { text-transform: uppercase; color: rgb(126,176,204); }
#Weblog div.categories { margin: 7px 0; }
#Weblog a.category { margin: 0 0.6em 0 0.2em; }
#Weblog h4.future { color: #29bc57; }

#Comments { margin: 16px 0 4px 0; }
#Comments h4 { text-transform: none; }
#Comments div { border: 1px solid #cfc4ab; padding: 6px 0 3px 0; }
#Comments div.header { border-style: solid none; }
#Comments div.comment { border-style: none none solid none; }
#Comments div.new { background-color: #efe; }

#CommentForm h4 { text-transform: none; }
#CommentForm textarea { width: 282px; height: 232px; font-family: Georgia, serif; padding: 3px 6px; font-size: 15px; color: rgb(102,102,102); border: 1px solid #cfc4ab; }
#CommentForm input.text { font-family: Georgia, serif; padding: 3px 6px; font-size: 15px; color: rgb(102,102,102);  border: 1px solid #cfc4ab; }
#CommentForm input.email { border: 1px solid #cfc4ab; }

#Media { float: left; margin-top: 25px; width: 380px; position: relative; }
#Media.videoplayer { width: 584px; }
#Media table.list { width: 100%; border-collapse: collapse; border: 1px solid #cfc4ab; border-style: solid none none none; font-size: 12px; line-height: 17px; margin-top: 4px; }
#Media th { text-align: left; text-transform: uppercase; font-weight: normal; }
#Media td.date { width: 94px; }
#Media td.date img { vertical-align: middle; }
#Media td.title { width: 184px; }
#Media tr.player { d1isplay: none; }
#Media tr.player td { border: 1px solid #cfc4ab; border-style: none none solid none; }
#Media td { padding: 0 0 8px 0; }
tr.slide.cover { display: table-row; }
tr.slide { border: 1px none #cfc4ab; border-bottom-style: solid; }
tr.slideproxy.active { font-weight: bold; border: 1px none #cfc4ab; border-top-style: solid; }
tr.future { color: #29bc57; }
#Media div.audio { margin-bottom: 8px; }

#Media div.related { position: absolute; left: 394px; width: 190px; color: rgb(102,102,102); }
#Media div.related p { margin: 0; }
#Media div.related h4.related { margin-top: 19px; }
#Media div.related p.related { margin: 0 0 0 1em; text-indent: -1em; }
#Media div.related div.divider { width: 170px; }

#Browser { margin-top: 16px; width: 584px; overflow: auto; }
#Browser td { padding: 0 8px 24px 0; }
#Browser div.thumbnail { position: relative; }
#Browser span.playbutton { position: absolute; top: 114px; left: 8px; font-size: 22px; }
#Browser a span.playbutton { color: #ffffff; }

#Filterform { margin-bottom: 1em; }
#Filterform h4 { text-transform: none; }

/* Poetry in Motion */
div.poem { margin-bottom: 14px; }
div.videopoem { margin-bottom: 21px; }
#Object div.poem p { margin: 0; }
div.poem p.title { font-style: italic; }
#Object div.videopoem p.title { font-style: italic; margin: 6px 0 0 0; }
#Filter { margin: 0 0 20px 0; }
#Filter table { width: 100%; }
#Filter td { width: 50%; }
#Filter label { font-size: 10px; font-weight: bold; }

table.sponsors td { vertical-align: middle; text-align: center; }

#Awards { margin-top: 2em; }
#Awards p { margin: 0; }
#Awards li { font-weight: bold; list-style-position: inside; margin: 0; padding: 0; margin-left: 1em; text-indent: -1em; }
#Awards div.division { margin: 12px 0; }
#Awards div.award { margin: 12px 0; }

#Winners p { margin: 0; }
#Winners div.winner { margin-bottom: 5px; }
#Winners div.intro { margin-bottom: 8px; }

#Winners table.medals td { text-align: center; vertical-align: bottom; padding: 16px 24px 16px 0; }
#Winners table.medals img.cowinner { margin-left: 24px; }

#Winner { float: left; padding-top: 25px; width: 380px; }
#Winner h3 { margin: 0; text-transform: uppercase; font-size: 16px; }
#Winner h4.location { font-size: 12px; text-transform: none; margin: 0 0 1em 0; }
#Winner h4.author { font-size: 12px; text-transform: none; margin: 0; }
#Winner h4.judge { font-size: 12px; text-transform: none; margin: 0; }
#Winner h4.award { text-transform: none; margin: 0 0 1em 0; }
#Winner h4.award a { text-transform: uppercase; }
#Winner h4.return { margin-top: 1.7em; }

div.year { margin-bottom: 24px; }
div.year table { margin: 4px 0; border-collapse: collapse; }
div.year td { padding-right: 4px; }
#Object div.year p { font-size: 12px; line-height: 17px; margin: 0 0 0 1em; text-indent: -1em; }
#Object div.year p a.title { font-style: italic; }
div.group.winners { font-size: 12px; line-height: 18px; margin: 0 0 0 1em; text-indent: -1em; }

table.userform {}
#Object table.userform h3 { margin: 32px 0 12px 0; }
#Object table.userform h3.first { margin: 12px 0 12px 0; }
#Object table.userform h3.option { margin: 0 0 0.4em 0; }
table.userform tr td { padding: 5px 5px; }
table.userform td.checkbox { text-align: right; padding-bottom: 22px; }
table.userform td.label { text-transform: uppercase; }
table.userform input { border: 1px solid #8a7967; padding: 4px 0 3px 2px; }
table.userform input.error { border-color: #f00; }
table.userform input.tempvalue { color: #aaa; }
table.userform input.button { padding: 2px 24px; }
table.userform textarea { border: 1px solid #8a7967; padding: 3px 0 2px 2px; width: 320px; vertical-align: top; }
table.userform p label { text-transform: uppercase; font-size: 16px; line-height: 23px; margin-right: 5px; }
table.userform div.divider { margin: 0 0 15px 0; }

table.figures { }
table.figures td { padding: 3px 4px; color: #444; }
table.figures td.label { color: #999; }

table.twocol { width: 100%; }
table.twocol td { width: 50%; padding: 5px 10px 5px 0; }

table.responses { padding: 4px; background-color: #fff; border-collapse: collapse;  }
table.responses th { padding: 2px 5px 2px 7px; text-align: left; }
table.responses td { padding: 5px 7px; }
table.responses tr.header { background-color: #f4f2f1; }
table.responses tr.body { font-size: 13px; }
table.responses tr.odd { background-color: #f8eee1; }
table.responses tr.totals>td { border: 1px solid #000; border-style: solid none none none; font-weight: bold; }
table.responses td.bool { text-align: center; }

#Store {}
table.product { margin-top: 15px; }
table.product td.image { padding-right: 10px; }
#Store table.product h3 { font-style: italic; margin: 0; font-size: 16px; }
table.product p.byline {}
table.product p.price { font-size: 16px; font-weight: bold; }
table.product span.stock { font-size: 11px; line-height: 14px; font-weight: normal; }
table.product div.description {}
table.product div.cart {}
table.product table.variants {}
table.product table.variants td { padding-right: 10px; }
table.product table.variants td.quantity { padding-right: 4px; }
table.product table.variants span.instruction { font-size: 11px; line-height: 18px; font-style: italic; font-weight: normal; }
table.product input { border: 1px solid #8a7967; padding: 4px 0 3px 2px; text-align: center; }
table.product input.button { padding: 2px 24px; }

table.cart { border-collapse: collapse; width: 100%; }
table.cart th { border: 1px solid #666666; border-style: none none solid none; text-align: right; padding-right: 4px; }
table.cart th.item { text-align: left; }
table.cart td { padding: 2px 4px 6px 0; text-align: right; }
table.cart td.item { text-align: left; }
table.cart blockquote { margin: 0 0 0 16px; }
table.cart td.price { width: 80px; }
table.cart td.amount { width: 68px; }
table.cart tr.subtotal td { border: 1px solid #666666; border-style: solid none none none; padding: 6px 4px 6px 0; }
table.cart tr.total td { border: 1px solid #666666; border-style: solid none none none; padding: 6px 0 6px 0; }
table.cart table.total { float: right; border-collapse: collapse; }
table.cart table.total td { text-align: right; font-weight: bold; padding: 6px 4px; }

/* Homepage */
#Object.homepage { margin-top: 0; }
#Homeshow {}
#Homeshow div.slide { position: relative; margin: 0 0 59px 0; }
#Homeshow div.slideholder { width: 582px; padding: 8px 0; border: 1px solid #7badc9; background-color: #f9efe1; }
#Homeshow div.titleholder { position: absolute; bottom: -56px; left: 0; }
#Homeshow div.titleinner { position: absolute; top: 16px; left: 0px; width: 585px; text-align: center;  }
#Homeshow h1 { margin: 0; color: #7badc9; font-size: 33px; text-transform: uppercase; }
#Homeshow h1 a { color: #7badc9; }
#Homeshow h1 img { vertical-align: -4px; }
#Homeshow h1 img.dingleft { margin-right: 4px; }
#Homeshow h1 img.dingright { margin-left: 4px; }
#Homeshow div.slidenav { position: absolute; height: 18px; width: 575px; bottom: -75px; left: 0px; text-align: right; }
#Homeshow div.slidenav a { display: inline-block; height: 17px; width: 19px; border: 1px solid #a99b7d; background-color: #f9efe1; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
#Homeshow div.slidenav a.active { color: #f9efe1; background-color: #7badc9; }
#Homeshow p.editor { position: absolute; bottom: -52px; width: 570px; text-align: right; }

#Object.homepage #Sidebar { padding-top: 36px; }
#Object.homepage #Editor { position: relative; z-index: 9; width: 388px; }

#Features { float: left; padding-top: 20px; width: 380px; }
#Features div.feature { margin-bottom: 20px; }
#Features h2 { margin: 0; }
#Features div.content { margin: 4px 0 0 0; }
#Features div.editor { margin: 7px 0; }
#Features span.continuation a { text-transform: uppercase; color: rgb(126,176,204); }
#Features div.titlebar h5 { color: #c62807; }
#Features div.left { padding-top: 2px; }

#Object.homepage div.videothumb { padding: 8px; margin-top: 8px; border: 1px solid #7badc9; background-color: #f9efe1; }
#Object.homepage div.videothumb img { width: 172px; height: auto; }

#Upcoming { padding: 20px 0 18px 0; font-size: 13px; line-height: 15px; }
#Upcoming a { color: rgb(126,176,204); }
#Upcoming table.event { margin-top: 7px; }
#Upcoming td.ding { width: 18px; height: 15px; background-image: url(/www-psa/images/upcomingeventsblue.gif); background-repeat: no-repeat; }
#Upcoming div.details { display: none; }
#Upcoming div.details p { margin-bottom: 4px; }
#Upcoming div.details span.continuation { display: block; }
#Upcoming table:hover a { color: rgb(198,40,8); }
#Upcoming table:hover td.ding { background-image: url(/www-psa/images/upcomingeventsred.gif); }
#Upcoming table:hover div.details { display: block; }
#Upcoming div.editor { margin: 28px 0 0 0; }
#Upcoming div.editor p { margin: 0; }
#Upcoming div.editor a { color: rgb(179,179,179); text-decoration: none; }
#Upcoming div.editor a:hover { color: rgb(102,102,102); }


/* editorial and forms */
#Editor { position: absolute;  }
.editor { font: 10px Verdana, sans-serif; line-height: 13px; }
p.editor { clear: left; }
span.editor { padding-right: 1em; }
#Object p.editor { font-size: 10px; line-height: 13px; margin: 0; }
.editor a { color: rgb( 179, 179, 179 ); }
.editor a:hover { color: rgb(102,102,102); text-decoration: none; }

#Goline { display: none; }

table.form { margin-top: 15px; }
table.form tr td { padding: 5px; }
table.form input { border: 1px solid rgb(126,176,204);; padding: 4px 0 3px 2px; }
table.form input.button { padding: 2px 24px; background-color: #f1e5c8; color: #7d6f5e;  }
table.form textarea { border: 1px solid #948878; padding: 3px 0 2px 2px; width: 320px; }
table.form textarea.markup { padding: 0; width: 604px; height: 240px; }
table.form textarea.markup.content { height: 416px; }
table.form textarea.markup.a_citation { height: 416px; }
table.mceEditor tr td { padding-top: 0px; }

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