/* Layout */

html, body, #body {
	height: 100%;
}

body {
	background: rgb(109,110,114);
	padding: 0px;
	margin: 0px;
	font-family: Arial,Lucida Sans Unicode, sans-serif;
	font-size: 13px;
}

#body {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	width: 960px;
}

#body, #body2 {
	background: black;
}

#body2 {
	width: 960px;
}

#body3 {
	padding: 0px 12px;
}

* {
	outline: 0 none;
}

div#main{
  margin: 20px 0px 10px 0px;
}

div.clearer{
}
/* MAIN BODY STYLES */

/* Headers */

h2 {
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	margin: 5px 0px 2px 0px;
}

h3 {
	font-family: 'Josefin Sans Std Light', Gill Sans, Molengo, Trebuchet, Arial, sans-serif;
	font-weight: bold;
	font-size: 22px    ;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin: 5px 0px;
	color: white;
}

h4 {
	color: rgb(109,110,114);
	margin: 2px 0px 5px 0px;
	font-size: 15px;
	font-weight: normal;
}

/* General */

a {
	color: white;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	margin: 0px;
}

/* Header */

#header {
	border-bottom: 2px dotted white;
	margin-bottom: 3px;
}

#header .logo {
	margin-top: 4px;
	margin-left: 5px;
}

.nav {
	text-align: right;
	text-transform: uppercase;
	margin: 4px 0px;
	color: rgb(109,110,114);
}

.nav a, .nav a:visited {
	color: rgb(170,170,170);
	font-weight: bold;
	margin: 0px 6px;
}

#header a:hover {
	text-decoration: none;
}

a.priNavLink1 {
	color: rgb(156,28,30) !important;
}

a.priNavLink2 {
	color: rgb(0,153,255) !important;
}

a.priNavLink3 {
	color: rgb(177,187,28) !important;
}

a.secNavLink1 {
	color: rgb(155,30,110) !important;
}

a.secNavLink2 {
	color: rgb(122,88,50) !important;
}

a.secNavLink3 {
	color: rgb(56,121,79) !important;
}

a.secNavLink4 {
	color: rgb(110,56,144) !important;
}

a.secNavLink5 {
	color: rgb(225,204,51) !important;
}

#header-nav2 {
	margin-top: -15px;
}

/* Search */

#header form#search-theme-form{
	float: right;
	padding-right: 3px;
	padding-top: 50px;
}

#search-inner-searchbox{
	background: rgb(109,110,114);
	border: none;
	padding: 3px;
	margin-right: 3px;
	width: 220px;
	font-size: 12.5px;
}

#search-inner-button{
  width: 76px;
	height: 22px;
	cursor: pointer;
	border: none;
	vertical-align: bottom;
}

div.advanced-search-link{
  float: right;
  clear: both;
  text-align: left;
  width: 310px;
  padding-top: 5px;
}
  div.advanced-search-link a{
    color: #808080;
  }
  div.advanced-search-link a:hover{
    color: #cccccc;
  }
/* Footer */

#footer {
	border-top: 2px dotted white;
	clear: both;
	height: 70px;
	overflow: hidden;
	color: rgb(245,245,245);
  padding: 0px 0px 20px 0px;
}

#footer-logos {
	float: right;
	padding: 8px;
}

#footer p {
	margin: 8px 0px;
}

#footer span {
	color: rgb(109,110,114);
}

#footer-logos div {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0px 5px;
}

#footer-logos a {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0px;
}

/**
 * Homepage 
 */
 
/* homepage Block */

#indexblock {
	padding-top: 8px;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
/* Tabs */

.tab {
	position: absolute;
	border: 1px dotted rgb(189,190,194);
	height: 110px;
	width: 275px;
}

#tab_country {
	margin-top: 132px;
}

#tab_topic {
	margin-top: 264px;
}

.tab p {
	font-size: 13px;
	white-space: nowrap;
	cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.tab span {
	padding: 2px 5px;
	cursor: pointer;
}

.tab a {
	display: block;
	width: 250px;
	height: 100px;
	
	padding: 5px;
	padding-right: 20px;
	
	font-family: 'Josefin Sans Std Light', Gill Sans, Molengo, Trebuchet, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	
	text-transform: uppercase;
	font-size: 28px;
	line-height: 28px;
	overflow: hidden;
}

#indexblock .tab a:hover {
	text-decoration: none;
}

#indexblock.about #tab_about, #indexblock.country #tab_country, #indexblock.topic #tab_topic {
	width: 294px;
	border-right: none;
}

#indexblock.about #tab_about a, #indexblock.country #tab_country a, #indexblock.topic #tab_topic a {
	padding-right: 42px;
	color: white !important;
}

#tab_about a:hover, #tab_country a:hover, #tab_topic a:hover {
	color: white !important;
}


#tab_about a {
	color: rgb(156,28,30);
}

#tab_country a {
	color: rgb(0,153,255);
  height: 80px;
}

#tab_topic a {
	color: rgb(177,187,28);
}

div.home-large-text{
  font-weight: bold;
  font-size: 15px;
  padding-bottom: 20px;
}

#indexblock.about #tab_about a, #tab_about a:hover, #detail_about {
	background: rgb(131,24,25);
}

#indexblock.country #tab_country, #detail_country {
	background: rgb(0,153,255);
}

#indexblock.topic #tab_topic a, #tab_topic a:hover, #detail_topic {
	background: rgb(177,187,28);
}



#indexblock.country #tab_countryMap, #indexblock.country.countryList #tab_countryList {
	color: black;
	font-weight: bold;
}

#indexblock.countryList #tab_countryMap {
	color: white;
	font-weight: normal;
}

#detail_countryList {
	display: none;
}

#indexblock.countryList #detail_countryList {
	display: block;
}

#indexblock.countryList #detail_countryMap {
	display: none;
}

/* Details */

#detail-holder {
	width: 642px;
	height: 374px;
	margin-left: 294px;
}

#detail-holder2 {
	width: 640px;
	height: 374px;
	border: 1px dotted rgb(189,190,194);
}

.detail {
	display: none;
	height: 374px;
	width: 640px;
}

.detail2 {
	padding: 10px;
	height: 354px;
	overflow: auto;
}

#indexblock.about #detail_about, #indexblock.country #detail_country, #indexblock.topic #detail_topic {
	display: block;
}

.detail p {
	margin: 6px 0px;
}


/* Tab-specific */

#detail_about {
	font-size: 15px;
}

#detail_country {
	width: 640px;
}

div.menu-horizontal{

}
div.menu-horizontal div.left{
  margin: 0px 0px 6px 0px;
	color: black;
	font-weight: bold;
}
div.menu-horizontal div.right{
	margin: 6px 0px 8px 0px;
	padding-bottom: 9px;
	border-bottom: 2px dotted white;
}
div.menu-horizontal div.right a{
  color: black;
}

.list, .list a {
	color: black;
}

.list h4 {
	margin: 0px 0px 6px 0px;
	color: black;
	font-weight: bold;
}

.list p {
	margin: 6px 0px 8px 0px;
	padding-bottom: 9px;
	border-bottom: 2px dotted white;
}

/* FilmReel block */
div.filmreel{
	clear: both;
	border-top: 2px dotted white;
	margin: 3px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}
  div.filmreel div.filmreel2 {
    margin-right: -100px;
  }
  div.filmreel2 div.filmitem{
    border: 1px dotted rgb(189,190,194);
    padding: 5px;
    width: 214px;
    float: left;
    margin: 0px 10px 10px 0px;
  }
    div.filmreel2 div.filmitem img.preview {
    width: 214px;
    height: 160px;
    background: rgb(100,100,90);
  }

    div.filmreel2 div.filmitem p {
      margin: 3px 0px;
      padding-top: 3px;
      border-top: 1px dotted white;
      text-transform: uppercase;
      color: rgb(170,170,170);
      font-weight: bold;
    }

/**
 * Archive Work Page
 */

/* Teaser */
div.teaser{
  float: left;
  width: 430px;
  height: 110px;
  padding: 10px 10px 15px 10px;
  margin: 0px 10px 10px 0px;
}
  div.teaser div.left{
    float: left;
    width: 100px;
  }
  div.teaser div.right{
    float: left;
    width: 300px;
    margin: 0px 10px 0px 10px;
  }
    div.teaser div.right h4{
      color: #eeb160;
      border-bottom:1px dotted #BDBEC2;
    }
      div.teaser div.right h4 a{
        color: #eeb160;
        font-weight:bold;
        text-transform:uppercase;
      }
      div.teaser div.right h4 img.icon{
        margin: 0px 0px 0px 5px;
        padding: 0px;
      }
    div.teaser div.right div.text p{
      margin: 0px;
      padding: 0px;
    }

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display: none;
  color: #eeb160;
  font-weight: bold;
  text-transform: uppercase;
	font-size: 15px;
	width: 450px;
	padding: 5px;
  border: 2px solid rgb(189,190,194);
	background: black;
}
    
    
/* Columns */
div.column-left{
  width: 484px;
}

div.column-right{
	float: right;
	border: 1px dotted rgb(189,190,194);
	padding: 12px 12px 5px 12px;
	margin: 0px 0px 15px 10px;
	width: 410px;
	color: rgb(209,210,214);
  background: rgb(59,60,64);
	color: white;
}

div.column-right div.section{
	border-bottom: 1px dotted black;
  padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
}

h4 span.id{
  font-size: 12px;
}

/*  Video Player */
div.video-player-container{
	border: 2px solid rgb(189,190,194);
	width: 472px;
	height: 300px;
	background: rgb(59,60,64);
	margin-bottom: 15px;
  text-align: center;
}

/* downloadable documents container */
div.downloadable-docs-container{
  border: 2px solid rgb(189,190,194);
	width: 472px;
	background: rgb(59,60,64);
  padding: 0px 6px 6px 6px;
	margin-bottom: 15px;
}
/* click to expand buttons */
div.expand-link{
  float: right;
  color:#EB5A00;
  font-weight:bold;
  white-space:nowrap;
  padding: 2px 0px 2px 0px;
}
div.expand-link a{
  color:#EB5A00;
  font-weight:bold;
  white-space:nowrap;
}


/* filmographic data */
div.filmographic-container{
  border:1px dotted #bdbec2;
  color: #bdbec2;
  margin-bottom: 15px;
  padding: 0px;
  width: 484px;
}
  div.filmographic-container div.filmographic-container-inner{
    width: 472px;
    margin: 6px;
  }
    div.filmographic-container-inner h3{
      padding-top: 5px;
    }

  div.filmographic-container-inner ul{
    list-style: none;
    float: left;
    width: 470px;
    margin: 0px;
    padding: 0px;
    border-top: 1px dotted white;
  }
    div.filmographic-container-inner ul li{
      border-bottom: 1px dotted rgb(109,110,114);
      padding: 2px 0px;
    }

  div.filmographic-container-inner dl{
    float: left;
    width: 470px;
    margin: 0px;
    padding: 0px;
    border-top: 1px dotted white;
    border-bottom: 1px dotted rgb(109,110,114);
  }
    /* if two dl lists or a ul and dl run together, remove the 
    top border on the second one to disguise as a single list */ 
    div.filmographic-container-inner dl+dl{
      border-top: 0px dotted rgb(109,110,114);
    }
    div.filmographic-container-inner ul+dl{
      border-top: 0px dotted rgb(109,110,114);
    }
    /* hide the top border for dl lists inside a credits-full div */
    div.filmographic-container-inner div.credits-full dl{
      border-top: 0px dotted rgb(109,110,114);
    }
    
    div.filmographic-container-inner dl dt{
      clear: left;
      float: left;
      width: 170px;
      margin: 0px;
      border-top: 1px dotted rgb(109,110,114);
      padding: 2px 0px;
    }
    div.filmographic-container-inner dl dd{
      float: left;
      width: 300px;
      margin: 0px;
      padding: 2px 0px;
      border-top: 1px dotted rgb(109,110,114);
    }
    /* hide the top border for the first dt and dd elements in a dl list */
    div.filmographic-container-inner dl dt:first-child{
      border-top: 0px dotted rgb(109,110,114);
    }
    div.filmographic-container-inner dl dt:first-child + dd{
      border-top: 0px dotted rgb(109,110,114);
    }


/**
 * Taxonomy Term page
 */
 
div.description-container {
	border: 2px solid rgb(189,190,194);
	width: 900px;
  margin: 0px;
  padding: 15px;
	background: rgb(59,60,64);
	margin-bottom: 15px;
}
  div.description-container img.term-image{
    float: right;
    border: 2px solid rgb(189,190,194);
    margin: 20px 5px 10px 10px;
    padding: 0px;
  }

/**
 * Archive Browser
 */
 
div.archive-browser-options-small{
  clear: both;
  margin-bottom: 10px;
}
  div.archive-browser-options-small div.left{
    float: left;
  }
  div.archive-browser-options-small div.right{
    float: right;
  }
  div.archive-browser-options-small div.right-inner{
      color: #808080;
      margin-bottom: 5px;
    }
span.browsing-section{
  font-weight: bold;
}

div.archive-browser-options{
  clear: both;
  margin-bottom: 10px;
}
  div.archive-browser-options div.left{
    float: left;
  }
  div.archive-browser-options div.right{
    float: right;
  }
    div.archive-browser-options div.right div.right-inner{
    color: #808080;
  }
  
  div.search-container-sortby{
    color:#808080;
    font-size:13px;
  }
  
/**
 * Search
 */



div.search-form{
  background: #F1E1A5;
  color: black;
  padding: 10px;
}
  div.search-form h3{
    color: black;
  }

form#archive-search-form{
  padding: 0px;
  margin: 0px;
}
  form#archive-search-form label {
    display:block;
    font-weight:bold;
    margin-bottom:2px;
    margin-top:3px;
    white-space:nowrap;
  }
  form#archive-search-form input, form#archive-search-form select{
    background: white;
    border: 0 none;
    padding: 4px;
  }
  form#archive-search-form .form-item {
    float:left;
    margin: 0px 0px 5px 0px;
    display:block;
    padding: 5px;
  }
  form#archive-search-form #edit-keys{
    width: 330px;
  }
  form#archive-search-form #edit-keys-series-title-wrapper{
    margin: 0px;
    padding-top: 0px;
  }
  form#archive-search-form #edit-keys-series-title{
    width: 330px;
  }
  form#archive-search-form div.form-checkboxes{
    float: left;
    width: 360px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
  }
    form#archive-search-form div.form-checkboxes div.form-item{
      margin: 0px;
      padding: 0px 0px 0px 2px;
    }
    
  form#archive-search-form #edit-submit{
    float: left;
    background: url(../img/search2.jpg) no-repeat top left;
    width: 74px;
    height: 22px;
    border:0px;
    color: #ffffff;
    display: block;
    font-size: 0;
    margin: 20px 0px 0px 10px;
    padding: 0px;
  }

div.search-results{
  margin: 30px 0px 20px 0px;
}
  
div#search-results-container{
}
  div#search-results-container  ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }
  div#search-results-container li {
    list-style-type: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 9pt;
    color: #ffffff;
  }
  div#search-results-container li div.image{
    float: left;
    width:160px;
    height: 75px;
    padding: 0px 12px 0px 0px;
    margin: 0px;
    text-align: right;
    vertical-align:top;
  }
    div#search-results-container li div.image img{
      border: 1px solid #333333;
      padding: 0px;
    }
  div#search-results-container li div.text{
    float: left;
    width: 740px;
  }
  div#search-results-container li div.clearer{
    font-size: 0em;
  }
  
  div#search-results-container .title h4{
    border-bottom: 1px dotted #BDBEC2;
    font-weight: bold;
    margin-bottom:8px;
    margin-top:0;
    padding-bottom:3px;
  }
  div#search-results-container .title img.icon{
    margin-left: 20px;
  }
  div#search-results-container .title a {
    font-size: 11pt; 
    color: #EEB160; 
    text-transform: uppercase; 
    text-decoration: none;
    font-weight: bold;
  }
  div#search-results-container .title a:hover, 
  div#search-results-container .title a.active  { 
    text-decoration: underline;
    font-weight: bold;
  }

  div#search-results-container .search-excerpt{
    color: white;
  }
  div#search-results-container b {
    font-weight:bold;
  }

/**
 * Info Pages
 */
div.page-container{
  background: #3b3c40;
  border: 2px solid #bdbec2;
  margin: 10px 10px 20px 10px;
  padding: 10px 20px 40px 20px;
}

div.page-container #mediaPlayer{
  margin: 30px 0px 20px 0px; 
}
  
/**
 * Pager
 */

ul.pager{
  color: white;
  margin: 10px 0px 20px 0px;
}
  ul.pager li{
    color: white;
    padding: 0px !important;
    margin: 0px 5px 0px 5px !important;
    font-weight: bold;
  }
  ul.pager li a{
    color: #6D6E72;
    font-weight: bold;
  }