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

/*
================================================================================
Responsive framework based on HTML5 Boilerplate CSS: h5bp.com/css
Author:       Steve Mannon, Dylan Williams, Gwyn Jones, Josh Shindler 
Created:      June 2012 
Version: 	  0.1
================================================================================
*/


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

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Structural
	2.1 - Content
	2.2 - Sidebars
3.0 - Non-structural
	3.1 - Text
	3.2 - Colors
4.0 - Navigation
	4.1 - Sub-menus
	4.3 - Pagination
	
5.0 - Images
	5.1 - Icons and arrows
6.0 - Page elements
	6.1 - Forms
	6.2 - Error / Success Messages
	6.3 - Tables
	6.4 - Lists
	6.5 - Tabs
	6.6 - Buttons
7.0 - Media queries
	7.1 - Smartphone
	7.2 - Tablet
	7.3 - Desktop

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

/*--------------------------------------------------------------
1.0 - Reset default browser 
--------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
 
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
 
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
 
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
 
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
 
ul#searchOptions { margin: 0; padding: 0 0 0 0; }
#searchFormOptions { left: 7.15em;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
 
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; *vertical-align: top;}
 
svg:not(:root) { overflow: hidden; }
 
figure { margin: 0; }
 
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #ffffff; }
 
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*--------------------------------------------------------------
2.0 - Structural
--------------------------------------------------------------*/

.wrapper{width:100%; margin:0;}
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/*--------------------------------------------------------------
2.1 - Content
--------------------------------------------------------------*/

#banner {width: 100%; height: 230px; margin:0; background: #000 ; padding:0; }
#banner.americas {background: url(/images/through-a-lens/americas/tal-banner-americas.jpg) no-repeat center left}
#banner.asia {background: url(/images/through-a-lens/asia/tal-banner-asia.jpg) no-repeat center left}
#banner.africa {background: url(/images/through-a-lens/africa/tal-banner-africa.jpg) no-repeat center left}
#banner.australasia {background: url(/images/through-a-lens/australasia/tal-banner-australasia.jpg) no-repeat center left}

.world {
	position: absolute;
	background: #111;
	opacity: .85;
		padding: 10px 0 5px 0;
		margin: 20px;
		z-index: 1000;
}




#banner-container {margin: 0 0 20px 0; }
div#main-container > article { width: 100%;}
#main article { clear: both; margin-left: 15px ; width: 100%;}
#main-container, #main{ padding:0 0 0 0!important; margin:0 0 0 0!important;}	


/*--------------------------------------------------------------
2.2 - Sidebars
--------------------------------------------------------------*/

aside.primaryAside {color: #000; margin: 0 auto; width: 100%; text-align: center;}
aside.primaryAside ul {padding:1em 0 0 0;}
aside.primaryAside ul li {position:relative; z-index:1000; list-style:none; display:inline-block;  background: #111; text-align: left; zoom:1; 
	*display: inline; margin:0 10px 20px 10px;}

aside.worldAside {float: left; color: #000; margin: 0 2%; width: 96%; text-align: center; display: inline;}
aside.worldAside ul {padding:1em 0;}
aside.worldAside ul li {position:relative; z-index:1000; list-style:none; margin:0 10px 20px 0; display:inline-block;  background: #111; text-align: left; zoom:1; 
	*display: inline; _display: block;}
aside.worldAside h2 { padding: 0; border-bottom: 3px solid #ccc; line-height: 200%;}


span.audioIcon {position:absolute; top:40px; left:82px; background: url(/images/through-a-lens/audio-icon.png) no-repeat; width:50px; height: 50px; }
li:hover span.audioIcon, li:focus span.audioIcon {background: url(/images/through-a-lens/audio-icon-hover.png) no-repeat;}

span.playIcon {position:absolute; top:40px; left:82px; background: url(/images/through-a-lens/play-icon.png) no-repeat; width:50px; height: 50px; }
li:hover span.playIcon, li:focus span.playIcon {background: url(/images/through-a-lens/play-icon-hover.png) no-repeat;}


span.flickrIcon {position:absolute; top:40px; left:82px; background: url(/images/through-a-lens/flickr-icon.png) no-repeat; width:52px; height: 50px; }
li:hover span.flickrIcon, li:focus span.mediaIcon {background: url(/images/through-a-lens/flickr-icon-hover.png) no-repeat;}

aside.primaryAside ul li h3 {position:absolute; bottom:0; background:#000; opacity: .75; filter:alpha(opacity=75); color:#FFF; display:block; width:100%; padding:0 ; margin:0 ; z-index:900; left:0; font-family: Verdana, Geneva, sans-serif; font-size:1em; line-height: 1.5em;}
aside.primaryAside ul li h3 a {color:#FFF; text-decoration:none; padding:.6em; display:inline-block; }

aside.worldAside ul li h3 {position:absolute; bottom:0; background:#000; opacity: .75; filter:alpha(opacity=75); color:#FFF; display:block; width:100%; padding:0 ; margin:0 ; z-index:900; left:0; font-family: Verdana, Geneva, sans-serif; font-size:1em; line-height: 1.5em;}
aside.worldAside ul li h3 a {color:#FFF; text-decoration:none; padding:.6em; display:inline-block; }


aside.booksAndResources{width: 100%; clear: both;color: #000; }
aside.booksAndResources > div {width: 100%; float:none;}

aside.booksAndResources > div.books ul {
	list-style-type: none; display: block; padding: 0; margin-top: 2em;}

aside.booksAndResources > div.books li {
	width: 48%; float: left; display: inline-block; padding: 8px 0 8px 0; margin-right: 2%; }

aside.booksAndResources > div.books li h3 {
	font-size: 1.25em; text-decoration: none; font-family: 'NobileRegular', Verdana,Geneva,sans-serif; margin: 0 0 0.5em 0; line-height: 150%;}
aside.booksAndResources > div.books li h3 a {
	color: #000;text-decoration: none;}
aside.booksAndResources > div.books li h3 a:hover {
	text-decoration: underline;}
aside.booksAndResources > div.books li img {
	float: left; margin: 0 4% 0 0; -webkit-box-shadow:  2px 2px 6px 1px #999999; box-shadow:  2px 2px 6px 1px #999999;}

.resources {padding: 0;}
.resources ul{margin:20px 10px; padding: 0;}
.resources ul li {padding: 8px 0 8px 0; list-style: none; border-bottom: 1px dotted #999;}
.resources ul li.last {padding: 8px 0 0 0; list-style: none; border-bottom: none;}
.resources ul li a {color:#000; text-decoration:none;}	
.resources ul li a:hover {text-decoration:underline;}



.bookLogo, .resourceLogo, .mediaLogo {
	text-align:center; border-bottom: 3px solid #ccc; margin: 0 0 30px 0;}
.bookLogo img, .resourceLogo img, .mediaLogo img {position:relative; bottom:-30px; }


/*--------------------------------------------------------------
3.0 - Non-structural
--------------------------------------------------------------*/


#cboxTitle {display:none!important;}  

.item {margin: 0 0 20px 0; width:215px; background:#000; float:left;}
.item img {cursor:pointer;}
.noPointer img {cursor:auto;}
	
.controls {display:none; margin: 0; color:#FFF; position:absolute; bottom:0; left:0; font-size:1em; padding:2% 3%; background: #000 none; opacity: .66; width: 94%; cursor: pointer; }
.show {display:inline; }


 div#main-navigation > div {}

.red { background-color:#860B0B;}.red h2.item-content a{color:white;}
.flickr{background:#EBAB00 url(../images/through-a-lens/flickr-icon.png) top right no-repeat; background-position: 145px 20px; }
.flickrAsia{background:#008193 url(../images/through-a-lens/flickr-icon.png) top right no-repeat; background-position: 145px 20px; }
.flickrAustralasia{background:#B06F00 url(../images/through-a-lens/flickr-icon.png) top right no-repeat; background-position: 145px 20px; }
.africa .flickr{background:#8A0752 url(../images/through-a-lens/flickr-icon.png) top right no-repeat; background-position: 145px 20px;}
.image-library{background:#7FD0EE url(../images/through-a-lens/shop-icon.png) top right no-repeat; background-position: 145px 20px; }
.africa .image-library{background:#F4D57F url(../images/through-a-lens/shop-icon.png) top right no-repeat; background-position: 145px 20px; }
.image-libraryAsia{background:#B58FBD url(../images/through-a-lens/shop-icon.png) top right no-repeat; background-position: 145px 20px; }
.image-libraryAustralasia{background:#7fc2a0 url(../images/through-a-lens/shop-icon.png) top right no-repeat; background-position: 145px 20px; }
.caribbean {background-color:#FF9933; }
.caribbean h3 {line-height: 1em !important; padding: 0 1em 0 0; line-height: 125% !important;}
.caribbean a {text-decoration: none; color: #000;}

.item .item-content {margin:10px; }
.item h2 {font-size: 2em; color:#000; text-decoration:none; 	padding:35% 0 0 0; line-height: 125%; 	font-family: 'NobileRegular', Verdana, sans-serif;  }
.africa .item h2 {color:#fff; }
.africa .image-library h2 {color:#000; }
div.flickrAsia h2 {font-size: 2em; color:#fff; text-decoration:none; 	padding:35% 0 0 0; line-height: 125%; 	font-family: 'NobileRegular', Verdana, sans-serif;  }
div.flickrAustralasia h2 {color:#fff;  }
.item a {display:block; width:100%; text-decoration: none !important;}
.item a:focus img, .item a:hover img{opacity:0.66; background: #000; 
filter:alpha(opacity=66); }
.item:hover .controls, .item:focus .controls {display:inline;}

.item h2 a, .item h2:visited, .item h2:hover, .item h2:active  {
	text-decoration: none; 
	color: #000; 
	}

.flickr:hover {background:#ccc url(../images/through-a-lens/flickr-icon.png) top right no-repeat; background-position: 145px 20px; }
.flickrAsia:hover, .flickrAustralasia:hover {background-color:#ccc; }
.image-library:hover {background:#ccc url(../images/through-a-lens/shop-icon.png) top right no-repeat; background-position: 145px 20px; }
.image-libraryAsia:hover, .image-libraryAustralasia:hover {background-color:#ccc; }


.disclaimer .show {display:block; }
.disclaimer {background-color:#dedede; display: inline-block!important; }


body.document {background:none;}
body.document header {padding:1em 0 1em 0; }
body.document #main {padding:10px 0 0 0;}
body.document #main article {width:100%; position:relative; padding:0; margin:0; text-align: center;}
.imgContainer  {margin:0.5em auto; height:100%; width:100%; float: left;}
.imgContainer img { width:100%; margin: 1em 0;}
body.document nav.imageNav {width:100%; float: left; margin: 0 0 4em 0; }
body.document nav.imageNav li.prev {position:absolute; margin-top: 200px; left:-6px; background: #fefefe; opacity: .75; filter:alpha(opacity=75);}
body.document nav.imageNav li.next {position:absolute; margin-top: 200px; right:-6px; background: #fefefe; opacity: .75; filter:alpha(opacity=75);}
body.document #main aside.links {clear:both; width:100%; padding:0; margin:1em auto 0 auto; }

body.document ul {margin:0; padding:0;  }
body.document ul li {list-style:none; margin:1%; padding:0; position:relative; float: left; font-size: 1em !important; z-index: 100; }
body.document ul li.imageLibrary {width:48%; float: right; background:#7FD0EE; display: block; }
body.document ul li.flickrLink {width:48%; float: left; background:#EBAB00; display: block; }
body.document ul li h2 {padding:0.75em 3.6em 0.75em 0.75em; font-size: 1.1em; margin:0 2em 0 0; line-height: 135%; }
body.document ul li a:link, a:hover, a:visited {color:#000; text-decoration:none; }
body.document ul li a:hover {background: #ddd; display: block;}
body.document ul li .icon {float:right;}

li.flickrLink a {position: absolute; top: 0; left: 0; min-height: 6.5em; background:#EBAB00; cursor: pointer;}
.asia li.flickrLink a {background:#008193; color: #fff!important;  }
.africa li.flickrLink a {background:#8A0752; color: #fff!important;  }
.australasia li.flickrLink a {background:#b06f00; color: #fff!important;  }
.asia li.flickrLink a:hover {color: #000!important;  }
.africa li.flickrLink a:hover {color: #000!important;  }
.australasia li.flickrLink a:hover {color: #000!important;  }
li.imageLibrary a {position: absolute; top: 0; left: 0; min-height: 6.5em; background:#7FD0EE; cursor: pointer;}
.asia li.imageLibrary a { background:#B58FBD; }
.africa li.imageLibrary a { background:#F4D57F; }
.australasia li.imageLibrary a { background:#7fc2a0; }

li.prev a:focus, li.next a:focus {background: #000; display:block; border: 1px solid #666;}

.backBtn {padding: 0.5em 1em; display: block; text-align: center;}
.backBtn a:link, .backBtn a:visited  {color: #000; text-decoration: none; }
.backBtn a:hover {color: #000; text-decoration: underline;}

#tnaSearchWrapper {
    display: none;
}



/*--------------------------------------------------------------
3.1 - Text
--------------------------------------------------------------*/

@font-face {
    font-family: 'NobileRegular';
    src: url('/fonts/nobile-webfont.eot');
    src: url('/fonts/nobile-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/nobile-webfont.woff') format('woff'),
         url('/fonts/nobile-webfont.ttf') format('truetype'),
         url('/fonts/nobile-webfont.svg#NobileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family: Verdana, Arial, Helvetica, sans-serif;margin:0 auto; font-size: 12px; line-height:150%; position:relative; text-rendering: optimizelegibility;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'NobileRegular', Verdana, Geneva, sans-serif; 
	font-weight:normal; 
	line-height:1.25em;}

h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}

#banner h1, .world h1 {padding: 10px 20px 0 20px; margin:0; color: #fff; width: 100%; float:left; letter-spacing: -0.03em; line-height: 1.25em;}

#banner h1 span {font-size: 0.6em; color: #fff; display: block; letter-spacing: 0; line-height: 1.5em;}
#banner h1 span.sub {font-size: 0.6em; color: #fff; display: inline; letter-spacing: -0.03em; line-height: 0.75em;}
#banner p {color: #fff;	margin: 0 10px; padding: 10px; width: 85%; clear:both; }


.world h1 {font-size: 2em;}

.world p { color: #fff;	margin: 0 10px; padding: 10px; clear:both;  }

.catRef {  font-size: 0.9em; display: inline-block; word-wrap: break-word;}

aside h2 { padding: 1.5% 0; margin: 0 ; font-size: 1.5em; line-height: 200%; text-align: left;}


/*--------------------------------------------------------------
3.2 - Colors
--------------------------------------------------------------*/

::-moz-selection { background: #4382A8; color: #fff; text-shadow: none; }
::selection      { background: #4382A8; color: #fff; text-shadow: none; }

/*--------------------------------------------------------------
4.0 - Navigation
--------------------------------------------------------------*/

nav  {background: #d9d9d9;}
nav a {font-size:.9em;}





.menu-button {display: block;padding: 1em;background: #000;color: #fff; cursor: pointer;}

/*------------------------- The following rule is for obscuring the Close button from the Colorbox loaded content -------------------------*/

#cboxClose { display: none !important; }

.downArrow { background: url(/images/global/white-down-arrow.png);  }
.upArrow { background: url(/images/global/white-up-arrow.png);   }

#lensNav {float: right; margin: -70px 20px 20px 20px; display: inline; z-index: 1000;}
#lensNav ul { width: 100%; float: right; margin: 0; padding: 0; }
#lensNav li { float: right; text-align:right; list-style:none; margin-left: 10px; display: inline-block;}

#lensNav li a {  color: #FFF; text-decoration: none; }
#lensNav li a:hover {  text-decoration: underline;}

#lensNav-noscript {position: relative; top: -60px; width: 100%; margin: 20px auto; display: inline; z-index: 1000; text-align: center; }
#lensNav-noscript ul { width: 100%; margin: 0 0 0 -10px; padding: 0; }
#lensNav-noscript li { text-align:center; list-style:none; margin-left: 10px; display: inline-block;}

/*--------------------------------------------------------------
4.2 - Sub-menus
--------------------------------------------------------------*/




/*--------------------------------------------------------------
4.3 - Pagination
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5 - Images
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.1 - Icons and arrows
--------------------------------------------------------------*/
span.arrow {  font-size: 0.7em; position: relative; top: -3px;  }
.document span.arrow {  font-size: 0.7em; position: relative; top: -2px; }
span.arrow {  #position: relative; #top: 1px; }
.document span.arrow {  #position: relative; #top: 0px; }
.red-arrow-large {background:url(/images/arrows/arrow-red-large.gif) right no-repeat;  display: inline; padding:7px 6px 9px 6px; height:0px; width:0px;}
.red-arrow {background:url(/images/arrows/arrow-red.gif) right no-repeat;  /*display: inline-block;*/ padding:8px 6px 8px 6px; height:0px; width:0px;}
.maroon-arrow {background:url(/images/arrows/arrow-maroon.gif) right no-repeat; display:inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.white-arrow {background: url(/images/arrows/arrow-white.gif) right no-repeat; display: inline; padding:9px 6px 9px 6px; height:0px; width:0px;}
.white-arrow-small {background:url(/images/arrows/arrow-white-small.gif) right no-repeat;  display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.black-arrow {background: url(/images/arrows/arrow-black.gif) right center no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px; }

/*Promotions arrows*/
.pink-arrow {background: url(/images/arrows/arrow-pink.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.green-arrow {background: url(/images/arrows/arrow-green.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.purple-arrow {background: url(/images/arrows/arrow-purple.gif) right no-repeat;display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}

/* For IE6 */
* html .red-arrow-large,* html .white-arrow,* html .white-arrow-small,* html .red-arrow,* html .black-arrow,* html .pink-arrow,* html .green-arrow,* html .purple-arrow, * html .maroon-arrow{display:inline-block;margin-top:2px;padding: 1px 6px 1px 6px;margin-bottom:0px;}
*html .black-down-arrow { display: inline-block; padding: 1px 6px 2px 6px; }
*html .black-up-arrow { display: inline-block; padding: 1px 6px 2px 6px; }

/* For IE7 - doesn't display arrows without line-block */
html>body .red-arrow-large, .white-arrow, .white-arrow-small, .red-arrow, .black-arrow, .pink-arrow, .green-arrow, .purple-arrow, .black-down-arrow, .black-up-arrow, .maroon-arrow {
	*display: inline-block;
	*position: relative;
	}
	
	.black-arrow {
			*vertical-align: middle;
	}
	
.icon {width:100%; clear:both; display:block; float:left; padding:0 0 20px 0;  } .icon img {float:right; padding:10px 10px 0 0;}
.not-shown {display: none;}




/*--------------------------------------------------------------
6.3 - Error / Success Messages
--------------------------------------------------------------*/

#failover-text {width:100%; background:#fff; border-bottom:#c41d28 4px solid; border-left:#c41d28 4px solid;  border-right:#c41d28 4px solid;  padding:20px 120px 20px 60px; margin: 0 0 0 -90px; text-align:center; }
#failover-text p {color:#000; text-align:center; padding:5px 8px 5px 38px; font: 1.2em/120% Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

/*--------------------------------------------------------------
6.4 - Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.6 - Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.9 - Lists 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.10 - Tabs 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.12 - Buttons
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.1 - Smartphone 
--------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

h2.flex-caption {
	width: 90%;
}

#banner h1 {font-size: 2em ;}
#banner p {font-size: .9em; line-height: 150%;}


aside.booksAndResources > div.books li {width: 47%;}

aside.booksAndResources > div.books li h3  {margin: 1em 0 0 0;}

aside.booksAndResources > div.books li p {float: left;}

}

@media only screen and (min-width: 480px) {
 
/* ====================
    INTERMEDIATE: Menu
   ==================== */
body {width:480px;}
nav li:first-child a{ margin-left:0;  }
nav li:last-child  a{ margin-right:0; }
#main-navigation {  border-bottom: none; }
 
#ftr-footer-links-wrapper div {float: left; width: 50%; text-align:left; padding: 1em 0;}
 
#banner h1 {line-height: 2em;}
#banner h1 span {line-height: 0.75em;}
 


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
nav ul li{display:inline;}	
.oldie nav a{margin:0 0.7%;	}

}

/*--------------------------------------------------------------
7.2 - Tablet 
--------------------------------------------------------------*/

@media only screen and (min-width: 768px) {

body {width:725px; }
body.document {width:600px;}



#tnaSearch {
    width: 12em;
}


.bookLogo, .resourceLogo, .mediaLogo {margin-right: 0;}

#main-menu {display: block;}.menu-button {display: none;}
#main-menu li {float:left; border-right:1px solid #a2a2a2; border-left:1px solid #fafafa;clear:none; width:auto; padding:0;}
#main-menu a {display:block; color:#000; text-decoration:none; padding:5px 18px; text-align: inherit;}

#banner {min-height: 230px; margin: 0; padding: 0 0 0 0;}
#banner h1 {width: 60%; line-height: 1.75em;}
#banner h1 span {line-height: 1em;}
#banner h1 span.sub {line-height: 0.5em;}
.world h1 {font-size: 2.5em;}

#main article {margin: 20px; width: 100%; }

.relatedPodcasts h2, .relatedBlogs h2 { font-size: 2em; line-height: 150%;}

#lensNav {width: 35%; }


/* ============
    WIDE: Main
   ============ */

#banner p {width: 60%;}
}

/*--------------------------------------------------------------
7.3 - Desktop 
--------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {

#tnaSearchWrapper {
    display: block;
}


body{width:96%; }   
#outerWrapper{width:960px; padding:0 14px 0 14px;background: url(/images/global/body-bg.jpg) top center repeat-y;margin:0 auto; position: relative;}
.wrapper{width:960px; margin:0 auto;}
body.document .wrapper{width:100%; margin:0 auto;}	


#tnaSearchWrapper form {
    width: 32em;

}

#tnaSearch {
    width: 15.5em;
}

nav a {font-size:1em;}
#main-menu-wrapper {min-height: 2.5em; width: 760px; margin:0 auto; background:#d9d9d9 url(/images/global/main-menu-bg.gif) bottom repeat-x;}
#main-menu a { padding:5px 20px 5px 20px;}

#breadcrumb.border-world { border-top: 4px solid #0B454D; }
#breadcrumb.border-americas { border-top: 4px solid #EBAB00; }
#breadcrumb.border-asia { border-top: 4px solid #008193;  }
#breadcrumb.border-africa { border-top: 4px solid #8A0752;  }
#breadcrumb.border-australasia { border-top: 4px solid #B06F00;  }

#main article {margin: 20px; width: 98%; }


#banner-container {margin: 0 20px; }


#banner h1 {padding: 10px 20px 0 20px; margin:0; color: #fff; font-size: 3em; width: 90%; float:left; letter-spacing: -0.03em; line-height: 1.5em;}
#banner h1 span {font-size: 0.6em; color: #fff; display: block; letter-spacing: 0; line-height: 1.5em;}
#banner h1 span.sub {font-size: 0.6em; color: #fff; display: inline; letter-spacing: -0.03em; line-height: 0.5em;}
#banner p {width: 35%;}


.world {
	width: 35%;

}


aside.primaryAside {width: 96%; }
aside.primaryAside ul { text-align: center; }
aside.primaryAside ul li {margin:0 1em 20px 0; }

aside.worldAside ul {
	margin: 0; 
	padding-left: 0; 
	list-style-type: none;
width: 100%;
text-align: left;
}


aside.booksAndResources {width: 96%; margin: 0 auto; }
aside.booksAndResources > div.books {
	float: left; margin: 0 5px 20px 0; padding: 0; display:inline; width: 49%;}

aside.booksAndResources > div.resources {
	float: right; margin: 0 0 20px 5px; padding: 0; display:inline; width: 49%;}


#ftr-footer-links-wrapper div {float: left; width: 229px; border-left: 1px dotted #e5e5e5; text-align:left;}

.disclaimer {width: 48%;}
.africa .disclaimer {width: 215px;}

}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/*.hidden { display: none !important; visibility: hidden; }*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}