/*
Development by Mugur Marculescu, Aug 2010 for Museum of Thieves - Random House
Designed by Scott Galbraith - http://www.sssour.com/
http://www.livemade.com
http://www.mugur.com


README:
Look for Comment , Uncomment statements in the code when enabling the Video and Game buttons.

*/

/* style html elements and main page ids */

#tab-col a {
	position:absolute;
	top:55px;
	left:366px;
	width:90px;
	height:150px;
	background-image: url(../img/books/preorder-book.png);
	background-repeat: no-repeat;
	background-position: -303px -162px;
}

#tab-col a:hover {
	background-position: -404px -162px;
}
#tab-col2 a {
	position:absolute;
	top:55px;
	left:538px;
	width:90px;
	height:150px;
	background-image: url(../img/books/path-beasts-preorder-book.png);
	background-repeat: no-repeat;
	background-position: -303px -162px;
}
#tab-col2 a:hover {
	background-position: -404px -162px;
}

body {
	font-family:Georgia,"Times New Roman",Serif; 
	background-color:#1d1d16;
	background-image:url("../img/bk.jpg");
	color:white;
	line-height:0;
	font-size:14px;
}

h1, h2, h3, h4, h5, h5 { color:#e5bd00 }
h1, h2 {
	font-size:16px;
}

a:link {color:#c3a451}
a:visited {color:#c3a451}
a:active{color:#c3a451}
a:hover {text-decoration:none; color::#c3a451}

/* shared classes  */
.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}

.date {
	color:#cdd554;
}

.quote {
	margin-bottom:5px;
}

.author {
	color:#eeb900;
	margin-bottom:5px;
}

p.big {
	font-size:14px;
}

p.med {
	font-size:12px;
}

#backtotop-btn a {
	position:relative;
	top:193px;
	left: 312px;
	width:118px;
	height:51px;
	background: url('../img/shared-buttons.png') no-repeat left top;
}

#backtotop-btn a:hover {
	background-position: -200px top;
}

#subnav-cont {
	position:absolute;
	left:45px;
	width:226px;
}

#subnav {
	background: url('../img/subnav-bk.png') repeat-y;
	padding-top:10px;
	width:226px;
}

#subnav-bot{
	background: url('../img/subnav-bk-bot.png') no-repeat left top;
	width:226px;
	height:67px;
}

/* Main navigation bar */
#nav div, #nav a {
	float:left;
}

#nav-home-btn a {
	width:159px;
	height:71px;
	background: url('../img/nav.png') no-repeat left top;
}

#nav-home-btn a:hover, #nav-home-btn a.select {
	background-position: left -75px;;
}

#nav-books-btn a {
	width:159px;
	height:71px;
	background: url('../img/nav.png') no-repeat -159px top;
}

#nav-books-btn a:hover, #nav-books-btn a.select {
	background-position: -159px -75px;;
}

#nav-author-btn a {
	width:154px;
	height:71px;
	background: url('../img/nav.png') no-repeat -313px top;
}

#nav-author-btn a:hover, #nav-author-btn a.select {
	background-position: -313px -75px;;
}

#nav-features-btn a {
	width:153px;
	height:71px;
	background: url('../img/nav.png') no-repeat -462px top;
}

#nav-features-btn a:hover, #nav-features-btn a.select {
	background-position: -462px -75px;;
}

#nav-game-btn a {
	width:151px;
	height:71px;
	background: url('../img/nav.png') no-repeat -615px top;
}

#nav-game-btn a:hover, #nav-game-btn a.select {
	background-position: -615px -75px;;
}

#nav-news-btn a {
	width:162px;
	height:71px;
	background: url('../img/nav.png') no-repeat -766px top;
}

#nav-news-btn a:hover, #nav-news-btn a.select {
	background-position: -766px -75px;;
}

/* content area */
#left-col {
	float:left;
	position:relative;
	top:-15px;
	margin-left:35px;
	width:274px;
}

#main-col {
	margin-top:20px;
	float:left;
	width:463px;
	float:left;
	padding-right: 25px;
}

/* footer */
#footer {
	margin-top:20px;
	font-size:10px;
	text-align:center;
	line-height:1.5;
}

#delacorte{
	margin-bottom:20px;
}

#footer a:link {color:white}
#footer a:visited {color:white}
#footer a:active{color:#c3a451}
#footer a:hover {text-decoration:none; color::#c3a451}

/************* FIXES FOR DESIGN NOT MATCHING  960GS CSS Framework AND CUSTOM FRAME **************/
#nav {
	padding-left:8px;
}

#content {
	position:relative;
}

#main-content{
	position:absolute;
	width:822px;
	left:64px;
	top:31px;
	line-height:1.5;
	font-size:12px;
}

/* Body Backgrounds */
#frame-top{ height:273px;}
#frame-stretch{ height:324px;}
#frame-bottom {	position:relative;	height:318px;}

.bk-home #frame-top {background-image:url("../img/bk/bk-top-blue.png");}
.bk-home #frame-stretch {background-image:url("../img/bk/bk-mid-blue.png");}
.bk-home #frame-bottom {background-image:url("../img/bk/bk-bot-blue.png");}
#harrow  {background-image:url("../img/bk/bk-top-green.png");}
.bk-books #frame-top {
	background-image:url(../img/bk/bk-top-green.png);
}
.bk-books #frame-stretch {background-image:url("../img/bk/bk-mid-green.png");}
.bk-books #frame-bottom {background-image:url("../img/bk/bk-bot-green.png");}

.bk-author #frame-top {background-image:url("../img/bk/bk-top-red.png");}
.bk-author #frame-stretch {background-image:url("../img/bk/bk-mid-red.png");}
.bk-author #frame-bottom {background-image:url("../img/bk/bk-bot-red.png");}

.bk-features #frame-top {background-image:url("../img/bk/bk-top-green-dark.png");}
.bk-features #frame-stretch {background-image:url("../img/bk/bk-mid-green-dark.png");}
.bk-features #frame-bottom {background-image:url("../img/bk/bk-bot-green-dark.png");}

.bk-news #frame-top {background-image:url("../img/bk/bk-top-blue-dark.png");}
.bk-news #frame-stretch {background-image:url("../img/bk/bk-mid-blue-dark.png");}
.bk-news #frame-bottom {background-image:url("../img/bk/bk-bot-blue-dark.png");}

.bk-game #frame-top {background-image:url("../img/bk/bk-top-game.png");}
.bk-game #frame-stretch {background-image:url("../img/bk/bk-mid-game.png");}
.bk-game #frame-bottom {background-image:url("../img/bk/bk-bot-game.png");}

/* Home.html page custom layout */
.bk-home #title-text {
	background: url('../img/home/ittakesathief.png') no-repeat center bottom;
	height:130px;
	text-align:center;
}

.bk-home #news-cont {
	position:relative;
	top:-10px;
}

#home-btn-chapter a {
	width:220px;
	height:103px;
	margin-left:5px;
	background: url('../img/home/homebuttons.png') no-repeat left top;
	float:left;
}

#home-btn-chapter a:hover {
	background-position: -250px top;
}

#home-btn-trailer a {
	width:220px;
	height:100px;
	margin-top:15px;
	margin-left:5px;
	margin-bottom:5px;
	background: url('../img/home/homebuttons.png') no-repeat left -110px;
	float:left;
}

#home-btn-trailer a:hover{
	background-position: -250px -110px;
	float:left;
}

#home-btn-preorder a {
	width:220px;
	height:58px;
	background: url('../img/home/homebuttons.png') no-repeat left -210px;
	clear:both;
	
	
	/* Comment out next 3 lines after bringing back the trailer btn on home.html */
	margin-top:15px;
	margin-left:20px;
	float:left;
}

#home-btn-preorder a:hover {
	background-position: -250px -210px;
	clear:both;
}

#home-btn-buy a {
	width:220px;
	height:58px;
	background: url('../img/home/homebuttons.png') no-repeat left -300px;
	clear:both;
}

#home-btn-buy a:hover {
	background-position: -250px -300px;
	clear:both;
}

#home-btn-game a {
	width:200px;
	height:120px;
	padding-right:10px;
	background: url('../img/home/homebuttons.png') no-repeat left -610px;
}

#home-btn-game a:hover{
	background-position: -250px -610px;
}

#home-btn-lessons a {
	width:190px;
	height:103px;
	margin-top:20px; /*Uncomment this line after adding back the Game button on home.html */
	background: url('../img/home/homebuttons.png') no-repeat left -500px;
}

#home-btn-lessons a:hover {
	background-position: -250px -500px;
}

#readmore a {
	width:128px;
	height:11px;
	background: url('../img/home/homebuttons.png') no-repeat left -360px;
	float:right;
	margin-top:6px;
}

#readmore a:hover{
	background-position: -250px -360px;
}

/* Books.html */
.bk-books #books-tab {
	position:relative;
	height:248px;
	margin-bottom:40px;
	background:url('../img/books/books-tab.png') no-repeat center top;
}

#available li a, #available li {
	line-height:2;
	width:260px;
	color:#eeb900;
}

#books-btn-chapter a {
	width:165px;
	height:76px;
	background: url('../img/books/books-buttons.png') no-repeat left -100px;
	float:left;
	display: block;
}

#books-btn-chapter a:hover{
	background-position: -200px -100px;
	float:left;
}

#books-btn-trailer a {
	width:165px;
	height:78px;
	background: url('../img/books/books-buttons.png') no-repeat left top;
	float:left;
}

#books-btn-trailer a:hover {
	background-position: -200px top;
}

#book-preorder a {
	position:relative;
	left:-20px;
	width:267px;
	height:376px;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:25px;
	background: url('../img/books/preorder-book.png') no-repeat left top;
	float:left;
}

#book-preorder2 a {
	position:relative;
	left:-20px;
	width:267px;
	height:376px;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:25px;
	background: url('../img/books/preorder-book-city-lies.png') no-repeat left top;
	float:left;
}
#book-preorder3 a {
	position:relative;
	left:-20px;
	width:267px;
	height:376px;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:25px;
	float:left;
	background-image: url(../img/books/path-beasts-preorder-book.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#book-preorder3 a:hover {
	background-position: left -376px;
}

#book-preorder2 a:hover {
	background-position: left -376px;
}

#book-preorder a:hover {
	background-position: left -376px;
}

#tab-mot a {
	position:absolute;
	top:55px;
	left:201px;
	width:90px;
	height:150px;
	background: url('../img/books/preorder-book.png') no-repeat -300px top;
}

#tab-mot a:hover {
	background-position: -400px top;
}

.rbox-top {
	position:relative;
	background: url('../img/books/rbox-top.png') no-repeat left top;
	width:462px;
	height:26px;
	padding-left:15px;
	padding-top:10px;
}

.rbox {
	background-color:#313311;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	width:432px;
}

.rbox-bottom {
	background: url('../img/books/rbox-bottom.png') no-repeat left top;
	width:462px;
	height:15px;
	margin-bottom:20px;
}

.boxcont{
	padding-bottom:10px;
}

.books-btn-viewall a {
	position:relative;
	left:-30px;
	top:-17px;
	width:66px;
	height:10px;
	background: url('../img/books/books-buttons.png') no-repeat left -200px;
	float:right;
}

.books-btn-viewall a:hover {
	background-position: -200px -200px;
}

.books-btn-viewall a.expand {
	position:relative;
	left:-30px;
	top:-17px;
	width:66px;
	height:10px;
	background: url('../img/books/books-buttons.png') no-repeat left -210px;
	float:right;
}

.books-btn-viewall a.expand:hover {
	background-position: -200px -210px;
}

#social-shelf li{
	float:left;
	height:23px;
	list-style-type: none;
	margin-left:0px;
	margin-right:4px;
}

/* Books Chapter Excerpt */
.books-btn-books a {
	width:145px;
	height:45px;
	background: url('../img/books/books-buttons.png') no-repeat left -300px;
}

.books-btn-books a:hover {
	background-position: -200px -300px;
}


/* Author Page */
#author-pic {
	text-align:center;
	margin:40px;
}

.bk-author #subnav-top{
	background: url('../img/author/subnav-author.png') no-repeat left top;
	width:226px;
	height:71px;
}

#letter-cont{
	position:relative;
	left:-6px;
}

#letter-top{
	background: url('../img/author/letter-top.png') no-repeat center top;
	width:478px;
	height:87px;
	margin-top:15px;
}

#letter{
	background: url('../img/author/letter-bk.png') repeat-y;
	width:392px;
	padding-left:40px;
	padding-right:40px;
	color:black;
	font-size:12px;
	
}

#letter .quote {
	color:#413213;
	margin-bottom:20px;
}

#letter-bot{
	background: url('../img/author/letter-bottom.png') no-repeat center top;
	width:478px;
	height:187px;
}

#author-btn-about a {
	width:170px;
	height:33px;
	background: url('../img/author/author-buttons.png') no-repeat left top;
}

#author-btn-about a:hover, #author-btn-about a.select {
	background-position: -200px top;
}

#author-btn-letter a {
	width:170px;
	height:33px;
	background: url('../img/author/author-buttons.png') no-repeat left -33px;
}

#author-btn-letter a:hover, #author-btn-letter a.select {
	background-position: -200px -33px;;
}

#author-btn-visit a {
	width:170px;
	height:33px;
	background: url('../img/author/author-buttons.png') no-repeat left -66px;
}

#author-btn-visit a:hover, #author-btn-visit a.select {
	background-position: -200px -66px;
}

/* Features Page */
.bk-features #subnav-top{
	background: url('../img/features/subnav-features.png') no-repeat left top;
	width:226px;
	height:71px;
}

#features-btn-video a {
	width:170px;
	height:33px;
	background: url('../img/features/features-buttons.png') no-repeat left top;
}

#features-btn-video a:hover, #features-btn-video a.select {
	background-position: -200px top;
}

#features-btn-guide a {
	width:170px;
	height:32px;
	background: url('../img/features/features-buttons.png') no-repeat left -33px;
}

#features-btn-guide a:hover, #features-btn-guide a.select {
	background-position: -200px -33px;;
}

#features-btn-lessons a {
	width:170px;
	height:45px;
	background: url('../img/features/features-buttons.png') no-repeat left -65px;
}

#features-btn-lessons a:hover, #features-btn-lessons a.select {
	background-position: -200px -65px;
}

#video-pic {
	text-align:center;
	margin:40px;
}

#video-wrap {
	position:relative;
	background: url('../img/features/trailer-bk.png') no-repeat center center;
	height:540px;
	margin-top:50px;
}

#video-cont {
	position:absolute;
	top:10px;
	left:88px;
	width:640px;
	height:480px;
	background-color:#000;
	text-align:center;
}

.backtovideo-btn a {
	width:145px;
	height:45px;
	background: url('../img/features/features-buttons.png') no-repeat left -400px;
}

.backtovideo-btn a:hover {
	background-position: -200px -400px;
}

/* Features Page  - Character Guide */
.char {
	width:475px;
	margin-bottom:40px;
	background-repeat: no-repeat;
}

.charright {
	text-align:right;
	background-position: right top;
}

#goldie{
	background-image: url("../img/features/char-goldie.png");
	height:285px;
	margin-top:40px;
}

#goldie p{
	padding-left:117px;
	padding-top:60px;
}

#toadspit{
	background-image: url("../img/features/char-toadspit.png");
	height:281px;
}

#toadspit p{
	padding-right:114px;
	padding-top:63px;
}

#hound{
	background-image: url("../img/features/char-hound.png");
	height:233px;
}

#hound p{
	padding-left:163px;
	padding-top:65px;
}

#morg{
	background-image: url("../img/features/char-morg.png");
	height:220px;
}

#morg p{
	padding-top:118px;
	padding-left:20px;
}

#protector{
	background-image: url("../img/features/char-protector.png");
	height:320px;
}

#protector p{
	padding-left:120px;
	padding-top:65px;
}

#fugleman{
	background-image: url("../img/features/char-fugleman.png");
	height:324px;
}

#fugleman p{
	padding-right:235px;
	padding-top:75px;
}

#hope{
	background-image: url("../img/features/char-hope.png");
	height:310px;
}

#hope p{
	padding-left:164px;
	padding-top:60px;
}

#dan{
	background-image: url("../img/features/char-dan.png");
	height:316px;
}

#dan p{
	padding-right:198px;
	padding-top:70px;
}

#olga{
	background-image: url("../img/features/char-olga.png");
	height:307px;
}

#olga p{
	padding-left:133px;
	padding-top:63px;
}

#sinew{
	background-image: url("../img/features/char-sinew.png");
	height:352px;
}

#sinew p{
	padding-right:195px;
	padding-top:67px;
}

/* Features Lessons */
#lessons-buttons{
	position:relative;
	left:-10px;
}

#lessons-btn-camouflage a {
	width:500px;
	height:130px;
	background: url('../img/features/lessons-buttons.png') no-repeat left top;
}

#lessons-btn-camouflage a:hover {
	background-position: -500px top;
}

#lessons-btn-fingertalk a {
	width:500px;
	height:130px;
	background: url('../img/features/lessons-buttons.png') no-repeat left -125px;
}

#lessons-btn-fingertalk a:hover {
	background-position: -500px -125px;
}

/* Features Lessons Individual Lesson Page */
#lesson-cont{
	position:relative;
	background: url('../img/features/lesson-bk.png') no-repeat center top;
	height:590px;
}

#backtolessons-btn a {
	position:relative;
	left:230px;
	top:1px;
	width:173px;
	height:53px;
	background: url('../img/features/features-buttons.png') no-repeat left -150px;
	z-index:9999;
}

#backtolessons-btn a:hover {
	background-position: -200px -150px;
	z-index:9999;
}

#lesson-prev-btn a {
	position:absolute;
	left:300px;
	top:490px;
	width:66px;
	height:24px;
	background: url('../img/features/features-buttons.png') no-repeat left -300px;
}

#lesson-prev-btn a:hover {
	background-position: -100px -300px;
}

#lesson-prev-btn a.disabled {
	background-position: -200px -300px;
}

#lesson-next-btn a {
	position:absolute;
	left:405px;
	top:491px;
	width:66px;
	height:24px;
	background: url('../img/features/features-buttons.png') no-repeat left -250px;
}

#lesson-next-btn a:hover {
	background-position: -100px -250px;
}

#lesson-next-btn a.disabled {
	background-position: -200px -250px;
}

#tofingertalk-btn a {
	position:absolute;
	left:405px;
	top:491px;
	width:190px;
	height:22px;
	background: url('../img/features/features-buttons.png') no-repeat left -350px;
}

#tofingertalk-btn a:hover {
	background-position: -200px -350px;
}

.lessonjump{
	display:none;
}

.lesson{
	position:absolute;
}

.camouflage {
	top:-50px;
	left:30px;
}

.fingertalk {
	top:-17px;
	left:85px;
}

/* Game Page */
#game-cont{
	position:relative;
	background: url('../img/game/game-bk.png') no-repeat center top;
	margin-top:40px;
	height:544px;
}

#game {
	position: absolute;
	top:1px;
	left:71px;
}

/* News Page */
.bk-news #subnav-top{
	background: url('../img/news/subnav-news.png') no-repeat left top;
	width:226px;
	height:71px;
}

#news-btn-latest a {
	width:170px;
	height:34px;
	background: url('../img/news/news-buttons.png') no-repeat left top;
}

#news-btn-latest a:hover, #news-btn-latest a.select {
	background-position: -200px top;
}

#news-btn-tour a {
	width:170px;
	height:35px;
	background: url('../img/news/news-buttons.png') no-repeat left -33px;
}

#news-btn-tour a:hover, #news-btn-tour a.select {
	background-position: -200px -33px;
}
#goldie-no-one {
	background-image: url(../img/features/char-col-goldie-no-one.png);
	height:323px;
	background-position: -20px;
}
#goldie-no-one p {
	padding-left:135px;
	padding-top:63px;
}
#bonnie {
	background-image: url(../img/features/char-col-bonnie.png);
	height:390px;
}
#bonnie p {
	padding-right:202px;
	padding-top:115px;
	margin-right: 15px;
}
#the-cat {
	background-image: url(../img/features/char-col-thecat.png);
	height:360px;
}
#the-cat p {
	padding-left:133px;
	padding-top:200px;
}
#flense {
	background-image: url(../img/features/char-col-flense.png);
	height:352px;
}
#flense p {
	padding-right:183px;
	padding-top:65px;
	margin-right: 15px;
}
#slommerkin {
	background-image: url(../img/features/char-col-slommerkin.png);
	height:400px;
}
#slommerkin p {
	padding-left:133px;
	padding-top:220px;
}
#pounce {
	background-image: url(../img/features/char-col-pounce.png);
	height:290px;
}
#pounce p {
	padding-right:159px;
	padding-top:70px;
	margin-right: 45px;
}
#mouse {
	background-image: url(../img/features/char-col-mouse.png);
	height:380px;
}
#mouse p {
	padding-left:133px;
	padding-top:220px;
}
#smudge {
	background-image: url(../img/features/char-col-smudge.png);
	height:365px;
}
#smudge p {
	padding-right:190px;
	padding-top:70px;
	margin-right: 45px;
}
#bandmaster {
	background-image: url(../img/features/char-col-bandmaster.png);
	height:323px;
	background-position: -20px;
}
#bandmaster p {
	padding-left:170px;
	padding-top:63px;
}
#features-btn-guide2 a {
	width:170px;
	height:32px;
	background: url('../img/features/features-buttons.png') no-repeat left -106px;
}
#features-btn-guide2 a:hover,   {
	background-position: -200px -106px;
	;
}
#features-btn-guide2 a:hover, #features-btn-guide2 a.select {
	background-position: -200px -106px;
	;
}
#harrow {
	background-image: url(../img/features/char-col-harrow.png);
	height:323px;
	background-position: -15px 0px;
}
#harrow p {
	padding-left:170px;
	padding-top:63px;
}

#frisia {
	background-image: url(../img/features/char-col-frisia.png);
	height:310px;
	margin-bottom: 10px;
}
#frisia p{
	padding-right:190px;
	padding-top:65px;
	margin-right: 45px;
.bk-books #frame-top {
	background-image:url("../img/bk/bk-top-green-dark.png");
}