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

body {
background-color:#222222;
margin:0;
padding:0;
font-family:"Century Gothic", Century, sans-serif;
color:#CCCCCC;
}

body.splash {
background-image:url(images/frames_splash.jpg);
background-repeat:repeat;
height:100%;
}

body.noOverflow{
overflow:hidden;
}

body.texture {
background-color:#222222;
background-image:url(images/paper_texture.jpg);
background-repeat:repeat;
margin:0;
padding:0;
font-family:"Century Gothic", Century, sans-serif;
color:#CCCCCC;
}

div#splash{
padding: 0;
margin: 0;
width: 268px;
height:100%;
float:left;
}

div#whenAmI{
margin: 0 auto;
width:800px;
clear: both;
text-align:center;
}

div#whenAmI a:link{
font-size:200px;
font-weight:bold;
color:rgba(255,255,255,.8);
text-shadow:rgba(0, 0, 0,.8) 10px 10px 5px;
}

div#whenAmI a:visited{
font-size:200px;
font-weight:bold;
color:rgba(255,255,255,.8);
text-shadow:rgba(0, 0, 0,.8) 10px 10px 5px;
}

div#whenAmI a:hover{
font-size:200px;
font-weight:bold;
color:rgba(255,255,255,1);
text-shadow:rgba(0, 0, 0,.8) 10px 10px 5px;
}


div#whenAmI a:active{
font-size:200px;
font-weight:bold;
color:rgba(255,255,255,.8);
text-shadow:rgba(0, 0, 0,.8) 10px 10px 5px;
}

body.splash div#header {
width:100%;
height: 36px;
background-color:#222222;
}

div#splashImage{
position: absolute;
left: 280px;
top:19px;
width:100%;
}

div#splashImage img{
width: 50%;
}

div#splash ul{
list-style-type:none;
padding: 0;
margin: 12px 0;
text-align:right;
font-size:24px;
letter-spacing:.1em;
}

div#wrapper{
padding:30px 24px 24px 24px;
min-width:650px;
}

a:link{
text-decoration:none;
color:#743C28;
}
a:visited{
text-decoration:none;
color:#743C28;
}
a:hover{
text-decoration:none;
color:#5C2513;
}
a:active{
text-decoration:none;
color:#743C28;
}

ul.navigation a:link{
color:#666666;
}

ul.navigation a:visited{
color:#666666;
}

ul.navigation a:hover{
color:#8C5843;
}

ul.navigation a:active{
color:#666666;
}

img {
border-style: none;
margin: 0 0 12px 0;
}

/*Header Styles*/
div#headerLeft{
width:268px;
float:left;
margin:-1px 36px 0 0;
font-family:"Century Gothic", Century, Sans-serif;
font-size:24px;
letter-spacing:.2em;
color:#A19D95;
text-align:right;
position: relative;
left: 6px;
}

div#headerLeft a{
color:#A19D95;
}

ul.navigation{ /*also for nav in body left column*/
font-family:"Century Gothic", Century, Sans-serif;
font-size:14px;
padding:0;
margin:0;
list-style-type:none;
}

div#header ul.navigation{
float:left;
margin:8px 0 0 0;
}

div#header ul.navigation li{
float:left;
}

a#currentSection{
color:#8C5843;
}

/*Body Styles*/
div#body{
clear:both;
padding: 24px 0 0 0;
}

/*Using negative margin layout as outlined at http://www.alistapart.com/articles/negativemargins/ */

/*Body Styles Right Column*/

dl.cv{
margin:0;
padding:0;
}

dl.cv dt{
float: left; 
clear: left; 
width: 48px;
text-align: left;
margin: 0;
padding: 0; 
}

dl.cv dd{
margin: 0 0 0 72px;
padding: 0 0 6px 0;
}

dl.cv dd ul{
list-style-type:none;
margin:0;
padding:0;
}

ul.bibliography{
list-style-type:none;
margin: 0;
padding: 0 0 0 2em;
text-indent: -2em;
}

ul.bibliography li{
margin-bottom: 6px;
}

div#rightColumn{
width:100%;
float:right;
margin-left:-268px;
}

div#content{
margin-left:304px;
max-width: 720px;
}

div#contentWide{
margin-left:304px;
}

img.center{
margin-left:auto;
margin-right:auto;
display:block;
}

h1{
font-family:"Century Gothic", Century, sans-serif;
font-size:24px;
font-weight:normal;
margin: -2px 0 12px 0;
color:#8C5843;
clear: both;
}

h2{
font-family:"Century Gothic", Century, sans-serif;
font-size:18px;
font-weight:normal;
margin: 0;
color:#8C5843;
clear:both;
}

div#content p{
margin: 0 0 12px 0;
padding: 0;
font-size: 15px;
text-align:justify;
}

/*720 width is to match Time Being frames */

blockquote{
font-size:14px;
margin: 0 0 0 36px;
max-width: 684px;
text-align:justify;
}

div#content p.attribution{
font-style:italic;
text-align:right;
font-size:14px;
margin: 0 0 12px 0;
}

div#content p.pressAttribution{
font-style:italic;
text-align:right;
font-size:16px;
margin: -12px 0 12px 0px;
}

span.drop {
color:#743C28;
display:inline;
float:left;
font-size:2.8em;
line-height:0.4em;
margin:0;
padding:0.25em 0.08em 0 0;
text-transform:capitalize;
}

table#films{ /*formatting for film list on films/index.html*/
margin-left: -136px;
border-spacing:0;
}

table#films td{
padding:0 0 12px 0;
}

table#films td:first-child{ /*film year*/
text-align:right;
vertical-align:bottom;
padding-right: 36px;
width: 100px;
font-family:"Century Gothic", Century, sans-serif;
font-size: 17px;
color:#666666;
}

table#films td:last-child{ /*film name and info*/
text-align:left;
vertical-align:bottom;
padding-left: 36px;
}

table#films td:last-child p:first-child{ /*film name*/
margin: 0;
padding: 0;
font-family:"Century Gothic", Century, sans-serif;
font-size: 20px;
color:#743C28;
}

table#films td:last-child p:last-child{ /*film info*/
margin: 0;
padding: 0;
font-family:"Century Gothic", Century, sans-serif;
font-size:14px;
}

table#films img{
margin:0;
}

table#credits td{
vertical-align:top;
padding:0 10px 12px 0;
}

ul#frames{
margin: 0;
padding: 0;
}

ul#frames li{
margin: 0 12px 0 0;
padding: 0;
float: left;
list-style-type:none;
width:143px;
height:120px;
}

ul#frames li p{
font-family:"Century Gothic", Century, sans-serif;
text-align:left;
font-size:15px;
line-height:16px;
margin-top:3px;
}

ul#frames li img{
margin: 0;
padding: 0;
}

ul#photos{
margin: 0;
padding: 0;
max-width:744px;
}

ul#photos li{
margin: 0 36px 36px 0;
padding: 0;
float: left;
list-style-type:none;
}

ul#photos li img{
margin: 0;
padding: 0;
}

ul.purchase {
clear:both;
margin:0;
padding:0;
}

ul.purchase li{
list-style-type:none;
float: left;
margin: 0 24px 12px 0;
padding: 0;
min-width: 180px;
}

ul#pressPhotos{
margin: 0;
padding: 0;
list-style-type: none;
}

ul#pressPhotos li{
float:left;
padding: 0;
margin: 0 30px 0 0;
}

ul#pressPhotos li.last{
margin: 0;
padding: 0;
}

ul#withinFrameNav {
list-style-type:none;
padding: 0;
margin:0;
}


ul#withinFrameNav li{
float:right;
margin: 0 0 12px 0;
}

ul#withinFrameNav li:first-child{
float:left;
}

ul.links{
margin: 0 0 0 24px;
padding: 0;
}

/*Body Styles Left Column*/
div#leftColumn{
width:268px;
text-align:right;
float:left;
}

p#sectionTitle{
font-family:"Century Gothic", Century, sans-serif;
font-size:17px;
font-weight:bold;
color:#743C28;
margin:0 0 12px 0;
padding: 0;
letter-spacing:.2em;
position:relative;
left:4px;
}

p.pullQuote{
font-family:"Century Gothic", Century, sans-serif;
font-size:17px;
color:#666666;
margin: 60px 0 0 0;
}

a#currentPage{
color:#8C5843;
}

p.leftColumnText{
margin: 0 0 12px 0;
padding: 0;
font-size: 15px;
text-align:left;
}

/*Footer Styles*/
div#footer{
clear:both;
width:100%;
text-align:center;
}