/*
----------------------------------------------------
author:   Luke Hardiman <hardiman@gmail.com>
version:  2009.05
----------------------------------------------------
*/

/* Revised YUI reset by Eric Meyer ---------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: normal;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
list-style:none;
background-repeat:no-repeat;
}

/* End Reset */

body {
background:#fff;
font-family: "Lucida Grande", Arial, sans-serif;
font-size:12px;
line-height:1.7142;
color:#413e39;
}
.st {
text-decoration:line-through; 
}

/* Generic Rules
----------------------------------------------------
*/

a {
color:#7f6f4f;
}
a:hover {
color:#458000;
}
label {
display:block;
}

/* jQuery adds the focus class in core.js */

#da-search input.text:focus,
div.content input.text:focus,
div.content textarea:focus,
#da-search input.text.focus,
div.content input.text.focus,
div.content textarea.focus{
background:#fff;
border-color:#e7e1d7;
}
#da-search input.text:focus,
#da-search input.text.focus {
background:#fff url('http://www.discoverafrica.com/holding/images/ui/text-input_spline_light.gif') left top repeat-x;
}
ol li {
list-style-type:decimal;
margin:0.33em 0 0.33em 1.67em;
line-height:1.22em;
}
ol li li {
list-style-type:lower-roman;
}
ul.bulleted li {
margin:0.33em 0 0.33em 1.67em;
line-height:1.22em;
list-style:disc;
}
h1,h2,h3,h4 {
font-weight:bold;
margin:1.33em 0 0.67em;
}
h1 {
font-size:21px;
font-weight:normal;
line-height:1.22em;
margin-top:0.33em;
}
h2 {
font-size:21px;
font-weight:normal;
margin-top:1em;
line-height:1.22em;
}
div.fold h2.first {
margin-top:0;
}
p {
margin:1em 0 0.67em;
}

/* Logo
----------------------------------------------------
*/

#logo {
margin:0;
padding:0;
}
#logo a {
display:block;
text-indent:-9999em;
background:url('http://www.discoverafrica.com/holding/images/discover-africa_logo2.gif') left top no-repeat;
width:424px;
height:66px;
margin:0;
position:absolute;
left:-8px;
top:40px;
}

/* Footer and Collar (Check footer-stick.css for home + results template rules)
-------------------------------------------------------------------------------
*/


#collar,#footer {
height:32px;
width:100%;
background:#62372d;
background:#a1cfd7;
background:#a69b89;
color:#fff;
opacity:.96;
z-index:10;
}
#collar {
position:absolute;
top:0;
left:0;
font-size:12px;
}
#footer {
font-size:10px;
}

/* Opacity for IE6 */

* html #collar, * html #footer {
filter: alpha(opacity=96);
}

/* Position Fixed for IE 5.5+ (actually works - unbelievable!)
http://www.howtocreate.co.uk/fixedPosition.html */

* html #footer {
  position:absolute;
  top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* Position fixed for normal browsers */

body>#footer {
position:fixed;
bottom:0;
}

#collar div.scarf,#footer div.scarf {
width:960px;
margin:0 auto;
}

#collar ul,#footer ul {
margin:0.75em 0 0 0;
}
#collar ul {
line-height:1.11em;
}

#collar a,
#footer a, 
#collar ul li.copyright, 
#footer ul li.copyright {
color:#fff;
letter-spacing:0;
}
#collar a:hover,#footer a:hover {
text-decoration:underline;
}
#collar li,#footer li {
float:left;
letter-spacing:0.5em;
}


/* Wrapper
----------------------------------------------------
*/

div.wrapper {
width:960px;
margin:32px auto 0 auto;
position:relative;
}
div.fold {
background:#f2f2f2 url('http://www.discoverafrica.com/holding/images/ui/fold_gradient_top.jpg') center top no-repeat;
padding:0 0 32px 0;
margin:32px 0 0 0;
border-top:4px solid #eee;
}

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

div.fold #comments li {
background:#fff;
padding:0.5em 1.75em 1em;
margin:2em 0;
position:relative;
}
div.fold #comments li h4 {
margin-right:160px;
}
div.fold #comments li span.date {
position:absolute;
right:1.75em;
background:#e7e1d7;
color:#666;
opacity:0.8;
font-size:11px;
top:2em;
padding:0 0.67em;
text-align:right;
}

/* Primary and Secondary Column Content
----------------------------------------------------
*/

div.content a {
color:#2b6c06;
text-decoration:underline;
}
div.content a:hover {
text-decoration:none;
color:#983b1b;
}
div.secondary h2.first {
margin-top:0.33em;
}

/* Search Interface
----------------------------------------------------
*/

#search-interface {
padding-top:120px;
margin-top:32px;
}


/* Discover Search Form
----------------------------------------------------
*/

#da-search_query {
background:url('http://www.discoverafrica.com/holding/images/ui/text-input_spline.gif') left top repeat-x;
border:3px solid #ebebeb;
border-top-color:#eee;
border-left-color:#f0f0f0;
font-size:14px;
color:#888;
line-height:14px;
height:20px;
width:338px;
padding:6px 6px 2px;
float:left;
}
a.button,
button.button {
padding:7px 0 5px;
display:block;
text-align:center;
font-size:14px;
line-height:14px;
text-transform:uppercase;
text-decoration:none !important;
color:#fff !important;
background:#57a813 url('http://www.discoverafrica.com/holding/images/ui/green-button_spline.gif') left top repeat-x;
border:3px solid #50aa1d;
width:10em;
margin:1em auto;
-webkit-box-shadow: 1px 1px 2px #bbb;
-moz-box-shadow: 1px 1px 2px #bbb;
}
a.red, button.red {
background:#c1380c url('http://www.discoverafrica.com/holding/images/ui/red-button_spline.gif') left top repeat-x;
border:3px solid #c1380c;
}
button.button {
line-height:16px;
}
a.select {
padding-left:15px;
position:relative;
}
a.select span.indicator {
background:url('http://www.discoverafrica.com/holding/images/ui/select_indicator.png') left -17px no-repeat;
width:21px;
height:21px;
position:absolute;
left:7px;
top:2px;
}
a.select:hover span.indicator {
background:url('http://www.discoverafrica.com/holding/images/ui/select_indicator.png') left 0 no-repeat;
}
a.open span.indicator {
background:url('http://www.discoverafrica.com/holding/images/ui/select_indicator.png') left -55px no-repeat;
}
a.open:hover span.indicator {
background:url('http://www.discoverafrica.com/holding/images/ui/select_indicator.png') left -37px no-repeat;
}
form #da-search_submit {
padding:4px 0 3px 0;
margin:1px 0 0 10px;
float:left;
width:138px;
}


/* Search Nav
----------------------------------------------------
*/

#search-nav div.scarf {
margin:0 auto;
width:100%;
background:#f2f2f2;
}
#search-nav dl {
float:left;
padding:0 16px 0 0;
position:relative;
margin:16px 0;
font-size:11px;
width:158px;
}

#search-nav dl dt {
text-transform:none;
background:#e7e1d7;
padding:0.33em 0.67em;
font-size:11px;
margin:0 0 0.75em;
}
#search-nav dl dd {
zoom:1;
}
#search-nav dl dd a {
line-height:14px;
margin:0;
display:block;
padding:3px 0 3px 18px;
border-bottom:1px solid #eee;
border-top:1px solid #fff;
background:url('http://www.discoverafrica.com/holding/images/ui/nav_arrow.gif') 2px -28px no-repeat;
text-decoration:none;
text-transform:capitalize;
}
#search-nav dl dd a:hover {
background:url('http://www.discoverafrica.com/holding/images/ui/nav_arrow.gif') 2px -3px no-repeat;
}
#search-nav dl dd.all a {
font-weight:bold;
border-bottom:none;
}
#search-nav dl dt a {
color:#454545;
text-decoration:none;
}

/* Search Nav Expander
----------------------------------------------------
*/

div.wrapper #search-nav_expander {
width:183px;
position:absolute;
top:121px;
left:512px;
margin:0;
}

/* these rules only apply to the expanded nav */

#search-nav div.scarf {
zoom:1;
margin:32px auto 0 auto;
background:transparent url('http://www.discoverafrica.com/holding/images/ui/1px_top.gif') center top no-repeat;
padding-top:1px;
}
#search-nav div.open {
background:#f4f4f4;
}

#search-nav div.scarf div.contents {
width:960px;
margin:0 auto;
position:relative;
border-top:4px solid #eee;
border-bottom:4px solid #eee;
}
#search-nav div.scarf dl {
padding:1.25em 0 0.8em 15px;
width:221px;
margin:0 0;
}

/* yet another wrapper 0_o */

#search-nav div.list-scarf {
background:#fff;
margin:16px auto;
position:relative;
}
#search-nav div.scarf dl.last {
padding-right:15px;
}

#search-nav div.contents #search-nav_gradient_bottom,
#search-nav div.contents #search-nav_gradient_top {
width:960px;
height:32px;
display:block;
position:absolute;
display:block;
left:-100px;
background:url('http://www.discoverafrica.com/holding/images/ui/search-nav_gradient_top.jpg') left top no-repeat;
}
#search-nav div.contents #search-nav_gradient_bottom {
position:absolute;
bottom:0;
background:url('http://www.discoverafrica.com/holding/images/ui/search-nav_gradient_bottom.jpg') left top no-repeat;
}

/* end expanded nav */


/* Competition Teaser
----------------------------------------------------
*/

div.competition-teaser {
position:absolute;
right:0;
top:8px;
text-align:right;
width:194px;
background:url('http://www.discoverafrica.com/holding/images/ui/vertical_dash.gif') left top repeat-y;
height:152px;
}
div.competition-teaser a.button {
margin:113px 0 0 0;
float:right;
}
div.competition-teaser p {
background:#fff url('http://www.discoverafrica.com/holding/images/text/dream-trip-to-africa_results.gif') 0 29px no-repeat;
margin:0;
text-indent:-9999em;
text-align:left;
height:108px;
width:431px;
position:absolute;
z-index:1;
right:-10px;
top:3px;
padding:0;
}

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

#footer #pager {
margin:0 0 0 0;
padding:0;
}
#footer ul.pagination {
float:right;
margin-top:-1px;
}
#footer ul.pagination li {
letter-spacing:normal;
padding:0 0.25em;
}
#footer ul.pagination li.inactive {
padding:0.2em 0.25em 0;
}
#footer ul.pagination li a {
background:#928875;
padding:0.2em 0.75em 0;
display:inline-block;
text-align:center;
}
#footer ul.pagination li a:hover {
text-decoration:none;
background:#fff;
color:#984e30;
}


/* Social Media Submission
----------------------------------------------------
*/

ul.social-media-submission,
dl.social-media-submission {
clear:both;
float:none;
padding:2em;
font-size:11px;
}
ul.social-media-submission li,
dl.social-media-submission dt,
dl.social-media-submission dd  {
float:left;
padding:0 0.75em 0 0;
}


/* Primary / Secondary Columns
----------------------------------------------------
*/

div.primary {
float:left;
width:590px;
font-size:12px;
}
div.secondary {
float:right;
width:365px;
}


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

div.content form {
background:#fafafa;
padding:16px 20px;
margin:0.5em 0 0 0;
border:3px solid #eee;
}
#entry_form {
margin-top:1.33em;
}
div.content span.half-width label {
float:left;
}
div.content span.half-width input.text {
width:177px;
}
div.content span.half-width label.right {
margin-left:15px;
display:inline;
}
div.content legend {
font-size:21px;
}
div.content label {
margin:1em 0;
font-size:12px;
}
div.content .required {
background:url('http://www.discoverafrica.com/holding/images/ui/required_asterisk.gif') left 0.33em no-repeat;
text-indent:1.33em;
}
div.content input.required {
text-indent: 0;
}
div.content input.text,
div.content textarea {
width:386px;
background:#fff url('http://www.discoverafrica.com/holding/images/ui/text-input_spline_light.gif') left top repeat-x;
border:3px solid #e4e4e4;
font-size:12px;
color:#666;
padding:0.4em;
} 
div.content textarea {
height:11em;
}
div.content label.acceptance {
font-size:11px;
line-height:1.67em;
}
div.content input.submit {
font-size:16px;
width:220px;
background:#fff url('http://www.discoverafrica.com/holding/images/ui/text-input_spline_light.gif') left top repeat-x;
border:3px solid #ddd;
padding:0.33em;
margin:1em auto;
display:block;
}
div.content input.checkbox {
float:left;
margin:0 0.5em 0.5em 0;
}

/* Search Results 
----------------------------------------------------
*/

#search-results {
margin:0 0 2.33em 0;
padding:5px 0 4px 0;
width:970px;
}

* html #search-results {
position:relative;
left:5px;
}

#search-results li {
float:left;
margin:0 10px 10px 0;
padding:5px;
border:1px solid #dfdfdf;
background:#eee;
display:inline;
}

#search-results li img {
width:75px;
height:75px;
line-height:1.33em;
display:block;
font-size:10px;
}


/* Template: Home Page
----------------------------------------------------
*/

#t_home #collar ul,
#t_home #footer ul {
margin:0.75em 0 0 90px;
}
#t_home div.primary {
width:618px;
padding-top:141px;
}
#t_home div.primary {
_padding-top:154px;
#padding-top:154px;
}
#t_home div.secondary {
width:285px;
padding-top:90px;
}

#t_home #logo {
background:url('http://www.discoverafrica.com/holding/images/discover-africa_logo_large2.gif') left top no-repeat;
width:595px;
height:93px;
text-indent:-9999em;
position:absolute;
left:-9px;
top:58px;
}

#t_home #da-search {
padding:0 0 72px 90px;
background:url('http://www.discoverafrica.com/holding/images/ui/search_shadow.gif') 45px 50px no-repeat;
}
#t_home div.primary #definition {
padding:1.25em 0 1.5em 92px;
width:390px;
}
#t_home #definition {
font-size:14px;
color:#666;
}

#t_home #search-results {
position:relative;
margin:0 0 4px 90px;
width:890px;
}
#t_home #search-results li {
margin:0 11px 10px 0;
}
#t_home #search-results {
_height:98px;
_width:auto;
#height:98px;
#margin:0 0 2px 90px;
}
* html #t_home #search-results ul {
position:absolute;
left:-5px;
z-index:1;
width:970px;
}

#t_home .prototip h4 a {
text-decoration:none;
}
#t_home .prototip h4,
#t_home .prototip p {
margin:0.5em 0;
}

#t_home #search-nav {
margin-top:0;
padding:0 0 0 90px;
}

#t_home .social-media-submission {
padding:0.5em 0.75em 3.5em 90px;
float:none;
clear:both;
margin:2em 0 0;
font-size:11px;
}
* html #t_home .social-media-submission {
padding-bottom:5.5em;
zoom:1;
}
div.up-left_indicator {
margin:60px 0 0 0;
background:url('http://www.discoverafrica.com/holding/images/ui/up-left_arrow.gif') left top no-repeat;
padding:18px 0 0 18px;
}


/* Competition CTA
----------------------------------------------------
*/

#t_home div.secondary {
padding-top:62px;
}

#t_home div.competition {
background:#fbfbfb url('http://www.discoverafrica.com/holding/images/indaba/competitions2.png') left top no-repeat;
margin-top:0;
zoom:1;
width:338px;
height:257px;
position:absolute;
top:28px;
right:0;
overflow:hidden;
}
#t_home div.competition p {
text-indent:-9999em;
}
#t_home div.competition a.button {
margin:44px 0 0 158px;
}
#t_home div.competition #indaba-comp_link {
display:block;
text-indent:-9999em;
width:338px;
height:122px;
position:absolute;
bottom:0;
line-height:0;
}

/* flickr Rights */

#t_home div.up-left_indicator {
margin-top:422px;
_margin-top:482px;
#margin-top:482px;
}

#t_home #flickr-rights {
color:#fff;
background:#cfd0d1;
padding:1em 14px;
font-size:11px;
}
#t_home #flickr-rights {
margin:0;
}
#t_home #flickr-rights a {
color:#fff;
text-decoration:underline;
}
#t_home #flickr-rights a:hover {
text-decoration:none;
}


/* Template: Results
----------------------------------------------------
*/

#search-nav div.contents {
display:none;
}
#t_results #query-heading {
font-weight:bold;
margin:0 0 1em 5px;
}

#t_results .prototip h4 a {
text-decoration:none;
}
#t_results .prototip h4,
#t_results .prototip p {
margin:0.5em 0;
}
#t_results dl.social-media-submission {
position:absolute;
padding-top:0;
top:0;
right:-24px;
}
* html #t_results dl.social-media-submission {
right:-18px;
}

/* Prototip
----------------------------------------------------
*/

#t_results .prototip .content {
padding:0.5em 1.25em;
}
#t_results .prototip .content a {
color:#983730;
}

#t_home .prototip .content {
padding:0.5em 1.25em;
}
#t_home .prototip .content a {
color:#983730;
}


/* Template: Win
----------------------------------------------------
*/

#t_win div.primary,#t_win div.secondary {
width:450px;
}

#t_win #competition-terms {
background:#fafafa;
padding:16px 20px;
margin:0.5em 0 0 0;
border:3px solid #eee;
}

#t_win #competition-terms {
padding-top:0.5em;
margin-bottom:3em;
font-size:11px;
}


/* Template: About
----------------------------------------------------
*/

/* same width as t_win */

#t_about div.primary,#t_about div.secondary {
width:450px;
}
#t_about #enter-the-competition_button {
width:220px;
margin:0;
}
#t_about #stay-posted_form {
margin:2em 0;
}
#t_about #stay-posted_form legend {
font-size:14px;
}
#t_about #stay-posted_submit {
width:192px;
margin:0.5em 0;
padding:4px 0;
}

/* Template: Contact
----------------------------------------------------
*/

/* same width as t_win */

#t_contact div.primary,
#t_contact div.secondary {
width:450px;
}

/* Template: Contact Class: Competition
----------------------------------------------------
*/

body.competition #winning-number {
margin:0 auto;
width:958px;
height:365px;
overflow:hidden;
}
body.competition #winning-number img {
border:none;
}
body.competition #content_wrapper {
margin-top:0;
margin-bottom:60px;
}
body.competition div.primary h1 {
margin-top:-8px;
position:relative;
z-index:1;
}
body.competition div.primary ul.bulleted {
margin:1.5em 0;
}
body.competition div.secondary #contact_form {
margin-top:0;
}


/*
-----------------------------------------------------
Robust float clearing
http://www.positioniseverything.net/easyclearing.html
-----------------------------------------------------
*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* IE 6 PNG Fix
----------------------------------------------------
*/

* html #search-nav_expander span { behavior: url('http://www.discoverafrica.com/holding/css/resources/iepngfix.htc') } 
/* Alphabet list*/
.alpha_list ul{
float:left;
font-size:1.2em;
margin:1em 0 2em !important;
width:100%;
color:#00FF99;
}
.alpha_list li{
border-right:1px solid #CBCBCB;
color:#CBCBCB;
float:left;
font-size:1.2em;
font-weight:bold;
line-height:1em;
margin-bottom:1em;
padding-right:0.3em;
padding-left:0.3em;
width:auto;
}
