body {
  font-family: Arial, sans-serif;
  color: #303030;
}

#help p {
  font-size: 10px;
  color: #969696;
  line-height: 13px;
}

#help p strong {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #303030;
}

#help a, #help a:visited {
  color: #969696;
}

#help a:hover {
  color: #303030;
}

/* page title */
#title h2 {
  font-size: 26px;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 6px 0;
  padding: 0;
}

/* page subtitle*/
#title p {
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  margin: 0;
  padding: 0;
  color: #777;
}

#title p a, #title p a:visited {
  color: #777;
}

#title p a:hover {
  color: #333;
}

/* copy */

#content h3, #content-left h3 {
  font-size: 14px;
  padding: 0;
}

#content-left h3 {
  margin: 0;
}

h3 small, #blocklinks-inspiration small {
  font-style: italic;
  color: #a3a3a3;
  font-size: 10px;
}

#blocklinks-inspiration a small { padding-left: 10px;}
#blocklinks-inspiration a:hover small { color: #ffd7af; }

#content p, #content-left p {
  font-size: 12px;
  line-height: 20px;
}

#content p.last:after {
  content: " " url("/images/fermata.gif");
}

#content-left p {
  margin: 0;
}

#content p a, #content-left p a, h3 a, h3 a:visited, h3 a:active, #content ul a, #content ol a {
  color: #303030;
  text-decoration: underline;
}

#content p:hover a, h3 a:hover,  #content ul:hover a, #content ol:hover a {
    color: #f60;
    text-decoration: underline;
}

#content p:hover a:hover, #content-left p a:hover,  #content ul:hover a:hover, #content ol:hover a:hover {
  color: #000;
  text-decoration: underline;
}

/* little arrow on external (http://...) links */
#content p a[href^="http://"],  #content ul a, #content ol a {
	padding-right:5px;
	background:url('../images/external.gif') no-repeat right 0;
}
#content p:hover a[href^="http://"] { background-position:right -20px }

#content p.no-fancy-links a, #content p a.no-fancy-links, #feedback ul li a {
  padding: auto;
  background: none;
  padding-right: 0 !important;
}

#blocklinks-recently li em a, #blocklinks-recently li em a:hover {
   text-decoration: none;
}

/* footnotes */
#content sup {
  font-size: 10px;
  vertical-align: 5px; /* omitting this will create a gap between the lines in 10.4 safari */
  line-height: 15px;   /* cont. */
  color: #777;
}

#content blockquote, #testimonials blockquote {
  margin: 0;
  padding: 0;
}

#testimonials blockquote {
  float: left;
}

#testimonials blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 20px;
}


#content blockquote p, #testimonials blockquote p {
  text-indent: 30px;
  font-size: 14px;
  color: #3f3f3f;
  font-weight: bold;
  background: url('../images/ldquo.gif') no-repeat left 1px;
}

#testimonials blockquote p {
  width: 280px;
  margin-right: 30px;
}

#testimonials blockquote p.end-of-line {
  margin-right: 0;
}

#content blockquote p cite, #testimonials blockquote p cite {
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 18px;
}

#content ol, #content ul {
  font-size: 12px;
/*  padding: 30px 0 0 20px;*/
  padding: 0 0 30px 20px;
  font-weight: bold;
  line-height: 18px;
}

#content-left div ul, #content-left ol {
     font-size: 12px;
     padding: 0 0 15px 20px;
     font-weight: bold;
     line-height: 18px;
     margin: 15px 0 0 0;
}


#content li {
}

/* generic class for images placed in content */
#content .image {
  text-decoration: none;
  color: #777;
}

#content .image:hover {
  color: #303030;
}

#content div#page-meta p {
  width: auto;
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  list-style: none;
}

#content .dimlinks p:hover a { 
  color: #929292;
}

#content .dimlinks p a, #footer p.dimlinks a, #testimonials blockquote a, #content div#page-meta p { 
  color: #929292; 
}

#content .dimlinks p a:hover, #footer p.dimlinks a:hover, #testimonials blockquote a:hover { 
  color: #3a3a3a; 
}

/* little DIM arrow on external (http://...) links */
#content .dimlinks a[href^="http://"] {
	padding-right:5px;
	background:url('../images/external-dim.gif') no-repeat right 0;
}
#content .dimlinks a:hover[href^="http://"] { background-position:right -20px }

#footer-wrap p {
  font-size: 11px;
  color: #969696;
  line-height: 15px;
}

.feedlink {
  padding-left: 15px;
  background: url('../images/feed.gif') no-repeat 3px center;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

.feedlink:hover {
  opacity: 0.99;
  filter:alpha(opacity=99);
}