/* NOT MANAGED IN BRICOLAGE - TELL C IF CHANGED */ 
/* Changes:
 * 2012
 *  08-01 C - Optimisations: removed TOC, colours from rgb to hex, etc.
 *  07-31 C - CSS lint changes and general tidyup
 *  04-20 C - styles for infographic zoomer
 */

/* Author styles ------------------------------------------------------------------------ */
@font-face {
  font-family:"Caecilia-LT-Std-Bold";
  src:url('/ui/type/CaeciliaLTStd-Bold.eot'); /* for IE */
  src:local("Caecilia-LT-Std-Bold"), 
       url('/ui/type/CaeciliaLTStd-Bold.otf') format("opentype"), 
       url('/ui/type/CaeciliaLTStd-Bold.ttf') format("truetype"); 
}

body {
  background-color:#f4f3f2;
  font:14px Cambria,"Palatino Linotype","URW Palladio L",Palatino,"Book Antiqua",Georgia,serif; 
  color:#000;
  padding-top:18px;
}

code {
	white-space: pre-wrap
}
h1,h2,h3,h4,h5,h6{color:inherit}
h1,h2{font-family:Georgia,"DejaVu Serif",serif}
h1{font-size:2em;margin-bottom:.75em}
h3{font-size:1.2em;line-height:1.25}
.header h1, .header h2 {
  width:600px;
  height:70px;
  background:url(/ui/img/h1-index.png) no-repeat 0 0;
  text-indent:-9999px;
}
.header h2 a {display:block}
#promo,#promo-foot{font:400 11px FreeSans,Helvetica,Arial,sans-serif}
#facebook-likers {width:90%}
#intro {
  position:relative;
  padding:6px 9px 5px;
  background:#a03c3c;
  border-bottom:1px solid #692828;
  color:#fff;
  font:400 11px FreeSans,Helvetica,Arial,sans-serif;
}

/*********************
*** HTML ELEMENTS  ***
*********************/
address {margin:0;font-style:400}
abbr, acronym {border-bottom-width:0}
blockquote {
  position:relative;
  left:-40px;
  min-height:30px;
  margin:0 0 18px;
  padding-left:40px;
  background:url(/ui/img/quotes-open.png) no-repeat 0 0;
}
iframe {margin-bottom:18px}

/* Anchors -------------------------------------------------------------- */
a{color:#a03c3c;text-decoration:none}
a:focus, a:hover {
  color:#191919;
  text-decoration:underline;
}
a:active, a:focus {
  color:#333;
  position:relative;
  top:1px;
}
.x{position:absolute;top:5px;right:9px} /*TODO:where used?*/
a.more:after{content:"»"}

#content-blogs:target .more,
#content-magazine:target .more {
  padding:2px 3px;
  background-color:#a03c3c;
  color:#fff;
}
.action-button a, .close a {
  padding:4px 9px;
  border-radius:5px;
  font:400 10px FreeSans,Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  cursor:pointer;
}

.action-button a:hover,.close a:hover {text-decoration:none}
.action-button a:hover {background-color:#191919}
.action-button a {
  background-color:#a03c3c;
  color:#fff;
}
.close a:hover {background-color:#666}
.close a {
  background-color:#191919;
  text-shadow:#000010;
  color:#fff;
}
#intro a{font-weight:700;color:#fff}
.rss a {
  padding-right:18px;
  background:url(/ui/img/icons/a-rss-small.png) no-repeat 100% 50%;
}
.footer .rss a {
  padding-left:30px;
  background:url(/ui/img/icons/a-rss.png) no-repeat 0 50%;
}

/* Lists -------------------------------------------------------------- */
ul,ol{margin:0 0 18px} 
.article ul, .article ol {margin-left:2em}
form ul {
  overflow:hidden;
  list-style-type:none;
}
form li {
  float:left;
  width:190px;
  margin-right:10px;
}
.unstyled-list{list-style-type:none}
.footnotes {
  margin-bottom:1.5em;
  font-size:11px;
  line-height:1.44em;
}
.article ul.inline, .article ol.inline {margin-left:0}
.inline {
  clear:both;
  list-style-type:none;
  padding:18px 0; 
  border-top:1px dashed #b4b4b4;
  font:11px FreeSans,Helvetica,Arial,sans-serif; 
}
.inline:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;
}
.inline li {
  float:left;
  display:inline;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #b4b4b4;
}
.inline li.first, .inline li.label {
	border-right:none!important;
	padding-right:0!important;
}
.inline li.last {
  margin-right:0!important; 
  padding-right:0!important; 
  border-width:0!important; 
}
.entry-content ul, .entry-content ul li {list-style-type:circle}
.compact {
	margin-bottom:1em;
}
.compact .inline {
	border-top:none!important;
	padding:0!important;
	margin:0!important;
}

/* Forms -------------------------------------------------------------- */
fieldset {
  margin:0 0 18px;
  padding:0;
  border-width:0;
}
li fieldset {
  margin:0;
  padding:0;
}
input[type="text"], textarea {margin:.5em 0;border:1px solid #b4b4b4}
input[type="text"] {
  width:390px; 
  padding:5px; 
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
}
input[type="text"]:hover, textarea:hover {border:1px solid #646464}
input[type="text"]:focus, textarea:focus {border:1px solid #000}
#search-top input[type="text"] {margin:0}
#search-top button, #search button {
  padding:4px 9px; 
  border-width:0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color:#a03c3c; 
  color:#fff;
  font:400 10px FreeSans,Helvetica,Arial,sans-serif; 
  text-transform:uppercase;
  letter-spacing:1px; 
  cursor:pointer; 
}
#search-top button:hover, #search button:hover {background-color:#000}
#search-top p{
  margin:0; 
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
}
#search-top input[type="text"] {
  width:200px; 
  margin-right:10px; 
}
#search input[type="text"] {
  width:400px; 
  font-size:1.2em;
  margin-right:10px; 
}
#search_form_submit button {font-size:18px}
#search-top #top-q	{
  width:210px;
  margin-right:4px;
}
#search-top #top-submit {font:11px FreeSans,Helvetica,Arial,sans-serif}

/* TODO:remove?  .shop #search input[type="text"] {width:160px; margin-right:10px} */
.aside input[type="text"] {
  width:160px;
  padding:3px;
  margin-bottom:0;
}
#signup input[type="text"] {width:210px} 

/* Tables -------------------------------------------------------------- */
th,td{vertical-align:top}
td,caption {padding:4px 10px 4px 0}
th {padding:4px 5px 4px 0;font-weight:700}
thead th {background:transparent} 
.dt{width:110px}
td.summary{width:190px}
.extra{padding-left:5px;width:95px}
caption {
  margin-bottom:18px;
  background:transparent;
  font-size:1.2em;
  line-height:1.25;
}
.file tr:nth-child(odd) th, .file tr:nth-child(odd) td {background-color:rgb(234,232,230)}
.file th {width:120px} 
.ratings tr th, .ratings tr td {border-bottom:1px solid #b4b4b4}
/* Table sorting */
.header {
  padding:0 0 9px 12px;  
  cursor:pointer; 
}
.headerSortUp {background:url(/ui/img/arrow_up.png) no-repeat 0 6px}
.headerSortDown {background:url(/ui/img/arrow_down.png) no-repeat 0 6px}

/* Images -------------------------------------------------------------- */
img {padding:5px;background-color:#fff}
#superbox img {padding:0;margin:0}
.stars, .pop {
  padding:0;
  background-color:transparent; 
  border-width:0; 
}
.pop {margin-top:-20px} 
p img.left {
  float:left; 
  margin:0 20px 18px 0; 
  padding:0; 
}
p img.right {
  float:right; 
  margin:0 0 18px 20px; 
  padding:0; 
}
.image-left {/* for block-level elements, more compatible than the above and used in related_media_graphic.mc */
	float:left;
	margin:0 20px 18px 0;
}
.image-right {
	float:right;
	margin:0 0 18px 20px; 
}
.image-right img, .image-left img {
	width:200px;	
}
.image-thumb {
	width:200px;	
}
p.caption {
  margin-bottom:18px; 
  font:700 10px FreeSans,Helvetica, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  line-height:1.44em;
  color:#b4b4b4;
}
p.caption img{display:block;margin-bottom:4px}


/********************
*** NEWINT DESIGN ***
*********************/

/* Layout -------------------------------------------------------------- */
.container,#header,#footer {width:100%}
.header,.nav-main,.section,.footer {width:950px;margin:0 auto}
.header {position:relative}
#leaderboard {float:right}
.article {
  float:left; 
  width:600px;
  margin-bottom:1.5em;
}
.article.no-sidebar {
	width:950px;
	float:none;
}
.article .no-sidebar {
	width:950px;
	float:none;
}
#content-blogs {
  margin-bottom:18px; 
  border-bottom:4px solid #a03c3c; 
}
.row {
  overflow:hidden;
  margin-bottom:18px; 
  border-bottom:3px double #b4b4b4;
}
.col {float:left}
.aside {
  float:right;
  width:300px;
}
.footer {
  padding:36px 0 18px 0; 
  border-top:4px solid #a03c3c;
  font-size:13px; 
}
.group:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;
}
.last {
  margin:0;
  padding:0;
  border-width:0;
}

/* Layout variants -------------------------------------------------------------- */
.index .aside {padding-top:4em} 
.alt .aside {padding-top:0}
.alt #content-blogs {
  float:left;
  width:270px;
  margin:0;
  padding-bottom:18px;
  border-bottom-width:0;
}
.alt #content-magazine {
  float:left;
  width:270px;
  margin-right:50px;
  padding-bottom:18px;
  border-bottom-width:0;
}

/** Boxen **/

/* Box - general -------------------------------------------------------------- */
.box h4 {margin-bottom:4px}
.aside .box {
  margin-bottom:18px;
  background:#f4f3f2;
  border-bottom:1px solid #b4b4b4;
}
.aside .box ul {list-style-type:none}
/* is this needed anywhere outside asides? -T */

/* Box - notice */
.error, .notice, .success {
  overflow:hidden;
  padding:20px;
}
.notice {
  background:rgb(228,225,223) url(/ui/img/featured.png) repeat-x 0 0;
  border-width:0;
}
.notice img {
  float:right;
  margin-left:20px;
  background-color:#fff;
}
.notice p {font-size:16px}

/* Box - highlight */
.aside .highlight {
  padding:20px 20px 0;
  background:#a03c3c url(/ui/img/highlight.png) repeat-x 0 0; 
  font:400 12px FreeSans,Helvetica,Arial,sans-serif;
  color:#fff; 
}
.aside h3 {
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
  text-transform:uppercase; 
  letter-spacing:1px; 
}
.aside .highlight a {
  color:#fff;
  text-decoration:underline;
}
.aside .highlight #email {
  width:160px; 
  margin-right:10px;
  background-color:#a03c3c; 
  color:#fff; 
}
.aside .highlight button {
  background-color:#692828; 
  border-width:0; 
  border-radius:5px; 
  padding:5px 9px; 
  text-transform:uppercase; 
  letter-spacing:1px; 
  font:400 10px FreeSans,Helvetica, Arial, sans-serif; 
  color:#fff;
  cursor:pointer; 
}
.aside .highlight button:hover {
  background-color:#4b1e1e; 
  color:#fff; 
}

/* Prominent box */
.prominent-box {
  padding:20px ;
  margin-bottom:18px;
  background:#a03c3c url(/ui/img/highlight.png) repeat-x 0 0; 
  font-family:Helvetica, Arial, sans-serif;
  color:#fff;
}
.prominent-box p {
	margin-bottom:0;
	padding-bottom:20px;
}
.prominent-box h3 {
  text-transform:uppercase; 
  letter-spacing:1px; 
}
.prominent-box a {
  color:#fff; 
  text-decoration:underline; 
}

/* fact box */

.factbox {
	background: none repeat scroll 0 0 #E4E1DF;
	width:30%;
	padding:10px;
	font-size:0.8em;
}

.factbox.left {
	float:left;
	margin-right:2%;
}
.factbox.right {
	float:right;
	margin-left:2%;
}
.factbox h2 {
	color: #555;
	text-align:center;
	font-family: freesans, helvetica, arial, sans-serif;
	font-weight:bold;
	text-align: center;
	text-transform:uppercase;
}
.factbox h3 {
	color: #555;
	font-family: freesans, helvetica, arial, sans-serif;
	font-size: 6.1em;
	font-weight:bold;
	letter-spacing: -3px;
	margin: 0.2em auto;
	text-transform: uppercase;
	text-align:center;
}


	



/** Footer ****************************************/

/* Subscription -------------------------------------------------------------- */
.subscription .section {
  position:relative; 
  width:700px; 
  margin-bottom:18px;
  padding:36px 230px 36px 20px; 
  background:rgb(228,225,223) url(/ui/img/subscription.png) no-repeat 0 0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9; 
} 
.subscription .one {
  width:310px; 
  margin-right:40px; 
  padding-right:40px; 
  border-right:1px solid #b4b4b4; 
}
.subscription .two {width:300px}
.subscription blockquote {
  left:0;
  margin:0; 
  font-style:400; 
}
.subscription .col p:last-child {margin:0}
.subscription #promo, .subscription #promo-foot {
  position:absolute; 
  top:-18px; 
  left:760px; 
  width:160px; 
}
.subscription #promo img, .subscription #promo-foot img {margin-bottom:4px}

/* Footer -------------------------------------------------------------- */
.footer ul {
  float:left; 
  list-style-type:none; 
  width:110px; 
  margin-right:50px; 
}
.footer .vcard {
  float:left; 
  width:140px; 
  margin-right:20px; 
}
.footer #about {
  float:left; 
  padding-left:20px;
  width:239px; 
  border-left:1px solid #b4b4b4; 
}
.footer #copyright {
  clear:left; 
  padding:18px 0;
  text-align:center;
}

/* Bottom social media buttons
-------------------------------------------------------------- */
.footer ul#thirdparty  {
  clear:left; 
  overflow:hidden; 
  width:285px; /* tom:a bit too much to leave some margin - prob not v elegant, but ok */
  margin:18px auto 36px;
  float:none;
}
.footer #thirdparty li {
	float:left;
	margin:0 20px;
}

/***************************************
*** ELEMENTS/TOOLS OF NO FIXED ABODE ***
***************************************/

/** Badges
****************************************/
.minibadge span, .non-fp-button span {/* TODO:.button is taken by FP subscribe button - so when time, rename this or see if can bring under this rule... */
	background-color:#690000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
  border-radius:5px;
	color:#FFF;
	padding:4px 9px;
	letter-spacing:1px;
	font:12px FreeSans,Helvetica,Arial,sans-serif;
}
.minibadge a, .non-fp-button a {color:#FFF}
.#000-badge {
	background-color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
  border-radius:5px;
	color:#FFF;
	padding:4px 9px;
	letter-spacing:1px;
	font:12px FreeSans,Helvetica,Arial,sans-serif;
}
.grey-badge {
	background-color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
  border-radius:5px;
	color:#FFF;
	padding:4px 9px;
	letter-spacing:1px;
	font:12px FreeSans,Helvetica,Arial,sans-serif;
}

/* Popup superbox */
/* Popup superbox ::Base styles */
#superbox-overlay {
  position:fixed; 
  top:0; 
  left:0; 
  z-index:9998; 
  width:100%; 
  height:100%;
  background-color:#fff;
}
#superbox-wrapper {
  position:fixed; 
  z-index:9999; 
  top:0; 
  display:table; 
  width:100%; 
  height:100%;
}
#superbox-container {
  position:relative; 
  display:table-cell; 
  width:98%; 
  height:98%; 
  padding:0; 
  vertical-align:middle;
}
#superbox{
  margin:0 auto; 
  padding:0; 
}
#superbox-container .loading {
  margin:0; 
  text-align:center;
}
/* Popup superbox ::Default styles */
#superbox-container .loading {
  text-align:center; 
  font-size:40px; 
  color:#fff;
}
#superbox {
  overflow:hidden;
  border:4px solid #fff;
}
#superbox #superbox-innerbox {min-height:340px!important}
#superbox-container .iframe {padding:20px}
#superbox.image {text-align:center}
#superbox .nextprev{display:none}
#superbox .close {text-align:left; margin:4px 0 8px}
#superbox .close a {background-color:#A03C3C}
.popup {
  background:transparent;
  border-width:0; 
  color:#fff; 
  padding:5px 10px;
}
.popup #offer {
  padding:4px; 
  background-color:#690000;
  border:1px solid #fff;
  color:#fff;
  font:400 12px FreeSans,Helvetica,Arial,sans-serif; 
  text-align:center;
}
.popup #promo {
  float:left; 
  width:160px; 
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
  color:#fff;
}
.popup .col {
  float:left; 
  width:190px; 
  margin-right:30px;
}
.popup .last {
  width:190px; 
  margin-right:0;
}
.popup a {color:#fff}
.popup .action-button a, .popup .action-button a {background-color:#690000}
.popup .action-button a:hover {background-color:#191919}
.popup .clear {
  padding-top:18px;
  border-top:1px dashed #fff;
  font:400 11px FreeSans,Helvetica, Arial, sans-serif;
}
p.loading {
  padding:9px 18px;
  background:#fff; 
  color:#000!important;
}
.popup form br{display:none}
.popup form fieldset {
  float:left; 
  width:280px;
  margin-right:10px;
}
.popup form p {
  overflow:hidden; 
  margin:0; 
}
.popup form p label {
  position:relative;
  top:6px;
  float:left; 
  width:90px;
  margin-right:10px;
}
.popup form p input {
  float:left; 
  width:140px; 
  background-color:#a03c3c; 
  color:#fff;
}
.popup form button {
  margin-bottom:9px;
  padding:5px 9px; 
  background-color:#692828; 
  border-width:0; 
  border-radius:5px; 
  text-transform:uppercase; 
  letter-spacing:1px; 
  font:400 10px FreeSans,Helvetica,Arial,sans-serif; 
  color:#fff;
  cursor:pointer;
}
.popup form button:hover {
  background-color:#4b1e1e; 
  color:#fff;
}

/*********************
****** SIDEBAR  ******
*********************/

/* Adverts */
#google_ads_div_Sidebar {margin-bottom:12px}

/* Sidebar ::Signup/follow us */
#enews-signup {padding-bottom:5px}

.box.red-and-beige h3 {
	background:url("http://www.newint.org/ui/img/highlight.png") repeat-x scroll 0 0 #A03C3C;
	margin:0;
	padding:9px 20px;
	color:#fff;
}
.box.red-and-beige .main {
	background:url('http://www.newint.org/ui/img/halftone.png') repeat-x scroll 0 0 #c7bf91;
	padding:14px 20px;
}
#enews-signup p {margin-bottom:1em}
#enews-signup input[type="text"] {width:180px}
#social-networks {
  margin-bottom:10px;
  height:16px;
}
#social-networks img {background:none; margin-right:0.3em}
.fb-like {float:left; margin-right:1em}

#enews-signup-facebook {
  background:url("/ui/img/icons/facebook.png") no-repeat scroll 0 0 transparent;
  height:16px;
  padding-left:20px;
  float:left;
  margin-right:17px;
}
#enews-signup-twitter {
  background:url("/ui/img/icons/16px-twitter-bird.png") no-repeat scroll 0 0 transparent;
  height:16px;
  padding-left:20px;
  float:left;
  margin-right:17px;
}
#enews-signup-rss {
  background:url("/ui/img/icons/rss.png") no-repeat scroll 0 0 transparent;
  height:16px;
  padding-left:20px;
  float:left;
}

/* Sidebar ::Most popular block */
#most-popular-box .hentry {margin-bottom:.5em}
#most-popular-box .hentry h4 {font-size:1em}

/* Sidebar ::Multimedia block */
#tabs-b3 .credit- {/* credit on vid tab */
	font-size:.7em;
	margin-bottom:4px;
}
#radio-ni-header a {color:#000}
#radio-ni-header img {
	padding:0; 
	margin-right:3px;
}

/* issues */
.next-issue h2,.last-issue h2 {
  font-size:24px;
  margin-bottom:0;
}
.next-issue p, .last-issue p {font-size:13px}
.next-issue h2 + p, .last-issue h2 + p {
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase; 
}
.next-issue img, .last-issue img {
  float:right; 
  margin:0 0 5px 20px;
}

/* halftone */
.halftone {
  background:#f4f3f2 url(/ui/img/halftone.png) repeat-x 0 -48px; 
  border-top:3px solid #e1e1e1; 
}
.halftone .tabs-box > h3 {padding:9px 0 0 9px} 
.halftone .box {
  padding-top:18px; 
  padding-bottom:0; 
  border-bottom:0;
}

/* Issue number -------------------------------------------------------------- */
#issue {
  position:absolute;
  top:0;
  left:20px;
  list-style-type:none; 
  margin:0; 
  padding:18px 0;
  width:80px;
  background:#a03c3c; 
  color:#fff; 
  text-align:center; 
  text-transform:uppercase; 
  line-height:1; 
}
#issue li {text-align:center}
#issue .month {margin-top:2px}
#issue .month, #issue .year {
  font:400 11px FreeSans,Helvetica, Arial, sans-serif; 
  letter-spacing:2px;
}
#issue .number {font-size:20px}

/* Teaser --------------------------------- */
.teaser h3 {
  margin-bottom:18px;
  clear:none; 
  font:400 11px FreeSans,Helvetica, Arial, sans-serif; 
  text-transform:uppercase; 
  letter-spacing:1px;
}
.teaser h4 {margin-bottom:9px}
.teaser p {
  margin-bottom:9px;
  font-size:13px;
} 
.teaser img {background-color:#fff}

/* Grid components only for teaser -------------------------------------------------------------- */
.teaser .span-1, .teaser .span-2, .teaser .span-3, .teaser .span-4, .teaser .span-5, .teaser .span-6, .teaser .span-7, .teaser .span-8, .teaser .span-9, .teaser .span-10, .teaser .span-11, .teaser .span-12, .teaser .span-13, .teaser .span-14, .teaser .span-15, .teaser .span-16, .teaser .span-17, .teaser .span-18, .teaser .span-19, .teaser .span-20, .teaser .span-21, .teaser .span-22, .teaser .span-23, .teaser .span-24 {
  float:left; 
  margin:0 10px 0 0; 
  padding:18px 20px;
} 
.teaser .last {margin-right:0;padding:18px 20px}
.teaser .span-1 {width:10px}
.teaser .span-2 {width:30px}
.teaser .span-3 {width:70px}
.teaser .span-4 {width:110px}
.teaser .span-5 {width:150px}
.teaser .span-6 {width:190px}
.teaser .span-7 {width:230px}
.teaser .span-8 {width:270px}
.teaser .span-9 {width:310px}
.teaser .span-10 {width:350px}
.teaser .span-11 {width:390px}
.teaser .span-12 {width:430px}
.teaser .span-13 {width:470px}
.teaser .span-14 {width:510px}
.teaser .span-15 {width:550px}
.teaser .span-16 {width:590px}
.teaser .span-17 {width:630px}
.teaser .span-18 {width:670px}
.teaser .span-19 {width:710px}
.teaser .span-20 {width:750px}
.teaser .span-21 {width:790px}
.teaser .span-22 {width:830px}
.teaser .span-23 {width:870px}
.teaser .span-24 {width:910px}

/* Twitter -------------------------------------------------------------- */
#twitter_update_list {list-style-type:none}

#twitter_update_list li {
  margin-bottom:.5em; 
  padding-bottom:.5em; 
  border-bottom:1px dashed #b4b4b4;
}

/* Flickr -------------------------------------------------------------- */
#flickr_badge_wrapper {overflow:hidden}
.flickr_badge_image {
  float:left; 
  margin:0 10px 5px 0;
}

/*********************
***** NAVIGATION *****
*********************/

/* Nav-tools -------------------------------------------------------------- */
#nav-tools {
  position:absolute; 
  top:0; 
  left:535px; 
  overflow:hidden; 
  list-style-type:none; 
  padding:9px;
}
#nav-tools li {
  float:left; 
  margin-right:18px;
}
#nav-tools a, .nav-tools a:visited {
  float:left;
  font:400 11px FreeSans,Helvetica,Arial,sans-serif;
  text-transform:uppercase; 
}

/* Nav-main -------------------------------------------------------------- */
.nav-main {font:400 11px FreeSans,Helvetica,Arial,sans-serif}
#nav-above-bar-left {float:left}
#nav-above-bar-right {
	float:right;
	width:468px;
}
#nav-sections {
  overflow:hidden; 
  list-style-type:none; 
  float:left; 
  margin:0;
}
#nav-sections li {
  display:block;
  float:left;
  margin-right:20px;
}
#nav-sections a {
  display:block;
  padding:6px 9px 5px;
  border-radius:5px;
  font:400 11px FreeSans,Helvetica, Arial, sans-serif; 
  text-transform:uppercase;
}
#nav-sections a:hover {
  background-color:rgba(140,130,120,.1);
  text-decoration:none;
}
#nav-main #search, #nav-main #search-top {
	float:right;
	width:300px;
	text-align:right;
	margin:0;
}
#nav-main #search fieldset {margin:9px 0 0}
#nav-sections {float:left}
#nav-utility-links {
	list-style-type:none;
	width:168px;
	float:left;
	padding-top:6px; /* same as #nav-sections a */
	text-align:right;
}
#nav-utility-links li {
	display:inline-block;
	zoom:1; /* trigger hasLayout in IE */
	*display:inline; /* for IE <= 7 - other browsers will ignore */
	margin-right:8px;
}
#nav-utility-links a.more {
  background:url("/ui/img/ext-link-12px.png") no-repeat scroll right 1px transparent;
  padding-right:14px;
}
#nav-utility-links a.more:after {content:none}

body.blog #nav-utility-links a.more {background:url("/ui/img/ext-link-blog-12px.png") no-repeat scroll right 1px transparent}
body.books #nav-utility-links a.more {background:url("/ui/img/ext-link-books-12px.png") no-repeat scroll right 1px transparent}

/* Nav-secondary -------------------------------------------------------------- */
#nav-bar {
	border-top:3px double #B4B4B4;
	clear:both
}
#nav-secondary {
	font:11px 'Helvetica','Arial',sans-serif;
	text-transform:uppercase;
	text-align:justify;
	padding:11px 0 9px;
	height:23px; /* height of rounded button, hides #nav-secondary-fakeline anyway */
	margin-left:-9px;
	margin-right:-9px;
}
#nav-secondary a {
	display:inline-block;
	zoom:1; /* trigger hasLayout in IE */
	*display:inline;
	padding:6px 9px 5px;
}
#nav-secondary a:hover {
  background-color:rgba(140,130,120,.1);
  text-decoration:none; 
}
#nav-secondary-fakeline {color:transparent}

/* Nav-location (breadcrumb) -------------------------------------------------------------- */
.nav-location {
  overflow:hidden;
  list-style-type:none; 
  background-color:rgb(228,225,223);
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9;
  font:400 11px FreeSans,Helvetica,Arial,sans-serif;
}
.nav-location li {
  display:block;
  float:left;
}
.nav-location a {
  display:block; 
  padding:6px 9px 5px;
}

/* Nav-gallery -------------------------------------------------------------- */
.nav-gallery {list-style-type:none}

.nav-gallery li {
  float:left;
  width:300px; 
  margin:0 10px 18px 0; 
  font:700 10px FreeSans,Helvetica, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  line-height:1.44em; 
  color:#b4b4b4;
}
.nav-gallery .last {margin:0 0 18px}
p.caption img {display:block;margin-bottom:9px}

/* Nav-podcasts -------------------------------------------------------------- */
.nav-podcasts li {
  position:relative; 
  list-style-type:none; 
  margin-bottom:1em; 
  padding-bottom:.5em; 
  border-bottom:1px dashed #b4b4b4;
}
.nav-podcasts h5 {
  margin-bottom:4px;
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
  text-transform:uppercase;
}
.nav-podcasts h4 {margin-bottom:0}
.nav-podcasts .play {
  position:absolute;
  top:0;
  right:0;
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
  text-transform:uppercase;
}

/* Nav-sub -------------------------------------------------------------- */
.nav-sub {list-style-type:none}
.nav-sub li {
  margin-bottom:.5em; 
  padding-bottom:.5em; 
  border-bottom:1px dashed #b4b4b4;
}

/* Pagination -------------------------------------------------------------- */
.pagination {
  clear:both;
  padding-top:18px; 
  border-top:3px double #b4b4b4;
}
.pagination li {
  display:inline; 
  margin-right:5px;
}
.pagination li a {
  padding:3px 7px; 
  background-color:#fff; 
  border:1px solid #b4b4b4; 
  font:400 11px FreeSans,Helvetica, Arial, sans-serif;
  text-transform:uppercase;
  text-decoration:none;
}
a.currentpage {
  background-color:#a03c3c; 
  color:#000; 
  border-color:#b4b4b4;
}
a.disablelink {
  background-color:#fff; 
  border-color:#b4b4b4;
}

/* Tabbed navigation -------------------------------------------------------------- */
.ui-tabs .ui-tabs-nav {
  margin:0; 
  border-bottom:1px solid #b4b4b4;
}
.ui-tabs .ui-tabs-nav:after {
  content:"\0020"; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; 
  overflow:hidden;
}
.ui-tabs .ui-tabs-panel {padding:18px 0}
.halftone .ui-tabs .ui-tabs-panel {padding:0 0 18px}
.ui-tabs .ui-tabs-nav li {
  margin:0 0 -1px 5px;
  background:#f4f3f2;
  border:1px solid #c8c8c8;
  font:400 11px FreeSans,Helvetica,Sans-serif;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-color:#b4b4b4}
.ui-tabs .ui-tabs-nav li a {padding:.5em 10px}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#000}

/* Dropdown menu navigation
------------------------------------------------------------------------------- */
.nav-interact li {
  position:relative; 
  z-index:100; 
}
.nav-interact .last a {
  position:relative; 
  top:-5px;
}
.nav-interact li span {
  position:relative; 
  z-index:10;
}
.nav-interact img.arrow {
  margin-left:4px; 
  padding:0; 
  background:transparent; 
  border-width:0; 
  cursor:pointer;
}
.nav-interact div.sub_menu {
  display:none; 
  position:absolute; 
  top:0; 
  left:0; 
  margin-top:18px; 
  padding:10px; 
  width:160px; 
  background-color:#fff;
  background-color:rgba(255,255,255,.75);
  border:1px solid #b4b4b4; 
  box-shadow:0 0 10px #b4b4b4;
}
.nav-interact div.sub_menu a {
  top:0;
  display:block; 
  margin:4px 0; 
  padding-left:25px;
}
#digg {background:transparent url(/ui/img/icons/a-digg.png) no-repeat 0 50%}
#reddit {background:transparent url(/ui/img/icons/a-reddit.png) no-repeat 0 50%}
#stumbledupon {background:transparent url(/ui/img/icons/a-stumbledupon.png) no-repeat 0 50%}
#facebook {background:transparent url(/ui/img/icons/a-facebook-s.png) no-repeat 0 50%}
#delicious {background:transparent url(/ui/img/icons/a-delicious.png) no-repeat 0 50%}

/* Accordion navigation
------------------------------------------------------------------------------- */
.ui-accordion {
  margin:0 0 36px; 
  padding:0;
}
.ui-accordion .ui-accordion-header {
  margin:0 0 .5em; 
  padding:0 0 .5em; 
  border-bottom:1px dashed #b4b4b4;
}
.ui-accordion .ui-accordion-header a {
  font-size:inherit; 
  padding:0;
}
.ui-accordion .ui-accordion-content {
  margin:0 0 24px;
  padding:0;
}
.ui-accordion ul, .ui-accordion ol {list-style-type:none}
.ui-accordion ol li {position:relative}
.ui-accordion ol a {
  display:block; 
  padding:2px;
}
.ui-accordion ol em {
  position:absolute; 
  top:0;
  right:0; 
}

/* nav-lists-sidebyside for in content */
.nav-lists-sidebyside {
	float:left;
	width:30%;
	font-size:.9em;
	list-style-type:none;
	padding:0 1em 0 0!important;
	margin:0 0 1em 0!important;
}
.nav-lists-sidebyside li {
	margin-bottom:4px;
}

/* Reviews template  
------------------------------------------------------------------------------- */

.reviews .hreview {
  overflow:hidden; 
  margin:0 0 18px;
}
.reviews .hreview .description {margin:0}
#reviews-more {display:none}
#superbox #reviews-more {
  display:block;
  padding:10px 10px 10px 60px;
}
#superbox #reviews-more blockquote p {
	color:#fff;
	font-weight:700;
	margin-bottom:0;
}
#superbox #reviews-more ul {
	margin-top:-14px;
}
#superbox #reviews-more ul li {
	list-style:none;
	color:rgb(200, 200, 200);
	font-style:italic;
}
body.books #superbox-container .content {
	background:#bbb none; /* T:was rgb(245,245,245) but was unreadable */
	overflow:auto;
}

/* Blog template 
------------------------------------------------------------------------------- */

h4.category {
  font:400 11px FreeSans,Helvetica,Arial,sans-serif; 
  text-transform:uppercase;
}

/* Lead entry 
------------------------------------------------------------------------------- */
.leader {margin-bottom:18px}
.leader img {margin-bottom:9px}
.leader p {font-size:16px}
.blog .leader {border-bottom:3px double #b4b4b4}
.leader-illustrated img {
  float:left; 
  margin:0 20px 18px 0;
}

/* hentry entries in two columns (note minor source order change)  
------------------------------------------------------------------------------- */
.summary {
  position:relative; 
  overflow:hidden; 
  margin:0 0 18px;
}
.summary .entry-title,.summary .entry-content {width:410px}
.summary ul {
  position:absolute; 
  top:0; 
  right:0; 
  list-style-type:none; 
  margin:0; 
  width:150px;
}

/* Grid entries in a grid format
------------------------------------------------------------------------------- */
.grid {
  float:left; 
  width:270px; 
  margin-right:30px;
}
.grid-illustrated img {
  float:left; 
  margin:0 20px 18px 0;
}

/* hentry entries expressed as an unordered list
------------------------------------------------------------------------------- */
li.hentry {
  position:relative;
  list-style-type:none;
}
li:only-child {
  margin-bottom:0; 
  border-bottom-width:0;
}
li.hentry .entry-title {margin:0 30px 4px 0}
li.hentry .entry-summary {
  padding-right:30px;
  font-size:13px;
}
li.hentry .comments {
  position:absolute; 
  top:0; 
  right:0;
}
li.hentry address, li.hentry .updated {display:none}

/* Standard entry template (for older/archived entries)
------------------------------------------------------------------------------- */
.entry .article {position:relative}
.entry .entry-issue {
  text-transform:uppercase;
  letter-spacing:1px;
}
.entry .article .entry-meta {
  padding:18px 0; 
  border-top:1px dashed #b4b4b4; 
  font:400 11px FreeSans,Helvetica,Arial,sans-serif;
}
.entry .article .entry-meta li {border-right:1px solid #b4b4b4}
.entry .entry-summary, .entry .entry-content {line-height:1.4}
.enhanced .entry-title, .enhanced .entry-summary, .enhanced .entry-content {padding-left:0}
.entry-content table {width:500px}
.entry-content .box {
	padding:20px;
	background:rgb(228,225,223);
	margin-bottom:30px;
}

/* Wide entry template (for latest entries)
------------------------------------------------------------------------------- */
.current {position:relative}
.current .entry-content {
  width:550px; 
  margin:0 auto;
}
.current p.vcard {text-align:center}
.current p.vcard strong {
  margin-bottom:18px; 
  padding-bottom:9px; 
  border-bottom:1px solid #b4b4b4;
  font-weight:400;
}

/* Image treatments
------------------------------------------------------------------------------- */
.entry-intro div {margin:0 auto}
.entry-intro .span-14 {width:550px}
.entry-intro .span-15 {width:590px}
.entry-intro .span-16 {width:630px}
.entry-intro .span-17 {width:670px}
.entry-intro .span-18 {width:710px}
.entry-intro .span-19 {width:750px}
.entry-intro .span-20 {width:790px}
.entry-intro .span-21 {width:830px}
.entry-intro .span-22 {width:870px}
.entry-intro .span-23 {width:910px}
.entry-intro .span-24 {width:950px}
.current .entry-content .caption {
  float:left;
  margin:0 20px 18px 0; 
  font:400 11px FreeSans,Helvetica, Arial, sans-serif;
  text-transform:none;
  letter-spacing:0;
  line-height:1.44em; 
  color:#000;
}
.current .entry-content .caption img {margin-bottom:4px}
.current .entry-content .span-1 {width:30px}
.current .entry-content .span-2 {width:70px}
.current .entry-content .span-3 {width:110px}
.current .entry-content .span-4 {
  width:150px; 
  margin:0 20px 18px -200px;
}
.current .entry-content .span-5 {width:190px}
.current .entry-content .span-6 {width:230px}
.current .entry-content .span-7 {width:270px}
.current .entry-content .span-8 {width:310px}
.current .entry-content .span-9 {width:350px}
.current .entry-content .span-10 {width:390px}
.current .entry-content .span-11 {width:430px}
.current .entry-content .span-12 {width:470px}
.current .entry-content .span-13 {width:510px}
.current .entry-content .span-14 {width:550px}
.current .entry-content .span-15 {width:590px}
.current .entry-content .span-16 {width:630px}
.current .entry-content .span-17 {width:670px}
.current .entry-content .span-18 {width:710px}
.current .entry-content .span-19 {width:750px}
.current .entry-content .span-20 {width:790px}
.current .entry-content .span-21 {width:830px}
.current .entry-content .span-22 {width:870px}
.current .entry-content .span-23 {width:910px}
.current .entry-content .span-24 {
  width:950px; 
  margin:0;
}

/* Related entries template
------------------------------------------------------------------------------- */
.related .promo {
  float:left; 
  width:160px; 
  margin-right:20px;
  font:400 11px FreeSans,Helvetica, Arial, sans-serif;
}


#relateds .hentry { border-bottom: 1px dotted #CCCCCC; padding-bottom: 0.5em }

/* Entries in context
------------------------------------------------------------------------------- */
.context {
  margin-bottom:18px; 
  padding-top:18px; 
  border-top:3px double #b4b4b4;
}
.context #promo {
  float:left; 
  width:150px;
  margin-right:10px;
}
.context #promo img {display:block}
.context .article {
  padding-left:30px;
  width:429px; 
  margin-left:15px; /* Tom:was 140px, too large for bottom of http://www.newint.org/features/2006/01/01/zimbabwe/ */
  border-left:1px solid #b4b4b4;
}
.context .aside {
  width:310px; 
  padding-top:0;
}
.context .aside li {
  list-style-type:none; 
  margin-bottom:9px;
}

/* Items template  
------------------------------------------------------------------------------- */
ol.hlisting {
  list-style-type:none; 
  margin:0;
}
ol.hlisting:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
ol .item {
  position:relative; 
  min-height:230px; 
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px dashed #c8c8c8;
}
ol .item:last-child {
  margin-bottom:0;
  border-bottom-width:0;
}
ol .photo {
  float:left; 
  margin-right:20px;
  border:5px solid #c8c8c8;
}
ol .dtlisted {display:none}

/* Featured item  
------------------------------------------------------------------------------- */
/* New styles from Tom so these can cope with images of larger heights */
.featured-box {
  position:relative; 
  margin-bottom:18px; 
  padding:20px 20px 9px 20px; 
  background:rgb(228,225,223) url(/ui/img/featured.png) repeat-x 0 0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9; 
}
.featured-box-text {width:360px}
.featured-box-photo {
	float:right;
	border:5px solid #c8c8c8;
}
/* older styles */
.featured {
  position:relative; 
  margin-bottom:18px; 
  padding:20px 220px 9px 20px; 
  background:rgb(228,225,223) url(/ui/img/featured.png) repeat-x 0 0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9;
}
.featured .photo {
  position:absolute; 
  top:20px; 
  right:20px; 
  border:5px solid #c8c8c8;
}
.featured .author {margin-top:1.75em}
.featured .item-meta {
  padding-top:.75em;
  border-top:1px dashed #c8c8c8;
}
.featured .item-meta li {
  display:inline; 
  margin-right:20px;
}
.featured .item-meta li:last-child {margin-right:0}
.featured .item-meta .action-button a {
  position:absolute; 
  top:230px; 
  left:450px;
}
.availability {margin-bottom:9px}
.add {
  position:absolute; 
  top:200px; 
  left:410px;
}
.buy {list-style-type:none}
.buy li {
  display:inline; 
  margin-right:20px;
}
.buy a {padding-left:20px}

/* Item detail template  
------------------------------------------------------------------------------- */
.item-detail .item-extra {
  position:relative; 
  padding-left:200px; 
  margin-bottom:18px; 
  padding-bottom:18px; 
  border-bottom:1px dashed #b4b4b4;
}
.item-detail .last-child {border-bottom-width:0}
.item-detail .item-extra .hreview {
  position:absolute; 
  top:0; 
  left:0; 
  width:200px; 
  font-size:13px;
}
.item-detail .hreview p {width:150px} 
.item-detail .item-extra .description {
  margin-top:0; 
  margin-left:0;
}
.item-detail .item-extra .hreview li {list-style-type:none}
.item-detail .item-extra .hreview li:last-child {margin-top:18px}
.comments .hreview p {width:100%}

/* Hanging internal ads  
------------------------------------------------------------------------------- */
.entry .hlisting {
  overflow:hidden; 
  position:relative; 
  margin-bottom:18px; 
  padding:20px; 
  background:rgb(228,225,223) url(/ui/img/featured.png) repeat-x 0 0;
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9;
}
.entry .hlisting .item {
  float:left;
  margin-right:20px; 
  width:270px; 
  font-size:13px;
}
.entry .hlisting .last {margin-right:0} 
.entry .hlisting .photo {
  float:left; 
  margin-right:20px;
  background-color:#fff;
}
.entry .hlisting .summary {margin-bottom:9px}
.entry .hlisting .dtlisted {display:none}
.current .hlisting {margin:0 -200px 18px}

/* Strip items 
------------------------------------------------------------------------------- */
.strip {
  margin-bottom:18px;
  padding:20px 30px 0; 
  background:rgb(228,225,223) url(/ui/img/featured.png) repeat-x 0 0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9;
}
.strip ul {list-style-type:none}
.strip .item {
  float:left; 
  width:270px; 
  min-height:0;
  margin:0 20px 0 0; 
  border-bottom-width:0;
}
.strip .last {margin-right:0}
.strip .summary, .strip .description {
  width:190px;
  margin:0 0 9px 80px; 
  font-size:13px;
}
.strip .photo {float:left}

/* hcalendar
------------------------------------------------------------------------------- */
td.dtstart .value {display:none}

/* jQuery plugin - Easy Image or Content Slider
http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
------------------------------------------------------------------------------- */
#slider, .slides, .slide {overflow:hidden}
.slider {
  position:relative; 
  margin-bottom:36px;
}
.slide {
  width:950px;
  list-style-type:none;
}
.slide div {
  float:left; 
  width:160px; 
  margin-right:30px;
}
.slide p {margin:0}
#prevBtn, #nextBtn {
  position:absolute; 
  top:2.2em;
  left:760px;
}

/* Variations
------------------------------------------------------------------------------- */
/*TODO: tidyup from here*/
/* index */
body.index .header h1, body.index .header h2 {
  height:76px;
}
body.index .nav-main {
  margin-bottom:0; 
  border-bottom-width:0;
}
body.index #nav-index a {
  font-weight:700;
  background-color:#a03c3c; 
  color:#fff;
}

/* magazine */
body.magazine .header h1, body.magazine .header h2 {background:url(/ui/img/h1-magazine.png) no-repeat 0 0;
}
body.magazine #nav-magazine a {
  font-weight:700;
  background-color:#a03c3c; 
  color:#fff;
}
body.magazine #search button {background-color:#a03c3c}

/* blog */
body.blog {border-top:4px solid #556e05}
body.blog a {color:#556e05}
body.blog #nav-blog a {
  font-weight:700;
  background-color:#556e05; 
  color:#fff;
}
body.blog #search button, body.blog #search-top button {background-color:#556e05}
body.blog #issue {background:#556e05}
body.blog li.comments a em, body.blog abbr.comments a em, body.blog .comments-num {background:#556e05}
body.blog li.comments a .point, body.blog abbr.comments a .point, body.blog .comments-bubble-point {border-left:.45em solid #556e05}
body.blog .header h1, body.blog .header h2 {background:url(/ui/img/h1-blog.png) no-repeat 0 0}
body.blog .footer {border-top:4px solid #556e05}
body.blog .aside .box .highlight, body.blog .aside .box .highlight input#email, body.blog .aside .box .highlight button {background-color:#556e05}

/* books */
body.bookshop {border-top:4px solid #d75a00}
body.bookshop a {color:#d75a00}
body.bookshop #nav-bookshop a {
  font-weight:700;
  background-color:#d75a00; 
  color:#fff;
}
body.bookshop #search button, body.bookshop #search-top button {background-color:#d75a00}
body.bookshop #issue {background:#d75a00;  }
body.bookshop li.comments a em, body.bookshop abbr.comments a em {background:#d75a00}
body.bookshop li.comments a .point, body.bookshop abbr.comments a .point {border-left:.45em solid #d75a00}
body.bookshop .header h1, body.bookshop .header h2 {background:url(/ui/img/h1-books.png) no-repeat 0 0}
body.bookshop .action-button a {
  background-color:#d75a00; 
  color:#fff;
}
body.bookshop .footer {border-top:4px solid #d75a00}
body.bookshop h1 span.pre-title, body.bookshop h1 span.sub-title {
	display:block;
	color:#666;
	font-size:.6em;
}

body.bookshop .aside .box .highlight, body.bookshop .aside .box .highlight input#email, body.bookshop .aside .box .highlight button {
	background-color:#d75a00;
}

/* =moz and webkit 
------------------------------------------------------------------------------- */

/* transitions */
a, input[type="text"], textarea, #search button, .aside .highlight button {-webkit-transition:all .5s linear}

/* borders */
#nav-main a, .action-button a, .action-button a, .close a, .comments .dtreviewed, .aside .highlight button, .popup form button {
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  border-radius:5px;
}
/* shadows */
.nav-interact div.sub_menu {
  -moz-box-shadow:0 0 10px rgba(0,0,0,.25); 
  -webkit-box-shadow:0 0 10px rgba(0,0,0,.25);
  box-shadow:0 0 10px rgba(0,0,0,.25);
}
#superbox {
  -moz-box-shadow:0 0 10px rgba(0,0,0,.8); 
  -webkit-box-shadow:0 0 10px rgba(0,0,0,.8);
  box-shadow:0 0 10px rgba(0,0,0,.8);
}

/**********************
***  BITS & BOBS  *****
**********************/

/* Styles for different textual content
------------------------------------------------------- */
.menu-pipe-separated {text-align:center}
.large-link {
	font-size:1.1em;
	word-spacing:1px;
}

/* Buttons & other widgets
------------------------------------------------------- */
a.coloured-button {
	background-color:#690000;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font:10px FreeSans,Helvetica,Arial,sans-serif;
	padding:4px 9px;
}

/* Adverts
------------------------------------------------------- */
.doubleclick-ad {padding:0}

/**********************
*** LEGACY CONTENT  ***
**********************/

/* .legacy classed (from Phillip) */
.legacy font {font-size:inherit!important}
.legacy br {display:none}
.legacy .drop1 img {display:block}
.legacy .drop1 {
  display:inline;
  float:left!important; 
  width:auto!important; 
  margin:0; 
}
.legacy .drop1 table, .legacy .drop1 tr, .legacy .drop1 td {
  display:inline!important;
  width:auto!important; 
}
.legacy .drop1 p {
  display:inline; 
  width:auto!important; 
  font:700 10px Helvetica, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  line-height:1.44em; 
  color:#b4b4b4; 
}
.legacy p.pullquote {
  float:none!important; 
  position:relative;
  left:-40px;
  margin:0 0 18px;
  padding-left:40px;
  background:url(/ui/img/quotes-open.png) no-repeat 0 0; 
}

/* Pre-Bricolage articles with irritating images */
img[src$="_ni_pix_subbar.gif"], img[src$="_ni_pix_transparent.gif"], img[src$="_ni_pix_#000block.gif"], img[src$="_ni_pix_megabar.gif"], img[src$="_ni_pix_gleft.gif"], img[src$="_ni_pix_gchoose.gif"], img[src$="_ni_pix_ghome.gif"], img[src$="_ni_pix_gright.gif"] {display:none}

/*for images in tables (yuk) eg:http://www.newint.org/features/1997/05/05/map/*/
#column1 td {padding:0}
#column1 td img {padding:0}

/**********************************
*** OVERRIDES FOR SPECIFIC BITS ***
***********************************/

/* .remove-styling:MicroPolls, etc.  TODO:Remove this?
------------------------------------------------------- */

.remove-styling img {
	background-color:transparent;
	padding:0;
}
img.remove-styling {
	background-color:transparent;
	padding:0;
}
.remove-styling table {
	width:auto;
	margin-bottom:0;
}
.remove-styling table td {vertical-align:middle}

/* MicroPoll fix - not sure which bit of our CSS is messing it up */
table#mp_table_view > tbody > tr >td >tabe >tbody >tr > td {width:142px; /* right value? */}

/**************************
*** SINGLE-RULE STYLES  ***
***************************/
.clear {clear:both}
.hidden {display:none}
.small {font-size:.8em}
.unpadded {
  margin:0!important;
  padding:0;
}
.left {float:left}
.right {float:right}
.centre, .center {text-align:center}
.no-margins {margin:0}
.bottom-margin, .margin-bottom {margin-bottom:1em}
.inline-block {
	display:inline-block;
	zoom:1; /* trigger hasLayout in IE */
	*display:inline; /* for IE <= 7 - other browsers will ignore */
}
.margin-left-bottom {
	margin-left:40px;
	margin-bottom:30px;
}
.margin-right-bottom {
	margin-right:40px;
	margin-bottom:30px;
}
.red-bg {
	background-color:#A03C3C;
	color:#fff;
}
.red-bg a {
	color:#fff;
	text-decoration:underline;
}
.no-list-style li {
	list-style-type:none;
}

/*** Zoomable images */
#pan {
  width:600px;
  min-height:420px;
  overflow:hidden;
  border:1px solid #999;
}
#controls {
  border:none;
  width:65%;
  margin:auto;
}
#controls li {
  border:none;
  font-size:2.2em;
}
#controls li a:hover {
  text-decoration:none;
}

/*********************
***   FRONT PAGE   ***
*********************/

/* Slideshow 
------------------------------------------------------- */
#slideshow {
  width:600px; 
  height:330px; 
  position:relative; 
  display:none;
  line-height:1px;
}
#slideshow img {
	background-color:transparent;
	padding:0;
	margin:0!important;
}
.slideshow-label {
	bottom:0; /* 5px fixes display err in FF, etc. from JQuery Cycle plugin changing positioning of containing 'slide' div - but messes it up in Chrome */
  top:235px; /* Opera 12 likes us to specify a top */
	left:0;
	background-color:#000;   opacity:.8;    position:absolute;
	width:580px;
	color:#fff;
	padding:10px;
  line-height:1.1em;
}
.slideshow-label h3 {
  margin-top:0;
}
.slideshow-label a {
  color:#fff;
}
#slideshow .prev {
	position:absolute;
	bottom:15px;
	left:10px;
	text-align:left; 
	width:30px;
	height:60px;
}
#slideshow .next {
	position:absolute;
	bottom:15px;
	right:10px;
	text-align:right; 
	width:30px;
	height:60px;
}
#slideshow .text {
	width:500px;
	padding-left:40px;
}

/* Sidebar boxes 
------------------------------------------------------- */
.small-box
{
  border-bottom: none !important; /* Pete edit for side advert 06/03/2013 */
}
.small-box h3 {
	font-size:15px;
	margin-top:0;
	margin-bottom:10px;
}
.small-box p {margin-bottom:16px}
.small-box .right {width:120px}
.fp-sidebar-button {
	font-size:14px;
	text-decoration:none!important;
	padding:4px 9px 3px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
.aside .highlight-red {
	color:#fff;
	background:url("http://www.newint.org/ui/img/highlight.png") repeat-x scroll 0 0 #A03C3C!important;
}
.aside .highlight-red .fp-sidebar-button {background-color:#690000}
.aside .highlight-beige {
	color:#000;
	background:url('http://www.newint.org/ui/img/halftone.png') repeat-x scroll 0 0 #c7bf91!important;
}

.aside .highlight-clear {
  color:#000;
  background-color:none !important;
  padding: 0 !important;
  background: url('http://newint.org/ui/img/sidebar/webaddbg.png') center no-repeat !important;
}

.highlight-clear .left-side
{
  float:left;
  width:185px;
  text-align: center;
}

.highlight-clear .left-side h3
{
  font-size: 3em;
  line-height: 1;
  color: #333;
  font-weight: 700;
  margin-bottom: 2px;
}

.highlight-clear .left-side p
{
  font-size: 1.5em;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 7px;
}

.highlight-clear .left-side p span
{
  font-size: 0.666666667em;
  font-weight: 100;
  display: inline-block;
}

.highlight-clear .left-side p.action-button a
{
  padding: 5px 14px 3px;
  font-size: 0.666666667em;
  text-decoration: none;
}

.highlight-clear .left-side p.action-button a:hover
{
  background-color:#953838;
}

.highlight-clear .right-side
{
  float:right;
  width:110px;
}

.highlight-clear .right-side img
{
  padding: 0 !important;
}

.aside .highlight-beige .fp-sidebar-button {background-color:#7D6F20}
.aside .highlight-blue {
	color:#fff;
	background:#1D435B url("http://www.newint.org/ui/img/highlight.png") repeat-x scroll 0 0;
}
.aside .highlight-blue .fp-sidebar-button {background-color:#215A87}
.fp-sidebar-button-big {
	font-size:13px; /* actually now small! */
	text-decoration:none!important;
	padding:4px 9px 3px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
.aside .highlight-red .fp-sidebar-button-big {background-color:#690000}
.fp-sidebar-button-big a {text-decoration:none!important}

/*********************
*** ARTICLE PAGES  ***
*********************/

/* Articles 
------------------------------------------------------- */
.article {font-size:1.1em; margin-top:1.25em}
body.entry .entry-summary {margin-top:1em}
.entry-summary,.author-note {font-style:italic}
#section-explanation-img {
	float:left;
	padding-left:30px;
	width:33px;
}
#section-explanation-img img {
	background-color:transparent;
	padding:0;
}
#section-explanation-text {
	float:right;
	color:#666;
	width:490px;
	padding-right:30px;
}
#section-explanation a {
	font-weight:700;
	color:#666;
}
.article h2 {font-size:1.6em}
.article .box {
	padding:20px;
	background:rgb(228,225,223);
	margin-bottom:30px;
}
p.pullquote {
  color:#a03c3c;
  font-size:1.2em;
  margin-bottom:16px;
  width:400px;
  margin-left:1em;
  float:right;
}
p.pullquote.left {
  float:left;
  margin-right:12px;
}
p.pullquote.right {
  float:right;
  margin-left:12px;
}

/* pitch above mag articles*/
.article-mag-pitch {margin-top:2.5em;margin-bottom:50px;padding:10px;background-color:#E4E1DF;border:1px solid #CDCAC9;min-height:4em}
.article-mag-pitch img {box-shadow:5px 7px 7px #988;border:1px solid #CDCAC9;height:110px;display:block;margin-left:0.7em;margin-top:-2.5em;margin-right:1.5em;margin-bottom:1em;float:left;-moz-transform: rotate(-14deg); -webkit-transform: rotate(-14deg); transform:rotate(-15deg)}


/* Images 
------------------------------------------------------------------------------- */
.article-image {margin-bottom:1em}
.new-image-caption {font:400 11px FreeSans,Helvetica, Arial, sans-serif}
.article-image.left .new-image-caption, .article-image.right .new-image-caption {width:300px}
.entry-content img.related-media-graphic {margin:10px}
.imageTableFloated table {width:1px}
.imageTableFloated .left {
  float:left;
  margin-right:68px;
  clear:right;
}
.imageTableFloated .right {
  float:right;
  margin-left:68px;
  clear:left;
}

/* ShareThis
------------------------------------------------------------------------------- */
a.stbar.chicklet img {
  border:0;
  height:16px;
  width:16px;
  margin-right:3px;
  vertical-align:middle;
}
.stbar.chicklet {
  height:16px;
  line-height:16px;
}
#t-sharing-buttons{float:right}
#t-sharing-buttons .label {
  position:relative;
  top:-9px;
}
#t-sharing-buttons img {
  background:none;
  padding:0;
  margin-bottom:1.5em;
}
#sharethis-buttons {float:right}

/* Photos */
.photographer {color:#A6A4A4} 
.postscript {font-size:.9em}

/* Bottom links & meta-info
------------------------------------------------------------------------------- */
.entry-meta ul.nav-interact {margin-bottom:0}

/* Comments  
------------------------------------------------------------------------------- */

.comments h1 {margin-left:40px}
.comments ol {list-style-type:none}
.comments .hreview {
  position:relative; 
  padding-left:40px;
  margin:0 0 36px; 
}
.comments .half-col {
  width:270px;
  float:left
}
.comments input[type="text"] {width:250px}
.comments textarea {width:520px}
.comments .dtreviewed {
  display:block;
  position:absolute; 
  top:4px;
  right:0;
  padding:6px 9px 5px;
  background-color:rgb(228,225,223);
  color:#969696;
  font:400 10px freesans, Helvetica, Arial, sans-serif; 
  text-transform:uppercase; 
  letter-spacing:1px; 
}
.comments a[rel="bookmark"] {font:400 10px FreeSans,Helvetica,Arial,sans-serif}

/* - Comment speech bubbles */
/* -- Old style Comment speech bubbles TODO:Remove?*/
li.comments a, abbr.comments a {	
  position:relative; 
  text-decoration:none; 
  color:#fff; 
}
li.comments a em, abbr.comments a em {
  position:relative;
  padding:.1em .4em;
  -moz-border-radius:.25em;
  -webkit-border-radius:.25em;
  border-radius:.25em;
  font:400 11px freesans, Helvetica, Arial sans-serif; /* Charlie changed this so that the speech bubble tails would work everywhere */
  letter-spacing:1px; 
  cursor:pointer; 
  background:#a03c3c;
  color:#fff; 
}
li.comments a .point, abbr.comments a .point {
  overflow:hidden;
  position:absolute;
  top:15px; /* Charlie changed this to 16px as a test*/ /* was 1.15em; - changed by Tom 28/10/11 as this leaves #fff space on some browsers */
  left:.5em;
  display:block;
  width:0;
  height:0; 
  border-left:.45em solid #a03c3c; 
  border-bottom:.45em solid #fff;
  border-bottom:.45em solid rgba(0,0,0,0); 
}
li.comments a:hover, abbr.comments a:hover {color:#fff}
li.comments a:hover em, abbr.comments a:hover em {
  background:#191919;
  color:#fff; 
}
li.comments a:hover .point, abbr.comments a:hover .point {border-left:.5em solid #191919}

/* -- New style Comment speech bubbles */
.comment-bubble {display:inline-block}
li.comments {margin-left:10px}
.comment-bubble-with-0 {display:none!important}
.comment-submit-btn {
  border:0;
  height:2em;
  margin-right:6em;
  color:#fff;
  background-color:#A03C3C;
  border-radius:5px;
  font-weight:700;
}
.commInf blockquote.description {
  font-style:400;
}
.comments {
  font-size:.9em;
  line-height:22px;
}
.comments-num {
  padding:.1em .4em;
  -moz-border-radius:.25em;
  -webkit-border-radius:.25em;
  border-radius:.25em;
  font:400 11px Helvetica, Arial, sans-serif; 
  letter-spacing:1px; 
  background:#a03c3c;
  color:#fff;
  display:block;
}
.comments-bubble-point {
  width:0;
  height:0; 
  border-left:.45em solid #a03c3c; 
  border-bottom:.45em solid #fff;
  border-bottom:.45em solid rgba(0,0,0,0);
  position:relative;
  left:.25em;
  display:block;
}

/* Tweetbacks
------------------------------------------------------ */
.tweet {
  display:block;
  margin-bottom:1em;
}
.tweet_container img{
  width:48px;
  height:48px;
  margin:3px;
  border:0;
  float:left;
  -webkit-border-top-left-radius:7px;
  -webkit-border-bottom-right-radius:7px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-bottomright:7px;
  border-radius-topleft:7px;
  border-radius-bottomright:7px;
}
.tweet .tweet_container{
  height:66px;
  background-color:#222;
  opacity:.8; 
  padding:5px;
  width:500px;
  font-size:11px;
  text-shadow:1px 1px 0 #000;
  color:#eee;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
}
.tweet .tweet_content{padding-left:7em}
.tweet .tweet_handle{
  font-size:13px;
  font-weight:700;
  float:right;
}
.pot-meta {display:block; padding-bottom:1.2em}
.pot-tweet {display:block}
.pot-url{display:none}

/* Misc
------------------------------------------------------ */
#ios-alert a {
	display:block;
	background-color:#A03C3C;
	color:#fff;
	padding:.5em;
	font-size:24px;
	text-align:center;
	margin-bottom:1em;
}

/*******************************
*** TABLE OF CONTENTS PAGES  ***
*******************************/

/*** multiColumnContainer ***/
.multiColumnContainer {display:inline-block}
.multiColumnContainer {
	display:block;
	overflow:hidden;
}
.multiColumnContainer > div {
	padding:20px 20px 30000px; /* To create bottom-padding of 18px, you'd make this 18px bigger than margin-bottom */
	margin-bottom:-30000px;
	float:left;
}

/** 3 boxes above listings **/
#mag-top {
	margin-bottom:30px;
	height:297px;
}
#mag-top img {
	padding:0;
	background-color:transparent;
}
#issue-cover {float:left}
#issue-cover img {
	width:210px;
	height:297px;
}
#issue-blurb {
	float:left;
	width:370px;
	height:297px;
	background-color:#e1e0ed;
	position:relative;
}
#issue-blurb .text-, .subs-pitch .text- {padding:12px 20px 0}
#issue-blurb h2, .subs-pitch h2 {
	margin:0;
	font-weight:400;
	font-size:25px;
}
#issue-blurb p {margin:0}
#issue-blurb .ps- {
	font-size:.8em;
	color:#444;
}
#subscribe-pointer {
	font-size:1.4em;
	font-weight:700;
	
	position:absolute;
	bottom:4px;
	right:4px;
}
.subs-pitch {
	float:left;
	width:370px;
	height:297px;
	position:relative;
	background-color:#a03c3c;
}
#sp2, #sp3, #sp4, #sp5 {display:none}
.subs-pitch h2 {
	color:#FFC40C; 
	text-transform:uppercase;
}
.subs-pitch .text- div {
	color:#fff;
	font-size:22px;
}
.subs-pitch#sp1 .text- div {font-size:20px}
.subs-pitch a {color:#FFC40C}
#subs-pitch-covers {
	position:absolute;
	bottom:0;
}
.bottompusher {
	float:left; 
	clear:both;
	height:82px;
}
.pitch-photo {
  float:left;
  clear:both;
  margin:20px 12px 12px 0;
}
.pitch-quote {
	font-style:italic;
	font-weight:700;
	font-size:20px;
}
.pitch-quotee {
	text-transform:uppercase;
	text-align:right;
	font-size:20px;
}

/** utility links **/
#toc-extra-nav {
	background:#e4e3e2 url('http://www.newint.org/ui/img/specific-pages/toc/toc-grey-arrow-nontrans.png') top right no-repeat;
	padding:4px 15px 4px 10px; /* right=12px as toc-grey-arrow-nontrans.png = 10x30 */
	height:22px;
	display:inline-block;
	margin-bottom:10px;
	font-weight:700;
	color:#444;
}

/** columns **/
#toc-listing {clear:both}
.magazine.issues #col1, .magazine.issues #col2, .magazine.issues #col3 {
	width:290px;
	float:left;
}
.magazine.issues #col1, .magazine.issues #col2 {margin-right:40px}
.mag-section {
	border-bottom:1px solid #B4B4B4;
    margin-bottom:25px;
}
.section-icon {
	float:left;
	background-color:transparent;
	padding:0;
	margin-right:8px;
	height:33px;
	margin-top:3px;
}
.mag-section .title {
	margin-bottom:1em;
	border:#e4e1df;
}
.mag-section .title {color:#666}
.mag-section h3 {
  font-weight:700;
	font-size:31px;
	height:33px;
	display:table-cell;
	vertical-align:middle;
}
.mag-section h4 {
	margin-bottom:.5em;
	color:#666;
	font-weight:700;
	font-size:1.16em;
}
.hentry {margin-bottom:24px}
#toc-listing .hentry img {
  max-width:290px;
  padding:0;
}
.hentry h5 {margin-bottom:5px}

/*************************************
***** LANDING/SUBSCRIPTION PAGES *****
*************************************/
/* 'Subscribe' button on post-DSB subs pages */
.action.subs-page a {font-size:20px}

/*********************
***** BOOK PAGES *****
*********************/

/* Top grey info box (excluding buy links */
body.books .buy ul {margin-bottom:2px;margin-left:0}
#publication_info_text {
	clear:both;
	padding-top:1.5em;
}

/* Buy links
------------------------------------------------------- */
.buy-label {max-width:9em; font-weight:700}
.aus a {background:url(/ui/img/icons/au.gif) no-repeat 0 50%}
.can a {background:url(/ui/img/icons/ca.png) no-repeat 0 50%}
.nz a {background:url(/ui/img/icons/nz.png) no-repeat 0 50%}
.uk a {background:url(/ui/img/icons/uk.png) no-repeat 0 50%}
.us a {background:url(/ui/img/icons/usa.png) no-repeat 0 50%}
.canandusa {background:url(/ui/img/icons/canandusa.png) no-repeat 0 50%}
.buy .canandusa a {padding-left:44px}

/* Reviews
------------------------------------------------------- */
.hreview h3 {
	font-size:1.5em;
	font-weight:700;
	color:#666;
}

/* Labels */
.new-publication, .forthcoming-title {text-transform:uppercase}
.which-edition {/* implemented yet? */
	font-size:14px;
	font-style:italic;
}

/* CAPTCHA */
.recaptcha_only_if_privacy {
	margin-top: -1em !important;
}

/*********************
*** SPECIFIC PAGES ***
*********************/

/* Front page
------------------------------------------------------- */
.teaser ul {
  list-style-type:none; 
  background-color:rgb(228,225,223);
  background-repeat:no-repeat;
  background-position:0 0;
  border-top:1px solid #fff;
  border-bottom:1px solid #cdcac9;
}
.teaser ul.v9-6-9 {background-image:url(/ui/img/teaser-9-6-9.png)}
.teaser ul.v9-6-9 h3, .teaser ul.v9-6-9 p {font-size:1.07em}
.teaser li {
  position:relative; 
  min-height:180px;
}
.teaser .a-magazine img {
  float:left; 
  width:110px;
  margin-right:20px;
}
.teaser .a-subscribe h3, .teaser .a-subscribe h4, .teaser .a-subscribe p {color :#fff} 
.teaser .a-subscribe p {line-height:1.5}
.teaser .a-subscribe .action-button {margin-top:18px}
.teaser .a-subscribe .action-button a {
	font-size:18px;
	background-color:#690000;
}
.teaser .a-subscribe .action-button a:hover {background-color:#000}
.teaser .a-shop img {
  float:right; 
  width:110px;
  margin-left:10px;
}

/* Front page ::Tabs at bottom of front page  
------------------------------------------------------------------------------- */

/* Front page ::Tabs at bottom of front page   ::back-issues */
.back-issues {
  overflow:hidden;
  list-style-type:none;
}
.back-issues:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.back-issues .item {
  float:left; 
  margin:0 20px 18px 0; 
  width:120px; 
  height:210px;
  font:400 11px freesans,Helvetica,Arial,sans-serif;
}
.back-issues .photo {
  display:block; 
  margin-bottom:10px;
}
.back-issues .dtlisted {display:none}

/* Front page ::Tabs at bottom of front page ::books
TODO:Fucking disastrous class name, given that we have a body class=books
*/
.container .books {
  overflow:hidden;
  list-style-type:none;
}
.container .books:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.container .books .item {
  float:left;
  margin-right:20px;
  width:300px;
}
.container .books .last {margin-right:0}
.container .books .photo {
  float:left;
  margin-right:10px;
}
.container .books .dtlisted{display:none}
body.books .buy ul, body.books .buy ul li {float:left}

/* Front page ::Tabs at bottom of front page ::shop */
#tabs-5 .col {
  float:left;
  margin-right:20px;
  width:300px;
}
#tabs-5 .last {margin-right:0} 
#tabs-5 .col ul {list-style-type:none}

/* Full Theme Index styles from Tom - June 27 */
body.full-index .article h3 {font-size:1.5em}
body.full-index .article h4 {margin-bottom:0}
body.full-index .article h4 a {color:#000}
body.full-index #col1 {
  width:280px;
  float:left;
}
body.full-index #col2 {
  width:280px;
  float:right;
}
body.full-index #col1 li, body.full-index #col2 li {
  list-style:noneoutsidenone;
  display:inline;
}
body.full-index #col1 ul li:after, body.full-index #col2 ul li:after {content:", "}
body.full-index #col1 ul li:last-child:after, body.full-index #col2 ul li:last-child:after {content:""}

/* Subscription page (new)
------------------------------------------------------- */
#subs-page-rhs {
	float:right; width:520px; 
	padding:0 20px;
}
#subs-page-offers td {font:14px/1.3 Cambria,Georgia,FreeSerif,serif}
#subs-page-offers .subs-page-offer {
  width:230px;
  background:url("/ui/img/featured.png") repeat-x scroll 0 0 #E4E1DF;
  border-bottom:1px solid #CDCAC9;
  border-top:1px solid #FFF;
  padding:20px 20px 0;
}

/* Browse A-Z:/tag/ -------------------------------------------------------------- */
.nav-az li{
  display:inline;
  margin-right:2px;
}
.nav-az li a {
  padding:2px 4px;
  border:1px solid #b4b4b4;
  font:400 11px freesans,Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  text-decoration:none;
}
.nav-az li a:hover {
  background-color:#a03c3c;
  color:#fff;
  border-color:#b4b4b4;
}
.nav-az li a.currentpage {
  background-color:#a03c3c;
  color:#fff;
  border-color:#b4b4b4;
}
.nav-az li a.disablelink {
  background-color:#fff;
  border-color:#b4b4b4;
}

/* Topics navigation -------------------------------------------------------------- */
.nav-topics {
  list-style-type:none;
  margin-bottom:0;
}
.nav-topics li {
  float:left;
  width:160px;
  min-height:20em;
  margin-right:30px;
}
.nav-topics img, .nav-topics h3 {
  display:block;
  margin-bottom:4px;
}
.nav-topics p {
  margin:0;
  font-size:13px;
}
.nav-topics a:hover {text-decoration:none}

/* contact  
------------------------------------------------------------------------------- */
.contact .row {
  padding-bottom:18px;
  border-bottom:1px dashed #b4b4b4;
}
.contact .row .one, .contact .row .two, .contact .row .three {
  float:left;
  width:180px;
  margin-right:20px;
}
.contact .row h4 {margin-bottom:4px}
.contact .row .adr, .contact .row .tel, .contact .row .fax, .contact .row .email {
  font:400 11px freesans,Helvetica,Arial,sans-serif; 
  line-height:1.7;
}
.contact .tel {margin-top:18px}

#kenya-live a
{
  font-weight: 700;
  background-color: #7D6F20;
  color: #fff;*/
}

#kenya-live a:hover
{
  color: #fff;
  background-color: #7D6F20;
}

/****************************************************
*                                                   *
*                 Survey Msg CSS                    *
*                                                   *
****************************************************/


#survey-container
{
  position: fixed;
  z-index: 500;
  text-align: center;
  width:100%;
  height:100%;
  top:0;

  background-color: rgba(255,255,255,0.7);
}

#survey-msg-box
{
  background-color: #a03c3c;
  border: 1px dashed #F4F3F2;

  margin: auto;

  display: block;

  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;

  text-align: center;

  color: #fff;

}

#survey-msg-box p, #survey-msg-box p a
{
  color: #fff;
}

.msg-header
{

}

.msg-header h2, .msg-header a
{
  color: #fff;
}

.msg-header h2
{
  display: block;
  font-size: 2.5em;
  width: 100%;
}

.msg-header a
{
  display: block;
  width: 98%;
  line-height: 25px;
  text-align: right;
  padding-right: 2%;
}

.big
{
  font-size: 3em;
}

.main-msg
{
  margin-top: 20px;
}

.main-msg p
{
  font-size: 1.75em;
  line-height: 1.75em;
  margin: 0 !important;
}

.main-msg a
{
  border-bottom: 1px dashed #fff;
}

.main-msg a:hover
{
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.main-msg br
{
  line-height: 64px;
}


@media screen and (max-width: 768px) {
  #survey-msg-box
  {
    width:75%;
    height:350px;
    margin-top: 5%;
  }
}

@media screen and (max-width: 480px) {
  #survey-msg-box
  {
    width:85%;
    height:200px;
    margin-top: 5%;
  }

  .msg-header h2
  {
    display: inline-block;
    font-size: 1.5em;
    width: 80%;
    float: right;
  }

  .msg-header a
  {
    display: inline-block;
    width: 18%;
    line-height: 25px;
    text-align: right;
    padding-right: 2%;
    float: right;
  }

  .main-msg
  {
    margin-top: 40px;
  }

  .main-msg p
  {
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .big
  {
    font-size: 1.5em;
  }

  .main-msg br
  {
    line-height: 35px;
  }

  #survey-msg
  {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width: 320px) {
  #survey-msg-box
  {
    width:85%;
    height:200px;
    margin-top: 5%;
  }

  #survey-msg
  {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 768px) {
  #survey-msg-box
  {
    width:75%;
    height:400px;
    margin-top: 15%;
  }
}

@media screen and (min-width: 1025px) {
  #survey-msg-box
  {
    width:600px;
    height:400px;
    margin-top: 15%;
  }
}

@media screen and (min-width: 1200px) {
  #survey-msg-box
  {
    width:600px;
    height:400px;
    margin-top: 15%;
  }
}



@media screen and (max-height: 480px) {
  #survey-msg-box
  {
    margin-top: 110px;
  }
}

@media screen and (max-height: 320px) {
  #survey-msg-box
  {
    margin-top: 50px;
  }
}

@media screen and (min-height: 500px) {
  #survey-msg-box
  {
    margin-top: 50px;
  }
}

@media screen and (min-height: 600px) {
  #survey-msg-box
  {
    margin-top: 100px;
  }
}


#survey-msg
{
  position: fixed;
  bottom: 0;
  z-index: 500;
  width: 100%;
  height:40px;
  background-color: #a03c3c;
  border-top: 1px dashed #F4F3F2;

  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;

  text-align: center;

  color: #fff;

  display:none;

}

#survey-msg p, #survey-msg a
{
  color: #fff;
  line-height: 40px;
  font-weight: bold;
}

#survey-msg a
{
  border-bottom: 1px dashed #fff;
  font-size: 13px;
  font-weight: bolder;
}

#survey-msg a:hover
{
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

#survey-msg > .left
{
  display:none;
  width:170px;
  height:100%;
}

#survey-msg > .center
{
  display:inline-block;
  width:auto;
  height:100%;
  margin: auto;
}

#survey-msg > .right
{
  display:none;
  width:100px;
  height:100%;
  text-align: right;
  padding-right: 10px;
}


/****************************************
*                                       *
*         New Head Search Layout        *
*                                       *
****************************************/


#main-subnav
{
  height:71px; /*21.164021164%;*/ /* 40 /189 * 100 = 21.164021164% */
  padding: 0;
  width:50%;
  overflow: hidden;
  float: right;
  margin-top: -30px;
  z-index: 300;
  position: relative;
}

#search-buttons
{
  width:215px;
  height: 71px;
  float: right;
}

#search-buttons a 
{
  background: #a03c3c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #a03c3c 0%, #9e2c2c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a03c3c), color-stop(100%,#9e2c2c));
  background: -webkit-linear-gradient(top, #a03c3c 0%,#9e2c2c 100%);
  background: -o-linear-gradient(top, #a03c3c 0%,#9e2c2c 100%);
  background: -ms-linear-gradient(top, #a03c3c 0%,#9e2c2c 100%);
  background: linear-gradient(to bottom, #a03c3c 0%,#9e2c2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a03c3c', endColorstr='#9e2c2c',GradientType=0 );

  color: #fff;

  cursor: pointer;

  border: 1px solid #a03c3c;
  font-size: 14px;
  border-radius: 4px;
  padding: 3px 8px;

  -moz-box-shadow: -1px 2px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: -1px 2px 3px rgba(0,0,0,0.4);
  box-shadow: -1px 2px 3px rgba(0,0,0,0.4);

  display: inline-block;

  margin-right: 6px;
  margin-left: 1px;
}

.blog #search-buttons a 
{
  background: none;
  background: #556E05;

  
  border: 1px solid #556E05;
}

.books #search-buttons a
{
  background: none;
  background: #D75A00;

  
  border: 1px solid #D75A00;
}

.friends-btn
{
  margin-right: 0px !important;
}

#search-buttons a:hover
{
  -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.3);
  box-shadow: -1px 2px 2px rgba(0,0,0,0.3);
  text-decoration: none;
}

/*#contact
{
  border-right: 1px dashed #A03C3C;
    float: right;
    height: 65px;
    line-height: 23px;
    margin-right: 10px;
    margin-top: -3px;
    padding-right: 10px;
    text-align: right;
    width: 65px;
}*/

#top-links
{
  border-right: 1px dashed #A03C3C;
    float: right;
    height: 65px;
    line-height: 23px;
    margin-right: 10px;
    margin-top: -3px;
    padding-right: 10px;
    text-align: right;
    width: 65px;
}

/*.blog #contact
{
  border-right: 1px dashed #556E05;
}

.books #contact
{
  border-right: 1px dashed #D75A00;
}

#contact li 
{
  list-style: none;
}*/


.blog #top-links
{
  border-right: 1px dashed #556E05;
}

.books #top-links
{
  border-right: 1px dashed #D75A00;
}

#top-links li 
{
  list-style: none;
}


#search-top
{
  /* width:28.395061728%; */
  margin-top: 5px !important;
  float:left;
}

#top-q
{
    background: url(../image/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px FreeSans,Helvetica,Arial,sans-serif;
    line-height: 17px;
    color: #bebebe;
    /*width: 200px;*/
    padding: 6px 10px 3px 35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

@-moz-document url-prefix(){ 
  
  #search-top #top-q {
    padding: 6px 10px 5px 35px;
    width:164px;
  }

  #search-top {
    margin-top: 7px !important;
  }
}

#search-top input:focus,#search-top input:active,#search-top input:hover  {
    outline: 0;
}

#videotitle {
	background-color:#000;
	color:#eee;
	width:300px;
	display:block;
	font-size:0.7em;
	text-align:center;
}
#bigplayertitle{
	background-color:#000;
	color:#eee;
	width:950px;
	display:block;
	text-align:center;
}

#cookie-bar {background:#a03c3c; height:24px; line-height:24px; color:#eee; text-align:center; padding:3px 0}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#fff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px}
#cookie-bar .cb-enable {background:#070}
#cookie-bar .cb-enable:hover {background:#090}
#cookie-bar .cb-disable {background:#900}
#cookie-bar .cb-disable:hover {background:#b00}
#cookie-bar .cb-policy {background:#333}
#cookie-bar .cb-policy:hover {background:#555}

/* new globalviews player */
.gv-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.gv-embed-container iframe, .gv-embed-container object, .gv-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height:250px}