body {
	background: #141413 url('../images/bgpattern.gif') repeat;
 color: #000;
 font-family: Tahoma, 'Lucida Grande', Arial, sans-serif;
 font-size: small;
 margin: 0;
	text-align: center;
}
br.clear {
	clear: both;
}

/* General */
a {
 color: #eb7ca6;
 font-weight: bold;
}
a:hover {
 color: #000;
}
strong {
 font-weight: bold;
}
em, i {
 font-style: italic;
}
p {
 margin: 12px 0;
}
div.hr {
  margin: 15px 0;
  border-top: 1px #ccc dotted;
}
div.hr hr {
  display: none;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
 width: 946px;
}
/* Navigation */
#nav-wrapper {
 background: #eb7ca6;
 padding: 25px 10px;
}
#nav-wrapper a {
 color: #000;
 font-weight: bold;
 padding: 5px;
 text-decoration: none;
}
#nav-wrapper a:hover {
 background: #1b1b1b;
 color: #fff;
}
#nav-wrapper a.current {
 background: #1b1b1b;
 color: #fff;
}
#nav-wrapper ul {
 margin: 0;
 padding: 0;
}
#nav-wrapper li {
 display: inline;
 padding: 0 25px 0 10px;
}


/* Header/Cover */
#header {
 background: #000;
 float: left;
}
#header img.cover {
 float: left;
 width: 625px;
}
#header #header-content {
 color: #fff;
 float: left;
 line-height: 180%;
 padding: 10px 16px 10px 5px;
 width: 300px;
}
#header #header-content h1 {
 font-size: medium;
 font-weight: bold;
}

/* Content */
#content {
 background: #fff url('../images/content_gradient.gif') repeat-x;
 float: left;
 padding: 45px 10px;
 width: 926px;
}
#content p {
 line-height: 150%;
}
#content #main-content {
 float: left;
 margin-right: 20px;
 width: 605px;
}
#content #main-col {
 float: left;
 margin-top: 20px;
 width: 300px;
}
#main-content h1 {
 color: #eb7ca6;
 font-size: x-large;
 font-weight: bold;
}
#main-content h1 small {
 font-size: small;
 color: #000;
}
div.features-col1,
div.features-col2 {
 float: left;
 width: 49%;
}
div.features-col1 {
 margin-right: 5px;
}
div.features-col2 {
 margin-left: 5px;
}
div.features-thoughts {
 padding-top: 5px;
 width: 99%;
}
div.features-thoughts div.post {
 margin: 5px 0;
 padding: 5px 0;
}
#content #main-content div.features-thoughts div.post h3 a small {
 font-size: 70%;
 color: #000;
}
#content h3 {
 color: #eb7ca6;
 font-size: medium;
 font-weight: bold;
 margin-top: 20px;
}
#content h3 a {
 text-decoration: none;
}
#content small {
 display: block;
 font-size: 85%;
 font-weight: bold;
} 
#content a.more {
 background: url('../images/more-arrow.gif') no-repeat right 50%;
 color: #333;
 font-size: x-small;
 font-weight: bold;
 padding-right: 10px;
 text-decoration: none;
 text-transform: uppercase;
}
#content a.more:hover  {
 color: #eb7ca6;
}
h2.header-fiction {
	text-indent: -5000px;
	background:url(../images/h2_fiction.gif) no-repeat;
	height: 21px;
}
h2.header-nonfiction {
	text-indent: -5000px;
	background:url(../images/h2_nonfiction.gif) no-repeat;
	height: 21px;
}
h2.header-opinions {
	text-indent: -5000px;
	background:url(../images/h2_opinions.gif) no-repeat;
	height: 21px;
}
h2.header-reviews {
	text-indent: -5000px;
	background:url(../images/h2_reviews.gif) no-repeat;
	height: 21px;
}
h2.header-thoughts {
	text-indent: -5000px;
	background:url(../images/h2_thoughts.gif) no-repeat;
	height: 22px;
}

/* Column */
#main-col {
 font-size: 85%;
}
.header-newsletter {
	text-indent: -5000px;
	background:url(../images/h4_newsletter.gif) no-repeat;
	height: 15px;
}
.header-submit {
	text-indent: -5000px;
	background:url(../images/h4_submit.gif) no-repeat;
	height: 15px;
}
#submit {
 margin: 40px 0;
}
#ads-wrapper {
 background: url('../images/adbg.gif') no-repeat;
 height: 164px;
}
#ad {
 padding-top: 52px;
 height: 250px;
 width: 300px;
}

/* Interior Pages */
p.author {
 border-top: 1px #ccc dotted;
 margin: 35px 0 0 0;
 font-size: 85%;
 padding: 35px 10px;
}
p.author img {
 margin: -20px 15px 20px 0;
}

.header-issue-fiction {
	text-indent: -5000px;
	background:url(../images/issue_fiction.gif) no-repeat;
	height: 14px;
}
.header-issue-nonfiction {
	text-indent: -5000px;
	background:url(../images/issue_nonfiction.gif) no-repeat;
	height: 14px;
}
.header-issue-ourthoughts {
	text-indent: -5000px;
	background:url(../images/issue_ourthoughts.gif) no-repeat;
	height: 14px;
}
#issue ul {
 margin: 10px 0 40px 0;
}
#issue li {
 border-bottom: 1px #ccc dotted;
}
#issue li a {
 background: url('../images/motif.gif') no-repeat left 10px;
 color: #000;
 display: block;
 padding: 8px 8px 8px 18px;
 text-decoration: none;
}
#issue li a:hover {
 color: #eb7ca6;
}
div.author {
 border-top: 1px #ccc dotted;
 font-size: 85%;
}

input.subscribeForm {
 width: 240px;
 padding: 4px;
}
input.submitBtn {
 background: #000;
 border: 0;
 color: #fff;
 padding: 4px;
 text-transform: uppercase;
}
div.post {
 border-bottom: 1px #ccc dotted;
 margin: 10px 0;
 padding: 10px 0;
}
div.post h2 a {
 font-size: large;
 text-decoration: none;
}
#content div.post h2 a small {
 font-size: 70%;
 color: #000;
}

#header-fiction {
 background: url('../images/header_fiction.gif') no-repeat;
 width: 946px;
 height: 185px;
}
#header-nonfiction {
 background: url('../images/header_nonfiction.gif') no-repeat;
 width: 946px;
 height: 185px;
}
#header-opinions {
 background: url('../images/header_opinions.gif') no-repeat;
 width: 946px;
 height: 185px;
}
#header-thoughts {
 background: url('../images/header_thoughts.gif') no-repeat;
 width: 946px;
 height: 185px;
}
.nocomments {
 display: none;
}
#commentform textarea {
 width: 500px;
}

/* Pages */
#page-content {
 line-height: 150%;
}
#page-content h2 {
 color: #eb7ca6;
 font-size: x-large;
 font-weight: bold;
 text-decoration: none;
}
#page-content h3 {
 color: #000;
 font-size: medium;
 text-decoration: none;
}
#page-content ul {
 margin: 20px;
}
#page-content li {
  background: url('../images/motif.gif') no-repeat left 14px;
  padding: 10px 10px 10px 18px;
}
p.staff {
 margin: 25px 0;
}
p.staff img {
 margin-top: -20px;
 margin-right: 10px;
}

/* Footer */
#footer {
 background: url('../images/footer_curl.gif') no-repeat 50% bottom;
 border-top: 1px #999 solid;
 height: 90px;
 font-size: 85%;
 margin-top: 25px;
 padding: 10px;
 text-align: center;
}
#footer a {
 color: #333;
 padding: 0 5px;
 font-weight: normal;
 text-decoration: none;
}
#footer a:hover {
 color: #eb7ca6;
}

