html,body {
    background: black;
    margin: 2px;
    padding: 0;
}
a {font-family:Georgia,serif; font-size:large; cursor: pointer;}
a:link {color:silver; text-decoration: none;}
a:visited {color:silver;}
a:hover {text-decoration: none; color: gray;}
a:active {color: black;text-decoration: none; outline:none;}
:focus {
    -moz-outline-style:none;
}
body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
}
#page-container {
    width: 860px;
    margin: auto;  
}
#navigation-content{
    position: absolute;
    margin-right: 500px;
    height: 600px;
    line-height: 18px;
}
#logo{
    position:absolute;
    top: 20px;
    left: 23px;
}
#girl{
    position:absolute;
    bottom: 1px;
    left: 10px;
}
#svgstars{
    position: absolute;
    bottom: 95px;
    left: 30px;
    width: 396px;
    height: 110px;
}
#main {
  position:relative;
  overflow:hidden;
  height: 598px;
  }
#main #gloss-overlay{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-400px;
	background:url(../images/gloss-overlay.png) no-repeat center top;
	width:800px;
	height:128px;
}
#pages {
  position:absolute;
  height:20000em;
  }
/* root element for horizontal scrollables */
.scrollable {
 	position:relative; 
	overflow:hidden;
	width:575px;
	height:598px;
  }
/* root element for scrollable page-items */
.scrollable .page-items {
  width:20000em;
  position:absolute;
  clear:both;
  }
#main_navi{
    list-style-type: none ;
}
#main_navi a {
	cursor: pointer;
	color:white;
	border:0 solid red;
	/*writing-mode:tb-rl;*/
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0 0 1px #333;
}
#main_navi li {
  color:white;
}
#main_navi a:hover{
	color: gray;
}
#main_navi li.active{
	color: silver;
}  
nav div.navi {
	margin-left:240px;
	cursor:pointer;
}
.navi {
	position: relative;
	bottom: 25px;
    margin-left:238px;
    width:200px;
    height:20px;
	z-index: 1;
}

.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
.navi a:hover {
    background-position:0 -8px;
}
.navi a.active {
    background-position:0 -16px;
}

nav {
	background: #1C1C1C;
    border-top: 1px solid #3A4146;
    height: 35px;
    position: relative;
	bottom: 55px;
	width: 580px;
}

nav #navi{
	display: none;
}

#position {
    color: #697279;
    font-size: 27px;
    line-height: 1.3;
    text-align: center;
}

#position em {
    display: inline-block;
    font-family: sans-serif;
    font-style: normal;
    padding: 0 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}

#position em.on {
    color: #FFFFFF;
}

#button-next-page-books {
    border-left: 1px solid #232628;
    display: inline-block;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}

#button-prev-page-books {
    border-right: 1px solid #232628;
    display: inline-block;
    text-decoration: none;
}

#button-prev-page-books em {
    border-right: 1px solid #30373C;
    color: #697279;
    display: block;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 13px 8px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}
#button-next-page-books em {
    border-left: 1px solid #30373C;
    color: #697279;
    display: block;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 13px 8px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}

.button-next-page{
	position:absolute;
	right:15px;
	bottom:0;
	width:21px;
	height:21.5px;
	cursor: pointer;
}
.button-prev-page{
	left:0;
	bottom:0;
	width:61px;
	height:21.5px;
	cursor: pointer;
}
#pages-type-nav li:hover {
  background-color:#444;
}

#pages-type-nav li.active {
  background-color:#555;
}

#twitter a {
	font-size: small;
}


.ul-links {
    list-style-image: url(../images/link_16x16.png);
}
.ul-links li a{
	color:gray;
	text-decoration: none;
}
.ul-links li a:hover{
	color:silver;
	text-decoration: none;
}
.ul-blogposts {
    list-style-image: url(../images/arrow_16X16.png);
}
.ul-blogposts li a{
	color:gray;
	text-decoration: none;
}
.ul-blogposts li a:hover{
	color:silver;
	text-decoration: none;
}
#nav-contact,
#nav-links,
#nav-bio,
#nav-blog,
#nav-books,
#nav-home{
    position: absolute;
    left: -34px;
}
#nav-contact{top: 80px;}
#nav-links {top: 155px;}
#nav-bio {top: 210px;}
#nav-blog {top: 285px;}
#nav-books{top: 375px;}
#nav-home{top: 550px;}
#main-content{
    position: absolute;
    height: 598px;
    width: 580px;
    margin-left: 280px;
    background-color: white;
}
#leftshader{
    position: absolute;
    top: 0;
    left: 0;
}
#rightshader{
    position: absolute;
    bottom: 0;
    left: 520px;
}
#main{
	position: absolute;
	left: 0;
	top: 0;
    width:580px;
    height:598px;
}

#footer-content{
    position: absolute;
    height: 66px;
    width: 860px;
    top: 610px;
}
#footer-content > div  
{
	background: #1c1c1c; 
	height: 66px; 
	width: 860px;
	top: 615px;
}			
#footer-content p { position: relative; top: 32px; display: inline-block; }
#footer-content a:hover { opacity:1; }	
#footer-content a { display: block; text-indent: -999em; opacity: 0.5; position: absolute; }
#footer-content #soundControl a { display: block; text-indent: -999em; opacity: 0.5; position: relative;}

/*************************** Page LISTING *******************************/
.page-item {
	float: left;
	width:560px;
	height:578px;
	padding:10px;

}
.bookPageImage{
	position: absolute;
	top: 10px;
	left: 10px;
	margin-top:10px
}	
.page-item-image-wrap{
    position: relative;
	padding:10px;
	padding-top:9px;
	padding-bottom:9px;
	margin-bottom:15px;
	height: 385px;
    display: inline-block;
}
/*.page-item-image-wrap img{
    width: 200px;
	height: 300px;
	display: block;
    margin-top: 1px;
    margin-left: 1px;
}*/

.page-item-image-wrap .overlay{
	position:absolute;
	top:0;
	left:0;
}
.book-text-column {
    float: left;
    width: 60%;
    vertical-align: top;
}
.book-image-column {
    float: right;
    margin-top: 300px;
    width: 39%;

}
.book-image {
    display: block;
	position:absolute;
	right:13px;
	top:19px;
}
.book-image-overlay{
    display: block;
	position:absolute;
	right:13px;
	top:19px;
	width:200px;	
	height:300px;
	background: url(../images/button-zoom.png) no-repeat bottom right;
	text-indent:-9999em;
	opacity:0;
	border:0;	
}
.book-details {

}

.book-availability {

}

.page-item-header {
    /*margin-top: 10px;
    margin-left: 10px;*/
    padding-left: 10px;
    padding-top: 10px;
    display: table-cell;
}

.page-item-header-icon {
    display: inline-block;
    vertical-align: top;
}
.page-item-header-text {
    font-size:25px;
	font-weight:bold;
	bottom:0;
	color:#1b1d20;
	text-shadow: 0 1px 0 #e0e8f5;
    /* top | right | bottom | left */
    margin: 15px 0 0 -35px;
}

.page-item h3.page-item-title{
	font-size:25px;
	font-weight:bold;
	bottom:0;
	color:#1b1d20;
	text-shadow: 0 1px 0 #e0e8f5;
	position:relative;
	top:15px;
	padding-left:35px;
	display:inline;
	
}
.page-item h4{
	font-size:18px;
	font-weight:bold;
	left:32px;
	bottom:18px;
	color:#1b1d20;
	text-shadow: 0 1px 0 #e0e8f5;
	padding-left:13px;
}
.page-item img{
	vertical-align:middle;
}

.page-item-text{
	color:#1a1f27;
	font-size:12px;
	text-shadow: 0 1px 0 #c6cbd5;
	padding:5px;
	margin-left:5px;
	padding-right:5px;
}
.page-item-text p{
	margin-bottom:0.5em;
}
.buy-this-book {
    position: relative;
}
.buy-this-book-link {
	position: relative;

}
.buy-this-book-link:active{
	background-position: bottom left;
}

.coming-soon{
	color: silver;
	position: absolute;
	top: 370px;
	right: 55px;
	margin-top:10px
}
/**************************** SOUND CONTROLLER STUFF ***********************/
#soundControl{
	position:absolute;
	right: 0;
	margin: -10px 10px;
}
.music-player-play{
	display: block;
	background:url(../images/PlayButton_RedGray.png) no-repeat top left;
	height:30px;
	width:29px;
	text-indent:-99999em;
}
.music-player-play:active{
	background-position: -29px 0;
}
.music-player-pause{
	display: block;
	background:url(../images/PlayButton_RedGray.png) no-repeat bottom left;
	height:30px;
	width:29px;
	
	text-indent:-99999em;
}
.music-player-pause:active{
	background-position: -29px -30px;
}	
/**************************** SOCIAL MEDIA ICON STUFF *********************/
.social-media-icons{
	margin: 4px 0 0 2px;
	position: absolute;
	top: -10px;
	left: 310px;
}
.social-media-icons ul{
    list-style-type: none;
}
.social-media-icons ul a{
    padding-left: 40px;
}
.social-media-icons li {
	float: left;
}
.social-media-icons li #sm-rss {
	display: block;
	position: relative;
	background:url(../images/sm-rss.png);
	background-repeat: no-repeat;
	height:40px;
	text-indent:-999em;
}
.social-media-icons li #sm-rss:hover{
	background-position: 0 0;
}
.social-media-icons li #sm-yahoo {
	display: block;
	position: relative;
	background:url(../images/sm-yahoo.png);
	background-repeat: no-repeat;
	height:40px;
	text-indent:-999em;
}
.social-media-icons li #sm-yahoo:hover{
	background-position: 0 0;
}
.social-media-icons li #sm-facebook {
	display: block;
	position: relative;
	background:url(../images/sm-facebook.png);
	background-repeat: no-repeat;
	height:40px;
	text-indent:-999em;
}
.social-media-icons li #sm-facebook:hover{
	background-position: 0 0;
}
.social-media-icons li #sm-twitter {
	display: block;
	position: relative;
	background:url(../images/sm-twitter.png);
	background-repeat: no-repeat;
	height:40px;
	text-indent:-999em;
}
.social-media-icons li #sm-twitter:hover{
	background-position: 0 0;
}
.book-blurb{
	font-style: italic;
}

#tweet{
		position: absolute;
		display: block;
		bottom: 75px;
		left: 5px;
}
.home-books{
	position: relative;
	top: -20px;
	text-align: center;
	height: 185px;
}
.home-books h5{
	color:#1a1f27;
	font-size:18px;
	text-shadow: 0 1px 0 #c6cbd5;
}

.home-books p{
	position: relative;
	top: -25px;
}

.book-thumbnail{
	position: relative;
	display: inline-block;
	right: 5px;
	top: -25px;
}

.audio-book{
	text-align: center;
	width: 210px;
	position: relative;
	bottom: 160px;
	left: 125px;
}
.audio-book img{
	text-align: center;
	left: 50px;
}

.buy-this-book p{
	text-align: center;
}

img.page-icon{	
	/*position: absolute;
	top: 0;
	left: 0;*/
	z-index: 1;
}

img.sensual-book, img.erotic-book {
	position: relative;
	top: 0;
	left: -35px;
	z-index: 10;
}

img.new-book{
	position: absolute;
	bottom:-7px;
	right:-7px;
	z-index: 10;
}

.sublink{
	font-size: small;
	font-color: blue;
	font-style: italic;
}
.attention{
	cursor: pointer;
	color: red;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	display: table-cell;
	margin:auto;
	text-align:center;
	width: 580px;
}
.bloglink{
	font-size: 14px;
}