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

/* theanthropologist.net */

/* 
 *
 *
 * TABLE OF CONTENTS
 *
 * RESET
 * CLEAR_SELF
 * COLUMN SYSTEM
 * LAYOUT
 * CONTENT
 *
 *
 * TEMPLATES:ARTISTS
 * 1. EUSTACE (GRID)
 * 2. ZUCKERMAN
 * 3. CAMPION (OBJECTS)
 
 * TEMPLATES:GLOBAL
 * 1. INTRO
 * 2. TEXT
 * 3. GRID
 * 4. SLIDESHOW / SIDE
 * 5. SLIDESHOW / VERTICAL
 * 6. VIDEO
 * 7. OBJECTS
 *
 *
 *
 *
 *
 */
 

html
{
  margin:         0;
  padding:        0;
  height:         100%;
  overflow-x:     hidden;
}

body
{
  margin:         0;
  padding:        0;
  height:         100%;

}



body.wide-screen
{

  margin:         0 0 0 48px;

}

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

/* RESET STYLES */

*
{
  margin:        0;
  padding:       0;
  line-height:   18px;
  font-family:   'courier new','courier';
  font-weight:   normal;
  outline:       none;
  font-size:     13px;
}

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,
input,textarea,
a,
p,blockquote,
th,td 
{ 
  margin:         0;
  padding:        0;
  vertical-align: baseline;
}
  
img 
{
 border:          0
}
  
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var 
{
  font-style:     normal;
  font-weight:    normal;
}
  
ol,ul 
{
  list-style:     none;
}
  
h1,h2,h3,h4,h5,h6 
{
  font-size:      100%;
  font-weight:    normal;
}




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

/* CLEAR_SELF */

.clear-self:after 
{ 
  content:        " "; 
  display:        block; 
  clear:          both;
  visibility:     hidden; 
  line-height:    0; 
  height:         0;
  margin-bottom:  0; 
}

.clear-self 
{ 
  display:        inline-block;
}

html[xmlns] .clear-self 
{ 
  display:        block;
}

* html .clear-self 
{ 
  height:         1%; 
}




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

/* GLOBAL COLUMNS SYSTEM */

.column
{
  float:            left;
  margin:           0 20px 0 0;
}

.column:last-child
{
 margin:            0;
}

.col1
{
  width:            160px;
}

.col2
{
  width:            620px;
}




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

/* DEFAULTS */

p
{
  margin:           0 0 21px 0;
  font-size:        13px;
}

a
{
  border:           0;
  text-decoration:  none;
}


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

/* LAYOUT */

div#wrapper
{
 min-width:         960px;
 padding:           0 0 0 0;
 margin:            0;
}

div#masthead
{
  margin:           0 0 0 0;
  padding:          24px 0 0 0;
  position:         fixed;
  top:              0;
  background:       #fff;
  width:            100%;
  z-index:          99999;
  height:           126px;
}


a#tag-anthropologie {
  display:         block;
  position:        absolute;
  top:             15px;
  right:           -150px;
  width:           180px;
  height:          70px;
  overflow:        hidden;
  text-indent:     -9000px;
  background:      url(../img/anthrotag.png) 0 50% no-repeat;
  z-index:         999999; 
}




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

/* CONTENT / SEGMENTS */

div#content
{
  margin:          0 0 0 0;
  padding:         0 0 0 24px;
  background:      #fff;
}

body.wide-screen div#content
{
  padding-left:    48px;
}

div#segments
{
  margin:          150px 0 0 0;
  position:        relative;
  min-height:      101%;
}

div.segment
{
  background:      #fff;
  
}

div.segment dl
{
  display:         none;
}

div#content-loader
{
  background:      url(../img/loader.gif) 0 0 no-repeat;
  height:          50px;
  width:           50px;
  display:         none;
}

div#content-loader.active
{
  display:         block;
}



div#content-home div#quote
{
  width: 			850px;
  margin:          0 0 0px 0px;
  padding:         0px 0 0 0;
  
}


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

/* TEMPLATES:ARTISTS */


/* DAVID EUSTACE */

div#DavidEustace-content {
  min-height:      101%;
  
}

.DavidEustace-Title
{
  font-family:     georgia;
  font-size:       300px;
  line-height:     300px;
}

/* JANE CAMPION */

div#JaneCampion-content
{
/*  position:        relative; */
}


/* ANDREW ZUCKERMAN */

div#AndrewZuckerman-content
{

}

div#AndrewZuckerman-content p.ending
{
  margin:          40px 0 20px 0;
}

div#AndrewZuckerman-content p.signature
{
  margin:          0 0 0 -10px;
} 
 
div#AndrewZuckerman-Trust
{
  padding:         0 0 50px 0;
  margin:          0 0 0 -16px;
}



div#AndrewZuckerman-Trust h1
{
  width:           866px;
  height:          318px;
  overflow:        hidden;
  text-indent:     -9000px;
  background:      #fff url(../../content/AndrewZuckerman/Trust/_assets/img/title-trust.png) 0 0 no-repeat;
}

div#AndrewZuckerman-Trust p
{
  font-size:       20px;
  width:           750px;
  line-height:     28px;
}

div#AndrewZuckerman-Trust p {
  margin:          4px 0 0 90px;
  
}

div#AndrewZuckerman-Trust p.extra
{

  margin-top:      40px;

}


div#AndrewZuckerman-Trust p a
{
  font-size:        20px;
  color:            #74867a;
  border-bottom:    1px dotted #74867a;
}

div#AndrewZuckerman-Trust p a:hover
{
  color:            #000;
}

.highlight
{
  border:           0;
}

.highlight:hover
{
  background:       #ffffcc;

}

.cache
{
  opacity:          0;
}


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

/* TEMPLATES:GLOBAL */

/* AT-INTRO */

div.AT-INTRO
{
  padding:       0 0 0 0px;
  height:        100%;
}

div.AT-INTRO p
{
  width:         600px;
  font-size:     28px;
  line-height:   32px;
  color:         #444;
}

div.AT-INTRO p.AT-CONTINUE-JD
{
  width:         800px;
  line-height:   22px;
}

div.AT-INTRO p.INTRO-TEXT em
{
  font-size:     28px;
  font-style:    italic;
}

div.AT-INTRO p.INTRO-TEXT a em
{
  font-size:       28px;
}

div.AT-INTRO p.INTRO-TEXT a
{
  font-size:       28px;
}


div.AT-INTRO dl
{
  display:       none;
}


div#content-local
{
  display:       none;
  position:      relative;
}

/* AT-TEXT */

div.AT-TEXT 
{
  width:         490px;
  padding:       30px 0 0 186px;
}

div.AT-TEXT div.rule
{
  background:    url(../img/rule.gif) 0 0 no-repeat;
  position:      fixed;
  left:          200px;
  width:         490px;
  height:        10px;
  top:           148px;
}

div.AT-TEXT p{
  width:         480px;
  font-size:     14px;
  color:         #444;
  margin:        0 0 21px 0;
}

/* AT-STATIC */

div.AT-STATIC{

  margin:        0 0 0 186px;

}

/* AT-GRID */

div.AT-GRID
{
  width:         960px;
  overflow:      hidden;
}

div.AT-HOME-GRID
{
  width:         960px;
  overflow:      hidden;
}

div.AT-GRID-WRAPPER
{

  width:         2000px;
  
}

div.AT-HOME-GRID-WRAPPER
{

  width:         2000px;
  
}


div.AT-GRID-THUMBS
{
  width:         960px;
  float:         left;
}

div.AT-HOME-GRID-THUMBS
{
  width:         960px;
  float:         left;
}

.AT-GRID-THUMB
{

}

div.AT-GRID-ITEMS
{
  width:         960px;
  float:         left;


}

div.AT-GRID-ITEM
{
/*height:      900px;*/
  border-right:  1px solid #f5f5f5;
  float:         left;
  margin:        0;
  background:    #fff url(../img/loader.gif) 50% 50% no-repeat;
}


div.AT-GRID-ITEM h1
{
  text-transform:  uppercase;
  font-size:       14px;
  color:           #666;
  margin:          0 0 0 0;
  height:          50px;

}

div.AT-GRID-ITEM p
{
  width:         400px;
  font-size:     14px;
}

div.AT-CAPTION
{
  background:    #fff;
}

div.AT-CAPTION p {
  
  font-size:     18px;
  padding:  20px;

}



a.AT-GRID-THUMB
{
  display:       block;
  width:         180px;
  height:        125px;
  float:         left;
  padding:		 0px;	
  position:      relative;
  overflow:      hidden;
  background:    #fff;
}

a.AT-GRID-THUMB-FOUR
{
  display:       block;
  width:         240px;
  height:        160px;
  float:         left;
  padding:		 0px;	
  position:      relative;
  overflow:      hidden;
  background:    #fff;
}

a.AT-HOME-GRID-THUMB
{
  display:       block;
  width:         317px;
  height:        200px;
  float:         left;
  padding:		 1px;	
  position:      relative;
  overflow:      hidden;
  background:    #fff;
}


a.AT-HOME-GRID-THUMB-NOBORDER
{
  display:       block;
  width:         317px;
  height:        200px;
  float:         left;
  padding:		 0px;	
  position:      relative;
  overflow:      hidden;
  background:    #fff;
}


a.AT-GRID-THUMB em
{
  display:       none;
  width:         167px;
  height:        54px;
  overflow:      hidden;
  background:    url(../img/t/ATG-THUMB-ROLL.png) 0 0 no-repeat;
  position:      absolute;
  bottom:        0;
  left:          -170px;
  padding:       10px 0 0 10px;
  color:         #444;
  text-decoration: none;
}


a.AT-HOME-GRID-THUMB-NOBORDER em
{
  display:       none;
  width:         167px;
  height:        54px;
  overflow:      hidden;
  background:    url(../img/t/ATG-THUMB-ROLL.png) 0 0 no-repeat;
  position:      absolute;
  bottom:        0;
  left:          -170px;
  padding:       10px 0 0 10px;
  color:         #444;
  text-decoration: none;
}



a.AT-GRID-THUMB:hover em
{

  display:       block;
}

a.AT-HOME-GRID-THUMB-NOBORDER:hover em
{

  display:       block;
}


/* AT-SIDE */

div.AT-SIDE
{
  width:          100%;
  overflow:       hidden;
  margin:         0 0 0 -24px;

}

body.wide-screen div.AT-SIDE
{
  margin-left:    0 0 0 -48px;
}

div.AT-SIDE-WRAPPER 
{
  width:          38000px;
  height:         650px;
  overflow:       hidden;

}

div.AT-SIDE-ITEMS
{
  margin:         0 0 0 24px;
}

body.wide-screen div.AT-SIDE-ITEMS
{
  margin-left:    48px;
}

/* AT-VERT */

div.AT-VERT
{
  width:          100%;
  overflow:       hidden;
  margin:         0 0 0 -24px;
  position:relative;
}

div.AT-VERT-WRAPPER 
{


}

div.AT-VERT-ITEMS
{
  margin:         0 0 0 24px;
}

div.AT-GRID-ITEM p{

  padding:       100px 100px 50px 50px ;
  width:         300px;
  height:        400px;
  font-size:     13px;
  color:         #444;
  display:       block;
  line-height:   22px;
  background:    url(../img/paper-y.jpg) 0 0 no-repeat;

}


div.AT-GRID-ITEM p span
{
  display:       block;
  margin:        100px 0 20px 0;
  text-transform: uppercase;
}

div.AT-VERT-ITEM p
{

  padding:       50px 0 40px 0;
  width:         600px;
  font-size:     21px;
  color:         #777;
  line-height:   28px;
}


/* AT-VIDEO */

.AT-VIDEO-HOLD p
{
width:           700px;
line-height:     28px;
font-size:       18px;
}

div.AT-VIDEO p
{
  width:         700px;
}

div.AT-VIDEO-PLAYER
{
  width:         960px;
  height:        620px;
}

div.AT-VIDEO-PLAYER h1
{
  font-size:     14px;
  text-transform: uppercase;
  margin:        0 0 21px 0;
  display:       none;
}

div.AT-VIDEO-PLAYBACK
{
  background:    #f5f5f5 url(../img/loader.gif) 25px 25px no-repeat;
  height:        575px;
}

div.AT-VIDEO-COPY
{
  padding:       0 0 0 0;
  width:         960px;
}

div.AT-VIDEO-COPY-MAIN
{
  
  float:         left;
  margin:        0 20px 0 0;
  
}

div.AT-VIDEO-COPY-MAIN p
{
  width:         700px
}

div.AT-VIDEO-COPY-AUX
{
  
  float:         left;
  
}

/* AT-STATIC */

div.AT-STATIC{

  margin:        0 0 0 0;

}

.AT-HEADING 
{
  font-size:       18px;
  text-transform:  uppercase;
  margin:          0 0 25px 0;
  color:           #777; 
}

.AT-CONTINUE a em
{
  font-size:       18px;
  color:           #b34040;
  
  
}

.AT-CONTINUE a
{
  color:           #777;
  font-size:       18px;
}

.AT-CONTINUE a span
{
  font-size:       18px;
  border-bottom:   1px dotted #777;
}

.AT-CONTINUE-JD a em
{
  font-size:       16px;
  color:           #b34040;
  
  
}

.AT-CONTINUE-JD a
{
  color:           #777;
  font-size:       16px;
  line-height:16px;
}

.AT-CONTINUE-JD a span
{
  font-size:       16px;
  border-bottom:   1px dotted #777;
}


/* OBJECTS */

.AT-OBJECT-DETAIL
{
  width:            100%;
  background:       #fff;
}

.AT-OBJECT-DETAIL-ITEM
{
  position:         relative;
  left:             0px;
  top:              0;
  width:            1024px;
  text-align:       center;
  background:       #fff;
}


.AT-OBJECT-DETAIL-NAV
{
  position:        fixed;
  z-index:         9999;
}

.AT-OBJECT-DETAIL-NAV a
{
  padding:         0 5px 0 0;
  color:           #999;
}

.AT-OBJECT-DETAIL-NAV a:hover,
.AT-OBJECT-DETAIL-NAV a.active 
{
  color:           #000;
}

/*AT-MOON */
.AT-MOON {
    position:relative;
}

.AT-MOON IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0.0;
}

.AT-MOON IMG.active {
    z-index:10;
	opacity:1.0;
}

.AT-MOON IMG.last-active {
    z-index:9;
}

/*AT-ZOOM*/
.ZOOM-OUT, .ZOOM-IN {
	float:left;
	height:450px;
	position: relative;
	width:25px;
	padding:10px;
}

.AT-ZOOM-ITEMS {
	float:left;
	width:800px;
}

.ZOOM-OUT img, .ZOOM-IN img {
    position:absolute;
	top: 40%;
}


/* JPlayer */


#player_container {
	position:relative;
	padding:20px 0px;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/* NAV */

a#nav-home
{
  display:         block;
  padding:         18px 0 18px 0;
  margin:          0 24px 0 24px;
  color:           #000;
  font-weight:     bold;
  opacity:         1;
  text-indent:     -9000px;
  background:      #fff url(../img/logo.gif) 0 46% no-repeat;
}

div#nav
{
  width:           960px;
  background:      #fff;
}

div#nav ul#navigation
{
  margin:          1px 0 0 0;
  padding:         0 0 0 24px;
}

div#nav ul li
{
  float:           left;
  padding:         18px 0 18px 0;
  margin:          0 24px 0 0 ;
  background:      #fff;
}

div#nav ul#aux-navigation
{
  position:        absolute;
  right:           20px;
  top:             25px;
}




a
{
  color:           #666;
  text-decoration: none;
}

div#nav ul li.aux a
{
  font-size:       13px;
  font-weight:     normal;
  color:           #999
}

div#nav ul li p
{
  display:         none;
}

div#nav a.active,
div#nav ul li.main a,
div#nav ul li.active a,
div#nav ul li a:hover
{
  color:           #000;
  font-weight:     bold;
}

div#nav ul li.proxy a
{
  color:          #000;
  background:     #ffffcc;
}

a.typing
{
  color:          #000;
}

a.proxy-nav
{
  background:     #ffffcc;
  color:          #000;
}

div#index 
{
  width:           960px;
  line-height:     24px;
}

div#index a 
{
  font-size:       13px;
  font-weight:     normal;
  line-height:     24px;
}

div#index a:hover
{
  background:     #ffffcc;
  color:          #000;
}

div#nav ul li.main
{
  width:           200px;
}



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

/* SUBNAV */


div#subnav
{
  position:       absolute;
  bottom:         0;
  left:           24px;
}

div#subnav h1
{
  font-size:      16px;
  text-transform: uppercase;
  margin:         0 0 10px 0;
  color:          #888;
  background:     #fff;
}

div#subnav h2
{
  font-size:      14px;
  text-transform: uppercase;
  margin:         0 0 10px 0;
  color:          #888;
  background:     #fff;
}

div#subnav div#extra-nav
{
  position:       absolute;
  bottom:         10px;
  left:           466px;
}

.EXTRA 
{
  display:        none;
}

div#subnav div#extra-nav{
  background:     #fff;
}

div#subnav div#extra-nav ul
{
  width:          500px;
}

div#subnav div#extra-nav ul li
{
  float:          left;
  margin:         0 24px 0 0;
}

div#subnav div#extra-nav ul li a
{
  font-size:      13px;
  color:          #999;
  
}

div#subnav div#extra-nav ul li a:hover
{
  color:          #000;
}


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

/* ABOUT */

#About-content
{

}

#About-content p a
{
  color:          #3f6786;
}

#About-content p a span
{
  color:          #ff0000
}

#About-content div.content-header
{
  display:        none;
}

#About-content div.copyright
{
  padding:        100px 0 0 0;
}

#About-content div.copyright h3
{
  color:          #444
}

#About-content div.copyright p
{
  color:          #666
}


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

/* ARCHIVE */



div.AT-ARCHIVE-ITEM
{
	position:relative;
	margin-bottom:28px;
}
div.AT-ARCHIVE-LINK
{
	position:absolute;
	bottom: 0;
	left:271px;
}


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

/* UI, EXTRA */

.running-quote
{
font-size:        14px;
margin:           0 0 10px 0;
text-transform:   uppercase;
color:            #999
}

.quote {
  width:          300px;
}

.quote h1
{

font-size: 28px;
line-height: 32px;
padding:    100px 0 0 0;
font-weight: bold;
}

div.featuredate {
	font-size:13px;
	font-weight:bold;
	margin-bottom: 8px;

	float:left;
}
div.posttitle {
	font-size:13px;
	font-weight:bold;
	margin-bottom: 8px;

	float:right;
}



.precache
{

  background:     url(../img/loader.gif) 0 0 no-repeat;

}

div.arrow-icon
{

  width:           73px;
  height:          17px;
  background:      url(../img/arrow-back.png) 0 0 no-repeat;
  position:        absolute;
  bottom:          42px;
  left:            24px;

}

div.nav-cue-next
{
  height:          20px;
  width:           20px;
  background:      #fff url(../img/arrowr.png) 50% 50% no-repeat;
  position:        absolute;
  top:             0;
  left:            0;
}


#UI-CONTINUE {
  z-index: 999999;
  position: absolute;
  left:0;
  bottom:  50px;
  display: block;
  width:    76px;
  height:   15px;
  background: url(../img/nav/continue.png) 0 0 no-repeat;  

}

div#browser-detect
{
  display:         none;
}