/* @group Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, mark,
table, caption, tbody, tfoot, thead, tr, th, td,
.article, .aside, .canvas, .details, .figcaption, .figure,
.footer, .masthead, .hgroup, .menu, .nav, .section, .summary,
.time, .audio, .video {
margin:0;
padding:0;
border:0;
outline:0;
/* font-size:100%;*/
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
.article,.aside,.details,.figcaption,.figure,
.footer,.masthead,.hgroup,.menu,.nav,.section {
display:block;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
/* font-size:100%;*/
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* @end Reset */
/* @group Global */
body {
background-color: #f4f4f4;
color: #333;
font-family: "Arial", "Liberation Sans", sans-serif;
font-size: 13px;
}
.body-content {
background: #f4f4f4 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-body-gradient.png) 0 0 repeat-x;
}
.header>.content, .masthead>.content,
.columns, .nav.primary>.content, .nav.secondary>.content,
.topical-focus .topic, .color-bar,
.banner, .footer, .bottom,
.trending, .main-feature {
width: 1000px;
margin: 0 auto;
}
a {
color: #10579f;
text-decoration: none;
}
a:hover { color: #1476da; }
h1, h2 {
font-size: 16px;
}
.bottom>.content {
padding: 0 10px 35px 10px;
background-color: #fff;
overflow: hidden;
clear: both;
}
/* ul li { list-style-type: none; }*/
.tabs a {
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.tabs li { margin-right: 3px; }
.tabs li.last { margin-right: 0; }
.aa {
display: block;
text-indent: -9999px;
}
/* @end Global */
/* @group Masthead */
/* .masthead {
height: 138px;
}
*/
/* .landing .masthead {
background-color: #fff;
}
*/
body > .masthead {
background-color: #fff;
}
.masthead>.content {
padding-top: 22px;
padding-bottom: 28px; /* should match actual nav tab height */
position: relative;
}
/* apparently the box model is handled differently in ie7, so the
above bottom-padding causes a gap between the masthead and nav */
.ie.lte7 .masthead > .content {
padding-bottom: 0px;
}
.nav.language.tabs {
position: absolute;
top: -28px;
}
.nav.language.tabs a {
background-color: #3d3d3d;
/* color: #9e9d9d; */
color: #ffffff;
font-size: 12px;
font-weight: 700;
float: left;
padding: 8px 9px;
}
.nav.language.tabs a:not(.active):hover {
background-color: #669900;
color: #fff;
}
.nav.language.tabs a.active {
background-color: #fff;
color: #666;
}
.logo h1 { float: left; }
.logo a {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/aa-logo.png) 0 0 no-repeat;
/* margin-top: 13px;*/
width: 218px;
}
.logo a {
height: 82px;
}
.masthead .utility {
min-height: 82px;
}
.masthead .utility {
float: right;
font-size: 12px;
font-weight: 700;
}
.utility .search {
margin-top: 45px; /* try to keep search box aligned with logo lettering */
}
.logo a,
.utility .search {
margin-bottom: 20px; /* establish minimum spacing between the logo/search and the tabs below */
}
.greeting .my-account:after {
content: "•";
display: inline-block;
padding: 0 3px 0 4px;
}
.lte7 .greeting .my-account {
margin-right: 6px;
}
.greeting { margin-bottom: 13px; }
.greeting, .search { text-align: right; }
.search input[type=text] {
background: #e8e8e8 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-search.png) 6px 6px no-repeat;
border: 0;
box-shadow: inset 2px 2px 2px #ccc;
height: 31px;
margin: 0;
padding: 0 0 0 36px;
width: 246px;
}
.search input[type=submit] {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-btn-search.png) 0 0 repeat-x;
border: 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
font-size: 12px;
line-height: 27px;
height: 31px;
margin: 0;
padding: 0 10px;
}
.search input[type=submit]:hover {
background-position: 0 100%;
}
/* @end Masthead */
/* @group Navigation */
.nav ul {
list-style:none;
}
.nav li { float: left; }
.nav li a {
display: block;
}
.primary {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-nav-primary.png) 0 0 repeat-x;
clear: both;
font-size: 12px;
height: 61px;
position: relative;
z-index: 10;
}
.primary .content ul {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-nav-primary-divider.png) bottom right repeat-y;
}
.primary li {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-nav-primary-divider.png) 0 0 no-repeat;
line-height: 45px;
}
.primary a {
color: #fff;
display: block;
margin-left: 1px;
width: 100%;
text-align: center;
-webkit-transition: background-color 300ms ease-in-out;
-moz-transition: background-color 300ms ease-in-out;
-o-transition: background-color 300ms ease-in-out;
-ms-transition: background-color 300ms ease-in-out;
}
.primary .second-tier a {
text-align: left;
margin-left: 0;
}
.primary a span {
padding: 0 15px;
white-space: nowrap;
}
.primary .last a span {
padding-right: 31px;
}
:lang(fr) .primary a span {
padding: 0 12px;
white-space: nowrap;
}
:lang(fr) .primary .last a span {
padding-right: 29px;
}
.primary li.active a,
.primary a:hover {
background-color: #870202;
}
.primary li ul {
position: absolute;
display: none;
width: 187px;
z-index: 10;
}
.primary .content li ul, .primary li ul li { background-image: none; }
.primary li ul li {
background-color: #870202;
float: none;
width: auto;
}
.primary ul.second-tier {
background-color: #870202;
padding-bottom: 10px;
}
.primary .second-tier li {
/*font-size: 14px;*/
/*line-height: 36px;*/
font-size: 12px;
line-height: 32px;
}
.primary .second-tier>li>a { text-indent: 12px; }
.primary .second-tier li.has-children>a {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-has-children.png) 156px 11px no-repeat;
}
.primary .second-tier li a:hover {
background: #600404;
}
.primary .second-tier li.has-children.active,
.primary .second-tier li.has-children>a:hover {
background: #600404 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-has-children.png) 156px 11px no-repeat;
}
.primary .third-tier {
background-color: #600404;
padding: 30px 0 30px 20px;
position: absolute;
width: 383px;
}
.primary li .third-tier a {
background-color: #600404;
font-size: 12px;
line-height: 14px;
margin-bottom: 12px;
padding: 0;
}
.primary li .third-tier a:hover {
color: #f3edb7;
}
.third-tier {
display: none;
position: absolute;
left: 187px;
top: 0px;
}
.secondary .account {
float: left;
}
.secondary .tabs {
float: right;
}
.secondary .tabs li a,
.secondary .account a,
.secondary .account h1 {
font-size: 11px;
font-weight: 700;
}
.secondary .tabs li a,
.secondary .account {
padding-top: 8px;
padding-bottom: 8px;
}
.secondary .tabs li a {
padding-left: 15px;
padding-right: 15px;
}
.secondary .account h1 {
text-transform: uppercase;
padding-right: 8px;
}
.secondary .account h1,
.secondary .account ul,
.secondary .account li,
.secondary .account a {
display: inline;
float: left;
}
.account .email-headlines:after {
content: "•";
display: inline-block;
padding: 0 4px;
}
.account .my-account:before {
content: "||";
display: inline-block;
padding: 0 7px;
}
.secondary .tabs li a {
background-color: #ececec;
color: #333;
text-transform: uppercase;
}
.secondary .tabs a:hover {
background-color: #a8a8a8;
color: #fff;
}
.tertiary {
width: 1000px;
margin: 0 auto;
color:#666;
font-weight: 600;
text-align: right;
}
.tertiary ul {
list-style-type: none;
}
.tertiary li {
float: right;
padding: 10px 25px 10px 25px;
}
.tertiary li+li {
border-right: 1px solid #cfcfcf;
-webkit-box-shadow: 1px 0px 2px #ffffff;
-moz-box-shadow: 1px 0px 2px #ffffff;
}
/* @end Navigation */
/* @group Columns */
.columns>.content {
background-color: #fff;
line-height: 18px;
overflow: hidden;
padding: 35px 0;
}
/* .form .columns>.content, */
/* .full-width .columns>.content {*/
.full-width .main>.content {
/*padding: 41px 18px;*/ /* already have 35px vertical padding from top-level columns>content */
padding: 0 18px;
}
.columns {
clear: both;
position: relative;
z-index: 1;
}
/* .form .columns,*/
#home .columns,
.interior.story .columns {
margin-top: -16px;
}
.column {
float: left;
}
.main {
border-right: 1px solid #d2d2d2;
width: 674px;
}
.main>.content {
padding: 0 16px 0 20px;
}
.aside {
width: 324px;
}
.aside>.content {
padding: 0 12px 0 15px;
}
body.full-width .columns .column.aside,
body.printable.story .columns .column.aside {
display: none;
}
body.full-width .columns .column.main,
body.printable.story .columns .column.main {
border-right: none;
width: 1000px; /* main + aside */
}
body.full-width .columns .main>.content,
body.printable.story .columns .main>.content {
padding: 0 16px;
}
/* @end Columns */
/* @group Headings & Banners */
.banner {
background-color: #fff;
clear: both;
margin-top: -16px;
}
.infocenter.landing .banner h1,
.briefing.landing .banner h1,
.infocenter .banner h1,
.briefing .banner h1,
.full-width .banner h1,
.landing .banner h1 {
line-height: 91px;
font-size: 32px;
font-weight: 700;
height: 91px;
padding: 0 0 0 24px;
}
body.view .banner h1,
.interior .banner h1 {
line-height: 38px;
font-size: 16px;
font-weight: 700;
height: 38px;
padding: 0 0 0 11px;
}
.banner h1 {
background: #fff url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-banner-overlay.png) 100% 0 no-repeat;
color: #fff;
text-transform: uppercase;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
.headlines h1.ribbon {
background-color: #1a76a8;
}
.color-bar {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-banner-overlay.png) 100% 0 no-repeat;
clear: both;
height: 42px;
margin-top: -16px;
}
.color-bar h1 {
font-size: 16px;
padding-left: 11px;
line-height: 38px;
text-transform: uppercase;
}
h1.ribbon, .section.focus h1 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-section-heading-overlay.png) 100% 0 no-repeat;
color: #fff;
font-size: 16px;
line-height: 38px;
height: 42px;
padding-left: 11px;
}
/* TODO: fix this -- default green */
h1.ribbon {
background-color: #8f9d2d;
}
h1.ribbon a,
h1.ribbon a:after,
.section.focus h1 a,
.landing h1.ribbon a,
.landing .section.focus h1 a {
color: #fff;
}
h1.ribbon a:hover:after,
h1.ribbon a:hover {
color: #c1ce6d;
}
.related-posts h1,
.photo-essays h1,
.video h1,
.resource-documents h1,
.blog-entry h1 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/sprite-category-icns.png) 0 0 no-repeat;
line-height: 25px;
margin: 6px 0 3px 0;
padding-left: 30px;
}
.generic h1 {
margin-bottom: 10px;
}
.section.topical-focus h1 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-focus-big.png) 0 0 no-repeat;
line-height: 25px;
margin: 6px 0 3px 0;
padding-left: 30px;
}
.photo-essays h1 { background-position: 0 -25px }
.video h1 { background-position: 0 -50px }
.resource-documents h1 { background-position: 0 -75px }
.blog-entry h1 { background-position: 0 -100px }
.resource h1 { margin-bottom: 14px; }
.main .section.focus h1 a:hover,
.main .section.focus h1 a:hover:after {
color: #f3c681;
}
.topical-focus .topic h1,
.resources .topic h1 {
font-size: 24px;
margin-bottom: 9px;
line-height: 120%;
}
.topical-focus .topic h2 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-focus-big.png) 0 0 no-repeat;
color: #e78d03;
font-size: 20px;
line-height: 25px;
margin-bottom: 11px;
padding-left: 30px;
text-transform: uppercase;
}
.aside .section h1 {
margin-bottom: 14px;
text-transform: uppercase;
}
.aside .section h1 a {
text-transform: capitalize;
}
.landing h1 a {
color: #333;
}
.landing .aside .section h1 a {
text-transform: uppercase;
}
.section.focus h1, .topical-focus .color-bar {
background-color: #e78d03;
}
.resources .color-bar {
background-color: #10579f;
}
.resources .color-bar h1,
.resources .color-bar h1 a,
.topical-focus .color-bar h1,
.topical-focus .color-bar h1 a {
color: #ffffff;
}
.resources .color-bar h1 a:hover {
color: #c3d5e6;
}
.topical-focus .color-bar h1 a:hover {
color: #f3c681;
}
.landing .section h1 a:after,
.interior .section h1 a:after {
/* is this color here only to help identify unclassed occurances? */
/* color: #6a6a6a;*/
content: "»";
font-weight: normal;
display: inline-block;
margin: -5px 0 0 6px;
}
.section.banner h1 a:after,
.landing .section.focus h1 a:after,
.landing h1.ribbon a:after {
color: #fff;
}
h1.ribbon a:after {
content: "»";
display: inline-block;
margin-left: 8px;
}
.featured-story h1 {
background-color: transparent;
background-image: none;
/* color: auto; */
}
.focus-on {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-focus.png) 0 50% no-repeat;
display: inline-block;
padding: 2px 0pt 2px 32px;
text-transform: uppercase;
}
.lte7 .focus-on {
padding-bottom: 0;
}
body.topical-focus .section.banner h1 > span {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-focus.png) 0 50% no-repeat;
display: inline-block;
padding: 0 0 0 32px;
}
.section h2 { margin-bottom: 4px; }
.sponsor-wire h2 {
font-size: 13px;
margin-bottom: 6px;
}
.article h1 {
clear: both;
font-size: 28px;
line-height: 100%;
padding: 18px 0 12px 0;
}
.trending h1 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-trending.png) 0 46% no-repeat;
padding: 3px 2px 3px 28px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
/* @end Headings & Banners */
/* @group Sections and Modules */
/* .main .section.box>.content,
.focus .feature {*/
.main .section.box>.content {
border: 1px solid #d2d2d2;
border-top: none;
overflow: hidden;
padding: 32px 16px 16px 16px;
}
.focus .feature {
overflow: hidden;
}
.focus .feature .related-stories {
float: left;
}
.focus .feature ul.stories {
list-style-type: none;
width: 350px;
}
.section {
overflow: hidden;
}
.section.trending {
clear: both;
/* margin-top: -16px;*/
/* padding: 20px 0;*/
margin-bottom: 20px;
}
.section.trending a:hover {
color: #333;
}
.section.trending h1,
.section.trending ul,
.section.trending li,
.section.trending a {
display: inline;
line-height: 150%;
color: #666;
}
.section.trending ul {
margin:21px 0;
}
.section.trending li {
margin: 2px 0;
}
.section.trending li:after {
/* content: "////////";*/
/* content: "//";*/
content: "||";
padding: 0 1px;
}
.section.trending li:last-child:after {
content: "";
}
/* .trending li + li:before {
background: #ff0;
content: "\\\\";
} */
.trending .separator {
display: none;
}
.lte7 .trending .separator {
display: inline-block;
padding: 0;
}
.section.focus>.content {
padding: 0;
border: none;
}
.focus.box h2 {
font-size: 14px;
text-transform: uppercase;
}
.focus.box ul {
margin: 12px 0 32px 0;
}
.focus.box .location {
text-transform: uppercase;
}
.section.generic {
padding: 17px 10px 20px 10px;
}
.section.generic h1 {
font-size: 18px;
}
.main .section { margin-bottom: 35px; }
.aside .section {
border-top: 5px solid #656565;
width: 300px;
}
.landing .aside .section {
/* border-top: none;*/
}
.aside .section.focus { border-top: none; }
.aside .section>.content {
padding: 18px 0 22px 0;
}
.topical-focus .topic {
clear: both;
}
.topical-focus .topic .content {
background-color: #fff;
padding: 21px 21px 0 21px;
}
.topic p {
font-size: 14px;
line-height: 23px;
}
.main .featured-story {
background-color: #f4f4f4;
margin-bottom: 22px;
}
.featured-story .figcaption {
color: #929292;
}
.main .featured-story>.content {
border: none;
padding: 12px;
}
.topic-stories { border-top: 9px solid #666; }
.topic-stories li {
padding: 13px 11px 28px 11px;
}
.topic-stories li,
.with-figures li {
border-bottom: 1px solid #c2c2c2;
overflow: hidden;
}
.aside .with-figures li {
border-bottom: 0;
padding: 0;
}
.topic-stories li.first { padding-top: 25px; }
.with-figures li.last,
.topic-stories li.last {
border-bottom: none;
}
.stories.with-figures h2,
.topic-stories .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 11px;
}
.landing .with-figures .headline {
font-weight: bold;
}
.with-figures .location,
.with-figures .listing-type,
.topic-stories .source,
.blog-entry .source {
color: #666;
font-size: 12px;
margin-bottom: 9px;
text-transform: uppercase;
}
.with-figures .listing-type {
font-size: 11px;
font-weight: bold;
margin: 0;
}
.with-figures .summary,
.topic-stories .summary,
.blog-entry .summary {
line-height: 16px;
}
.with-figures li {
padding: 12px 0 18px 0;
}
.my-africa .with-figures .headline {display: block;}
.my-africa .with-figures li {padding: 5px 0; border: none;}
.with-figures li.first { padding-top: 12px; }
.with-figures img {
float: left;
margin-right: 18px;
}
.section.generic { border-top: 5px solid #666 }
.section.related-posts { border-top: 9px solid #7a0f8d }
.section.photo-essays { border-top: 9px solid #a02424 }
.section.video { border-top: 9px solid #deb807 }
.section.resource-documents { border-top: 9px solid #7b8a17 }
.section.blog-entry { border-top: 9px solid #3b79b8 }
.section.topical-focus { border-top: 9px solid #e78d03 }
.related-posts>.content { }
/* .feature { overflow: hidden }*/
.top-story { margin-bottom: 20px; }
.featured-story .stories,
.featured-story .figure,
.feature .figure, .feature .stories {
float: left;
}
.feature .figure {
font-size: 12px;
line-height: 15px;
width: 180px;
margin-right: 25px;
}
.credit { font-style: italic; }
.credit a, .aside .credit { color: #999; }
.text-feature .figure img,
.feature img {
display: block;
margin-bottom: 10px;
}
.text-feature .featured-story .stories,
.feature .stories {
/*margin-left: 25px; */
width: 405px;
}
.resource dl { overflow: hidden }
.resource dt {
clear: left;
float: left;
font-weight: bold;
line-height: 16px;
padding-right: 3px;
}
.sponsor-wire .stories {
margin-bottom: 13px;
}
.sponsor-wire .stories li.more {
list-style: none;
background-image: none;
}
.features, .features ul {
list-style-type: none;
}
.features li div.feature {
margin: 20px 0;
border: 1px solid #ececec;
background: #fff url(/web/20130115050339im_/http://allafrica.com/static/images/structure/duplex/duplex_box_bg.gif) no-repeat top right;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
padding: 10px;
}
.section.box.headlines .stories li {
list-style: none;
line-height: 18px;
margin-bottom: 7px;
}
.sponsor-wire .stories li {
list-style: none;
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bullet-sm.gif) 6px 0 no-repeat;
padding: 0 0 0 21px;
line-height: 16px;
margin-bottom: 5px;
}
.lte7 .sponsor-wire .stories li {
zoom: 100%;
background-position: 6px 3px;
}
.aside .stories li.more {
margin-bottom: 5px;
}
.aside .stories li {
line-height: 17px;
margin-bottom: 18px;
}
.landing .aside .stories li {
margin-bottom: 12px;
}
.aside .related-links li {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bullet-sm.gif) -2px 3px no-repeat;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
padding: 0 0 0 10px;
}
.location {
font-weight: bold;
}
.note {
color: #666;
font-size: 12px;
line-height: 16px;
}
.stories.multi-column {
overflow: hidden;
}
.stories.multi-column li {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bullet-sm.png) 2px 6px no-repeat;
float: left;
margin-bottom: 11px;
padding-left: 9px;
width: 31%;
}
.stories.multi-column li a {
display: block;
width: 160px;
}
.aside .stories {
border-top: none;
}
.two-column .stories {
/* float: left;
display: inline;
width: 47%;
width: 94%;*/
}
.two-column .stories li {
/* float: left;
display: inline; */
width: 47%;
}
.two-column .stories li {
float: left;
}
.two-column .stories li + li {
float: right;
}
ul.stories+.ul.stories {
float: right;
}
.spotlight {
background-color: #f4f4f4;
}
.spotlight a {
font-weight: bold;
}
.halves>.content>div {
width: 275px;
}
.halves>.content>div.first {
float: left;
}
.halves>.content>div.last {
float: right;
}
.video h2 {
font-size: 14px;
margin: 8px 0 2px 0;
}
.thirds>.content>div {
float: left;
margin-right: 35px;
width: 180px;
}
/* "layered" application of 10px padding makes three-wide images wrap in certain contexts */
.main-feature .content .thirds>.content,
.aans.landing .main .content .thirds>.content {
padding: 0;
}
.thirds>.content>div.last {
margin-right: 0;
}
.accordion h2 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-accordion-heading.png) 0 0 repeat-x;
color: #fff;
font-size: 14px;
line-height: 34px;
height: 34px;
margin-bottom: 0;
padding: 0 30px 0 14px;
text-transform: uppercase;
}
.accordion h2 .indicator {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/sprite-accordion-indicator.png) 0 0 no-repeat;
display: block;
height: 15px;
position: absolute;
top: 9px;
right: 14px;
width: 16px;
}
.accordion h2 .indicator.down {
background-position: 0 100%;
}
.accordion h2,
.accordion ol {
position: relative;
z-index: 10;
}
.accordion ol {
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
display: none;
}
.accordion ol.last { border-bottom: 1px solid #d2d2d2; }
ol.showing {
display: block;
z-index: 1;
zoom: 100%;
}
.stories .accordion li {
margin-bottom: 0;
}
.aside .stories .accordion ol li {
margin: 0;
border-bottom: 1px dotted #d2d2d2;
padding: 6px 0;
position: relative;
left: 24px;
width: 84%;
}
.aside .stories .accordion ol li.last {
margin-bottom: 0;
border-bottom: 0;
}
.accordion ol li.last.more {
list-style: none;
font-weight: bold;
}
.lte7 .stories .accordion ol li {
left: 0px;
margin: 6px 0 0 30px;
padding: 0 0 6px 0;
vertical-align: top;
list-style: inside decimal-leading-zero;
display: list-item;
}
.ie8 .stories .accordion ol li {
counter-reset: item;
list-style: inside decimal;
left: 10px;
width: 92%;
}
.popular-discussions h1 {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-flame.png) top left no-repeat;
line-height: 28px;
padding-left: 17px;
}
.aside .popular-discussions li {
border-bottom: 1px dotted #ddd;
margin-bottom: 0;
padding: 9px 0;
overflow: hidden;
}
.aside .popular-discussions li.first { padding-top: 0 }
.aside .popular-discussions li.last { border-bottom: 0 }
.popular-discussions .title {
float: left;
width: 160px;
}
.popular-discussions .comment-count {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-comment.png) bottom left no-repeat;
float: right;
line-height: 14px;
padding-left: 19px;
width: 87px;
}
.recommended li {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-check-recommended.png) 2px 3px no-repeat;
padding-left: 39px;
}
.lte7 .recommended li {
zoom: 100%;
}
.recommended li a {
line-height: 18px;
}
.share-count {
font-style: italic;
color: #999;
margin-top: 2px;
}
/* @end Sections and Modules*/
/* @group Home feature box*/
.main-feature {
background: #ededed url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-feature-gradient.png) 0 100% repeat-x;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden;
line-height: 1;
margin-bottom: 35px;
}
.main-feature .content,
.tournament.landing .main .content,
.aans.landing .main .content {
padding: 10px;
}
.aans.landing .main > .content {
padding-top: 0;
}
.landing .featured-story,
.text-feature .features {
float: left;
width: 600px;
}
.featured-story-photos {
height: 324px;
width: 495px;
}
.video-viewer,
.photo-viewer {
background: #333;
overflow: hidden;
}
.photo-viewer,
.video-viewer {
width: 643px;
margin-bottom: 10px;
line-height: 1;
}
.tournament.landing .photo-viewer,
.tournament.landing .video-viewer,
.aans.landing .photo-viewer,
.aans.landing .video-viewer {
width: 654px;
}
.photo-viewer .content {
padding: 10px;
}
.tournament.landing .photo-viewer > .content,
.aans.landing .photo-viewer > .content {
padding: 10px 15px 10px 15px;
}
.featured-story-blurbs {
width: 625px;
}
.featured-story-info {
min-height: 120px;
clear: both;
}
:lang(fr) .featured-story-info {
min-height: 130px;
}
.video-viewer {
margin-bottom: 20px;
}
.text-feature .figure {
width: 163px;
}
.text-feature .features {
border-right: 1px solid #cecece;
margin-top: 10px;
padding: 10px 20px 20px 10px;
}
.text-feature .featured-story {
padding: 0 0 20px 0;
}
.text-feature h2,
.video-viewer h2 {
font-size: 22px;
margin-bottom: 10px;
}
.featured-story-credits li,
.featured-story-photos li,
.featured-story-blurbs li {
display: none;
list-style: none;
}
.featured-story-credits li.showing,
.featured-story-photos li.showing,
.featured-story-blurbs li.showing {
/* display: block;*/
display: list-item;
}
.featured-story-photos {
float: left;
}
.featured-story-thumbnails {
float: right;
padding: 5px 0 5px 10px;
width: 118px;
}
.featured-story-thumbnails li {
list-style: none;
margin-bottom: 21.5px;
}
.featured-story-thumbnails li.last {
margin-bottom: 0;
}
.featured-story .story .summary {
color: #666;
line-height: 18px;
margin-bottom: 20px;
}
.featured-story .story .figcaption {
color: #333;
font-size: 11px;
line-height: 14px;
text-align: left;
}
.featured-story .story .figcaption a {
color: #929292;
}
.photo-indicator {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-thumbnail-arrow.png) 0 0 no-repeat;
margin-left: -28px;
padding-left: 23px;
position: absolute;
top: 359px;
height: 99px;
display: none;
}
.photo-indicator .window {
border: 5px solid #fff;
width: 118px;
height: 89px;
}
.photo-viewer .summary {
/*color: #666;*/
color: #ccc;
}
.main-feature a,
.photo-viewer a {
color: #690;
}
.main-feature a:hover,
.photo-viewer a:hover {
color: #4f6f0e;
}
.featured-story-blurbs {
line-height: 19px;
padding: 10px 0 0 0;
}
.featured-story-blurbs h2 {
font-size: 22px;
}
a.full-story:after {
content: "»";
margin-left: 2px;
}
.featured-story-credits {
color: #929292;
font-size: 12px;
/* position: absolute;*/
top: 688px;
text-align: right;
width: 495px;
}
.lte7 .featured-story-credits {
/* margin-left: -495px;*/ /* not needed without position: absolute, above */
}
.main-feature .top-headlines,
.main .top-headlines {
float: right;
width: 313px;
}
.get-headlines {
color: #848383;
font-size: 13px;
padding: 5px 0 10px 0;
line-height: 10px;
text-align: right;
vertical-align: top;
}
.get-headlines span {
font-weight: bold;
position: relative;
top: 1px;
}
.get-headlines a.rss {
margin-left: 10px;
}
.get-headlines a.rss,
.get-headlines a.email {
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline;
font-size: 10px;
margin-bottom: 15px;
line-height: 10px;
padding: 6px 9px 6px 23px;
text-transform: uppercase;
zoom: 100%;
}
.get-headlines a.email {
background: #444 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-share-email.png) 8px 5px no-repeat;
padding-left: 28px;
}
.get-headlines a.email:hover {
background: #669900 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-email-hover.png) 8px 6px no-repeat;
}
.main-feature h1 {
border-bottom: 1px dotted #666;
font-size: 21px;
margin: 10px 22px 0 10px;
padding-bottom: 10px;
}
.main-feature .top-headlines ul {
padding: 1px 21px 10px 10px;
}
.main-feature .top-headlines li {
list-style: none;
border-top: 1px dotted #666;
line-height: 16px;
padding: 10px 22px 10px 0;
}
.main-feature .top-headlines .location {
color: #666;
}
/* @end Home feature box*/
/* @group Article styles */
.article .heading {
border-bottom: 1px solid #d2d2d2;
overflow: hidden;
margin-bottom: 16px;
padding-bottom: 16px;
}
.article .publication {
color: #939393;
float: left;
width: 49%;
}
.article .publication h2 {
font-size: 18px;
font-weight: normal;
}
.article .publication img,
.article .publication h2 {
margin-bottom: 4px;
}
.article .publication img {
display: block;
/*margin-left: -2px;*/
}
.article .publication .extra,
.article .publication .disclaimer {
font-size: 11px;
font-style: italic;
line-height: 125%;
}
.article .sharing-links {
width: 49%;
float: right;
padding-top: 6px;
text-align: right;
}
.article .sharing-links a {
background-color: #e4e4e4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #666;
display: inline-block;
font-size: 10px;
line-height: 9px;
margin-left: 4px;
padding: 6px 6px 6px 22px;
text-transform: uppercase;
}
.sharing-links a:hover {
background-color: #669900;
color: #fff;
}
.sharing-links .email {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-share-email.png) 4px 5px no-repeat;
}
.sharing-links .email:hover {
background: #669900 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-email-hover.png) 4px 5px no-repeat;
}
.sharing-links .print {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-share-print.png) 5px 3px no-repeat;
}
.sharing-links .print:hover {
background: #669900 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-share-print-hover.png) 5px 3px no-repeat;
}
.sharing-links .share {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-share-share.png) 4px 4px no-repeat;
}
.sharing-links .share:hover {
background: #669900 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-share-share-hover.png) 4px 4px no-repeat;
}
.byline, .comment-count {
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
}
.byline {
color: #666;
font-style: normal;
}
.article p {
margin-bottom: 16px;
}
.article .story-body ul {
margin-left: 45px;
list-style: disc url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bullet-sm.gif);
}
.article .story-body ul li {
padding: 0 0 0 10px;
margin-bottom: 8px;
}
.kindofstory {
text-transform: uppercase;
}
.article blockquote {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-blockquote.png) 0 0 no-repeat;
float: left;
font-size: 22px;
line-height: 36px;
margin-right: 22px;
padding: 38px 0 14px 0;
width: 278px;
}
.article blockquote p {
margin-bottom: 0px;
}
blockquote cite {
color: #666;
font-size: 16px;
font-style: normal;
}
blockquote cite:before {
content: "– ";
}
/*
.article .figure {
float: right;
margin-left: 26px;
}
*/
.article .figure img {
display: block;
}
.boxes .figure .figcaption,
.article .figcaption {
font-size: 11px;
line-height: 150%;
margin-top: 8px;
}
.article .inset .credit {
font-size: 10px;
}
.figcaption .credit {
font-style: italic;
}
.headlines .credit,
.figcaption .credit a {
color: #999;
}
.tags {
font-weight: 700;
font-size: 14px;
}
.printable .article .tags {
display: none;
}
.article div.tags {
/* clear: both;*/
}
.article .tags.bordered.above {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 10px 0;
margin-bottom: 20px;
}
.article .tags .label,
.article .tags li {
float: left;
font-weight: 700;
font-size: 14px;
}
.article .tags.bordered.above .label,
.article .tags li {
padding-left: 7px;
}
.article .tags li {
list-style-type: none;
}
.article .tags li + li:before {
content: "•";
padding-right: 5px;
}
/* we don't like this kind of pagination
.pagination {
margin-top: 16px;
text-align: right;
}
.pagination a {
display: inline-block;
}
.pagination a.first {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/sprite-pagination.png) 0 1px no-repeat;
padding-left: 20px;
}
.pagination a.last {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/sprite-pagination.png) 100% -16px no-repeat;
padding-right: 20px;
}
.pagination a.current,
.pagination a.current:hover {
font-weight: bold;
color: #333333;
}
*/
.pagination {
display: block;
width: auto;
font-size: 11px;
margin: 0 0 10px 0;
overflow: hidden;
padding: 5px 0;
}
.pagination ul:after {
clear: both;
}
.pagination h2 {
display: inline;
float:left;
padding-right: 10px;
font-size: 11px;
font-weight: 400;
margin:6px 6px 5px 0;
}
.pagination li {
margin:6px 5px 6px 0;
padding: 0;
color:#444444;
display:block;
float:left;
}
.pagination li a {
border:1px solid #c6c6c6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.pagination li a,
.pagination li span {
padding: 6px 9px;
}
.pagination li.active {
margin: 6px 12px 6px 7px;
}
.pagination li a:hover {
border:1px solid #999999;
color:#444444;
-webkit-box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.pagination li span,
.pagination li a {
display: block;
}
.article .pagination {
font-size: 15px;
font-weight: 700;
}
.article .pagination .content {
float: right;
}
.article .pagination ul {
float: left;
}
.article .pagination a.last {
margin-right: 12px;
}
.article .pagination li span,
.article .pagination li a {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ffffff 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf');
background-color:#ffffff;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#777777;
font-family:arial;
text-shadow:1px 1px 0px #ffffff;
}
.article .pagination li.active span,
.article .pagination li a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff');
background-color:#dfdfdf;
border: 1px solid #999999;
color: #444444;
}
.article .pagination li a:active {
position:relative;
top:1px;
}
.article .pagination li span,
.article .pagination li a {
margin: 3px;
display: block;
}
.article .pagination li {
list-style-type: none;
margin: 0;
}
.article .pagination li span {
border: 1px solid #C6C6C6;
padding: 6px 9px;
}
.article .pagination li.separator span {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
.article .pagination li.start a,
.article .pagination li.end a,
.article .pagination li.previous a,
.article .pagination li.next a {
padding-right: 5px;
padding-left: 5px;
}
.article .pagination li.start a,
.article .pagination li.previous a {
margin-right: 0;
margin-left: 0;
}
.article .pagination li.end a,
.article .pagination li.next a {
margin-right: 0;
margin-left: 0;
}
.article .story-footer-link,
.article .story-body {
font-size: 15px;
}
.article .story-footer-link p {
margin-bottom: 20px;
}
.article .page-indicator {
font-size: 80%;
}
.article .figure.video.inset,
.article .figure.resource.inset,
.article .figure.picture.inset,
.article .figure.photoessay.inset {
width: 290px;
}
.article ul.sharebar.standard {
border-top: 1px solid #D2D2D2;
margin-top: 16px;
padding-top: 16px;
}
.article ul.sharebar.standard li {
margin-right: 0;
}
.article ul.sharebar.standard li.google {
margin-left: -5px;
}
.article .column.useful {
width: 155px;
margin-bottom: 17px;
margin-right: 22px;
}
.restricted .article .column.useful,
.printable .article .column.useful {
display: none;
}
.article .column.useful .links h4 {
color: #C41313;
font-size: 12px;
padding: 8px 0 8px 2px;
margin-bottom: 5px;
text-transform: uppercase;
border-top: 7px solid #C41313;
border-bottom: 1px dotted #CCC;
clear: both;
}
.article .column.useful .links h4 a {
color: #C41313;
font-size: 12px;
text-transform: uppercase;
}
.article .column.useful h5 {
font-size: 12px;
font-weight: 700;
margin-bottom: 2px;
}
.article .column.useful div.document {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-document-small.png) no-repeat 0% 6px;
padding-left: 15px;
}
.article .column.useful .headline {
font-size: 11px;
line-height: 14px;
width: 135px;
color: #333;
}
.article .column.useful .links li {
margin-bottom: 8px;
list-style-type: none;
}
.article .column.useful .links {
margin-bottom: 13px;
}
/*
in theory, if we float the inset, and set overflow on the body to something
other than the default, and don't float it or apply a fixed width, we get the
right behavior regardless of whether we display the inset or not
(http://stackoverflow.com/questions/1260122/expand-div-to-take-remaining-width)
*/
.article .content-container {
overflow: hidden;
}
.note.attribution {
border-top: 1px solid #d2d2d2;
margin-top: 16px;
padding-top: 16px;
}
.comments h1 span {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-comment-big.png) 0 50% no-repeat;
display: inline-block;
padding-left: 30px;
width: 210px; /* todo: fix line! */
}
.ie7 .comments h1 span {
position: relative;
top: -4px;
}
.comments h1 a {
background-color: #6b7919;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline;
line-height: 12px;
font-size: 12px;
font-weight: normal;
margin: 9px 5px 0 240px;
padding: 6px 8px;
text-transform: uppercase;
}
.ie7 .comments h1 a {
zoom: 100%;
}
.comments h1 a:after {
content: none;
}
.comments li {
background-color: #f4f4f4;
margin-bottom: 2px;
overflow: hidden;
padding: 16px;
}
.main .section.comments>.content {
border: none;
padding: 0;
}
.commenter {
float: left;
width: 20%;
}
.commenter .name {
font-weight: bold;
line-height: 22px;
}
.commenter .date {
font-size: 12px;
}
.commenter .flag {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-flag.png) 0 0 no-repeat;
line-height: 11px;
margin-top: 20px;
padding-left: 12px;
}
.commenter .flag a {
color: #b1b1b1;
font-size: 11px;
font-weight: 700;
}
.commenter .flag a:hover {
text-decoration: underline;
}
.comment {
float: right;
width: 77%;
}
.comments .blurb {
background: #ededed url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-feature-gradient.png) 0 100% repeat-x;
padding: 10px 5px;
margin-bottom: 10px;
color: #666;
line-height: 150%;
}
/* @end Article styles */
/* @group misc */
.misc .banner h1,
.misc .banner h1 a {
color: #666;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
}
.misc .banner h1 a:hover {
color: #f3c681;
}
.misc .banner h1 {
background-color: #c4dce6;
background-color: #dbdbdb;
background-color: #e2e2e2;
}
.misc .category-grid h2 {
margin: 20px 0 0px 0;
font-size: 16px
}
.misc .category-grid ul {
list-style-type: none;
margin: 0 -8px;
}
.misc .category-grid li {
float: left;
margin: 3px 8px 3px 8px;
font-size: 13px;
width: 170px;
height: 20px;
padding: 5px;
background-color: #93a5ac;
background-color: #c4dce6;
background-color: #e2e2e2;
vertical-align: middle;
}
.misc .category-grid li a {
color: #495256;
display: block;
position: absolute;
width: 170px;
height: 20px;
padding: 5px;
margin: -5px;
}
.misc .category-grid li a:hover {
background-color: #c4dce6;
background-color: #93a5ac;
background-color: #c2c2c2;
color: #495256;
}
.misc .info {
background-color: #f4f4f4;
padding: 10px;
line-height: 150%;
color: #444;
}
.misc .info h2 {
margin-top: 20px;
}
.misc .info p {
margin-bottom: 10px;
}
/* @end misc */
/* @group publishers */
.publishers .banner h1,
.publishers .banner h1 a,
.publishers .banner h1 a:after {
color: #ffffff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
.publishers .banner h1 a:hover,
.publishers .banner h1 a:hover:after {
color: #aeaeae;
}
.publishers .banner h1 {
background-color: #22565f;
}
.publishers .tertiary li+li {
border-right: 1px solid #9caa57;
}
.publishers ul.list {
list-style-type: none;
}
.publishers .publisher {
font-size: 12px;
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/pamp/bg-home-main-mid.png) 0 0 repeat-y;
margin: 0 0 20px 0;
padding: 20px;
color: #595141;
overflow: hidden;
}
.publishers .publisher h2 {
font-weight: bold;
font-size: 14px;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.publishers .publisher p {
margin: 5px 0;
clear: both;
}
.publishers .publisher .archived {
font-weight: 600;
}
.publishers .publisher .count {
color: #999;
float: right;
}
.publishers .publisher .website,
.publishers .view .website {
font-color: #593121;
}
.publishers .publisher div.headlines-link,
.publishers .view div.headlines-link {
float: right;
font-weight: 600;
padding: 5px 0;
color: #777;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.publishers .publisher div.headlines-link a,
.publishers .view div.headlines-link a {
margin-left: 10px;
}
.publishers .publisher div.headlines-link a+a:before,
.publishers .view div.headlines-link a+a:before {
content: '|';
margin-right: 10px;
}
/* @end publishers */
/* @group alerts-messages */
.alert-message {
position: relative;
padding: 7px 15px;
margin-bottom: 18px;
color: #404040;
background-color: #eedc94;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #eedc94 #eedc94 #e4c652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.failure,
.alert-message.failure:hover,
.alert-message.success,
.alert-message.success:hover,
.alert-message.info,
.alert-message.info:hover {
color: #ffffff;
}
.alert-message p {
margin-bottom: 0;
}
.alert-message div {
margin-top: 5px;
margin-bottom: 2px;
line-height: 28px;
}
.alert-message .btn {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.block-message {
background-image: none;
background-color: #fdf5d9;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
padding: 14px;
border-color: #fceec1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 10px 0;
}
.alert-message.block-message ul, .alert-message.block-message p, .alert-message.block-message h3 {
margin-right: 30px;
}
.alert-message.block-message h3 {
}
.alert-message.block-message p {
margin-bottom: 10px;
}
.alert-message.block-message ul {
margin-bottom: 0;
}
.alert-message.block-message ul li {
background: none;
padding: 0;
color: #404040;
}
.alert-message.block-message .alert-actions {
margin-top: 5px;
}
.alert-message.block-message.failure,
.alert-message.block-message.success,
.alert-message.block-message.info {
color: #404040;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-message.block-message.failure {
background-color: #fddfde;
border-color: #fbc7c6;
}
.alert-message.block-message.success {
background-color: #d1eed1;
border-color: #bfe7bf;
}
.alert-message.block-message.info {
background-color: #ddf4fb;
border-color: #c6edf9;
}
/* @end message-alerts */
/* @group Forms */
.login-or-register {
background: #f4f4f4 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-login-or-register.png) 338px 35px no-repeat;
overflow: hidden;
}
.login {
float: left;
width: 401px;
}
.register {
float: left;
width: 560px;
}
.edit-form, .search-form, .general-form {
background: #f4f4f4;
padding: 20px;
}
.login form, .register form, .general-form {
padding: 37px 0 34px 28px;
}
fieldset {
padding: 20px 0 16px 0;
}
legend {
font-size: 25px;
}
.lte7 legend {
margin-left: -8px;
padding: 0 0 10px 0;
}
.ie8 legend {
margin-bottom: 10px;
}
label {
display: block;
font-weight: bold;
line-height: 21px;
}
.login form input,
.register form input,
.edit-form form input,
.edit-form form select,
.edit-form form textarea,
.search-form form input,
.search-form form select,
.general-form form input,
.general-form form select,
.general-form form textarea {
border: 1px solid #d5d5d5;
height: 31px;
margin-bottom: 18px;
width: 231px;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
}
.edit-form form textarea,
.general-form form textarea {
width: 470px;
height: 120px;
font-size: 13px;
line-height: 150%;
}
.submit.button {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-btn-search.png) 0 0 repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
clear: left;
color: #fff;
font-size: 13px;
height: 33px;
margin: -4px 0 0 0;
padding: 0 8px;
width: auto;
}
.submit.button:hover {
background-position: 0 100%;
}
form p, .fields li {
clear: left;
line-height: 22px;
}
li.success {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-success.png) 100% 50% no-repeat;
}
li.failure {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-failure.png) 100% 50% no-repeat;
}
.edit-form li.failure,
.edit-form li.success {
background: none;
}
li.failure label {
color: #bd1111;
}
.fields li {
width: 231px;
padding-right: 17px;
}
.login li, li.confirm {
padding-right: 33px;
}
.register .fields li {
clear: left;
float: left;
}
.register ul.fields,
.login ul.fields,
.general-form ul.fields {
list-style-type: none;
}
.register .fields li.confirm {
clear: none;
}
.benefits h2 {
font-size: 13px;
margin-bottom: 9px;
}
.benefits li {
font-size: 13px;
line-height: 12px;
list-style-type: disc;
margin: 0 0 6px 12px;
}
.benefits ul {
margin-bottom: 19px;
}
.benefits {
margin-bottom: 40px;
}
.privacy {
font-style: italic;
margin: 19px 0 56px 0;
}
/* @end Forms */
/* @group Footer */
.footer {
background: #2c2c2c url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-footer.png) 0 0 repeat-x;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
/*color: #999;*/
color: #ddd;
line-height: 16px;
overflow: hidden;
}
.footer a {
/*color: #ccc;*/
color: #ddd;
}
.footer a:hover {
color: #fff;
}
.footer>.content { padding: 16px 21px 50px 21px; }
.footer div { float: left; }
.legal-and-colophon { width: 563px; }
.rss-and-site-links { margin-left: 105px; }
.legal-and-colophon p { padding: 16px 0 0 51px; }
.colophon {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/aa-logo-gray.png) 0 0 no-repeat;
margin-bottom: 7px;
}
.rss {
background: #444 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-rss.png) 7px 6px no-repeat;
display: block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 10px;
margin-bottom: 15px;
padding: 3px 9px 3px 23px;
text-transform: uppercase;
}
.rss:hover { background: #669900 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-rss-hover.png) 7px 5px no-repeat; }
.site-links {
list-style: none;
}
.footer div.trademark {
width: 100%;
text-align: center;
clear: both;
display: block;
padding-top: 10px;
}
/* @end Footer */
/* @group Ads */
.header {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-header.png) 0 0 repeat-x;
height: 95px;
padding: 5px 0 0 0;
}
.header img { float: right; }
.columns .ad-container { margin-bottom: 35px; }
.main .ad-container { text-align: center; }
div.ad-container {
/* background-color: #ccc;*/
background-color: #f0f0f0;
}
.aside div.ad-container,
div.ad-container.right-ad,
div.ad-container.right {
width: 300px;
height: 250px;
float: none; /* undo the way-too-broad .right class */
}
/* allow right-a to resize dynamically for 300x600 ads */
.aside div.ad-container.right-a {
width: auto;
height: auto;
background-color: transparent;
}
.header div.ad-container,
div.ad-container.leaderboard-ad,
div.ad-container.leaderboard {
width: 728px;
height: 90px;
}
div.ad-container.leaderboard-a {
float: right;
}
div.ad-container.leaderboard-b {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.main div.ad-container,
div.ad-container.banner-ad,
div.ad-container.banner {
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
}
.article div.ad-container,
div.ad-container.inline-ad,
div.ad-container.inline {
width: auto;
height: auto;
margin-bottom: 16px;
text-align: left;
background-color: transparent;
}
div.ad-container.google-custom-js-ad {
width: auto;
height: auto;
}
.article .google-custom-js-ad {
line-height: 135%;
}
.article .google-custom-js-ad li {
list-style-type: none;
}
.article .google-custom-js-ad.inline-a h4 a {
color: #333;
font-size: 85%;
font-weight: normal;
}
.article .google-custom-js-ad.inline-a h5,
.article .google-custom-js-ad.inline-a a.title {
color: #004e8c;
text-decoration: underline;
font-weight: bold;
font-size: 110%;
float: left;
display: inline;
}
.article .google-custom-js-ad.inline-a .visible a {
color:#008000;
font-size: 90%;
text-decoration: none;
}
.article .google-custom-js-ad.inline-a .lines span {
margin-left: 3px;
font-size: 90%;
display: inline;
}
.article .google-custom-js-ad.inset-a h4,
.article .google-custom-js-ad.inset-a h4 a {
color: #333;
font-size: 12px;
text-transform: uppercase;
}
.article .google-custom-js-ad.inset-a h4 {
padding: 1em 0 1em 2px;
margin-bottom: 13px;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
clear: both;
}
.article .google-custom-js-ad.inset-a li {
margin-bottom: 8px;
list-style-type: none;
}
.article .google-custom-js-ad.inset-a h5,
.article .google-custom-js-ad.inset-a a.title {
font-size: 12px;
}
.article .google-custom-js-ad.inset-a .lines {
padding-left: 5px;
}
.article .google-custom-js-ad.inset-a .lines span {
font-size: 11px;
display: inline;
}
.article .google-custom-js-ad.inset-a .line2 span {
margin-left: 3px;
}
.article .google-custom-js-ad.inset-a .visible a {
color:#008000;
font-size: 11px;
text-decoration: none;
}
/* @end Ads */
/* @group Spotlight Grid */
table.spotlight-grid {
font-size: 90%;
margin: 0;
border: 0;
padding: 0;
background-color: #fafafa;
border-collapse:separate;
border-spacing: 2px;
}
.bottom table.spotlight-grid {
margin-top: 35px;
}
tbody.spotlight-grid {
display:table;
}
.spotlight-grid td {
position: relative;
vertical-align: top;
background-color: #fefefe;
border: 1px solid #d2d2d2;
padding: 0;
margin: 7px;
line-height: 110%;
}
.spotlight-grid td div {
position: relative;
top: 0px;
}
.spotlight-grid td li {
list-style-type: none;
margin-bottom: 5px;
}
.spotlight-grid td ul {
padding: 0 0 0 4px;
margin: 0;
}
.spotlight-grid ul a {
font-size: 90%;
}
.spotlight-grid h4 a {
color: #333333;
}
.spotlight-grid h4 a:hover {
/* color: #666666;*/
}
.spotlight-grid .location {
color: #333333;
font-weight: bold;
}
.spotlight-grid a.more {
margin-left: 4px;
}
.spotlight-grid h4 {
margin: 0;
border-bottom: 1px dotted #b0c0b0;
padding-bottom: 6px;
margin-bottom: 6px;
width: 95%;
}
.spotlight-grid .credit {
color: #999999;
white-space: nowrap;
font-style: italic;
font-size: 85%;
}
/* @end Spotlight Grid */
.article .inset.tf {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bg-blockquote.png) 0 0 no-repeat;
font-size: 11px;
font-weight: bold;
line-height: 150%;
/* margin-right: 22px; */
padding: 20px 0 14px 0;
width: 250px;
}
.article .inset.tf h4 {
border-bottom:1px dotted #B0C0B0;
padding-bottom: 4px;
margin: 0 0 10px 17px;
width: 80%;
font-size: 13px;
}
.article .inset.tf ul {
padding: 0 5px 0 17px;
list-style-type: none;
margin: 0;
}
.article .inset.tf li {
margin: 7px 0;
list-style: none;
background: none;
padding: 0;
}
.article .figure.video.inset,
.article .figure.resource.inset,
.article .figure.picture.inset,
.article .figure.photoessay.inset {
width: 360px;
}
.article .inset.left {
margin-right: 22px;
}
.article .inset.right {
margin-left: 22px;
}
/* TODO: Clean this */
.left {
float: left;
}
.right {
float: right;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear {
clear: both;
}
/* Box tool styles */
div.boxes {
margin-bottom: 10px;
clear: both;
}
div.boxes.cr {
width: 940px;
margin: 0 30px 0 10px;
}
#home .main-feature div.boxes.cr {
width: 980px;
margin: 0;
}
div.boxes.wide-narrow {
}
div.boxes.narrow-wide {
}
div.boxes.four-even {
}
div.boxes.three-even {
}
div.boxes.two-even {
}
div.boxes.one-even {
clear: both;
display: block;
}
div.boxes>div.column {
/* border: 1px dotted black;*/
border: 0;
padding: 0 4px 6px 4px;
}
div.boxes.one-even>div.column {
padding: 0;
}
div.boxes>.column.wide {
padding-left: 2px;
padding-right: 2px;
}
div.boxes>.column.narrow {
padding-left: 2px;
padding-right: 2px;
}
div.boxes.wide-narrow-medium .column.wide {
padding-left: 0;
padding-right: 4px;
}
div.boxes.wide-narrow-medium .column.narrow {
padding-left: 4px;
padding-right: 4px;
}
div.boxes.wide-narrow-medium .column.medium {
padding-right: 0;
padding-left: 4px;
}
div.boxes.wide-narrow>.wide {
padding-left: 0;
}
div.boxes.narrow-wide>.narrow {
padding-right: 0;
}
div.boxes.wide-narrow>.narrow {
padding-left: 0;
}
div.boxes.narrow-wide>.wide {
padding-right: 0;
}
div.boxes .column.wide {
width: 400px;
}
div.boxes.cr .column.wide {
width: 600px;
}
#home .main-feature div.boxes.cr .column.wide {
width: 645px;
}
div.boxes .column.narrow {
width: 210px;
}
div.boxes.cr .column.narrow {
width: 300px;
}
#home .main-feature div.boxes.cr .column.narrow {
width: 315px;
}
#home .main-feature div.boxes.cr.wide-narrow div.clear {
display: none;
}
div.boxes.two-even .column {
width: 300px;
}
div.boxes.cr.two-even .column {
width: 450px;
}
div.boxes.three-even .column {
width: 190px;
margin-right: 15px;
}
div.boxes.cr.three-even .column {
/*width: 310px;*/
width: 290px;
}
div.boxes.four-even .column {
width: 140px;
}
div.boxes.cr.four-even .column {
width: 230px;
}
div.boxes.four-free .column {
/* width: auto; */
}
div.boxes.four-free .float-left .column {
margin-right: 8px;
}
div.boxes.four-free .float-right .column {
margin-left: 8px;
}
div.boxes h2 {
font-size: 14px;
margin: 0 0 6px 0;
}
div.boxes .figure.float-left {
margin-right: 15px;
}
div.boxes .figure.float-right {
margin-left: 15px;
}
.main .section.current-boxes {
padding: 15px 5px;
margin-bottom: 25px;
}
.boxes .related_links ul {
margin-left: 30px;
list-style: disc url(/web/20130115050339im_/http://allafrica.com/static/images/structure/bullet-sm.gif);
}
div.boxes.one-even .column table.medals-table {
width: 600px;
}
.boxes table.medals-table {
}
.boxes table.medals-table th {
padding: 5px 10px;
}
.boxes table.medals-table td {
padding: 5px 10px;
}
.boxes table.medals-table th + th {
text-align: right;
}
.boxes table.medals-table td + td {
text-align: right;
}
/* @group aans */
body.aans.list .section.banner h1 {
background-color: #026DA8;
}
body.aans.list .section.banner h1 a,
body.aans.list .section.banner h1 a:after {
color: #FFFFFF;
}
/* blue */
/*026DA8 201,99,66*/
/*C3D5E6 209,15,90*/
/*598DA8 201,47,66*/
/*80CBF2 201,47,95*/
/* orange */
/*E78D03 36,99,91*/
/*F3C681 36,47,95*/
/* green */
/*8F9D2D 68,71,62*/
/*C1CE6D 68,47,81*/
body.aans.list .section.banner h1 a:hover,
body.aans.list .section.banner h1 a:hover:after {
color: #80CBF2;
}
/* @end aans */
/* @group infocenter */
body.infocenter .banner h1,
body.infocenter .banner h1 a {
color: #666;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
}
body.infocenter .banner h1 a:hover {
color: #f3c681;
}
body.infocenter .banner h1 {
background-color: #e2e2e2;
}
/* @end infocenter */
/* @group commerce-user */
body.commerce-user .column {
float: left;
display: inline;
}
body.commerce-user .navigation {
width: 220px;
}
body.commerce-user .navigation>.content {
padding: 0 16px 0 20px;
}
body.commerce-user .admin {
border-left: 1px solid #d2d2d2;
width: 740px;
}
body.commerce-user .admin>.content {
padding: 0 12px 0 15px;
}
body.commerce-user fieldset legend {
font-size: 16px;
}
body.commerce-user > .masthead {
background-color: #f4f4f4;
}
body.commerce-user > .header {
height: 30px;
}
/* @end commerce-user */
/* @group topical-focus */
body.topical-focus .section.banner h1 > span {
background: url(/web/20130115050339im_/http://allafrica.com/static/images/structure/icn-focus.png) 0 50% no-repeat;
display: inline-block;
padding: 0 0 0 32px;
}
body.topical-focus .banner h1,
body.topical-focus .banner h1 a,
body.topical-focus .banner h1 a:after {
color: #ffffff;
}
body.topical-focus .banner h1 a:hover,
body.topical-focus .banner h1 a:hover:after {
color: #f3c681;
}
body.topical-focus .banner h1 {
background-color: #e78d03;
}
body.topical-focus .view ul {
list-style-type: none;
}
body.topical-focus.view ul {
list-style-type: none;
}
body.topical-focus .tertiary-navigation li+li {
border-right: 1px solid #f3c681;
}
body.topical-focus .feature {
overflow: hidden;
}
body.topical-focus .cycle {
background: #333 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/duplex/duplex_banner_bg.gif) repeat-x;
height:350px;
width:100%;
overflow:hidden;
}
body.topical-focus .cycle .item {
padding:10px;
background: #333 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/duplex/duplex_banner_bg.gif) repeat-x;
height:320px;
overflow:hidden;
}
body.topical-focus .cycle .image {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
float:left;
margin:5px 10px 0 0 ;
height:270px;
}
body.topical-focus .cycle .image a {
height:270px;
float:left;
padding:0;
border:none;
background: none;
}
body.topical-focus .cycle .details span {
color:#555555;
}
body.topical-focus .cycle .tags,
body.topical-focus .cycle .date {
font-style:italic;
font-size:11px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
color:#7f7f7f;
margin:0 0 10px 0;
}
body.topical-focus .cycle .tags a {
color:#7f7f7f;
margin-left: 10px;
}
body.topical-focus .cycle .tags a+a:before {
content: '//';
margin-right: 10px;
}
body.topical-focus .cycle .tags a:hover {
color:#cccccc;
}
body.topical-focus .cycle h2 {
display:block;
font-weight: normal;
color:#dddddd;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
font-size:16px;
line-height:120%;
margin:0 0 10px 0;
}
body.topical-focus .cycle h2 a,
body.topical-focus .cycle .excerpt a,
body.topical-focus .feature .see_more a {
color:#dddddd;
text-decoration: none;
}
body.topical-focus .cycle .excerpt a {
font-style: italic;
}
body.topical-focus .cycle h2 a:hover,
body.topical-focus .cycle .excerpt a:hover,
body.topical-focus .feature .see_more a:hover {
color:#fff;
}
body.topical-focus .cycle .excerpt {
color:#aeaeae;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
line-height:150%;
font-size:12px;
/*IE 6 bug fix */
margin-right:-3px;
}
body.topical-focus .cycle_nav {
position:absolute;
margin: -100px 0 0 370px;
z-index:7;
}
body.topical-focus .cycle_nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
body.topical-focus .cycle_nav li {
float:left;
margin-right:10px;
height: 67px;
}
body.topical-focus .cycle_nav li a {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
body.topical-focus .cycle_nav li:hover,
body.topical-focus .cycle_nav li.activeSlide {
background-color: #aeaeae;
}
body.topical-focus .cycle_nav li.activeSlide a {
filter:alpha(opacity=1);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
body.topical-focus .feature {
width: auto;
margin-bottom: 20px;
}
body.topical-focus .feature .related-stories {
margin-top: 10px;
}
body.topical-focus .feature .see_more {
position:relative;
margin-top: -20px;
z-index:7;
text-align: right;
width: 100%;
}
body.topical-focus .feature .see_more a {
padding-right: 10px;
font-size: 11px;
}
body.topical-focus .sharing-links {
width: 100px;
float: right;
padding-top: 6px;
text-align: right;
}
body.topical-focus .sharing-links a {
background-color: #e4e4e4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #666;
display: inline-block;
font-size: 10px;
line-height: 9px;
margin-left: 4px;
padding: 6px 6px 6px 22px;
text-transform: uppercase;
}
body.topical-focus .sharing-links a:hover {
background-color: #e78d03;
color: #ffffff;
}
/* @end topical-focus */
/* @group resource */
body.resources .section.banner h1,
body.resources h1.ribbon {
background-color: #10579f;
}
body.resources .section.banner h1,
body.resources .section.banner h1 a {
color: #ffffff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
body.resources .section.banner h1 a:hover {
color: #c3d5e6;
}
body.resources ul {
list-style-type: none;
}
body.resources .features .feature {
overflow: hidden;
clear: both;
}
body.resources li div.resource {
margin: 20px 0;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
border: 1px solid #dcdcdc;
background-color: #ececec;
padding: 20px 10px;
overflow: hidden;
}
body.resources dl dt {
width: 150px;
font-weight: bold;
float: left;
}
body.resources .tertiary li+li {
border-right: 1px solid #c3d5e6;
}
body.resources .sharing-links {
width: 100px;
float: right;
padding-top: 6px;
text-align: right;
}
body.resources .sharing-links a {
background-color: #e4e4e4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #666;
display: inline-block;
font-size: 10px;
line-height: 9px;
margin-left: 4px;
padding: 6px 6px 6px 22px;
text-transform: uppercase;
}
body.resources .sharing-links a:hover {
background-color: #10579f;
color: #ffffff;
}
/* @end resource */
/* @group briefing */
body.briefing .banner h1,
body.briefing .banner h1 a {
color: #666;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
}
body.briefing .banner h1 a:hover {
color: #f3c681;
}
body.briefing .banner h1 {
background-color: #e2e2e2;
}
/* @end briefing */
/* @group error-page */
body.error-page .features li div.feature {
overflow: hidden;
border: none;
box-shadow: none;
margin: 5px 0;
background: none;
}
body.error-page .features li div.feature h2 {
font-size: 90%;
}
body.error-page .features li div.feature {
font-size: 90%;
}
body.error-page .content p.see-more {
float: right;
text-transform: uppercase;
}
/* @end error-page */
/* @group photoesay */
.section.photoessay h1,
.section.photoessay h1 a,
.photoessays .banner h1,
.photoessays .banner h1 a {
color: #ffffff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
.section.photoessay h1 a:hover,
.photoessays .banner h1 a:hover {
color: #aeaeae;
}
.section.photoessay h1,
.photoessays .banner h1 {
background-color: #600404;
}
.photoessays .list {
margin: 0 20px;
}
.photoessays .list .list-pane {
margin: 20px 0;
padding: 10px;
background: #222 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/test/rubber_grip.png) repeat;
background: #222 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/test/crossed_stripes.png) repeat;
background: #222 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/test/bgnoise_lg.png) repeat;
background: #222 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/test/diagonal-noise.png) repeat;
background: #222 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/test/black_linen_v2.png) repeat;
background: #222 url(/web/20130115050339im_/http://allafrica.com/static/images/structure/test/black-Linen.png) repeat;
}
.photoessays .grid ul {
list-style-type: none;
clear: both;
margin: 10px 0;
padding: 0;
}
.photoessays .list .list-pane ul {
list-style-type: none;
clear: both;
margin: 30px;
padding: 0;
}
.photoessays .grid li {
float: left;
width: 180px;
}
.photoessays .grid li+li {
margin-left: 30px;
}
.photoessays .grid h2 {
font-size: 12px;
font-weight: normal;
}
.photoessays .list .list-pane li {
float: left;
width: 400px;
}
.photoessays .list.search-results .list-pane li {
width: 100%;
margin-bottom: 20px;
}
.photoessays .list .list-pane li+li {
float: right;
}
.photoessays .list.search-results .list-pane li {
clear: both;
}
.photoessays .list .photoessay {
padding: 5px;
}
.photoessays .list .photoessay .figure {
margin: 0 auto;
}
.photoessays .list.search-results .figure {
float: left;
margin: 0 20px 0 0;
}
.photoessays .list .photoessay .figure a img {
margin: 2px;
}
.photoessays .list .photoessay .figure a:hover img {
-moz-box-shadow: 0px 0px 2px #7f7f7f;
-webkit-box-shadow: 0px 0px 2px #7f7f7f;
box-shadow: 0px 0px 2px #7f7f7f;
}
.photoessays .grid .photoessay .figure a:hover img {
-moz-box-shadow: 0px 0px 2px #7f7f7f;
-webkit-box-shadow: 0px 0px 2px #7f7f7f;
box-shadow: 0px 0px 2px #7f7f7f;
}
.photoessays .list .photoessay h2 {
font-weight: normal;
color:#dddddd;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
.photoessays .list .photoessay p.count {
font-size: 12px;
font-style: italic;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
color:#7f7f7f;
}
.photoessays .list .photoessay p.blurb {
font-size: 11px;
color:#aeaeae;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
}
.photoessays .list .photoessay h2 a,
.photoessays .list .photoessay p.blurb a {
color:#dddddd;
}
.photoessays .list .photoessay h2 a:hover,
.photoessays .list .photoessay p.blurb a:hover {
color:#ffffff;
}
.photoessays .sharing-links {
width: 100px;
float: right;
padding-top: 6px;
text-align: right;
}
.photoessays .view .sharing-links a {
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 10px;
line-height: 9px;
margin-left: 4px;
padding: 6px 6px 6px 22px;
text-transform: uppercase;
}
.photoessays .view .sharing-links a:hover {
background-color: #666;
color: #000;
}
/* @end photoessay */
/* @group tournament */
.tournament .banner h1,
.tournament .banner h1 a,
.tournament .banner h1 a:after {
color: #ffffff;
}
.tournament .banner h1 a:hover,
.tournament .banner h1 a:hover:after,
.section.box.tournament h1.ribbon a:hover,
.section.box.tournament h1.ribbon a:hover:after {
color: #f3c681;
}
.tournament .banner h1,
.section.box.tournament h1.ribbon {
background-color: #e78d03;
}
.tournament .main .section {
margin-bottom: 20px;
width: 100%;
}
.tournament .main .section.box > .content {
padding: 16px;
}
.tournament .topic-stories li {
padding: 15px 10px;
}
.tournament .view ul {
list-style-type: none;
}
.tournament.view ul {
list-style-type: none;
}
.tournament .tertiary-navigation li+li {
border-right: 1px solid #f3c681;
}
.tournament .table-box {
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
padding: 10px;
background-color: #f4f4f4;
margin: 10px 0;
}
.tournament.team .banner h1,
.tournament.team .banner h1 a,
.tournament.team .banner h1 a:after {
color: #ffffff;
}
.tournament.team .banner h1 a:hover,
.tournament.team .banner h1 a:hover:after,
.section.box.tournament h1.ribbon a:hover,
.section.box.tournament h1.ribbon a:hover:after {
color: #f3c681;
}
.tournament.team .banner h1,
.section.box.tournament h1.ribbon {
background-color: #e78d03;
}
.tournament.team .main .section {
margin-bottom: 20px;
width: 100%;
}
.tournament.team .main .section.box > .content {
padding: 16px;
}
.tournament.team .topic-stories li {
padding: 15px 10px;
}
.tournament.team .tertiary-navigation li+li {
border-right: 1px solid #f3c681;
}
.tournament.team .table-box {
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
padding: 10px;
background-color: #f4f4f4;
margin: 10px 0;
}
.tournament.match .banner h1,
.tournament.match .banner h1 a,
.tournament.match .banner h1 a:after {
color: #ffffff;
}
.tournament.match .banner h1 a:hover,
.tournament.match .banner h1 a:hover:after,
.section.box.tournament h1.ribbon a:hover,
.section.box.tournament h1.ribbon a:hover:after {
color: #f3c681;
}
.tournament.match .banner h1,
.section.box.tournament h1.ribbon {
background-color: #e78d03;
}
.tournament.match .main .section {
margin-bottom: 20px;
width: 100%;
}
.tournament.match .main .section.box > .content {
padding: 16px;
}
.tournament.match .topic-stories li {
padding: 15px 10px;
}
.tournament.match .tertiary-navigation li+li {
border-right: 1px solid #f3c681;
}
.tournament.match .table-box {
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
padding: 10px;
background-color: #f4f4f4;
margin: 10px 0;
}
.tournament.match .topic h1 span+span {
margin-left: 30px;
}
/* @end tournament */
/*
FILE ARCHIVED ON 05:03:39 Jan 15, 2013 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 17:32:45 Nov 19, 2024.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.712
exclusion.robots: 0.032
exclusion.robots.policy: 0.019
esindex: 0.012
cdx.remote: 11.941
LoadShardBlock: 79.577 (3)
PetaboxLoader3.datanode: 97.271 (4)
load_resource: 71.249
PetaboxLoader3.resolve: 40.23
*/
