/*CSS FOR TEENLIBRIS.COM*/
/******************************************************************************/
/* COLOR SCHEME
   Body Background:			#fff4df Off-white
   Main Text:				#000	Black
   Header Text:				#fff4df Off-white
       f on Rollover:		#ab1534 Red
   Content Blocks:			#dfc088 Tan
   Privacy Page Headers: 	#963	Darker Tan
*/
html, body {
height: 100%; /* This along with min-height attribute in body forces scrollbar in Firefox*/
}
body {
min-height: 101%;
background: #fff4df;
color: #000;
font: 62.5%/1.4 "Trebuchet MS", arial, verdana, helvetica, "sans serif";
text-align: center; /* This centers the container in IE 5* browsers*/
z-index: 1;
}
#pageWrap {
width: 780px;
margin: 0 auto;
text-align: left; /* This overrides the text-align: center on the body element. */
}
/*Highlighting of NEW! link*/
.new {
color: white;
margin-left: .6em;
}
/*Clearing floats in a few areas where the original method, overflow:auto;, broke IE8*/
.clearBoth {
display:block;
clear:both;
}

/***** =IMAGE REPLACEMENT *************************************************************

Neal Image Replacement by Neal Venditto:  http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets
are disable or when images are turned off.

/************************************************************************************

In your html, add class "nir" to any text element you want to replace with an image.
Then surround the text with <span> tags. */

.nir span {
position:relative;
z-index:-1;
}
.nir a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
/***** =HEADER ***********************************************************************/
#header {
position: relative;
width: 780px;
height: 180px;
margin: 0 auto;
background: transparent url(../images/header.jpg) 0 0 no-repeat;
}
h1#logo {
float: left;
width: 390px;
height: 180px;
margin: 0;
}
/*Using NIR Image Replacement Method for Logo*/
h1#logo a {
background: transparent url(../images/header.jpg) 0 0 no-repeat;
}
h1#logo a:hover {
background: transparent url(../images/header.jpg) 0 -180px no-repeat;
}
h1#logo a span { /* STYLING OF THE TEXT REPLACEMENT FOR THE IMAGE OF LOGO */
font-size: 2em;
line-height: 1em;
display: block;
width: 400px;
height: 60px;
padding: 60px 10px 40px;
text-transform: lowercase;
}
h5#tagline {
float: left;
width: 196px;
height: 0;			/* HACK FOR IE 6: REMOVES GAP UNDER HEADER */
}
h5#tagline span {  /* STYLING OF THE TEXT REPLACEMENT FOR THE IMAGE OF TAGLINE */
position: absolute;
display: block;
height: 50px;
left: 20px;
bottom: 0;
text-transform: uppercase;
}
h5.loginLinks {
float: right;
position: relative;
width: 350px;
height: 180px;
margin: 0;
}
h5.loginLinks a.signin, h5.loginLinks a.myaccount, h5.loginLinks a.admin {
border-right: 1px solid #fff4dd;
padding-right: 10px;
}
h5.loginLinks a.signin, h5.loginLinks a.register, h5.loginLinks a.myaccount,
h5.loginLinks a.signout, h5.loginLinks a.admin, h5.loginLinks span.hello {
position: absolute;
bottom: 2px;
color: #fff4dd;
}
h5.loginLinks a.signin {right: 102px;}
h5.loginLinks a.register {right: 30px;}
h5.loginLinks a.myaccount {right: 100px;}
h5.loginLinks a.signout {right: 30px;}
h5.loginLinks a.admin {right: 206px;}
h5.loginLinks span.hello {display: block; bottom: 30px; right: 30px;}

/***** =FOOTER ***********************************************************************/
#footer {
clear: both;
width: 780px;
margin: 0 auto;
padding-top: 30px;
}
#footer p {
line-height: 1.6em;
clear: both;
}
#footerNav {
text-align: center;
}
#footerNav a {
font-size: .9em;
text-decoration: none;
text-transform: uppercase;
padding: 0 8px;
border-right: 1px solid #963;
height: 1em;
}
#footerNav a.contact {
border-right:none;
}
#footerNav a img {
height:20px;
}
/***** =NAVIGATION *******************************************************************/
#nav {
position: relative;
width: 780px;
height: 60px;
margin: 0 auto;
background: transparent url(../images/navBar.gif) no-repeat;
}
li.navMenu {
position: absolute;
top: 0;
display: block; /*eliminates any flickering of the hover images*/
height:  60px;
}
li.navReview {width: 89px; left: 0;}
li.navInterview {width: 104px; left: 89px;}
li.navLibrary {width: 75px; left: 193px;}
li.navSmart {width: 105px; left: 268px;}
li.navLibris {width: 97px; left: 373px;}
li.navForum {width: 70px; left: 470px;}
li.navBlog {width: 56px; left: 540px;}
li.navContests {width: 86px; left: 596px;}
li.navAbout {width: 98px; left: 682px;}

/* THIS ADDITIONAL PLACEMENT OF BACKGROUND IMAGE FOR LINKS IS NECESSARY ONLY WHEN
	USING NIR IMAGE REPLACEMENT SO THAT TEXT LINKS DON'T SHOW ABOVE IMAGE IN IE  */

li.navReview a {background: transparent url(../images/navBar.gif) 0 0;}
li.navInterview a {background: transparent url(../images/navBar.gif) -89px 0;}
li.navLibrary a {background: transparent url(../images/navBar.gif) -193px 0;}
li.navSmart a {background: transparent url(../images/navBar.gif) -268px 0;}
li.navLibris  a {background: transparent url(../images/navBar.gif) -373px 0;}
li.navForum a {background: transparent url(../images/navBar.gif) -470px 0;}
li.navBlog a {background: transparent url(../images/navBar.gif) -540px 0;}
li.navContests a {background: transparent url(../images/navBar.gif) -596px 0;}
li.navAbout a {background: transparent url(../images/navBar.gif) -682px 0;}

li.navReview a:hover {background: transparent url(../images/navBar.gif) 0 -60px;}
li.navInterview a:hover {background: transparent url(../images/navBar.gif) -89px -60px;}
li.navLibrary a:hover {background: transparent url(../images/navBar.gif) -193px -60px;}
li.navSmart a:hover {background: transparent url(../images/navBar.gif) -268px -60px;}
li.navLibris  a:hover {background: transparent url(../images/navBar.gif) -373px -60px;}
li.navForum a:hover {background: transparent url(../images/navBar.gif) -470px -60px;}
li.navBlog a:hover {background: transparent url(../images/navBar.gif) -540px -60px;}
li.navContests a:hover {background: transparent url(../images/navBar.gif) -596px -60px;}
li.navAbout a:hover {background: transparent url(../images/navBar.gif) -682px -60px;}

/*The following code causes the active page to be highlighted in the navBar*/

#review li.navReview a {
background: transparent url(../images/navBar.gif) 0 -60px;
color: #ab1534;
}
#interview li.navInterview a, #interviewsAll li.navInterview a {
background: transparent url(../images/navBar.gif) -89px -60px;
color: #ab1534;
}
#library li.navLibrary a {background: transparent url(../images/navBar.gif) -193px -60px;
color: #ab1534;
}
#smart li.navSmart a {
background: transparent url(../images/navBar.gif) -268px -60px;}
#libris li.navLibris  a {background: transparent url(../images/navBar.gif) -373px -60px;
color: #ab1534;
}
#forum li.navForum a {
background: transparent url(../images/navBar.gif) -470px -60px;
}
#blog li.navBlog a {background: transparent url(../images/navBar.gif) -540px -60px;
color: #ab1534;
}
#contests li.navContests a {
background: transparent url(../images/navBar.gif) -596px -60px;
color: #ab1534;
}
#about li.navAbout a {
background: transparent url(../images/navBar.gif) -682px -60px;
color: #ab1534;
}

/* STYLING OF THE TEXT REPLACEMENT FOR THE NAVIGATION LINKS */
li.navMenu a span {
display: block;
text-transform: lowercase;
text-align: center;
}
/***** FEATURED TEXT BANNER (HOME PAGE AND FEATURE PAGES) ****************************/
#home #textBanner {
width: 780px;
font-family: arial, verdana, helvetica, "sans serif";
text-align: center;
padding: .9em 0;
font-size: 1.9em;
}
#textBanner strong {
font-family: copperplate,"century gothic", "Avant Garde", Avantgarde, helvetica, "sans serif";
text-transform: uppercase;
}
#textBanner {
position: relative;
width: 600px;
padding: 0 100px 20px 20px;
text-align: center;
}
#unauthorized {
position: absolute;
width: 153px;
height: 99px;
bottom: 30px;
right: -50px;
}
#unauthorizedText {
display: block;
background: url(../images/unauthorized2.png) no-repeat 50% 0;
height: 19px;
margin: 10px 0;
}
/***** =HOME PAGE ********************************************************************/
#homeContent {
position: relative;
width: 780px;
margin: 0 auto;
}
#homeContent div#leftCol {
width: 490px;
float: left;
margin-right: 20px;
padding: 0;
}
#homeContent div#rightCol {
width: 270px;
float: left;
}
/*FEATURE BOX LABELS*/
#homeContent span.homeFeatureTextBox {
position: absolute;
width: 36px;
height: 139px;
right: 12px;
top: 0;
background-repeat: no-repeat;
}
#homeFeatureTextBoxInterview {background: url(../images/featureText_interview.png);}
#homeFeatureTextBoxLibrary {background: url(../images/featureText_library.png);}
#homeFeatureTextBoxContest {background: url(../images/featureText_contest.png);}

/*FEATURE BOX EXPANDING CONTAINERS*/
.homeFeatureBox {
margin-bottom: 10px;
width: 100%;
}
#leftCol div.homeFeatureBoxHeader {
background: url(../images/homeLeftFeatureTop.png) no-repeat bottom center;
height: 20px;
}
#leftCol div.homeFeatureBoxMiddle {
position: relative;
background: url(../images/homeLeftFeatureMiddle.png) top center repeat-y;
width: 490px;
overflow: auto;
}
#leftCol div.homeFeatureBoxFooter {
background: url(../images/homeLeftFeatureBottom.png) no-repeat top center;
height: 20px;
}
#rightCol div.homeFeatureBoxHeader {
background: url(../images/homeRightFeatureTop.png) no-repeat bottom center;
height: 30px;
}
#rightCol div.homeFeatureBoxMiddle {
background: url(../images/homeRightFeatureMiddle.png) top center repeat-y;
width: 270px;
overflow: auto;
}
#rightCol div.homeFeatureBoxFooter {
background: url(../images/homeRightFeatureBottom.png) no-repeat top center;
height: 30px;
}
.homeFeatureBoxMiddle a {
text-decoration: none;
}
.homeFeatureBoxFooter a {
font-size: 1.4em;
font-weight: bold;
position: relative;
bottom: 15px;
}
#homeContent div#leftCol div.homeFeatureBoxFooter a {
left: 135px;
}
#homeContent div#rightCol div.homeFeatureBoxFooter a {
display: block;
width: 270px;
text-align: center;
}
/*FEATURE BOX IMAGES*/
#homeContent div#leftCol div.homeFeatureBoxMiddle img{
float: left;
height: 143px;
width: 95px;
margin: 0 20px;
}
#homeContent div#rightCol div.homeFeatureBoxMiddle img {
width: 152px;
height: 228px;
margin: 0 56px 10px;
}
/*FEATURE BOX CONTENT*/
#homeContent div#leftCol div.homeFeatureContent{
float: left;
width: 300px;
text-align: left;
}
#homeContent div#rightCol div.homeFeatureContent {
width: 230px;
min-height: 271px;
text-align: center;
padding: 0 20px;
}
/***** =FEATURE PAGES ****************************************************************/
/*POSITIONING*/
#featureContentWrap {
position: relative;
width: 780px;
margin: 0 auto;
padding-top: 20px;
}
#featureContentWrap div#leftCol {
float: left;
width: 540px;
margin-right: 20px;
}
#featureContentWrap div#leftCol div.featureBox {
position: relative;
width: 540px;
margin-bottom: 10px;
}
#featureContentWrap div#rightCol {
position: relative;
float: left;
width: 220px;
}
#featureContentWrap div#rightCol div.linksBox {
margin-bottom: 10px;
}
/*FEATURE BOX EXPANDING CONTAINERS*/
.featureSectionHeader {
background: transparent url(../images/featureContentTop.png) no-repeat bottom center;
height: 20px;
}
.featureMiddleSection {
display: block;
width: 540px;
overflow:auto;
background: transparent url(../images/mainContentMiddle.png) top center repeat-y;
}
.featureSectionFooter {
background: transparent url(../images/featureContentBottom.png) no-repeat top center;
height: 20px;
font-size: 1.4em;
font-weight: bold;
padding: 0 15px;
text-align: right;
}
.featureSectionFooter a, .featureSectionFooter span {
position: relative;
bottom: 15px;
text-transform: uppercase;
}
/*FEATURE BOX CONTENT*/
#featureContentWrap div#leftCol img.featureImage {
position: relative;
float: left;
height: 228px;
width: 152px;
margin: 0 20px;
text-align: center;
}
#featureContentWrap div#leftCol div.featureContent {
float: left;
display: block;
width: 306px;
padding: 0 20px 20px 0;
text-align: left;
line-height: 1.1;
}
#upcoming #featureContentWrap div#leftCol div.featureContent {
width: 520px;
}
/*ADJUSTMENTS FOR SMALL FEATURE BOXES*/
#featureContentWrap div#leftCol div.small {
width: 540px;
}
#featureContentWrap div#leftCol div.small img.featureImage {
float: right;
height: 143px;
width: 95px;
margin: 0 20px;
}
#featureContentWrap div#leftCol div.small div.featureContent {
width: 383px;
padding: 0 0 10px 20px;
}
#featureContentWrap div#leftCol div.small div.featureSectionFooter {
text-align: left;
}
/*ADJUSTMENTS FOR SMALL REVIEW FEATURE BOXES WITH IMAGES ON LEFT*/
#featureContentWrap div#leftCol div.left img.featureImage {
float: left;
margin: 0 0 0 20px;
}
#featureContentWrap div#leftCol div.left div.featureSectionFooter {
text-align: right;
}
/*LINKS BOX EXPANDING CONTAINER*/
#rightCol div.linksBoxMiddle {
background: transparent url(../images/linksBoxMiddle.png) top center repeat-y;
width: 220px;
overflow: auto;
min-height: 590px;
}
#rightCol #linksReviews div.linksBoxMiddle {
min-height: 503px;
}
.linksBoxFooter {
background: transparent url(../images/linksBoxBottom.png) no-repeat top center;
height: 30px;
width: 100%;
}
/*LINK LIST TITLE IMAGES (also Top of Box) */
.linksBox h2 {
height: 41px;
margin: 0;
background-repeat: no-repeat;
}
h2#linksTitleReviews {background-image: url(../images/linksTitleReviews.png);}
h2#linksTitleInterviews {background-image: url(../images/linksTitleInterviews.png);}
h2#linksTitleLibrary {background-image: url(../images/linksTitleLibrary.png);}
h2#linksTitleLibris {background-image: url(../images/linksTitleLibris.png);}
h2#linksTitleSmart {background-image: url(../images/linksTitleSmart.png);}

/*LINK LIST SUBTITLE IMAGES*/
.linksBox h3, .linksBox h3 a {
height: 14px;
margin: 0;
background-repeat: no-repeat;
}
h3#allExcerpts {background: transparent url(../images/links_allExcerpts.png) no-repeat;}
h3#allReviews {background: transparent url(../images/links_allReviews.png) no-repeat;}
h3#allInterviews {background: transparent url(../images/links_allInterviews.png) no-repeat;}
h3#Libris_Fiction {background: transparent url(../images/linksLibrisFiction.png) no-repeat;}
h3#Libris_NonFiction {background: transparent url(../images/linksLibrisNonFiction.png) no-repeat;}
h3#Smart_Books {background: transparent url(../images/linksSmartBooks.png) no-repeat;}
h3#Smart_TV {background: transparent url(../images/linksSmartTV.png) no-repeat;}
h3#Smart_Comics {background: transparent url(../images/linksSmartComics.png) no-repeat;}

h3#allExcerpts a:hover {
background: transparent url(../images/links_allExcerpts.png) 0 -14px no-repeat;
}
h3#allReviews a:hover {
background: transparent url(../images/links_allReviews.png) 0 -14px  no-repeat;
}
h3#allInterviews a:hover {
background: transparent url(../images/links_allInterviews.png) 0 -14px  no-repeat;
}
/*LINKS BOX CONTENT*/
#rightCol div.linksBox div.featureContent {
float: left;
display: block;
width: 190px;
margin: 0;
padding: 15px;
text-align: left;
}
/***** =MAIN CONTENT *****************************************************************/
#contentWrap {
position: relative;
width: 780px;
margin: 0 auto;
}
#mainContentWrap {
width: 540px;
float: left;
margin-right: 27px;
}
#pageTitle h1 {
width: 780px;
height: 50px;
}
#pageTitle h1#h1About {background: url(../images/h1About.png);}
#pageTitle h1#h1Contest {background: url(../images/h1Contest.png);}
#pageTitle h1#h1Forum {background: url(../images/h1Forum.png);}
#pageTitle h1#h1Blog {background: url(../images/h1Blog.png);}
#pageTitle h1#h1Interview {background: url(../images/h1Interview.png);}
#pageTitle h1#h1Library {background: url(../images/h1Library.png);}
#pageTitle h1#h1Review {background: url(../images/h1Review.png);}
#pageTitle h1#h1Libris {background: url(../images/h1Libris.png);}
#pageTitle h1#h1Smartpop {background: url(../images/h1Smartpop.png);}

.mainContent {
position: relative;
width: 540px;
margin-bottom: 10px;
overflow: hidden;
}
.sectionHeader {
background: url(../images/mainContentTop.png) no-repeat bottom center;
height: 30px;
}
.middleSection {
width: 540px;
background: url(../images/mainContentMiddle.png) top center repeat-y;
overflow: auto;
}
#topBox .middleSection {
	overflow: visible;
}
.titleSection {
width: 480px;
margin: 0 30px;
/*overflow: auto;*/
}
.mainSection {
margin: 20px 30px 0;
height: 100%;
overflow: auto;
clear: both;
}
.line {
background: url(../images/line.png) no-repeat 50% 0;
height: 5px;
overflow: hidden;
}
.sectionLeft {
float: left;
width: 156px;
margin-right: 30px;
}
.sectionRight {
float: left;
width: 288px;
}
.sectionFooter {
background: url(../images/mainContentBottom.png) no-repeat top center;
height: 30px;
width: 100%;
}
.center {
text-align: center;
}
.prizeOneImage, .prizeTwoImages, .prizeThreeImages {
height: 166px;
padding-bottom: 30px;
margin: 0 auto;
}
.prizeOneImage {width: 112px;}
.prizeTwoImages {width: 284px;}

.prizeOneImage img, .prizeTwoImages img, .prizeThreeImages img {float: left;}
.prizeTwoImages img {margin: 0 15px;}
.prizeThreeImages img {margin: 0 30px;}

/***** =SIDE CONTENT *****************************************************************/
#sideContentWrap {
width: 210px;
float: left;
}
.sideContent {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.sideHeader {
background: url(../images/sideContentTop.png) no-repeat bottom center;
height: 30px;
}
.sideMiddle {
position: relative;
background: url(../images/sideContentMiddle.png) repeat-y top center;
width: 210px;
}
.sideMiddle div {
display: block;
text-align: center;
color: #000;
}
.lastMonthWinner p {
text-align: center;
}
.sideMiddle div.star {
position: absolute;
background: url(../images/star.png) no-repeat;
height: 68px;
width: 68px;
z-index: 10;
top: -48px;
right: -25px;
}
.sideMiddle div.heading {
line-height: 1.1em;
height: 30px;
width: 180px;
margin: 0 15px 5px;
}
div.sideReview {background: url(../images/sidebarTitle_reviews.png);}
div.sideInterview {background: url(../images/sidebarTitle_interviews.png);}
div.sideLibrary {background: url(../images/sidebarTitle_library.png);}
div.sideLibris {background: url(../images/sidebarTitle_libris.png);}
div.sideSmartpop {background: url(../images/sidebarTitle_smart.png);}
div.sideContest {background: url(../images/sidebarTitle_contests.png);}
div.sideForum {background: url(../images/sidebarTitle_forum.png);}
div.sideWinner {background: url(../images/sidebarTitle_winner.png);}

.sideContent .description, .sideContent p {
clear: both;
padding: 10px 10px 0;
width: 190px;
}
.sideContent p {
margin: 0;
font-size: 1.4em;
}
.sideFooter {
background: transparent url(../images/sideContentBottom.png) no-repeat top center;
height: 30px;
width: 100%;
}
.sideContent a:hover img, .sideContent a:active img {
border: 2px solid #ab1534;
}
.sideContent a:hover img.full, .sideContent a:active img.full {
border: none;
}
/***** =HEADINGS **********************************************************************/
h1, h2, h3, h4, h5, h6, span.description {margin: .6em 0; line-height: 1.2em;}

h1 {font-size: 3em;}
h2 {font-size: 2.25em;}
h3 {font-size: 1.9em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
p, ol, ul {font-size: 1.6em}

.description, span.quote, span.reviewBy, .featureBox .featureContent p {font-size: 1.4em; line-height: 1.4em;}

h2.bookTitle, h2.authorName {
margin-top: 0;
}
h2.staff {
background: url(../images/Staff.png) no-repeat;
float: left;
height: 40px;
width: 480px;
margin-bottom: 20px;
}
h2.contestTitle {
clear: both;
}
h2.privacy {
text-align: center;
text-transform: uppercase;
}
.featureContent h3, .homeFeatureContent h3 {
margin-top: 0;
}
h3.reviewer {
background: url(../images/reviewBy.png) no-repeat;
float: left;
height: 40px;
width: 130px;
}
#linksLibris h3 {
font-size: 1.6em;
}
.linksBox h3 a span {
font-size: .8em;
line-height: .8em;
}
h3.reviewerName {
height: 40px;
margin-top: 20px;
}
h3.reviewName {
margin: 20px 0;
clear: both;
}
h2.comingSoon {
text-align: center;
}
h3.privacy {
margin: 2em 0;
text-align: center;
text-transform: uppercase;
}
h4.subHeading, span.featureSub, span.quote {
font-style: italic;
}
span.description {
display: block;
}
#header h5#tagline {
margin: 0;
}
.homeFeatureContent h5 {
font-size: 1.6em;
}
h5.imageCaption {
float: left;
width: 100%;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
}
h5.imageCaption em {
display: block;
font-weight: normal;
text-transform: none;
}
h5.privacy {
color: #963;
margin: 1em 0 0 0;
}
/*=PARAGRAPHS AND =LISTS*/
p {
margin: 1.2em 0;
}
#textBanner h5 {
margin: 1em 0;
}
#textBanner p {
font-size: 1.4em;
line-height: 1.2em;
margin: .3em 0;
}
#textBanner p.parenthetical {
font-size: 1.2em;
}
#footer p {
font-size: 1.25em;
text-align: center;
margin: 0;
}
.staffBlurb p {
margin-top: 0;
font-size: 1.4em;
}
p.description,
.homeFeatureContent p,
.homeFeatureContent h2 {
font-size: 1.4em;
margin: .6em 0;
}
.homeFeatureContent h2 {
font-weight: normal;
}
p.question {
font-weight: bold;
}
p.copyright {
font-size: 1.1em;
padding-bottom: 1em;
}
p.privacy {
font-size: 1.4em;
margin: 0 0 1em;
}
p.date {
font-size: 1.2em;
color: #963;
}
.linksBox ul {
list-style: none;
font-size: 1.4em;
margin: 20px 4px 20px 12px;
}
ul.titlesList {
font-style: italic;
}
.mainContent ul {
list-style: none;
padding: 0;
}
.mainContent ul li {
margin-left: 20px;
}
ul.teaserQues {
padding-bottom: 20px;
font-weight: bold;
}
ul.teaserQues li {
text-align: center;
margin-left: 0;
}
dl {
font-size: 1.6em;
}
dt {
float: left;
font-weight: bold;
padding-right: .5em;
}
p.teaserChoice {
text-align: center;
}
ol.teaserChoice {
list-style: inside lower-alpha;
padding-bottom: 20px;
text-align: center;
}
p.findOut, p.authorList {
font-weight: bold;
}
ul.findOut {
list-style: disc outside;
padding-bottom: 20px;
margin-left: 20px;
}
.titleSection span.introWord {
font-weight: bold;
font-size: 1.2em;
}
ol#contestRules {
width: 450px;
font-size: 1.4em;
font-style: italic;
}
ol#contestRules li {
margin-left: 30px;
list-style: decimal outside;
}
/*ul.bookList li.book {
margin: 0 20px;
width: 500px;
}
ul.bookList ul li {
margin: 0;
}
ul.bookList li.book ul {
font-size: .9em;
overflow: auto;
}
ul.bookList ul.series li.series {
padding-right: 10px;
float: left;
font-weight: bold;
}
ul.bookList ul.series li.series, ul.bookList li.title, ul.bookList li.reviewer {
clear: left;
}
ul.bookList ul.series li.title, ul.bookList li.reviewer {
padding-left: 30px;
}
ul.bookList li.title {
float: left;
padding-right: 10px;
}
ul.bookList li.title a {
font-style: italic;
}
ul.bookList li.author {
float: left;
padding-left: 33px;
background: url(../images/dash.png) no-repeat center left;
}
ul.bookList li.reviewer {
text-transform: uppercase;
font-size: .8em;
}*/
ul.bookList li {
margin: 10px 20px;
}
ul.bookList li small {
display: block;
font-size: .8em;
}
p.clickHere {
text-align: left;
text-transform: uppercase;
font-size: 1.1em;
height: 25px;
margin: 0 42px;
background: url(../images/arrow.png) no-repeat center right;
}
p.back {
padding-left: 20px;
}
/***** =IMAGES ***********************************************************************/
img.featureImage {
border: 1px solid #000;
}
img.contentImage {
float: left;
border: 2px solid #000;
}
img.portrait {
margin-bottom: 4px;
}
div.sideContent img {
width: 152px;
margin: 0 26px;
}
div.sideContent img.full {
width: 210px;
margin: 0px;
}
img#idea, img#chat {
width: 200px;
border: 0;
margin: 0 5px;
}
/***** =BUTTONS ***********************************************************************/
div.educatorButton {
margin: 0 auto;
width: 150px;
height: 200px;
}
.educatorButton a {
background: url(../images/educatorButton.png) no-repeat;
display: block;
width: 150px;
height: 50px;
}
.educatorButton a:hover {
background: url(../images/educatorButton_hover.png) no-repeat;
display: block;
}
.sideNewsletterButton a {
background: url(../images/newsletterButton.png) no-repeat;
display: block;
width: 210px;
height: 200px;
}
.sideNewsletterButton a:hover {
background: url(../images/newsletterButton_hover.png) no-repeat;
display: block;
width: 210px;
height: 200px;
}
div.newsletterButton a{
background: url(../images/newsletterButton_small.png) no-repeat;
position: absolute;
width: 162px;
height: 162px;
top: 5px;
right: 180px;
}
div.newsletterButton a:hover {
background: url(../images/newsletterButton_small_hover.png) no-repeat;
position: absolute;
width: 162px;
height: 162px;
}
.facebookButton a {
background: url(../images/facebookButton.png) no-repeat;
display: block;
width: 210px;
height: 50px;
}
.facebookButton a:hover {
background: url(../images/facebookButton_hover.png) no-repeat;
display: block;
}
.myspaceButton a {
background: url(../images/myspaceButton.png) no-repeat;
display: block;
width: 210px;
height: 50px;
}
.myspaceButton a:hover {
background: url(../images/myspaceButton_hover.png) no-repeat;
display: block;
}/***** MEMBERS ONLY ACCESS *****************************************************************/
span.mustSignin {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
span.mustSignin span {
font-size: 1.2em;
color: #000;
}
span.mustSignin span a {
text-decoration: none;
color: #ab1534;
}
span.mustSignin span a:hover {
color: #000;
}
#contests span.mustSignin {
font-size: 1.4em;
}
#contests span.mustSignin span {
padding-left: 20px;
font-size: 1em;
}
/***** =ROLLOVERS ********************************************************************/
a:link, a:visited {color: #000;} /*TEXT COLOR OF LINKS: BLACK*/
a:hover, a:active {color: #ab1534;} /*TEXT COLOR OF LINKS ON ROLLOVER: RED*/

#header h5.loginLinks a, .featureSectionFooter a, .homeFeatureBoxFooter a, li.navMenu a,
h5.imageCaption a, p.pdf a, form div.formCaption h4 a {
text-decoration: none;
text-transform: uppercase;
}
.featureBox .featureContent h3 a {
text-decoration: none;
}
#header h5.loginLinks a:hover{
color: #000;
}
p.pdf a {
display: block;
font-size: .9em;
font-weight: bold;
color: #ab1534;
padding-left: 20px;
background: url(../images/bullet.png) 0 -3px no-repeat;
}
p.pdf a:hover {
color: #000;
background: url(../images/bullet.png) 0 -28px no-repeat;
}
/***** CONTESTS PAGE *****************************************************************/
form input.enterContest {
position: relative;
top: 0;
left: 340px;
border: 3px solid #fff4df;
border-bottom-color: #333333;
border-right-color: #333333;
background-color: #dfc088;
text-transform: uppercase;
width: 150px;
height: 30px;
font-weight: bold;
}
div.enteredContest {
text-align: center;
}
/***** =FORMS ************************************************************************/
.formWrap {
position: relative;
margin: 40px auto 0;
background-color: transparent;
}
#register {width: 540px;}
#signin {width: 540px;}
#forgot {width: 540px;}
#myAccount {width: 680px;}
#submitReview {width: 760px;}
#contest {width: 500px;}

/*FORM HEADING*/
#formTitle {
position: relative;
width: 540px;
height: 50px;
top: 0;
left: 0;
}
form #formTitle h1 {
height: 50px;
background-repeat: no-repeat;
margin: 0;
}
#register h1#h1Register {background: url(../images/formTitle_register.png);}
#signin h1#h1Signin {background: url(../images/formTitle_signin.png);}
#forgot h1#h1Forgot {background: url(../images/formTitle_forgot.png);}
#myAccount h1#h1myAccount {background: url(../images/formTitle_myAccount.png);
width: 680px;
}
#submitReview h1#h1ReviewSubmission {background: url(../images/formTitle_review.png);
width: 760px;
}
/*FORM FIELDSET (BORDER)*/
form fieldset {
position: relative;
border: 1px #000000 solid;
background-repeat: no-repeat;
background-position: bottom center;
}
#register fieldset {background-image: url(../images/formGradient_register.jpg)}
#signin fieldset {background-image: url(../images/formGradient_signin.jpg)}
#forgot fieldset {background-image: url(../images/formGradient_signin.jpg)}
#myAccount fieldset {background-image: url(../images/formGradient_myAccount.jpg)}
#submitReview fieldset {background-image: url(../images/formGradient_review.jpg)}

fieldset legend {
position: absolute;
margin: -30px;
}
/*FORM SUBTITLES*/
li.formSubtitle {
display: block;
font-weight: bold;
margin-bottom: 20px;
}
li.instructions {
display: block;
margin-bottom: 20px;
font-size: .95em;
}
li.center {
text-align: center;
margin-bottom: 40px;
}
/*FORM LIST ITEMS*/
form fieldset ol {
margin: 30px 20px 10px;
}
form fieldset li {
list-style: none;
min-height: 20px;
font-size: .9em;
}
form fieldset li.hidden {
display: none;
}
/*INPUT FIELDS AND SELECTS*/
form input, form select, textarea {
height: 15px;
background-color: #fff4df;
border: 2px solid #666666;
border-bottom-color: #ffffff;
border-right-color: #ffffff;
width: 200px;
}
/* INPUT FIELD, LABEL AND BUTTON POSITIONING */
#forgot input, #register input, #signin input, #signin li.rememberMe {
position: absolute; left: 200px;
}
#myAccount input {position: absolute; left: 250px;}
#submitReview input {position: absolute; left: 250px; width: 400px;}
#submitReview input.button {width: 68px;}

#register input.button, #signin input.button, #forgot input.button,
#myAccount input.button, #submitReview input.button, #submitReview input#reviewText {
position: absolute; left: 20px;
}
#signin li.forgot {position: relative; left: 170px; bottom: -35px;}

/*AGE REQUIREMENT*/
form li.age {
padding: 15px 0;
}
/*FORGOT PASSWORD? LINK*/
form li.forgot {
margin: 10px;
}
/*TEXT AREA*/
textarea {
line-height: 1.2em;
width: 700px;
height: auto;
}
/*BUTTONS*/
form li.button {
height: 28px;
margin-bottom: 15px;
}
form input.button {
border: 3px solid #ffffff;
border-bottom-color: #666666;
border-right-color: #666666;
text-transform: uppercase;
width: 70px;
height: 28px;
}
form li input.newpassButton, form li input.accept {
width: 156px;
}
/*CHECKBOXES*/
form input#newsletter, form input#age, form input#remember {
position: static;
margin-right: 10px;
width: 15px;
}
/*ERROR MESSAGES*/
form li.errorMsg {
position: relative;
text-align: left;
left: 200px;
color: red;
height: 8px;
width: 400px;
font-weight: bold;
}
div#myAccount form li.errorMsg, div#review form li.errorMsg {
left: 250px;
}
/*FORGOT PASSWORD?*/
form li.forgot a:hover {
text-decoration: none;
}
/*FORM CAPTION*/
form div.formCaption h4 {
padding: 5px 10px 0;
font-weight: normal;
font-size: 1.3em;
text-transform: uppercase;
}
form div.formCaption h4 span{
padding-right: 30px;
}
form div.formCaption h4 a {
padding: 0 6px;
}

/*
A bit of CSS added in October, 2009, to comply with the CMS implementation.
For support, if needed, don't hesitate to contact Boston Web Studio: http://www.bostonwebstudio.com/
*/
#buyFromUsLink {
display: block;
}
/*
The below was added on 12/12/09 and it's for the contest entry form
*/
#contestFormEmail {
display: block;
margin: 1em 0;
width: 95%;
}
#contestFormSubmit {
background-color: #ddd;
border: 1px solid #444;
font-size: .9em;
height: auto;
width: auto;
}
.greenText {
color:green;
}