/* CSS stylesheet */

body {
   font-family: "Times New Roman", Georgia, serif;
   font-size: 75%;
   background: transparent url(images/bg-slice.jpg) top left repeat-x;
   text-align: center;
}

.clear {
  clear: both;
}

#skyline {
   background: transparent url(images/skyline.png) center 85px no-repeat;
}

#mainContainer {
   width: 832px;
   margin: 0 auto 0 auto;
   text-align: left;
}

#content-top {
   width: 832px;
   height: 90px;
   margin-top: 59px;
}

#content-top img {
   border: 0;
   margin: 0;
}

#content-wrapper {
   width: 732px;
   margin: 0 auto;
   padding: 10px 0 0 0;
}

#content-wrapper #navigation {
   width: 700px;
   margin: 30px 0 8px 70px;
   height: 26px;
}

#content-wrapper #navigation ul.nav {

   height: 18px;
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;

   margin-top: 8px;
}

#content-wrapper #navigation ul.nav li.home {
   width: 65px;
   height: 18px;
   display: block;
   float: left;
   margin: 0 24px 0 0;
}

#content-wrapper #navigation ul.nav li.home a {
   width: 65px;
   height: 0;
   padding: 18px 0 0 0;
   display: block;
   overflow: hidden;
   background: transparent url(images/home-menu.png) 0 0 no-repeat;
}

body.midnightmovie #content-wrapper #navigation ul.nav li.home a {
   background-position: 0 -18px;
}

#content-wrapper #navigation ul.nav li.photos {
   width: 88px;
   height: 18px;
   display: block;
   float: left;
   margin: 0 24px 0 0;
}

#content-wrapper #navigation ul.nav li.photos a {
   width: 88px;
   height: 0;
   padding: 18px 0 0 0;
   display: block;
   overflow: hidden;
   background: transparent url(images/photos-menu.png) 0 0 no-repeat;
}

body.midnightphotos #content-wrapper #navigation ul.nav li.photos a {
   background-position: 0 -18px;
}

#content-wrapper #navigation ul.nav li.projects {
   width: 109px;
   height: 18px;
   display: block;
   float: left;
      margin: 0 24px 0 0;
}

#content-wrapper #navigation ul.nav li.projects a {
   width: 109px;
   height: 0;
   padding: 18px 0 0 0;
   display: block;
   overflow: hidden;
   background: transparent url(images/projects-menu.png) 0 0 no-repeat;
}

body.projects #content-wrapper #navigation ul.nav li.projects a {
   background-position: 0 -18px;
}

#content-wrapper #navigation ul.nav li.home a:hover, #content-wrapper #navigation ul.nav li.photos a:hover, #content-wrapper #navigation ul.nav li.projects a:hover, #content-wrapper #navigation ul.nav li.fromtheset a:hover  {
   background-position: 0 -18px;
}

#content-wrapper #navigation ul.nav li.fromtheset a {
   width: 157px;
   height: 0;
   padding: 18px 0 0 0;
   display: block;
   overflow: hidden;
   background: transparent url(images/fromtheset-menu.png) 0 0 no-repeat;
}

   
#content {
   margin: 0 39px;
   font-family: Arial, Helvetica, sans-serif;
}

#content .content {
   margin: 0 4px 20px 4px;
}

#content .content p {
   color: #666666;
   margin: 0;
}

#content .content div.booklink {
   float: right;
   margin-right: 4px;
}

#content .content div.booklink a {
   color: #999999;
}

#content .content p.date {
   font-size: 0.83em;
   color: #9c9c9c;
   margin: 0;
}

#content .content h2 {
   font-size: 1.17em;
   color: #000000;
   margin: 0;
}

#captionwrapper {
   clear: both;
   width: 640px;
   height: 15px;
   padding: 0;
   margin: 10px 0 14px 210px;
   background: transparent url(images/projectcaption.png) top left no-repeat;
}

#captionwrapper span {
   display: none;
}

#videowrapper {
   margin-bottom: 10px;
   width: 640px;
   padding: 0;
   border: 6px solid #666666;
}

#videowrapper img {
   border: 0;
}

#content-bottom {
   clear: both;
   width: 640px;
   height: 80px;
   padding: 0 39px;
   margin: 0 290px 0 30px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: .99em;
   background: transparent url(images/bottomline.gif) 44px 76px no-repeat;
}

#content-bottom .bottom1 {
   float: left;
   width: 134px;
   height: 48px;
   padding: 6px 0 0 0;
   margin: 0 20px 0 50px;
}


#content-bottom .bottom2 {
   float: left;
   width: 190px;
   height: 54px;
   margin: 0 20px 0 20px;
}


#content-bottom .bottom3 {
   float: left;
   width: 157px;
   height: 54px;
   margin: 0 20px 0 20px;
}

#content-bottom .box2 {
   float: left;
   width: 282px;
   height: 116px;
   padding: 7px 11px;
   color: #333333;
}

#content-bottom .box2 .box2text {
   width: 282px;
   height: 20px;
   padding: 10px 0 0 10px;
}

#content-bottom .box2 .box2audible {
   width: 92px;
   height: 26px;
   float: left;
   margin: 0 0 0 20px;
}

#content-bottom .box2 .box2audible a {
   outline: none;
}

#content-bottom .box2 .box2itunes {
   width: 85px;
   height: 26px;
   float: left;
   margin: 0 0 0 20px;
}

#content-bottom .box2 .box2itunes a {
   outline: none;
}

#content-bottom .box1 {
   float: left;
   width: 319px;
   height: 96px;
   padding: 17px 0 17px 17px;
   margin-right: 13px;
}

#content-bottom .box1 .message, #content-bottom .box1 .text .message {
   margin-bottom: 6px;
   font-weight: bold;
   text-align: center;
}

#content-bottom .box1 .text .formtext {
   width: 315px;
   height: 11px;
   background: transparent url(images/formtext.png) top left no-repeat;
}

#content-bottom .box1 .text .formtext span {
   display: none;
}

#navigation-buttons {
   clear: both;
   margin: 20px 245px 20px 75px;
   width: 640px;
   height: 26px;
   padding: 0;
}

#navigation-buttons .buttons {
   width: 455px; 
   height: 26px;
   margin: 0 auto;
}

/* start styles for the drop-down (drop-up) navigation */

#navigation-buttons .buttons ul#sociallinks {
   white-space: nowrap;
   list-style: none;
   margin: 0;
   padding: 0;
}

#navigation-buttons .buttons ul#sociallinks li {
   width: 61px;
   height: 18px;
   position: relative;
   float: left;
   margin: 0;
   padding: 0;
}

#navigation-buttons .buttons ul#sociallinks li.first {
   width: 80px;
   height: 42px;
   position: relative;
   float: left;
   margin: 0 89px 0 0;
   padding: 0;
}

#navigation-buttons .buttons ul#sociallinks li.second {
   width: 64px;
   height: 42px;
   position: relative;
   float: left;
   margin: 0 93px 0 0;
   padding: 0;
}

#navigation-buttons .buttons ul#sociallinks li.last {
   width: 72px;
   height: 42px;
   position: relative;
   float: left;
   margin: 0;
   padding: 0;
}

#navigation-buttons .buttons ul#sociallinks li ul.sublinks {
   display: none;
}

#navigation-buttons .buttons ul#sociallinks li:hover ul.sublinks, #navigation-buttons .buttons ul#sociallinks li.over ul.sublinks {
   display: block;
   white-space: nowrap;
   list-style: none;
   margin: 0;
   padding: 0;
   position: absolute;
   bottom: 15px;
   right: 0px;
}

#navigation-buttons .buttons ul#sociallinks li ul.sublinks li {
   width: 61px;
   height: 24px;
   position: relative;
   margin: 0;
   padding: 0 0 7px 0;
   float: none;
}

#navigation-buttons .buttons ul#sociallinks li ul.sublinks li a {
   display: block;
   width: 61px;
   height: 24px;
}

#navigation-buttons .buttons .buttonstext {
   width: 233px;
   height: 25px;
   margin-right: 25px;
   float: left;
}

#navigation-buttons .buttons .amazonlink {
   width: 89px;
   height: 25px;
   float: left;
}

#navigation-buttons .buttons .andtext {
   width: 52px;
   height: 25px;
   float: left;
}

#navigation-buttons .buttons .imdblink {
   width: 53px;
   height: 25px;
   float: left;
}

#navigation-buttons .buttons img, #navigation-buttons .buttons a img {
   border: 0;
}

#projectform {
   width: 640px;
   height: 76px;
   margin: 0 245px 0 75px;
}

#projectform .text {
   width: 319px;
   height: 76px;
   padding: 17px 0 17px 17px;
   margin: 20px auto 30px auto;
   font-family: Arial, Helvetica, sans-serif;
   font-size: .99em;
}

#projectform .text .formtext {
   width: 315px;
   height: 11px;
   background: transparent url(images/formtext.png) top left no-repeat;
}

#projectform .text .message, #projectform .text .text .message {
   margin-bottom: 6px;
   font-weight: bold;
   text-align: center;
}

#projectform .text .formtext span {
   display: none;
}

#official {
   margin: 20px 245px 10px 75px;
   width: 640px;
   padding: 0;
   text-align: center;
   font-family: 'Courier New', Courier, serif;
   font-size: 15px;
}

#idea {
   margin: 5px 245px 60px 75px;
   width: 640px;
   height: 45px;
   padding: 0;
}

#idea a {
   outline: none;
   display: block;
   margin: 0 auto;
   padding: 0;
   width: 156px;
   height: 45px;
   background: transparent url(images/cmidea.png) top left no-repeat;
   cursor: pointer;
}

#idea a span {
   display: none;
}

/* end of stylesstyles for the drop-down (drop-up) navigation */

#projectform .text form#subForm {
margin: 0;
}

#projectform .text form#subForm input#utjkhi-utjkhi {
   border: 6px solid #d9d9d9;
   width: 305px;
   margin-top: 0;
}

#projectform .text form#subForm input#submit {
   float: right;
   margin-top: 8px;
}

/* Midnight Movie */

body.midnightmovie #mainContainer {
   width: 960px;
}

body.midnightmovie #content-top {
   width: 915px;
   padding-left: 45px;
}

body.midnightmovie #content-wrapper {
   width: 960px;
   background: transparent url(images/owen.png) top right no-repeat;
   min-height: 599px;
}

body.midnightmovie #content {
   margin: 0;
}

body.midnightmovie #content #videowrapper {
   margin: 0 0 0 70px;
}

body.midnightmovie #content .titleholder {
   width: 640px;
   margin: 20px 0 0 70px;
   height: 57px;
}

body.midnightmovie #content #midnighttitle {
   float: left;
   width: 347px;
   height: 0;
   margin: 0 0 0 10px;
   padding: 57px 0 0 0;
   overflow: hidden;
   background: transparent url(images/midnighttitle.png) top left no-repeat;
}

body.midnightmovie #content-wrapper #content #premiere {
   display: block;
   width: 248px;
   height: 26px;
   float: left;
   margin: 0 0 0 20px;
   padding: 20px 0 0 0;
   font-family: Helvetica, Arial, sans-serif;
   color: #999999;
   font-weight: bold;
   font-size: 1.1em;
}

body.midnightmovie #content #credits {
   clear: both;
   display: block;
   margin: 25px 0 0 50px;
   width: 694px;
   height: 0;
   padding: 54px 0 0 0;
   overflow: hidden;
   background: transparent url(images/credits.png) top left no-repeat;
}

/* Midnight Photos */

body.midnightphotos #mainContainer {
   width: 960px;
}

body.midnightphotos #content-top {
   width: 915px;
   padding-left: 45px;
}

body.midnightphotos #content-wrapper {
   width: 960px;
}

body.midnightphotos #content {
   margin: 0 0 0 70px;
}

body.midnightphotos #content #photowrapper {
   margin-bottom: 10px;
   width: 671px;
   padding: 0;
   float: left; 
}

body.midnightphotos #content #photowrapper #scrollwrapper {
   width: 671px;
   height: 462px;
   overflow: auto;
}

body.midnightphotos #content #photowrapper #scrollwrapper .scrollholder {
   height: 447px;
   width: 10215px;
}

body.midnightphotos #content #photowrapper #scrollwrapper .scrollholder img {
   float: left;
   margin: 0 10px 0 0;
}

body.midnightphotos #content #photowrapper .titleholder {
   width: 671px;
   margin: 20px 0 20px 0;
   height: 57px;
}

body.midnightphotos #content #photowrapper #midnighttitle {
   float: left;
   width: 347px;
   height: 0;
   margin: 0 0 0 35px;
   padding: 57px 0 0 0;
   overflow: hidden;
   background: transparent url(images/midnighttitle.png) top left no-repeat;
}

body.midnightphotos #content #photowrapper #premiere {
   display: block;
   width: 248px;
   height: 26px;
   float: left;
   margin: 0 0 0 20px;
   padding: 20px 0 0 0;
   font-family: Helvetica, Arial, sans-serif;
   color: #999999;
   font-weight: bold;
   font-size: 1.1em;
}

body.midnightphotos #content #photothumbs {
   margin-left: 25px;
   width: 145px;
   float: left;
   min-height: 553px;
}

body.midnightphotos #content #photothumbs ul.thumbs {
   display: block;
   width: 145px;
   margin: 0;
   padding: 0;
}

body.midnightphotos #content #photothumbs ul.thumbs li {
   width: 69px;
   height: 69px;
   margin: 0 2px 0 0;
   display: block;
   float: left;
}

body.midnightphotos #content #photothumbs ul.thumbs li.right {
   width: 69px;
   height: 69px;
   margin: 0;
   display: block;
   float: left;
}

body.midnightphotos #content #photothumbs ul.thumbs li a, body.midnightphotos #content #photothumbs ul.thumbs li a img {
   border: 0;
}

body.midnightphotos #content #photowrapper #navwrapper {
   height: 20px;
   width: 671px;
   margin: 14px 0 0 0;
}

body.midnightphotos #content #photowrapper #navwrapper .expand {
   float: right;
   width: 70px;
   height: 20px;
   font-size: 1.3em;
   font-weight: bold;
}

body.midnightphotos #content #photowrapper #navwrapper .expand a {
   display: block;
   text-transform: uppercase;
   color: #999999;
   text-decoration: none;
   margin: -3px 0 0 0;
}

body.midnightphotos #content #photowrapper #navwrapper .nav .prev {
   width: 65px;
   height: 20px;
   margin: 0 8px 0 0;
   display: block;
   float: left;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   text-align: right;
   font-size: 1.3em;
}

body.midnightphotos #content #photowrapper #navwrapper .nav .prev a {
   display: block;
   text-transform: uppercase;
   color: #999999;
   text-decoration: none;
}

body.midnightphotos #content #photowrapper #navwrapper .nav .count {
   width: 65px;
   height: 20px;
   margin: 0 8px 0 0;
   display: block;
   float: left;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   color: #999999;
   text-align: center;
}

body.midnightphotos #content #photowrapper #navwrapper .nav .count .small {
   font-size: 0.77em;
}

body.midnightphotos #content #photowrapper #navwrapper .nav .next {
   width: 65px;
   height: 20px;
   margin: 0;
   display: block;
   float: left;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.3em;
}

body.midnightphotos #content #photowrapper #navwrapper .nav .next a {
   display: block;
   text-transform: uppercase;
   color: #999999;
   text-decoration: none;
}

/* Projects */

body.projects #mainContainer {
   width: 960px;
}

body.projects #content-top {
   width: 915px;
   padding-left: 45px;
}

body.projects #content-wrapper {
   width: 960px;
}

body.projects #content-wrapper #navigation {
   width: 890px;
   margin: 30px 0 25px 70px;
}

body.projects #content-wrapper #content {
   clear: both;
   margin: 0;
   min-height: 530px;
}

body.projects #content #videowrapper {
   margin: 0 0 20px 70px;
   float: left;
}

body.projects #content #projectlinks {
   width: 214px;
   margin: 0 0 0 15px;
   float: left;
}

body.projects #content #projectlinks ul.projlinks {
   margin: 0;
   padding: 0;
   list-style: none;
}

body.projects #content #projectlinks ul.projlinks li.wofeathers {
   margin: 0 14px 11px 0;
   padding: 0;
   width: 100px;
   height: 100px;
   display: block;
   float: left;
}

body.projects #content #projectlinks ul.projlinks li.wofeathers a {
   display: block;
   width: 100px;
   height: 0;
   padding: 100px 0 0 0;
   overflow: hidden;
   background: transparent url(images/withoutfeathers.png) top left no-repeat;
   cursor: pointer;
}

body.projects #content #projectlinks ul.projlinks li.gettingeven {
   margin: 0 0 11px 0;
   padding: 0;
   width: 100px;
   height: 100px;
   display: block;
   float: left;
}

body.projects #content #projectlinks ul.projlinks li.gettingeven a {
   display: block;
   width: 100px;
   height: 0;
   padding: 100px 0 0 0;
   overflow: hidden;
   background: transparent url(images/getting-even.png) top left no-repeat;
   cursor: pointer;
}

body.projects #content #projectlinks ul.projlinks li.mereanarchy {
   margin: 0 14px 11px 0;
   padding: 0;
   width: 100px;
   height: 100px;
   display: block;
   float: left;
}

body.projects #content #projectlinks ul.projlinks li.mereanarchy a {
   display: block;
   width: 100px;
   height: 0;
   padding: 100px 0 0 0;
   overflow: hidden;
   background: transparent url(images/mere-anarchy.png) top left no-repeat;
   cursor: pointer;
}

body.projects #content #projectlinks ul.projlinks li.sideeffects {
   margin: 0 0 11px 0;
   padding: 0;
   width: 100px;
   height: 100px;
   display: block;
   float: left;
}

body.projects #content #projectlinks ul.projlinks li.sideeffects a {
   display: block;
   width: 100px;
   height: 0;
   padding: 100px 0 0 0;
   overflow: hidden;
   background: transparent url(images/side-effects.png) top left no-repeat;
   cursor: pointer;
}

body.projects #content #projectlinks ul.projlinks li.fullcollection {
   margin: 0 22px 0 22px;
   padding: 0;
   width: 170px;
   height: 168px;
   display: block;
   float: left;
}

body.projects #content #projectlinks ul.projlinks li.fullcollection a {
   display: block;
   width: 170px;
   height: 0;
   padding: 168px 0 0 0;
   overflow: hidden;
   background: transparent url(images/full-collection.png) top left no-repeat;
   cursor: pointer;
}

/* From the Set */

body.fromtheset #mainContainer {
	padding: 0px 0px 20px 0px;
	width: 870px;
}

body.fromtheset #content-wrapper {
	width: 940px;
	margin: 0px 0px 0px 0px;
}

body.fromtheset #content {
	margin: 0px 0px 40px 0px;
}
	
body.fromtheset #content-wrapper #navigation {
	margin: 30px 0px 8px 25px;
}
	
body.fromtheset #content p {
   margin: 15px 0px 10px 25px;
   padding: 0;
   font-family: 'Courier New', Courier, serif;
   font-size: 15px;
}

body.fromtheset img {
	padding: 0px 0px 0px 0px;
}