@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Special+Elite);
* {
  margin: 0;
}
/*
html, body {
  height: 100%;
} */
body {padding:0px; margin:0px; background:url('images/global/bkg-blackline-brown.gif') #221b16 repeat-y;  font-family:Georgia, "Times New Roman", Times, serif;   position:relative; }
.the-book, .the-author, .credits {background:url('images/global/bkg-blackline-black2.gif') #221b16 repeat-y;}
a {outline:none;}
img {border:none;}
.caps {text-transform:uppercase;}
.index {background:url('images/global/bkg-blackline-dark.gif') #221b16 repeat-y;}
.not-home #menu { width:181px; position:absolute; top:90px; left:1100px; margin-top:32px;}
#menu {font-family: 'Special Elite', Georgia, "Times New Roman", Times, serif;}
#link-home {position:absolute; display:block; top:50px; left:1100px;}
#all {width:1300px; position:relative; }

#main-left {width:1057px; float:left; position:relative;}
.index #main-left {background:url('images/home/kbg-home.jpg') no-repeat; height:959px;}
#sidebar {width:176px; float:left; color:#d0bc8f; padding:0px 0px 0px 38px; min-height:729px;}
#sidebar a {color:#d0bc8f; text-decoration:none;}
.index #sidebar {padding-top:115px; font-size:18px; line-height:24px;}
.clearer {clear:both; font-size:2px; line-height:3px;}
img {border:0px; outline:none;}
a {outline:none;}
#the-book {position:relative; height:270px;}
#the-book, #the-author {text-align:center; margin-bottom:45px; display:block;}
#the-author img {display:block; margin:0px auto;}
#the-book img {display:block; position:absolute; left:-17px; top:0px;}
#the-author img {margin-bottom:10px; -moz-box-shadow: 4px 4px 10px 0px#090706; -webkit-box-shadow: 4px 4px 10px 0px#090706; box-shadow: 4px 4px 10px 0px#090706;}
#the-book span, #the-author span {border-bottom:1px solid #3b3633;}
#the-book span { position:absolute; top:230px; left:50px;}
.not-home #menu a { color:#e6e4e2; border-top:1px solid #41342b; display:block; padding:12px 0px 8px 2px;; text-decoration:none; text-transform:uppercase; font-size:13px; line-height: 14px; letter-spacing:1px;}
#more-menu {padding-top:30px;}
#more-menu a {border-top:1px solid #685a46 !important;color: #D0BC8F  !important;;}	
.index #menu a {color:#fff; text-decoration:none; font-size:14px; line-height:17px; position:absolute; display:block; padding:0px;}
.index #menu #menu_, .index #menu img {display:none;}

.index #menu #menu_the-poormaster {top:482px; left:323px;}
.index #menu #menu_the-city {top:326px; left:932px;}
.index #menu #menu_the-mayor {top:657px; left:923px; /* Safari */
-webkit-transform: rotate(-2deg);

/* Firefox */
-moz-transform: rotate(-2deg);

/* IE */
-ms-transform: rotate(-2deg);

/* Opera */
-o-transform: rotate(-2deg);
}

.index #menu #menu_the-nation-in-crisis {top:762px; left:69px; width:80px; text-align:center;}
.index #menu #menu_the-activist {top:553px; left:69px;}
.index #menu #menu_the-killing {top:554px; left:380px;}
.index #menu #menu_the-accused {top:362px; left:716px;}
.index #menu #menu_the-defender {top:734px; left:713px;}

#more-menu {padding-top:30px;}

#content {color:#232323; font-size:15px; line-height:23px; padding:40px 5px 50px 55px; position:relative; }
#content a, #slideshow-sidebar a {border-bottom:1px solid #52514f; color:#232323; text-decoration:none;}
#left-content {width:560px; float:left; margin-right:25px;}
#right-content {width:389px; position:absolute; top:20px; left:650px;;}
.left-floater {float:left;}
.right-floater {float:left;}
.the-city .left-floater {width:560px; padding-right:16px;}
.the-city .right-floater {width:360px;}
.audio-block2 {background:#f0efeb; padding:15px 15px 20px 15px;font-style:italic;}
.de-fazio {width:81px; height:80px; display:block; float:left; margin-right:12px;}
.audio-right {float:left; width:221px; margin-bottom:5px;}
.audio2-bottom {padding-right:60px; }
#map-and-paper {width:335px; height:786px; background:url('images/the-city/map-and-paper.jpg') no-repeat; padding:110px 45px 0px 590px;  text-align:center; line-height:21px; color:#614e2d;}
#map-and-paper span {text-transform:uppercase;}



.photo-with-caption {text-align:center; color:#444444; font-size:13px; line-height:18px; font-style:italic;}
.caption { color:#444444; font-size:13px; line-height:18px; font-style:italic;}
.photo-left {float:left; margin:0px 20px 10px 0px;}
.photo-right {float:right; margin:0px 0px 10px 20px;}
.emphasize {font-weight:bold; font-size:17px;}

.audio-block {background-color:#f0efeb; padding:14px 46px 8px 107px; position:relative; min-height:78px; font-style:italic;}
.audio-block img {display:block; position:absolute; top:8px; left:10px; }

#internal-header {background:#1d1d1d; height:147px; position:relative;}
#internal-header img {font-family: 'Oswald', sans-serif; color:#d0bc8f; display:block; position:absolute; left:55px; top:45px;}
#internal-header span {display:block; color:#e6e4e2; position:absolute; font-family: 'Special Elite', Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:19px; letter-spacing:1px; top:46px;}
.the-poormaster #internal-header span { left:502px; width:455px;}
.the-mayor #internal-header span { left:342px; width:545px;}
.the-city #internal-header span { left:292px; width:385px;}
.the-activist #internal-header span { left:386px; width:395px;}
.the-accused #internal-header span { left:396px; width:385px;}
.the-defender #internal-header span { left:426px; width:385px;}
#old-photo-mayor {padding:320px 14px 20px 20px; position:relative;}
#old-photo-mayor img {display:block; position:absolute; top:0px; left:0px;}
#old-photo-mayor span {display:block; background-color:#f0efeb;   font-style:italic; padding:20px 10px 20px 20px;}

#special-papers {color:#444444; font-size:13px; line-height:18px; font-style:italic; position:relative; height:490px; background:url('images/the-poormaster/bkg-paper.jpg') no-repeat; margin-top:25px; position:relative;}
#special-papers span {display:block; position:absolute;}
#special-papers #cap1 {width:124px; top:25px; left:255px;}
#special-papers #cap2 {width:120px; top:404px; left:35px;}
#grocery-pop {top:376px; left:14px;}
#payrollers-pop {top:200px; left:534px;}

#open-slideshow {top:868px; left:720px; width:120px;}
#ya-know {top:778px; left:1000px;}
#da-popup-grocery { top:379px; left:543px;}
#da-popup-know {top:416px; left:528px;}
#da-popup-payrollers {top:696px; left:28px;}
#ac-pop {top:851px; left:951px;}
#da-popup-ac {top:362px; left:519px;}

#ac-pop2 {top:530px; left:339px;}
#da-popup-ac2 {top:362px; left:60px; }

.pop-up {position:absolute; display:none;}

#footer {font-family: 'Special Elite', Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:15px; border-top:1px solid #41342b; padding:16px 0px 0px 0px; width:162px; position:absolute;  bottom: 50px; left:1102px; color:#c4b288; }
.the-author #footer {bottom:none; top:600px}

#footer p {padding:0px; margin:0px 0px 12px 0px;}
#footer a {border-bottom:1px solid #3e3936; color:#c4b288;}

/* A Nation in Crisis */
.the-nation-in-crisis #content {min-height:900px;}
#crisis1 {position:absolute; top:65px; left:54px; width:530px;}
#crisis2 {position:absolute; top:190px; left:54px; width:560px;}
#crisis3 {position:absolute; top:520px; left:54px; width:276px;}
#nic-video {position:absolute; top:90px; left:665px; width:338px; text-align:center; }
#nic-video object {margin-bottom:5px;}
#nic-two-photos {position:absolute; left:350px; top:440px; display:block;}
.nic-caption {color:#444444; font-size:13px; line-height:18px; font-style:italic;}
#nic-caption1 {position:absolute; top:790px; left:380px; width:185px;}
#nic-caption2 {position:absolute; top:510px; left:892px; width:120px;}
a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 font:13px/18px Arial, Helvetica, sans-serif ;
 color:#232323;
 cursor:pointer;
 text-tansform:uppercase;
 height:22px;
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */

 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
 padding:4px 0px 0px 25px;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#f0efeb;
 border:none !important;
 background-image:url('images/audio/listen-stopped.gif');
 background-repeat:no-repeat;
 background-position:5px 50%;
 *background-position:5px 4px; /* IE 6 again */
}



a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-image:url('images/audio/listen-playing.gif');
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 
}

/* the-activist */

#activist-two-photos {position:absolute; top:70px; left:650px;}
#activist-2photos-caption {position:absolute; top:90px; left:890px; width:140px;}
#do-you-know {position:absolute; width:383px; position:absolute; top:540px; left:665px;}

#act-slideshow-holder {background-color:#cdcac3; width:820px; height:558px; position:absolute; z-index:0; top:300px; left:120px;-webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, .3);box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, .3); display:none;}
#act-slideshow {position:relative;}
#act-slider {padding:35px 0px 0px 40px;}
#act-slider div {display:none; position:absolute; left:40px; top:90px;}
#act-slider div a {position:absolute; display:block; width:30px; height:30px;  z-index:10; text-indent:-3000px; border-bottom:none;}
#act-left-arrow, #act-right-arrow {width:27px; height:85px; position:absolute; top:245px; cursor:pointer;}
#act-left-arrow {background:url('images/the-killing/left-arrow.gif') no-repeat; left:10px; display:none;}
#act-right-arrow {background:url('images/the-killing/right-arrow.gif') no-repeat; right:10px;}
#closeslideshow {position:absolute; top:5px; right:5px; background:url(images/the-activist/slideshow/minus.gif) no-repeat center center; display:block; width:30px; height:30px; text-indent:-3000px; border-bottom:none !important;}
.image-popup { -webkit-box-shadow:  3px 3px 3px 2px rgba(0, 0, 0, .3); box-shadow:  5px 5px 5px 2px rgba(0, 0, 0, .3); position:absolute; display:none;}
#image1-popup1 {-webkit-transform: rotate(2deg) ;-o-transform:  rotate(2deg) ;-ms-transform:  rotate(2deg) ;transform:  rotate(2deg) ; left:200px; top:350px; }

#image2-popup1a { -webkit-transform: rotate(1deg) ;-o-transform:  rotate(1deg) ;-ms-transform:  rotate(1deg) ;transform:  rotate(1deg) ;  left:200px; top:320px; }

#image2-popup1b { -webkit-transform: rotate(1deg) ;-o-transform:  rotate(1deg) ;-ms-transform:  rotate(1deg) ;transform:  rotate(1deg) ;  left:180px; top:300px; }


#image3-popup1a { -webkit-transform: rotate(1deg) ;-o-transform:  rotate(1deg) ;-ms-transform:  rotate(1deg) ;transform:  rotate(1deg) ;  left:200px; top:320px; }

#image3-popup1b { -webkit-transform: rotate(1deg) ;-o-transform:  rotate(1deg) ;-ms-transform:  rotate(1deg) ;transform:  rotate(1deg) ;  left:180px; top:300px; }

#image4-popup1 {-webkit-transform: rotate(2deg) ;-o-transform:  rotate(2deg) ;-ms-transform:  rotate(2deg) ;transform:  rotate(2deg) ; left:200px; top:250px; }

#image5-popup1 {-webkit-transform: rotate(2deg) ;-o-transform:  rotate(2deg) ;-ms-transform:  rotate(2deg) ;transform:  rotate(2deg) ; left:200px; top:250px; }

#image1-pop { top:388px; left:675px;}
#image2a-pop { top:315px; left:265px;}
#image2b-pop { top:315px; left:635px;}
#image3a-pop { top:315px; left:330px;}
#image3b-pop { top:315px; left:605px;}
#image4-pop { top:400px; left:665px;}
#image5-pop { top:400px; left:665px;}
/* the-killing */

#slideshow-holder {background-color:#cdcac3; width:504px; height:625px; padding:25px 42px 0px 42px; position:relative; z-index:0;}

#slideshow-holder .caption {text-align:center; display:block; width:330px; margin:10px auto 0px auto; position:absolute; top:480px; left:132px;}

#slideshow-holder img {display:none;}
#left-arrow, #right-arrow {width:27px; height:85px; position:absolute; top:195px;}
#left-arrow {background:url('images/the-killing/left-arrow.gif') no-repeat; left:10px; display:none;}
#right-arrow {background:url('images/the-killing/right-arrow.gif') no-repeat; right:10px;}

#slideshow-sidebar {position:absolute; top:201px; left:667px; width:340px; font-size:15px; line-height:22px;}
#slideshow-sidebar .emphasize {line-height:24px;}

/* the-accused */

#joe {display:block; position:absolute; top:55px; left:667px; text-align:left; width:349px;}

/* the-defender */
#scraps {position:absolute; top:45px; left:647px;}
#caption1 {position:absolute; top:233px; left:908px; width:100px;}
#caption2 {position:absolute; top:624px; left:694px; width:220px;}

#dark-left-content {font-size:15px; line-height:22px; color:#e0ded7; padding:0px 0px 50px 54px; width:566px;  position:relative;}
.grey-link {color:#e0ded7; font-family: 'Special Elite', Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:15px; padding:9px 12px 6px 12px; background:#313130; text-decoration:none; display:inline-block;}
.grey-line {background:#313130; height:5px; font-size:4px; line-height:5px; margin:32px 0px;}
#dark-left-content h2 {font-family: 'Special Elite', Georgia, "Times New Roman", Times, serif; color:#d0bc8f; font-size:18px; line-height:19px; padding:0px; margin:0px 0px 20px 0px; font-weight:normal;}

.praise span {font-size:36px; display:block; float:left;}
.praiser {color:#797979; padding-bottom:25px;}
.praiser a {color: #d0bc8f; text-decoration:none;}

#book-cover {display:block; position:absolute; top:4px; left:629px; }
#buy-the-book {position:absolute; top:448px; left:708px; width:148px; padding:18px 50px 20px 15px; color:#e0ded7; background:#272726; font-weight:normal;}
#buy-the-book  a {text-decoration:none; display:block; color:#e0ded7; font-size:13px; line-height:16px; padding:2px 0px;}
#buy-the-book h2 {font-family: 'Special Elite', Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:19px; padding:0px; margin:0px 0px 8px 0px;}


.floating-link {position:absolute; width:25px; height:25px; cursor:pointer;}

.contact-holly .row {border-right:2px solid #313130; height:262px; float:left;}
.contact-holly .row .border {color:#e0ded7; border-bottom:1px solid #b0aea9;}
.contact-holly #row1 {width:148px; padding-right:15px;}
.contact-holly #row2 {width:175px; padding:0px 15px;}
.contact-holly #row2 .caps {display:block; padding-bottom:10px;}
.contact-holly #row3 {width:170px; padding-left:15px; border:0px;}
.contact-holly a {text-decoration:none;}

#holly-portrait {width:194px; text-align:center; position:absolute; top:10px; left:688px; color:#e0ded7;}
#holly-portrait img {display:block; margin-bottom:5px;}