/*
Theme Name: Jena Pincott
Author: June Eng/Manish Mukherjee
Author URI: http://misseng.com
Theme URI: http://manishie.com
Description: 
Version:
*/

/* CSS Document */

/* Global */


body {
	margin: 0;
	padding: 0;
	
}

div#container {
	margin: 0 auto;
	width: 840px;
}

div#text {
	text-align: center;
	width: 1088px;
}

 

.spacer {
	clear: both;
	line-height: 0;
}

img {
	border: none;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/* Containers */

.gw-cont {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1088px;
	height: 732px;
	background: url(images/new/background.jpg) no-repeat left top;
}

.main {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	
}


/* Nav */

.box {
	position: absolute;
	width: 840px;
	top: 275px;
	z-index: 1;
	background-color: #fffbe5;
	border: medium double #CC6699;
}

.nav {
	position: absolute;
	width: 840px;
	height: 189px;
	top: 82px;
	z-index: 2;
	background-color: #fffbe5;
	border: medium double #CC6699;
}

.top {
	position: absolute;
	width: 840px;
	height: 10px;
	top: 0px;
	z-index: 0;
	
	
}


.jena {
	position: absolute;
	width: 855px;
	height: 31px;
	top: 6px;
	z-index: 0;
}

.chat {
	position: relative;
	width: 240px;
	height: 20px;
	top: 10px;
	right: 0px;
	font-face: arial;
	font-size: 9px;
	font-color: #e3ce78;
	z-index: 0;
	
	
}


.footer {
	position: relative;
	width: 840px;
	font-face: arial;
	font-size: 9px;
	font-color: #e3ce78;
	z-index: 0;
          top: 35px;
	font-family: tahoma, arial;
}


.booksbox {
	position: relative;
	width: 840px;
	z-index: 1;
	padding-top: 20px;
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #CC6699;
	padding-bottom: 30px;
}

.media1 {
	position: relative;
	width: 840px;
	height: 62px;
	z-index: 1;
	text-align: center;
	padding-top: 10px;
	
}

.media2 {
	position: relative;
	width: 840px;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}

.media3 {
	position: relative;
	width: 840px;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	
}



.about-text {
	position: absolute;
	width: 340px;
	z-index: 2;
	font-family: "lucida grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	top: 105px;
	left: 240px;
}




.contactbox {
	position: absolute;
	width: 840px;
	top: 235px;
	z-index: 1;
	background-color: #fffbe5;
	border: medium double #CC6699;
	
}

.contactfooter {
	position: relative;
	width: 840px;
	height: 15px;
	font-face: Arial, Helvetica, tahoma;
	font-size: 9px;
	font-color: #e3ce78;
	z-index: 0;
	top: 0px;
	left: 0px;
	text-align:center;
	color: #666666;
	vertical-align: middle;
	padding-top: 5px;
	border: medium double #CC6699;
	background-color: #fffbe5;
	float: left;
}




.front {
	position: absolute;
	width: 164px;
	z-index: 2;
	top: 113px;
	left: 40px;
}


/* Text */

.regtext {
	font-family: Arial, Helvetica, tahoma;
	font-size: 12px;
	color: #666666;
}

.booktitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	color: #BE458E;
}
.booksubtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #AF2C78;
	line-height: 20px;
}
.booktitlegrey {
	font-family: Arial, Helvetica, tahoma;
	font-size: 28px;
	color: #5A367A;
}
.readabletext {
	font-family: "lucida grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.buttontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:link {
	color: #DC143C;
}
a:hover {
	color: #979588;
}
a:active {
	color: #000000;
}
a:visited {
	color: #979588;
}
.regtextsm {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}
.about-title {
	position: relative;
	width: 805px;
	z-index: 1;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 30px;	
	float: left;
}

/**** New CSS ****/
p { margin-top: 0px; } 

hr {color: #fff; background-color: #fff; border: 1px dotted #c2beb7; border-style: none none dotted; }

#bookscontent { margin-top: 20px; }
.upperbooksone { float: left; width:200px; text-align:center; }
.upperbookstwo {float: left; width: 406px; padding-right: 10px;}
.upperbooksthree {float: left; width: 201px; }

.upperbooksthree .quote { border: 1px solid #c2beb7; margin: 0 auto 10px auto; width:188px; padding: 10px; text-align: center;}
.upperbooksthree .quote1 { border: 1px solid #c2beb7; margin: 0 auto 2px auto; width:194px; padding: 6px; text-align: center; font-family: arial, tahoma, sans serif; background: white;}
.upperbooksthree .quote2 { border: 1px solid #c2beb7; margin: 0 auto 10px auto; width:194px; padding: 6px; text-align: center; font-family: arial, tahoma, sans serif; background-color: white;}
.upperbooksthree .text { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; color: #b64375; }
.upperbooksthree .source { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; color: #424242; }
.upperbooksthree .text:before, .upperbooksthree .text:after { content:'"'; }
.upperbooksthree .kirkus { background: url('images/kirkussmall.gif') no-repeat left center; padding-left:18px; }
.upperbooksthree .publishers { background: url('http://www.jenapincott.com/images/publishers.gif') no-repeat left center; padding-left:18px; }
.upperbooksthree .normal:before  { content: '–';}


.lowerbooksleft, .lowerbooksright: {width: 419px; float: left;}
.lowerbooksright { left: 8px; }
.lowerbooksone { float: left; width:151px; text-align:center; }
.lowerbookstwo { float: left; width: 268px; }
#bookscontent td, #bookscontent td { vertical-align: top; margin-left: 2px; margin-top: 10px;}

.bookheaders { float: left; margin:4px; margin-top: 15px;} 
#book1 { margin-left:14px; }
.bookheaders a { opacity:0.5; filter:alpha(opacity=50);} 
.bookheaders a:hover { opacity:1; filter:alpha(opacity=100); } 
.currentbook a, .currentbook a:visited { opacity:1; filter:alpha(opacity=100); }

.sidenav a, .sidenav a:visited { font-size: 14px; color: #020202; text-decoration: none; }
.sidenav a:hover { color: #5e408a; }
.currentsection a, .currentsection a:visited { color: #5e408a; }

#footerspacer { height: 100px; }

.maintitle {font-family: arial, helvetica,  tahoma, sans serif; font-size: 24px; color: #5e408a; text-transform: uppercase;}
.subtitle {font-family: arial, helvetica,  tahoma, sans serif; font-size: 15px; color: #020202;}
.subtitle2 {font-family: Georgia, times new roman, serif; font-style: italic; font-size: 14px; color: #b64477;}
.regtext {font-family: Arial, helvetica,  tahoma, sans serif; font-size: 12px; color: #151515;}
.quotetext {font-family: georgia, times new roman, serif; font-style: italic; font-size: 13px; color: #b64477;}

.maintitle2 {font-family: arial, helvetica, tahoma, sans serif; font-size: 21px; color: #5e408a; text-transform: uppercase;}
.subtitle3 {font-family: arial,  helvetica, tahoma, sans serif; font-size: 14px; color: #020202;}
.subtitle4 {font-family: arial, helvetica,  tahoma, sans serif; font-size: 15px; color: #5e408a;}
.regtext2 {font-family: arial, helvetica,  tahoma, sans serif; font-size: 11px; color: #151515;}

#mediaitems { width: 530px; float: left; margin-left: 13px; margin-top: 20px; line-height: 1.6em; font-family: georgia, serif; color: #020202; font-size: 15px; font-weight: bold; margin-bottom: 15px;}
#mediasidebar { width: 260px; float: right; margin-right: 13px; font-family: arial, helvetica, sans serif; font-weight: normal; color: #020202; font-size: 15px; margin-top: 20px; line-height: 1.5em; text-decoration:none;}
#mediasidebar a:link  { font-family: arial, helvetica, tahoma, sans serif; color: #020202; font-size: 12px; margin-top: 20px; line-height: 1.3em; text-decoration:none; color: #5e3790; font-weight: bold; font-size: 80%;}
.mediatitle {font-size: 110% !important;}
.orgimage img { width:90px; height: 115px; float:left; margin: 0 0 13px 13px; }
.pressitem {font-family: arial, helvetica, tahoma, sans serif; color: #020202; font-size: 12px; font-weight: normal!important;}
.pressitem .name:before { content: '"'; }
.pressitem .name:after { content: '," '; }
.presssource { font-style:italic; } 
.link, .audio, .video { text-decoration:none; color: #5e3790; text-transform: uppercase; font-weight: bold;}

#recentpress { margin-left: 10px; margin-top: 15px; float: left; width:200px; font-family: arial, helvetica, tahoma, sans serif; color: black; font-size: 18px; text-transform: uppercase;}
#foreignrights { width: 871px; float: left; margin-top: 20px; line-height: 1.6em; font-family: georgia, serif; color: #020202; font-size: 15px; font-weight: bold; margin-bottom: 15px;}
#frbooktitle {font-family: arial, helvetica, sans serif; color: #5e3790; text-transform: uppercase; margin-left: 25px; font-size: 110%; font-weight: bold;}
#frbooksubtitle{font-family: arial, helvetica, sans serif; font-size: 13px;}
.frouter { float: left; text-align: center; line-height: 15px; width:165px; }
.frimage img { width:113px; height: 184px; float:left; margin-left:24px; margin-right:0px; padding: 4px; }
.frlanguage {font-family: arial, helvetica,  tahoma, sans serif; font-size: 14px; color: #151515;}
.frpublisher {font-family: georgia, arial, helvetica,  tahoma, sans serif; font-size: 11px; font-style: italic; color: #151515;}

#frnoimages {margin-top: 30px; margin-left: 25px; }


.abouttext {position: absolute; width: 520px; left: 260px; top: 65px;  line-height; 1.3em; color: #020202;}
.aboutback {width: 830px; height: 610px; margin-left: 2px;}
.homeback {width: 830px; height: 510px; margin-left: 2px;}
.homechocolate {position: absolute; top: 107px; left: 363px;}
.hometwitter {position: absolute; top: 310px;}
.follow {position: absolute; top: 460px; left: 100px;}

#tweets { position: absolute; left: 40px; top: 89px; width: 290px;}
#tweets a, #tweets a:visited, #tweets li { font-family: arial, helvetica, tahoma, sans serif; font-size:12px; font-weight: bold; text-decoration: none;}
#tweets li { height: 77px !important; margin-bottom:24px !important; padding: 5px 0 5px 0 !important; border-bottom:none !important; } 

#mediatop {width: 830px;}
#mediamiddle {width: 830px; margin-top: 80px; font-family: font-family: arial, helvetica, sans serif; font-size: 80%;}
#mediabottom { width: 830px; margin-left: 20px; margin-top: 30px; font-family: arial, helvetica, sans serif; font-size: 90%;} 

.foreignleft {position: absolute; top: 20px; left: 30px; width: 700px; font-family: arial, helvetica, sans serif; font-size: 14px; }
.foreignright {position: absolute; top: 27px; right: 40px;}

h2 {font-family: arial, helvetica, sans serif; font-size: 24px; margin-top: 25px;}
h3 {font-family: arial, helvetica, sans serif; font-size: 12px; background-color: #b74276; color: #fffce3; font-weight: normal; padding: 3px; vertical-align: middle; margin-top: -10px;}
h3 a:link {color: #fffce3; font-weight: bold;}
.blogtext {font-family: arial, helvetica, sans serif!important; font-size: 13px; color: #666;}
#blog { width: 620px; padding: 10px; float:left;}
#blogsidebar { width:180px; float:right; padding: 10px;}
.comments  {font-family: arial, helvetica, sans serif; font-size: 12px; font-weight: bold; margin-top: 20px; width: 500px !important;}
.reply {margin-top: 15px;}
.tags  {font-family: arial, helvetica, sans serif; font-size: 12px; font-weight: bold;}
.logged  {font-family: arial, helvetica, sans serif; font-size: 12px; font-weight: bold;}
.postnav  {font-family: arial, helvetica, sans serif; font-size: 14px; margin-top: 20px; text-transform: uppercase; font-style: italic; text-decoration: none;}
#blogsidebar h2 {font-size: 80%; background-color: #5f3891; text-transform: uppercase; color: #fff; padding: 3px;}
#blogsidebar li {font-family: arial, helvetica, sans serif; font-size: 80%; line-height: 1.3em;}
#blogsidebar li a {text-decoration: none;}
.screen-reader-text {font-family: arial, helvetica, sans serif; font-size: 80%; background-color: #5f3891; text-transform: uppercase; color: #fff; padding: 3px; font-weight: bold; width: 180px;}
#blogpagetitle {margin-left: 11px; margin-top: 20px; font-family: arial, helvetica, sans serif; color: #5e3890; text-transform: uppercase;}
#blogpost a, #blogpost a:visited { text-decoration:none; color: #5e3890; }
#blogpost h2 a:link {color: #5e3890!important;}
#blogpost h2 a:visited {color: #5e3890!important;}
#blogpost a:visited { text-decoration:none; color: #5e3890; }
#blogpost h3 a, #blogpost a:visited { text-decoration:underline; color: #fff; }
#blogpost h3 a, #blogpost a:hover { text-decoration:underline; color: #fffbe3; }
#blogpost a:hover {color: #b64376;}
#commentform textarea {width: 500px;}

.alignright,img.alignright{ float: right; padding-left: 15px; padding-bottom: 10px;}
.alignleft,img.alignleft{ float: left; padding-right: 15px; padding-bottom: 10px;}
.aligncenter,img.aligncenter{ display: block; margin: 1em auto; text-align: center; padding-bottom: 10px;}

/*****foreign rights books in book detail page *****/
.media {text-align: center; width: 170px; margin-left: 20px; margin-top: 20px;}
.mediatitle {color: #020202; font-family: arial, helvetica, tahoma, sans serif; font-size: 13px !important;}
.medialeft {margin-top: 20px;}
.mediasubtitle a:link, .mediasubtitle a:visited {font-family: Georgia, times new roman, serif; font-style: italic; font-size: 11px; color: #b54376; text-decoration: none;}