/*  PRESENTATION STYLESHEET  */

html { margin: 0; padding: 0; }
body
{
  margin: 0;
  padding: 0 0.5em 1em 0;
}

body
{
  background: #fff url(/images/bg.gif) repeat-y;
}

/*p, pre, blockquote, label, fieldset, address { margin: 1em 5%; }*/

pre
{
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap;     /* Opera 4 - 6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word;      /* IE 5.5+ */
}

a, a:link
{
  color: #8698ff;
}
a:active
{
  color: #31315a;
}
a:visited
{
  color: #808080;
}
a:hover
{
  color: #31315a;
}
a img
{
  border: none;
  text-decoration: none;
}


/* "SPECIAL" LINKS */
#col-a a, #col-a a:link,
#col-b a, #col-b a:link,
#footer a, #footer a:link
{
}
#col-a a:visited,
#col-b a:visited,
#footer a:visited
{
}
#col-a a:active,
#col-b a:active,
#footer a:active
{
}
#col-a a:hover,
#col-b a:hover,
#footer a:hover
{
}


div.nolinkcolor a, div.nolinkcolor a:visited,
#col-a div.nolinkcolor a, #col-a div.nolinkcolor a:visited, #col-a div.nolinkcolor a:hover,
#col-b div.nolinkcolor a, #col-b div.nolinkcolor a:visited, #col-b div.nolinkcolor a:hover,
#col-c div.nolinkcolor a, #col-c div.nolinkcolor a:visited, #col-c div.nolinkcolor a:hover
{
  text-decoration: none;
  border: none;
}

/* ================================ */
/* FORMS */

input, textarea /*, select*/
{
  background: #f2efff;
  font-size: 1.1em;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
input[type=radio], input[type=image]
{
  background: transparent none;
  border: 0px none;
  margin-right: 0.5em;
}
input.textinput, textarea.textinput
{
  font-family: courier new, courier, monospace;
  font-size: 1.2em;
}
input.button
{
  color: #232323;
  cursor: hand;
  background-color: #efefef;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  padding: 1px;
}
input.button:hover, input.button:focus
{
  background-color: #8f8f8f;
  border: 1px solid #999;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  padding: 0px 2px 2px 0px;
}

span.amp
{
  font-family: Baskerville, GoudyBookletter1911, "Goudy Old Style", Palatino, "Book Antiqua", serif;
  font-style: italic;
  font-size: 1.2em;
}

.text_color_red
{
  color: #c00;
}

/* ================================ */
#header
{
  padding: 1em 0 1.2em 0;
  margin-left: 130px;
}
#header h1
{
  background: transparent url(/images/neurotic_poets.jpg) no-repeat center 0;
  padding: 0;
  margin: 0;
  text-indent: -9000px;
  height: 45px;
  text-align: center;
}
#header h1 a
{
  display: block;
  height: 45px;
  width: 280px;
  margin: 0 auto;
}
#header h1 a:hover
{
  background: transparent url(/images/neurotic_poets_home.jpg) no-repeat center 0;
  * background-position: 1px 0;/* just for ie */
}
#header #subtitle
{
  color: #2f2f4f;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
  text-align: center;
}
#hr-top
{
  visibility: hidden;
  display: none;
}

#col-a
{
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
}
.main-content
{
  padding: 1em 1em 1em 0;
}

.main-content h2,
.main-content h3,
.main-content h4
{
  color: #2f2f44;
  margin: 0.2em 0;
}

.main-content h2,
.main-content h3
{
  text-align: center;
}

.main-content h2
{
  font-size: 1.8em;
}

.main-content h3
{
  font-size: 1.2em;
  font-weight: normal;
}

.main-content h4
{
  font-size: 1.1em;
}

.main-content hr
{
  margin: 2em 0;
  height: 1px;
  border: none;
  border-top: 1px solid #999;
}


/* ================================ */
#sharethis_bookmarks
{
	clear: both;
	margin-top: 3em;
}

#sharethis_bookmarks_like
{
	float: left;
	text-align: left;
	padding-bottom: 0.8em;
}

#sharethis_bookmarks_icons
{
	float: right;
	text-align: right;
	padding-top: 1.2em;
}

.sharethis_bookmarks_addon
{
	display: inline-block;
	position: relative;
	height: 32px;
	width: 32px;
}


/* ================================ */
#footer, #footer_bookmarks
{
  padding: 0 0 0 130px;
  margin: 0;
  position: relative;
}
#footer hr
{
  visibility: hidden;
  display: none;
}
.footerNotify
{
  background: #dfdfdf;
  width: 80%;
  margin: 1em auto;
  padding: 0.5em;
}

div#nav_sub_prev_next
{
  text-align: center;
  width: 100%;
  padding: 0.8em 0;
  margin: 0 0 1em 0;
}

div#nav_sub_prev_next div
{
  padding: 0.8em 0;
  float: left;
  width: 33%;
}

ul#nav_sub
{
  text-align: center;
  list-style: none outside none;
}

ul#nav_sub li
{
  padding: 0 1.2em;
  display: inline;
}

#mailto
{
  background: url(/images/icon_letter.gif) no-repeat top left;
  width: 32px;
  height: 18px;
  position: relative;
  top: -1em;
  float: left;
  text-indent: -9000px;
}
#mailto a
{
  display: block;
  width: 32px;
  height: 18px;
  text-decoration: none;
}

#attrib
{
  text-align: right;
  font-size: 0.9em;
  padding: 0 52px 0 0;
}

.main #footer
{
  background: url(/images/smdragon.gif) no-repeat bottom right;
  min-height: 60px;
}
.main #nav_sub
{
  margin-bottom: 3em;
}
.main #bdragon
{
  text-indent: -9000px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.main #bdragon a
{
  display: block;
  width: 44px;
  height: 60px;
  text-decoration: none;
  margin: 1em 0 0 0;
}

/* ================================ */
#img-0, #img-1, #img-2, #img-3, #img-4, #img-5, #img-6, #img-7, #img-8, #img-9
{
  border: 0;
  padding: 0;
}
.byron #img-0, .shelley #img-0, .poe #img-0, .rossetti #img-0, .dickinson #img-0, .wilde #img-0, .thomas #img-0, .plath #img-0
{
  background: url(/images/ink.png) no-repeat top left;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 3px;
  right: 5px;
}
.main #img-0
{
  background: url(/images/paranoid.gif) no-repeat top left;
  width: 73px;
  height: 63px;
  position: absolute;
  top: 5px;
  right: 5px;
}

#img-1
{
}

/* ================================ */
#slide
{
}

/* ================================ */
/* NAV */
#nav_main
{
  list-style: none;
  /*margin: 0 0 0 12px;*/
	margin: 0;
  padding: 0;
}
#nav_main li
{
  padding: 2px 0;
}
#nav_main a
{
  text-decoration: none;
  border: none;
  display: block;
  width: 90px;
  height: 20px;
}
#nav_byron a
{
  background: url(/images/nav_byron.gif) no-repeat top left;
}
#nav_byron a:hover
{
  background: url(/images/nav_byron_on.gif) no-repeat top left;
}
#nav_shelley a
{
  background: url(/images/nav_shelley.gif) no-repeat top left;
}
#nav_shelley a:hover
{
  background: url(/images/nav_shelley_on.gif) no-repeat top left;
}
#nav_poe a
{
  background: url(/images/nav_poe.gif) no-repeat top left;
}
#nav_poe a:hover
{
  background: url(/images/nav_poe_on.gif) no-repeat top left;
}
#nav_rossetti a
{
  background: url(/images/nav_rossetti.gif) no-repeat top left;
}
#nav_rossetti a:hover
{
  background: url(/images/nav_rossetti_on.gif) no-repeat top left;
}
#nav_dickinson a
{
  background: url(/images/nav_dickinson.gif) no-repeat top left;
}
#nav_dickinson a:hover
{
  background: url(/images/nav_dickinson_on.gif) no-repeat top left;
}
#nav_wilde a
{
  background: url(/images/nav_wilde.gif) no-repeat top left;
}
#nav_wilde a:hover
{
  background: url(/images/nav_wilde_on.gif) no-repeat top left;
}
#nav_thomas a
{
  background: url(/images/nav_thomas.gif) no-repeat top left;
}
#nav_thomas a:hover
{
  background: url(/images/nav_thomas_on.gif) no-repeat top left;
}
#nav_plath a
{
  background: url(/images/nav_plath.gif) no-repeat top left;
}
#nav_plath a:hover
{
  background: url(/images/nav_plath_on.gif) no-repeat top left;
}
#nav_links a
{
  background: url(/images/nav_links.gif) no-repeat top left;
}
#nav_links a:hover
{
  background: url(/images/nav_links_on.gif) no-repeat top left;
}
#nav_store a
{
  background: url(/images/nav_store.gif) no-repeat top left;
}
#nav_store a:hover
{
  background: url(/images/nav_store_on.gif) no-repeat top left;
}
#nav_main a span
{
  visibility: hidden;
  display: none;/*if don't sent display:none - ie will increase the height of the div to where the text would have gone*/
}


/* ================================ */
/* QUOTES */

blockquote .bq-quote
{
	display: block;
	background: transparent url(/images/line-decorative.png) no-repeat top;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 28px;
	color: #646491;
	text-align: left;
}
blockquote .bq-source
{
	display: block;
	background: transparent url(/images/line.png) no-repeat bottom;
	padding-bottom: 18px;
	text-align: right;
	font-style: italic;
	font-size: 0.9em;
}
.bqs, .bqe
{
  font-family: Baskerville, GoudyBookletter1911, "Goudy Old Style", Palatino, "Book Antiqua", serif;
	font-size: 180%;
	font-weight: bold;
	color: #000;
}
.bqs
{
	margin-left: -18px;
	float: left;
}
.bqe
{
	display: inline-block;
	float: right;
}
#bq0, #bq1, #bq2, #bq3, #bq4, #bq5, #bq6, #bq7, #bq8, #bq9
{
  margin: 0;
  padding: 0;
  line-height: 2em;
}
#q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9
{
	font-size: 1.3em;
  font-family: "Georgia";
  font-style: italic;
  margin: 0 0.8em 0.2em;
}
.main #bq0
{
  width: 300px;
  float: right;
  margin: 0 3em;
}
.main #bq1
{
  width: 320px;
  float: left;
  margin: 2em 0.4em 0;
}
.byron #q0
{
  width: 320px;
  float: left;
  margin: 0 0.8em;
}
.byron #q1
{
  width: 370px;
  text-align: center;
  margin: 0 auto;
}
.byron #q2
{
  width: 370px;
  float: right;
  margin: 0 0.8em;
}
.shelley #q0
{
  width: 320px;
  float: left;
  margin: 0 0.8em;
}
.shelley #q1
{
  width: 250px;
  float: right;
  margin: 0 0.8em;
}
.shelley #q2
{
  width: 320px;
  float: right;
  margin: 0 0.8em;
}
.poe #q0
{
  width: 320px;
  float: left;
  margin: 0 0.8em;
}
.poe #q1
{
  width: 280px;
  float: right;
  margin: 0 0.8em;
}
.poe #q2
{
  width: 340px;
  text-align: center;
  margin: 0 auto;
}
.rossetti #q0
{
  width: 380px;
  float: left;
  margin: 0 0.8em;
}
.rossetti #q1
{
  width: 340px;
  float: right;
  margin: 0 0.8em;
}
.rossetti #q2
{
  width: 520px;
  text-align: center;
  margin: 0 auto;
}
.dickinson #q0
{
  width: 350px;
  float: left;
  margin: 0 1em;
}
.dickinson #q1
{
  width: 300px;
  float: right;
  margin: 0 0.8em;
}
.dickinson #q2
{
  width: 340px;
  text-align: center;
  margin: 0 auto;
}
.wilde #q0
{
  width: 280px;
  float: left;
  margin: 0 0.8em;
}
.wilde #q1
{
  width: 480px;
  text-align: center;
  margin: 0 auto;
}
.wilde #q2
{
  width: 250px;
  float: right;
  margin: 0 0.8em;
}
.thomas #q0
{
  width: 480px;
  text-align: center;
  margin: 0 auto;
}
.thomas #q1
{
  width: 540px;
  text-align: center;
  margin: 0 auto;
}
.thomas #q2
{
  width: 580px;
  text-align: center;
  margin: 0 auto;
}
.plath #q0
{
  width: 330px;
  float: left;
  margin: 0 1em;
}
.plath #q1
{
  width: 550px;
  text-align: center;
  margin: 0 auto;
}
.plath #q2
{
  width: 340px;
  float: right;
  margin: 0 1em;
}


/* ================================ */
/* LETTERS */
.let-g, .let-j, .let-o, .let-p, .let-s, .let-t, .let-w
{
  text-indent: -9000px;
  position: relative;
  float: left;
  margin: 0.2em;
}
.let-g
{
  background: url(/images/letters/g.gif) no-repeat top left;
  width: 48px;
  height: 40px;
}
.let-i
{
  background: url(/images/letters/i.gif) no-repeat top left;
  width: 38px;
  height: 38px;
}
.let-j
{
  background: url(/images/letters/j.gif) no-repeat top left;
  width: 48px;
  height: 40px;
}
.let-t
{
  background: url(/images/letters/t.gif) no-repeat top left;
  width: 43px;
  height: 40px;
}
.let-o
{
  background: url(/images/letters/o.gif) no-repeat top left;
  width: 48px;
  height: 40px;
}
.let-p
{
  background: url(/images/letters/p.gif) no-repeat top left;
  width: 39px;
  height: 39px;
}
.let-s
{
  background: url(/images/letters/s.gif) no-repeat top left;
  width: 39px;
  height: 39px;
}
.let-w
{
  background: url(/images/letters/w.gif) no-repeat top left;
  width: 58px;
  height: 40px;
}


/* ================================ */
/* PORTRAITS */
#portrait
{
  position: relative;
  margin: 1em;
  float: right;
  width: 132px;
  height: 170px;
}
.byron #portrait
{
  background: url(/images/byron/portrait.jpg) no-repeat top left;
}
.shelley #portrait
{
  background: url(/images/shelley/portrait.jpg) no-repeat top left;
}
.poe #portrait
{
  background: url(/images/poe/portrait.jpg) no-repeat top left;
}
.rossetti #portrait
{
  background: url(/images/rossetti/portrait.jpg) no-repeat top left;
}
.dickinson #portrait
{
  background: url(/images/dickinson/portrait.jpg) no-repeat top left;
}
.wilde #portrait
{
  background: url(/images/wilde/portrait.jpg) no-repeat top left;
}
.thomas #portrait
{
  background: url(/images/thomas/portrait.jpg) no-repeat top left;
}
.plath #portrait
{
  background: url(/images/plath/portrait.jpg) no-repeat top left;
  height: 180px;
}
.plath #portrait-caption
{
  background: url(/images/plath/portrait-caption.gif) no-repeat top left;
  position: relative;
  top: 170px;
  width: 132px;
  height: 20px;
}


/* ================================ */
/* RESOURCE */

.res_poem
{
  padding-left: 20px;
}

.res_img
{
  margin: 1em 0;
  text-align: center;
}

.res_img_caption
{
  margin: 1em 0;
  font-style: italic;
  font-size: 0.9em;
  text-align: center;
}
.res_copyright
{
  margin: 3em 0 1em 0;
  font-style: italic;
  text-align: right;
  font-size: 0.9em;
}

.smpResourceUpper, .smpPlainUpper
{
  margin-bottom: 2em;
}
.smpResourceLower, .smpPlainLower
{
  text-align: right;
  margin-top: 3em;
}

/* ================================ */
/* TRANSLATE FORM */

#translate
{
	text-align: right;
	height: 20px;
	margin: 0;
	padding: 0;
/*
	position: absolute;
	right: 0;
*/
}

#google_translate_element
{
}

#google_translate_element select
{
}

#google_translate_element img
{
}

/*old?:*/
#frmTranslate
{
  margin: 0;
  padding: 0;
}
#selTranslate,
#btnTranslate
{
  font-size: 0.8em;
}
#btnTranslate
{
  padding: 1px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* ================================ */
/* LINKS PAGE */

.links dl
{
  margin-bottom: 4em;
}
.links dt
{
  margin-top: 1em;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 1pt;
}
.links dd
{
  margin-top: 0.6em;
}


/* ================================ */
/* SITEMAP */
.sitemap_home
{
  font-size: 1.2em;
  text-align: center;
  margin: 1.2em 0;
}

.sitemap_left,
.sitemap_right
{
  width: 48%;
  * width: 46%;/*for ie*/
}
.sitemap_left
{
  float: left;
  margin-left: 2em;
}

.sitemap_right
{
  float: right;
}

.sitemap_left ul,
.sitemap_right ul
{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.sitemap_left li,
.sitemap_right li
{
  padding-left: 15px;
  background-image: url(/images/tiny/bullet_diamonds.gif);
  background-repeat: no-repeat;
  background-position: 0 0.25em;
  min-height: 11px;
}

.sitemap_left ul li,
.sitemap_right ul li
{
  margin-top: 2em;
  font-weight: bold;
  font-size: 1.2em;
}
.sitemap_left ul li a:link,
.sitemap_right ul li a:link
{
  color: #2f2f44;
}

/* because we have to cancel out or reset everything from above ul li*/
.sitemap_left ul li li,
.sitemap_right ul li li
{
  margin-top: 0.6em;
  font-weight: normal;
  font-size: 0.8em;
}
.sitemap_left ul li li a:link,
.sitemap_right ul li li a:link
{
  color: #8698ff;
}
.sitemap_left ul li a:hover,
.sitemap_left ul li li a:hover,
.sitemap_right ul li a:hover,
.sitemap_right ul li li a:hover
{
  color: inherit;
}

div.captcha *
{
  float: left;
}
div.captcha img
{
  float: left;
}
div.captcha img,
div.captcha label,
div.captcha span
{
  clear: left;
}
div.captcha input
{
  margin-top: 1em;
  margin-left: 0.2em;
}
div.captcha span
{
  color: #c00 !important;
}

/* ================================ */
/* STORE */

span.substringEllipsis {
	padding-left: 4px;
	font-size: 1.1em;
	letter-spacing: 0.0625em;
}

.storeItemWrapper {
	clear: both;
	padding: 0 0 2em 2em;
	border-bottom: 1px dotted #ccc;
}

.storeItem {
	clear: both;
	padding-top: 5px;
	margin-top: 15px;
	border-top: 1px dotted #ccc;
}

.storeItemImage {
	width: 140px !important;
	overflow: hidden;
	margin-right: 15px;
}

.storeItemImage img {
	border: 1px solid black;
	margin-right: 1.5em;
}

.storeItemData {
}

.storeItemTitle {
	font-weight: bold;
	font-style: italic;
}

.storeItemInfo {
	margin-top: 10px;

}

.storeItemMoreLink {
	display: block;
	margin-top: 1em;
	margin-left: 1.8em;
	font-size: 2em;
	font-weight: bold;
}