/*
	Name: BIG Africa Cycle
	Date: 7/7/2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports */
@import url("css/reset.css");
@import url("css/global-forms.css");

/***** Global *****/
/* Body */	
	body {
		background: white;
		color: black;
		font-size: 	87.5%; /* Base font size: 16px */
		font-family: Arial, 'Helvetica Neue', Times, serif;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headers */
/*
	Font size sets, use only one based
	on your body font-size.
	
	For best results, check
	http://pxtoem.com
*/

/* 
	Base Font Size: 16px
*/
h2 {font-size: 1.5em}	/* 24px */
h3 {font-size: 1.375em}	/* 22px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .6em;}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color:#fff;text-decoration: none}
a:hover, a:active {text-decoration: underline}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/***** Layout *****/
.contents {width:975px;margin:0 auto;}
#index {background:#011500}

/* Header */
#header {margin:0 auto;background: #011500 url('images/cyclist.jpg') no-repeat top center;height:420px;}
#header #logo {margin-left: -107px}
#header #social {position:absolute;right:80px;background: transparent url('images/social.png') no-repeat;width:268px;height: 67px;}
#nav {clear:both;background: #011900 url('images/nav-bg.png') no-repeat top center;height:74px}
#nav ul {list-style-type: none;margin:0;padding:0}
#nav ul li {float:left;margin-left:25px}
#nav ul a:link, #nav ul a:visited {color:#021900;font-size:1.1em;text-decoration: none;font-weight:bold;line-height: 4.8em}
#nav ul a:hover, #nav ul a:active {text-decoration: underline}

/* Body */
#body {clear:both;overflow:hidden;background: #081F05 url('images/body-bg.png') no-repeat top center;color:#fff;padding:20px 0 0px 0}
#body #content a:link, #body #content a:visited {color: #ba9e77}
#body #content .box {background:#154a0a;border:4px solid #114706;padding:10px;color:#fff;margin-top:4px}
#body #content .box p {margin-bottom:5px}
#body #content {float:left;width:660px;padding:0 20px}
#body #content h2.big-africa {background: transparent url('images/big-title.png') no-repeat left;height:60px;padding-left:60px;line-height:1.7em;font-size: 2em}
#body #content #profile {width:647px;height:258px;padding:30px;background: transparent url('images/profile-bg.png') no-repeat;margin:15px 0 0 -10px}
#body #content #profile a {color: #6D1100}
#body #content #profile #photo {float:left;border:3px solid #c2996a}
.framed {border:3px solid #c2996a;}
object.framed {display:block;}
#body #content #profile #map-small {line-height: 0}
#body #content #profile .story {float:right;width:240px;padding:0 10px;color:#103600;font-size:0.9em}
#body #content #profile .story span {font-weight: bold;}
#body #content #profile .story strong {font-size: 1.7em; }
#body #content #profile .story h2 {font-size:1.4em}
#body #content #profile .story p {margin-bottom:0;}
#body #content #profile .story.clear {clear:both;}
#umapper_embed {}

#body #content #donation {overflow: hidden;margin-top:40px;width:700px}
#body #content #donation.inner-page {margin:0 0 20px;}
#body #content #donation #charts {float:left; overflow:hidden;background: transparent url('images/charts.jpg') no-repeat;width: 285px; height: 121px}
#body #content #donation #charts span {position: relative; bottom: 5px; left: 205px;}
#body #content #donation #charts #bar {height: 25px; background: #a2b99f; position: relative; top: 60px; left: 20px;}
#body #content #donation #donate {float:right;width:390px;}
#body #content #donation #donate #info ul{margin:0;padding:0;list-style-type: none;}
#body #content #donation #donate #info ul li {float:left; margin-right:20px}
#body #content #donation #donate #info ul li.text {width:210px;margin-right:0px}
#body #content #donation #donate #info ul li.text span {font-size:1.3em;font-weight:bold;line-height: 1.3em}
a#donate-here:link, a#donate-here:visited {display:block;height:28px;width:148px;background: transparent url('images/donate.png') no-repeat center;text-indent: -9999px;clear:both;overflow: hidden;position: relative;top:-55px}
#sidebar a#donate-here:link, #sidebar a#donate-here:visited {display:block;height:28px;width:148px;background: transparent url('images/donate.png') no-repeat center;text-indent: -9999px;clear:both;overflow: hidden;top:-10px;}
#body #content #lastest-blog {margin-top:10px; overflow: hidden}
#body #content #lastest-blog h2 {margin-bottom:5px}
#body #content #lastest-blog h3 {font-size:1em}
#body #content #lastest-blog .post-options {width:350px;}
#body #content #lastest-blog a#read-more:link, #body #content #lastest-blog a#read-more:visited {float:left;display:block;height:22px;width:121px;background: transparent url('images/btn-bg.png') no-repeat;overflow: hidden;color:#fff;text-decoration: none;text-align: center;padding:6px 0 0 0 }
#body #content a#post-rss:link, #body #content a#post-rss:visited {display:block;float:right;text-decoration: none;color:#fff;margin-top:7px}
#body #content #lastest-blog a#post-rss:hover, #body #content a#post-rss:active {text-decoration: underline;}	
	
	
#body #sidebar{float:left;width:270px;margin-left:5px; font-size:.9em}
#body #sidebar a:link, #body #sidebar a:visited {text-decoration: none;color:#fff}
#body #sidebar a:hover, #body #sidebar a:active {text-decoration: underline}
#body #sidebar .box {background: #042600 url('images/sidebar-box-bg.png') no-repeat top left;width:224px;height:auto;padding:15px 20px;margin-bottom:25px;color:#fff}
#body #sidebar .box h2 {font-size:1.4em;margin-bottom:10px}
#body #sidebar .box ul.posts {list-style-type: none;margin:0 0 8px 0;padding:0}
#body #sidebar .box select {margin:0 0 12px 0;}
#body #sidebar .box ul.posts li {margin-bottom:5px}
#body #sidebar a#subscribe-rss:link,#body #sidebar a#subscribe-rss:visited {overflow:hidden;display:block;background: #0d3305 url('images/subscribe-rss.png') no-repeat;width:170px;height:45px;text-decoration: none;text-indent: -9999px;margin-bottom:10px}
#body #sidebar a#subscribe-news:link,#body #sidebar a#subscribe-news:visited {overflow:hidden;display:block;background: #0d3305 url('images/subscribe-news.png') no-repeat;width:170px;height:45px;text-decoration: none;text-indent: -9999px;}
#body #sidebar a#twitter:link,#body #sidebar a#twitter:visited {overflow:hidden;display:block;background: #0d3305 url('images/twitter.png') no-repeat;width:47px;height:45px;text-decoration: none;text-indent: -9999px;float: right}
#body #sidebar a#facebook:link,#body #sidebar a#facebook:visited {overflow:hidden;display:block;background: #0d3305 url('images/facebook.png') no-repeat;width:47px;height:45px;text-decoration: none;text-indent: -9999px;float: right}

#body #sidebar #translation_bar {margin-top: 1.2em; width: 210px; overflow: hidden}
#body #sidebar .quote {margin-top: 1.2em}
#body #sidebar .quote cite {font-style: normal}
#body #sidebar .status h2 {font-size:1.5em}
#body #sidebar #tag-cloud {margin:0 0 10px}
#body #sidebar ul.updates {margin:0 0 30px -20px;padding:0;list-style-type: none;}
#body #sidebar ul.updates li {background: transparent url('images/bottom-line.png') no-repeat bottom;width:224px; line-height: 1.4; padding: 12px 0 12px 20px; line-height: 1.1;list-style:none;}
#body #sidebar .arrows span{background: transparent url('images/arrow.png') no-repeat left;padding-left:16px}	
#body #sidebar .arrows span a:link, #body #sidebar .arrows span a:visited {background:none;padding:0}
#body #sidebar ul.updates li.address {background: transparent url('images/arrow.png') no-repeat left;margin-left:20px;padding-left:15px}
#body #sidebar ul.updates li.address address {font-style: normal}


#body #sidebar #latest-comments {margin:0;padding:20px 0 0 0;list-style-type: none;overflow:hidden;}
#body #sidebar #latest-comments li {overflow:hidden;clear:both;margin-bottom:15px}
#body #sidebar #latest-comments img {float:left;border:1px solid #fff}
#body #sidebar #latest-comments div {float:right;width:170px}

#latest-blog img {border:3px solid #c2996a}

/* Footer */
#footer #partner {background: #fff url('images/footer-bg.png') repeat-x top center;overflow: hidden;padding:25px 0;border-top:1px solid #fff}
#footer #partner ul{margin:0;padding:0;list-style-type: none}
#footer #partner li {float:left;margin-right:14px;}
#footer #links {overflow: hidden;border:1px solid #919191;background:#f3f3f3;padding:26px 0}
#footer #links #credit {float:left}
#footer #links #copyright {float:right;color:#696969;padding-top:10px}
#footer #links ul{margin:0;padding:0;list-style-type: none}
#footer #links ul li {float:left;margin-right:40px}
#footer #links #copyright ul{margin:0;padding:0;list-style-type: none}
#footer #links #copyright ul li {float:left;margin-right:5px}
#footer #links #copyright ul li a {color:#696969;}
/***** Sections *****/

/* Contact */
.button {background: #205316; border: 0px; padding: .25em 3em; text-align: center; font-size: 1.2em; cursor: pointer;color:#fff;font-weight:bold}
a.button {display:block;color:#fff;width:80px;}
a.button:hover {text-decoration:none;}
#contact-form {height:406px;width:634px;background: url('images/contact.png') no-repeat;float:left;display:inline;overflow:hidden;border:0;margin:0 0 0 -15px;padding:30px;}
#contact-form label {width:100px;text-align:left;color:#103600;font-size:1.2em}
#contact-form input.text {width:510px;margin-bottom:.5em;border:3px solid #c2996a}
#contact-form textarea {width:510px;height:150px;border:3px solid #c2996a}
input#send {float:right;margin:15px 11px 0 0;font-size:1.4em;}
#contact-form .subscribe-to-comments {clear: both; margin-top: 10px; overflow: hidden}
#contact-form .subscribe-to-comments input {float: left}
#contact-form .subscribe-to-comments label {float: left; width: 500px; clear: none}

/* Blog Index */
#body #content ul#post-list {list-style-type: none;margin:0;padding:0}
#body #content ul#post-list li {margin-bottom:30px}
#body #content ul#post-list h2.title {margin-bottom:5px}
#body #content ul#post-list img {border:3px solid #c2996a}
#body #content ul#post-list .date-posted{display:block;font-size:0.5em;line-height: 1em;font-weight: normal}
#body #content ul#post-list .post-content {margin:30px 0 20px 0}
#body #content ul#post-list .post-options {background: transparent url('images/post-option-bg.png') no-repeat;width:415px;height:36px;padding: 22px 0px 0 15px;color:#103600;}
#body #content ul#post-list .post-options ul {list-style-type: none;margin:0;padding:0}
#body #content ul#post-list .post-options ul li{float:left;margin-right:15px; font-size: .9em}
#body #content ul#post-list .post-options ul a:link, #body #content ul#post-list .post-options ul a:visited {color:#103600;font-weight: bold}

/* Sponsors */
#sponsors-left {width: 46%; float: left; list-style-type: none;margin:0;padding:0}
#sponsors-right {width: 46%; float: right; list-style-type: none;margin:0;padding:0}
#sponsors-left li, #sponsors-right li {margin: 0 0 22px 0;}
#sponsors-left img, #sponsors-right img {margin: 0 0 5px 0;}

/* About */
#body #content #about {width:647px;height:424px;padding:30px;background: transparent url('images/about-bg.png') no-repeat;margin:15px 0 0 -10px}
#body #content #about a {color: #6D1100}
#body #content #about #photo {float:left;border:3px solid #c2996a}

/* Speakers */
#body #content #speaking {width:260px;height:231px;padding:30px;background: transparent url('images/speaking-bg.png') no-repeat;margin:15px 0 0 -10px}
#body #content #speaking a {color: #6D1100}
#body #content #speaking #photo {float:left;border:3px solid #c2996a}

/* Links */
#body #content .link-title {background: transparent url('images/post-option-bg.png') no-repeat;width:415px;height:36px;margin-top: .8em; padding: 15px 0px 7px 15px;color:#103600;}
#body #content .faq-title {background: transparent url('images/post-option-bg.png') no-repeat;width:415px;height:36px;margin-top: .8em; padding: 15px 0px 7px 15px;color:#103600; font-size: 1.15em}

/* Comments */
#body #content .comments-list {list-style: none; margin-left: 0px}
#body #content .comments-list li {margin: 0 0 20px 0;padding:32px 12px 0;margin:0 0 20px;border:1px solid #C2996A;background:#182716 none repeat scroll 0 0;-moz-border-radius:4px;}
#body #content .comments-list li img {margin: 0 14px 5px 0; float: left}
#body #content .comments-list li cite {display: block; margin: 0 0 .8em 0; font-style: normal; font-weight: bold}

/* Comment List Treaded */
.date_right { float:right;}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #eeeeee; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply, p.thdrpy { background:#182716; border:2px solid #c2996a; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFF; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;&nbsp; text-align:center; width:36px; }
ol.commentlist li div.reply:hover, p.thdrpy:hover { background:#4C7D7E; border:2px solid #357EC7; }
ol.commentlist li div.reply a, p.thdrpy a:link, p.thdrpy a, p.thdrpy a:visited { color:#FFF; font-weight: bold; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#011500; }
ol.commentlist li.odd { background:#011500; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#donate #info img{border: 0 !important;}
#donate #info li{margin-bottom:10px !important;}
#donate #info .donation-mosquito-net{position:relative;top:-37px;}
