/*
-----------------------------------------------
We Feel Fine Book Promotion Microsite
--
Stylesheet    : default.css
Author        : James Tindall
Last updated  : 12 / 10 / 2009
Revision	  : v1
----------------------------------------------- */
/* SETUP */
@import 'reset.css';
@import '960.css';
@import 'jquery.lightbox-0.5.css';

html > body
{
overflow-x:hidden;
overflow-y:scroll;
}

body
{
font: 13px/20px Helvetica,Arial,sans-serif;
background: #000;
font-size-adjust:none;
-webkit-text-size-adjust:none;
}

.container_12
{
position:relative;
background-color:#000;
}

#header
{
margin:0 0 0 11px;
height:512px;/*650px;*/
width:937px;
overflow:hidden;
background:transparent url(../images/header.jpg) 0 0 no-repeat;
position:relative;
}

#lightbox-image-details,
#lightbox-secNav-btnClose
{
line-height:16px !important;
overflow:visible;
}

#more-info
{
cursor:pointer;
position:absolute;
left:690px;
top:380px;
width:109px;
height:106px;
background:transparent url(../images/more-info.gif) 0 0 no-repeat;
overflow:visible;
padding:20px 0 0 120px;
}

#more-amazon
{
cursor:pointer;
position:absolute;
left:0;
top:0;
width:130px;
height:120px;
display:block;
}

#more-info ul
{
color:#fff;
width:auto;
display:block;
z-index:2;
font-size:13px;
}

#page
{
position:relative;
}

#back-cover-link
{
position:absolute;
right:8px;
top:830px;
z-index:3;
width:99px;
text-align:right;
display:block;
}
#back-cover-reveal
{
position:absolute;
top:59px;
left:60px;
width:0;
height:820px;
overflow:hidden;
z-index:4;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
#back-cover-reveal img
{
width:820px;
}
#back-cover-backing
{
width:0;
height:940px;
position:absolute;
top:0;
left:0;
z-index:3;
background:#000;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

#lightbox-container-image-data
{
overflow:hidden;
height:120px;
position:relative;
}

#lightbox-secNav
{
position:absolute;
right:0;
top:10px;
}

#jquery-lightbox dl#lb-order-list
{
/*padding:0 0 0 50px;*/
width:360px;
/*position:absolute;
top:30px;
left:400px;*/
text-align:left;
font-family:Georgia, Serif;
font-style:italic;
font-size:12px;
line-height:20px;
position:absolute;
left:0;
top:35px;
/*background:transparent url(../images/more-info-lb.png) 16px 23px no-repeat;*/
}

#jquery-lightbox dl#lb-order-list dt,
#jquery-lightbox dl#lb-order-list dd
{
display:inline;
}

#jquery-lightbox dl#lb-order-list dd a
{
padding-right:5px;
}

#more-info ul#order-list li,
#jquery-lightbox ul#lb-order-list li
{
width:auto;
display:block;
white-space:nowrap;
}

#more-info ul#nav
{
position:absolute;
width:450px;
height:40px;
top:20px;
left:-450px;
text-align:center;
font-size:12px;
font-style:italic;
padding:50px 0;
}

ul#nav li
{
width:auto;
display:inline;
white-space:nowrap;
padding:0 0 0 0;
}

ul#footer-nav li span,
ul#nav li span
{
padding:0 3px 0 6px;
color:#aaa;
}

#footer
{
width:937px;/*329px;*/
margin:5px 0 10px 10px;
padding:70px 0;/*300px;*/
position:relative;
text-align:center;
}

#footer dt
{
display:inline;
}

#footer dt,
#footer dd,
#footer li
{
color:#aaa;
}

#footer-nav
{
margin:40px 0 0 0;
font-style:italic;
font-weight:normal;
}

#interactive-link
{
border-left:1px solid #777;
margin-left:10px;
padding-left:10px;
}

#footer-nav dd
{
display:inline;
}

q:before,
q:after
{
content: "";
}

#more-info ul#order-list,
.pdf-link,
#footer p
{
font-family:georgia,serif;
font-style:italic;
font-weight:normal;
font-size:14px;
}

#footer p
{
color:#aaa;
line-height:24px;
padding:0 52px;
text-align:center;
}

#footer q
{
color:#fff;
display:block;
}

/*----------------------------------------------- */
img
{
color:#fff;
}

.button
{
white-space:nowrap;
cursor:pointer;
}

button::-moz-focus-inner
{
padding:0px;
border:none;
}

.anchor,
.hidden,
input[type="hidden"]
{
display:none;
visibility:hidden;
width:0;
height:0;
padding:0;
margin:0;
border:0;
}

/*----------------------------------------------- */

a:link,
a:visited,
a:focus,
a:hover,
a:active
{
text-decoration:none;
font-weight:bold;
color:#555;
}

#header ul a:link,
#header ul a:visited
{
color:#fff;
}

#header ul a:focus,
#header ul a:hover,
#header ul a:active,
a:focus,
a:hover,
a:active
{
color:#f6004f;
}

#header ul#nav a:link,
#header ul#nav a:visited
{
color:#f6004f;/*#fafe2d;*/
font-weight:normal;
}

#header ul#nav a:focus,
#header ul#nav a:hover,
#header ul#nav a:active
{
color:#fff;
font-weight:normal;
}

/*-PAGE CONTENTS THUMNAIL GRID--------------------------------------------*/

#page-menu
{
margin:2px 0 0 -3px;
padding:0;
width:950px;
overflow:hidden;
}

#page-menu li
{
width:103px;
height:52px;
margin:1px;
}

#page-menu li,
#page-menu li span,
#page-menu li a
{
float:left;
padding:0;
}

#page #back-cover img
{
padding-top:50px;
}

.no-preview
{
opacity:.33;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
filter: alpha(opacity=33);
}

#page-menu li a
{
margin:0;
}

#page-menu li span,
#page-menu li a:link,
#page-menu li a:visited
{
border:2px solid #000;
}

#page-menu li a:focus,
#page-menu li a:hover,
#page-menu li a:active
{
border:2px solid #f6004f;
}

#page-menu li span,
#page-menu li a,
#page-menu li img
{
width:99px;
height:48px;
}

/*#page-menu li:hover
{
width:206px;
height:104px;
}

#page-menu li a:focus,
#page-menu li a:hover,
#page-menu li a:active
#page-menu li a:focus img,
#page-menu li a:hover img,
#page-menu li a:active img
{
width:202px;
height:100px;
}*/

form#embed
{
float:left;
padding:0 0 0 10px;
overflow:vis
}
form#embed label
{
float:left;
font-size:11px;
font-weight:bold;
font-style:italic;
font-family:georgia, serif;
cursor:pointer;
}
form#embed label:hover,
form#embed label:hover input,
form#embed input::selection
{
color:#f6004f;
}

form#embed input::moz-selection
{
color:#f6004f;
}

form#embed input
{
display:inline;
font-family:monospace;
background:#000;
color:#999;
border:none;
margin-left:5px;
width:21px;
}

form#embed input:focus,
form#embed input::selection
{
background:#fff;
}

#lightbox-image-details .permalink,
#lightbox-image-details .buy-link,
#lightbox-image-details .pdf-link
{
padding:0 10px 0 10px;
font-size:11px;
float:left;
font-style:italic;
}

.pdf-link span
{
font-style:normal;
font-size:14px;
line-height:11px;
}

#lightbox-image-details
{
position:relative;
overflow:hidden;
}

#lightbox-image-details-caption
{
padding:0 10px 0 0;
float:left;
}

#jquery-lightbox a.permalink img
{
border:0;
border-top:2px solid #000;
}

#jquery-lightbox a.permalink:link,
#jquery-lightbox a.permalink:visited,
#jquery-lightbox a.permalink:focus,
#jquery-lightbox a.permalink:hover,
#jquery-lightbox a.permalink:active
{
padding:0;
border:0;
line-height:16px;
width:25px;
height:16px;
float:left;
display:block;
}