/* Standard Declarations */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 175%; }
textarea, input { font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 175%; }
html { font-size: 75%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #000000; font-family: Arial, Helvetica, sans-serif; }
p, address { margin: 0 0 1.2em 0; padding: 0; font-style: normal; }
h1, h2, h3, h4, h5, h6 { padding: 1.2em 0 0 0; margin: 0; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }
a:link { color: #603048; }
a:visited { color: #301830; }
a:hover, a:focus { color: #abb76f; background: #d8edae; }
a:active { color: #abb76f; background: #d8edae; text-decoration: none; }
.hidden { display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie6 .clearfix { height: 1%; }
/* Holy Grail Layout */
body { min-width: 620px; /* 2x LC width + RC width */ overflow-x: hidden; }
#container { padding-left: 0px; /* LC width */ padding-right: 310px; /* RC width */ }
#container .column { position: relative; float: left; }
#center { width: 100%; }
#centerLeft { float: left; width: 230px; display: none; }
#left { width: 0px; /* LC width */ right: 0px; /* LC width */ margin-left: -100%; }
#right { width: 300px; /* RC width */ margin-right: -310px; /* RC width */ }
#footer { clear: both; }
/*** IE6 Fix ***/
* html #left { left: 300px; /* RC width */ }
/* Design Specific Declarations */
html { background: #603048; }
body { background: #fff url(http://www.purplepjs.com/images/design/bg-header.gif) 0 -1px repeat-x; }
#header { margin-right: 300px; }
#header .deep { margin: 0 auto; width: 354px; }
#header .deeper { position: absolute; top: 0; z-index: 1; }
#established { margin: 0; width: 354px; height: 71px; background: url(http://www.purplepjs.com/images/design/bg-banner.png) center top no-repeat; text-indent: -9999em; }
#ie6 #established { background-image: url(http://www.purplepjs.com/images/design/bg-banner.gif); }
#logo { margin: 0; }
#logo a { margin: 0; width: 354px; height: 73px; background: url(http://www.purplepjs.com/images/design/bg-logo.png) center top no-repeat; text-indent: -9999em; display: block; }
#ie6 #logo a { background-image: url(http://www.purplepjs.com/images/design/bg-logo.gif); }
#tagline { margin: 0; width: 354px; height: 76px; background: url(http://www.purplepjs.com/images/design/bg-tagline.png) center top no-repeat; text-indent: -9999em; }
#ie6 #tagline { background-image: url(http://www.purplepjs.com/images/design/bg-tagline.gif); }
#body { border-bottom: 20px solid #301830; padding-bottom: 20px; }
#container { padding-top: 64px; }
#center { background: #fff url(http://www.purplepjs.com/images/design/bg-headerArchRight.gif) right top no-repeat; }
#center .deep { background: url(http://www.purplepjs.com/images/design/bg-headerArchLeft.gif) -3px top no-repeat; }
#centerLeft { }
#illustration { background: url(http://www.purplepjs.com/images/design/illustration.png) right top no-repeat; width: 230px; height: 362px; }
#ie6 #illustration { background-image: url(http://www.purplepjs.com/images/design/illustration.gif); }
#content { padding: 169px 20px 0 20px; }
#pageTitle { border-bottom: 8px solid #301830; margin-left: -20px; }
#ie6 #pageTitle { display: inline-block; }
#pageTitle h1 { color: #603048; line-height: 80%; text-align: right; letter-spacing: -.05em; font-weight: normal; font-variant: small-caps; font-size: 300%; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; }
#pageSummary { background: #603048; color: #fff; padding: 1em; border-top: 1px solid #fff; margin-bottom: 1.2em; margin-left: -20px; font-size: 120%; line-height: 100%; line-height: 1.6; }
#ie6 #pageSummary { display: inline-block; }
#pageSummary a { color: #fff; text-decoration: none; }
#contentHeader { margin-bottom: 2em; }
#contentFooter { margin-top: 2em; }
div.article { margin: 0 0 3em 0; padding: 10px 10px 1.2em 10px; background: #fff url(http://www.purplepjs.com/images/design/bg-article.gif) repeat-x; }
div.article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
div.article { height: 1%; }
#content .submission { padding-bottom: 1.2em; }
#content .author { display: block; color: #603048; font-weight: bold; text-align: right; white-space: nowrap; }
#content .response { }
#content .columnist { display: inline; margin-right: 1em; color: #603048; font-weight: bold; text-align: right; white-space: nowrap; }
#content div.article h2 { background: #fff; font-size: 125%; padding: .5em .5em .5em 0; margin: 0 10px 0 0; position: relative; left: -10px; top: -10px; border-bottom: 1px solid #abb76f; border-right: 1px solid #abb76f; color: #8d975c; line-height: 90%; width: 30%; float: left; text-align: right; overflow: hidden; }
#content div.article h2 a { color: #8d975c; text-decoration: none; }
#ie6 #right div { display: inline-block; }
#lounge { background: url(http://www.purplepjs.com/images/design/bg-lounge.gif) no-repeat; padding: 0; margin: 29px 0 0px 0; position: relative; left: -124px; color: #fff; text-align: right; height: 46px; overflow: hidden; width: 367px; }
#lounge a { color: #fff; display: block; padding: 10px 15px 13px 15px; font-weight: bold; text-decoration: none; font-size: 130%; }
#lounge a:hover { background: none; color: #d8edae; }
form#search { background: url(http://www.purplepjs.com/images/design/bg-search.gif) no-repeat; padding: 10px 40px 15px 30px; margin: 8px 0 60px 0; position: relative; left: -40px; color: #fff; text-align: right; }
form#search label { display: none; }
form#search input { vertical-align: middle; margin-left: 5px; border: 0; }
form#search input#keywords { background: #c7cf9f; border: 1px solid #abb76f; width: 170px; line-height: 1.8em; font-size: 1.2em; }
form#search input:focus#keywords, form#search input:active#keywords, form#search input:hover#keywords { border: 1px solid #fff; }
#newToday { background: #abb76f url(http://www.purplepjs.com/images/design/bg-newToday.gif) right top repeat-y; margin-bottom: 20px; }
#newToday .deep { background: url(http://www.purplepjs.com/images/design/bg-newTodayHead.gif) right top no-repeat; }
#newToday .deeper { background: url(http://www.purplepjs.com/images/design/bg-newTodayFoot.gif) right bottom no-repeat; padding-right: 72px; min-height: 146px; }
#newToday h6 { padding: 15px; display: none; }
#newToday ul { padding: 15px 15px 15px 0; margin: 0; list-style: none; }
#newToday ul li { display: inline; }
#newToday a { display: block; padding: 5px 5px 5px 15px; color: #000; text-decoration: none; border-bottom: 2px solid #abb76f; }
#newToday a:hover, #newToday a:focus, #newToday a:active { background: #fff url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#newToday a.active { background: #d8edae url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#newToday a em { display: block; font-style: normal; }
#columnist { background: #c7cf9f url(http://www.purplepjs.com/images/design/bg-columnist.gif) right top repeat-y; margin-bottom: 20px; }
#columnist .deep { background: url(http://www.purplepjs.com/images/design/bg-columnistHead.gif) right top no-repeat; }
#columnist .deeper { background: url(http://www.purplepjs.com/images/design/bg-columnistFoot.gif) right bottom no-repeat; padding: 15px 87px 15px 15px; min-height: 146px; }
#columnist h6 { display: none; }
#columnist img { float: left; border: 1px solid #000; margin: 0 1em 1em 0; width: 80px; }
#columnist .columnist { display: block; margin: 0 0 1.2em 0; color: #000; font-weight: normal; text-align: left; border-left: 0; padding-left: 0; white-space: normal; line-height: 140%; font-size: 95%; }
#columnist .columnist:first-line { font-weight: bold; text-transform: uppercase; }
#internalResources { background: #899359 url(http://www.purplepjs.com/images/design/bg-internalResources.gif) right top repeat-y; margin-bottom: 20px; color: #fff; }
#internalResources .deep { background: url(http://www.purplepjs.com/images/design/bg-internalResourcesHead.gif) right top no-repeat; }
#internalResources .deeper { background: url(http://www.purplepjs.com/images/design/bg-internalResourcesFoot.gif) right bottom no-repeat; padding-right: 72px; min-height: 146px; }
#internalResources h6 { padding: 15px; display: none; }
#internalResources ul { padding: 15px 15px 15px 0; margin: 0; list-style: none; }
#internalResources ul li { display: inline; }
#internalResources a { display: block; padding: 5px 5px 5px 15px; color: #fff; text-decoration: none; border-bottom: 2px solid #899359; }
#internalResources a:hover, #internalResources a:focus, #internalResources a:active { color: #000; background: #fff url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#internalResources a.active { background: #d8edae url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#internalResources a em { display: block; font-style: normal; }
#externalResources { background: #767e4c url(http://www.purplepjs.com/images/design/bg-externalResources.gif) right top repeat-y; margin-bottom: 20px; color: #fff; }
#externalResources .deep { background: url(http://www.purplepjs.com/images/design/bg-externalResourcesHead.gif) right top no-repeat; }
#externalResources .deeper { background: url(http://www.purplepjs.com/images/design/bg-externalResourcesFoot.gif) right bottom no-repeat; padding: 15px 87px 15px 15px; min-height: 146px; }
#externalResources h6 { display: none; }
#externalResources a, #externalResources a:link { text-decoration: none; border-bottom: 1px solid #d8edae; color: #d8edae; font-weight: bold; }
#externalResources a:visited { border-bottom: 0; }
#externalResources a:hover, #externalResources a:focus, #externalResources a:active { background: #abb76f; color: #fff; }
#columns { background: #603048 url(http://www.purplepjs.com/images/design/bg-columns.gif) right top repeat-y; margin-bottom: 20px; color: #fff; }
#columns .deep { background: url(http://www.purplepjs.com/images/design/bg-columnsHead.gif) right top no-repeat; }
#columns .deeper { background: url(http://www.purplepjs.com/images/design/bg-columnsFoot.gif) right bottom no-repeat; padding-right: 72px; min-height: 146px; }
#columns h6 { padding: 15px; display: none; }
#columns ul { padding: 15px 15px 15px 0; margin: 0; list-style: none; }
#columns ul li { display: inline; }
#columns a { display: block; padding: 5px 5px 5px 15px; color: #fff; text-decoration: none; border-bottom: 2px solid #603048; }
#columns a:hover, #columns a:focus, #columns a:active { color: #000; background: #fff url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#columns a.active { background: #d8edae url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#columns a em { display: block; font-style: normal; }
/* Submission Form Declarations */
#submit { background: #603048 url(http://www.purplepjs.com/images/design/bg-submit.gif) left top repeat-y; clear: both; color: #fff; margin-left: 10px; }
#ie6 #submit div { display: inline-block; }
#submit .deep { background: url(http://www.purplepjs.com/images/design/bg-submitHead.gif) left top no-repeat; }
#submit .deeper { background: url(http://www.purplepjs.com/images/design/bg-submitFoot.gif) left bottom no-repeat; padding: 10px 10px 10px 97px; }
#submit a { color: #fff; }
textarea { display: block; }
#submit h6 { }
#submit form fieldset { margin-bottom: 10px; }
#submit form legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ }
#submit form label { display: inline-block; line-height: 100%; vertical-align: top; width: auto; }
#submit form fieldset ol { margin: 0; padding: 0; }
#submit form fieldset li { list-style: none; padding: 5px; margin: 0 2em 0 0; float: none; }
#submit form fieldset fieldset { border: none; margin: 3px 0 0; }
#submit form fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
#submit form fieldset fieldset label { display: block; width: auto; }
#submit form em { font-weight: bold; font-style: normal; color: #fc0; }
#submit form label { display: none; }
#submit form fieldset fieldset label { }
/*\*//*/ #submit form legend { display: inline-block; } /* IE Mac legend fix */
#submit form { font-size: 110%; }
#submit form legend { padding-left: 0; }
#submit form legend, #submit form label { }
#submit form fieldset { border: none; border-top: 1px solid #fff; }
#submit form fieldset fieldset { background: none; }
#submit form fieldset li { padding: 5px 10px 7px; }
#submit .textarea { width: 100%; float: none; }
#submit #age { width: 2em; }
#submit input.submit { margin-left: 10px; }
/* Submission Form Validation */
.LV_validation_message { font-weight: bold; margin: 0 0 0 5px; }
.LV_valid { color: #fff; }
.LV_invalid { color: #fc0; }
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #000; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #fc0; background: #d8edae; }
/* Footer Declarations */
#footer { border-top: 1px solid #fff; background: #603048; color: #fff; clear: both; }
#surf { background: #fff url(http://www.purplepjs.com/images/design/bg-surf.gif) left bottom no-repeat; margin: 0 0 0 25%; padding: 1em; color: #000; }
#surf .deep { }
#surf .deeper { }
#surf h6 { }
#surf a, #surf a:link { text-decoration: none; border-bottom: 1px solid #603048; color: #603048; font-weight: bold; white-space: nowrap; }
#surf a:visited { border-bottom: 0; }
#surf a:hover, #surf a:focus, #surf a:active { background: #abb76f; }
#footerNavigation { margin: 0 0 0 25%; padding: 1em 0; }
#footerNavigation ul, #footerNavigation ul li { list-style: none; margin: 0; padding: 0; float: left; }
#footerNavigation ul li a { display: block; background: #301830; padding: .5em; margin: 0 .5em .5em 0; text-decoration: none; color: #fff; }
#footerNavigation ul li a:hover, #footerNavigation ul li a:focus, #footerNavigation ul li a:active { background: #fff; color: #000; }
#branding { clear: both; margin: 0 0 0 25%; padding: 1em 0; }
#branding a { color: #ffffff; }
#branding a:hover { background: #fff; color: #000; }
/* Index Declarations */
#features { }
#features div.article { margin: 0 15px 3em 0; padding: 10px 10px 1.2em 10px; background: url(http://www.purplepjs.com/images/design/bg-article.gif) repeat-x; clear: both; }
.submission { padding-bottom: 1.2em; }
#announcements { }
#announcements div.article { margin: 0 15px 3em 0; padding: 10px 10px 1.2em 10px; background: url(http://www.purplepjs.com/images/design/bg-article.gif) repeat-x; clear: both; }
.submission { padding-bottom: 1.2em; }
/* Submit Declarations */
#content #submit { margin: 0; background-image: none; }
#content #submit .deep { background-image: none; }
#content #submit .deeper { background-image: none; padding: 10px; }
/* Special Page Declarations */
body._AboutUs #content h2 { float: none; margin: 0; }
body._AboutUs { float: none; margin: 0; }
/* Additions */
#features div.article { clear: none; }
#announcements div.article { clear: none; }
div.article { clear: both; }
.index div.article { clear: none; }
.index div.article h2 { width: 100%; }
/* .index div.article { height: 40em; overflow-y: auto; overflow-x: hidden; } */
.index #content div.article img { display: none; }
#content div.article img { max-width: 100%; }
.index #content div#pageSummary img.avatar { display: inline-block; float: right; margin: 0 0 .5em 1em; }
.index #content div.article img.avatar { display: inline-block; float: right; margin: 0 1em 0 .5em; }
#commenting { padding: 0; }
#twitterTimeline { background: #899359 url(http://www.purplepjs.com/images/design/bg-internalResources.gif) right top repeat-y; margin-bottom: 20px; color: #fff; }
#twitterTimeline .deep { background: url(http://www.purplepjs.com/images/design/bg-twitterTimelineHead.gif) right top no-repeat; }
#twitterTimeline .deeper { background: url(http://www.purplepjs.com/images/design/bg-internalResourcesFoot.gif) right bottom no-repeat; padding: 15px 87px 15px 15px; min-height: 146px; }
#twitterTimeline h6 { padding: 0; display: none; }
#onlineMembers { background: #abb76f url(http://www.purplepjs.com/images/design/bg-newToday.gif) right top repeat-y; margin-bottom: 20px; }
#onlineMembers .deep { background: url(http://www.purplepjs.com/images/design/bg-newTodayHead.gif) right top no-repeat; }
#onlineMembers .deeper { background: url(http://www.purplepjs.com/images/design/bg-newTodayFoot.gif) right bottom no-repeat; padding-right: 72px; min-height: 146px; }
#onlineMembers h6 { padding: 15px; display: none; }
#onlineMembers ul { padding: 15px 15px 15px 0; margin: 0; list-style: none; }
#onlineMembers ul li { display: inline; }
#onlineMembers a { display: block; padding: 5px 5px 5px 15px; color: #000; text-decoration: none; border-bottom: 2px solid #abb76f; }
#onlineMembers a:hover, #onlineMembers a:focus, #onlineMembers a:active { background: #fff url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#onlineMembers a.active { background: #d8edae url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#onlineMembers a em { display: block; font-style: normal; }
#userPanel { background: #abb76f url(http://www.purplepjs.com/images/design/bg-newToday.gif) right top repeat-y; margin-bottom: 20px; }
#userPanel .deep { background: url(http://www.purplepjs.com/images/design/bg-userPanelHead.gif) right top no-repeat; }
#userPanel .deeper { background: url(http://www.purplepjs.com/images/design/bg-newTodayFoot.gif) right bottom no-repeat; padding-right: 72px; min-height: 146px; }
#userPanel h6 { padding: 15px; display: none; }
#userPanel ul { padding: 15px 15px 15px 0; margin: 0; list-style: none; }
#userPanel ul li { display: inline; }
#userPanel a { display: block; padding: 5px 5px 5px 15px; color: #000; text-decoration: none; border-bottom: 2px solid #abb76f; }
#userPanel a:hover, #userPanel a:focus, #userPanel a:active { background: #fff url(http://www.purplepjs.com/images/design/bg-newToday-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#userPanel a.active { background: #d8edae url(http://www.purplepjs.com/images/design/bg-userPanel-a.gif) right top no-repeat; border-bottom: 2px solid #8d975c; }
#userPanel a em { display: block; font-style: normal; }
#userPanel form { padding: 5px 5px 5px 15px; }
/* START HIERARCHICAL MENU - VERTICAL */
/* set colors and styles */
#columns ul#columnsMenu { margin:0; padding:0 0 1em 0; list-style: none; }
#columns ul#columnsMenu ul { width: 10em; background: #d8edae; border: 1px solid #899359; border-bottom: 0; margin: 0; padding: 0; list-style: none; height: 20em; overflow: auto; }
#columns ul#columnsMenu li { position: relative; }
#columns ul#columnsMenu li a { display: block; }
/* #ie #columns ul#columnsMenu li a { width: 190px; } UNCOMMENT for vertical text navigation - add width of container minus padding and margin */
#ie #columns ul#columnsMenu li li a { width: auto; }
#columns ul#columnsMenu img { display: block; }
#ie #columns ul#columnsMenu li { display: inline; }
#columns ul#columnsMenu li ul a { color: #000; text-decoration: none; padding: .2em; border-bottom: 1px solid #899359; display: block; }
#columns ul#columnsMenu li ul a:hover, #columns ul#columnsMenu li ul a:focus, #columns ul#columnsMenu li ul a.active { color: #fff; background: #899359; }
/* position sub-level drop-downs */
#columns ul#columnsMenu ul { margin-left: -27em; top: -7em; /*adjust to height of images*/ }
#ie #columns ul#columnsMenu ul { display: block; } /*adjust to height of images for IE*/
#columns ul#columnsMenu ul ul { margin: -1px 0 0; }
/* the magic - only edit where notated */
#columns ul#columnsMenu li:hover { z-index: 5; }
#ie #columns ul#columnsMenu li li a { height: 1%;} /*allows IE to use block hovers */
#ie6 li.hierover { z-index: 5; } /*overlay fix for IE6 */
/* hides/shows all levels */
/*hides 1st */ #columns ul#columnsMenu ul, /*2nd*/#columns ul#columnsMenu li:hover ul ul, #columns ul#columnsMenu li:focus ul ul, #columns ul#columnsMenu li.hierover ul ul, /*3rd*/ #columns ul#columnsMenu li:hover ul ul ul, #columns ul#columnsMenu li:focus ul ul ul, #columns ul#columnsMenu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; }
/*shows 1st */ #columns ul#columnsMenu li:hover ul, #columns ul#columnsMenu li:focus ul, #columns ul#columnsMenu li.hierover ul, #columns ul#columnsMenu li li.hierover ul, /*2nd*/ #columns ul#columnsMenu li li:hover ul, #columns ul#columnsMenu li li:focus ul, #columns ul#columnsMenu ul li.hierover ul, /*3rd*/ #columns ul#columnsMenu li li li:hover ul, #columns ul#columnsMenu li li li:focus ul, #columns ul#columnsMenu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 214px; }
/*shows 2nd */ #columns ul#columnsMenu ul li:hover ul, #columns ul#columnsMenu ul li:focus ul, #columns ul#columnsMenu ul li.hierover ul, #columns ul#columnsMenu ul li li.hierover ul, /*2nd*/ #columns ul#columnsMenu ul li li:hover ul, #columns ul#columnsMenu ul li li:focus ul, #columns ul#columnsMenu ul ul li.hierover ul, /*3rd*/ #columns ul#columnsMenu ul li li li:hover ul, #columns ul#columnsMenu ul li li li:focus ul, #columns ul#columnsMenu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - VERTICAL */