/**
 * Default Website Stylesheet
 * @name default.css
 * @package cnc
 * @version 1.0
 * @since 2010-05-11
 * @author Cristian Ciobanu <cristian@pallasweb.com>
 */

/* Reduce browser inconsistencies */
@import 'reset.css';

/* Body styles */
body {background:#87b3be;color:#543019;font:13px/1.231em arial,helvetica,clean,sans-serif;}

/* Link styles */
a, a:link, a:active, a:visited {text-decoration:none;color:#87b3be;font-weight:bold;}
a:hover {text-decoration:none;color:#002d54;}
.white, a.white, a.white:link, a.white:active, a.white:visited {color:#fff;}
a.white:hover {color:#fff;text-decoration:underline;}
.black, a.black, a.black:link, a.black:active, a.black:visited {color:#000;}
a.black:hover {color:#000;text-decoration:underline;}

/* Base structure */
.wrapper {width:974px;margin:10px auto;}

/* Footer */
.footer {text-align:center;font-size:93%;}
.footer img {vertical-align:middle;}

/* Header */
.header {height:67px;position:relative;z-index:2;}
.logo {width:220px;height:142px;background:url('../ui/logo.png') no-repeat 0 0;cursor:pointer;position:absolute;top:0;left:4px;}
.donate {width:135px;height:67px;background:url('../ui/sprite-deco.png') no-repeat 0 0;cursor:pointer;position:absolute;top:5px;right:15px;}
a:hover .donate {background-position:-137px 0;}
.logo em, .donate em {visibility:hidden;}

/* Navigation */
.nav {width:789px;height:69px;margin-left:185px;background:url('../ui/sprite-deco.png') no-repeat 0 -68px;overflow:hidden;}
.nav ul {margin:22px 0 0 110px;list-style:none;}
.nav li {height:15px;float:left;display:inline;margin-right:41px;overflow:hidden;}
.nav a, .nav a:link, .nav a:active, .nav a:visited {height:15px;float:left;color:#543019;font-size:18px;background-image:url('../ui/sprite-nav.png');background-repeat:no-repeat;}
.nav a:hover {color:#fff;}
.nav span {visibility:hidden;}
.nav .nav-1 {width:45px;background-position:0px 0px;}
.nav .nav-1:hover {background-position:0px -15px;}
.nav .nav-2 {width:51px;background-position:-85px 0px;}
.nav .nav-2:hover {background-position:-85px -15px;}
.nav .nav-3 {width:89px;background-position:-177px 0px;}
.nav .nav-3:hover {background-position:-177px -15px;}
.nav .nav-4 {width:64px;background-position:-307px 0px;}
.nav .nav-4:hover {background-position:-307px -15px;}
.nav .nav-5 {width:150px;background-position:-412px 0px;}
.nav .nav-5:hover {background-position:-412px -15px;}

/* Container */
.container {background:#fff url('../ui/left-right-top.png') repeat-y 0 0;}
.container-top {height:28px;background:url('../ui/sprite-deco.png') no-repeat 0 -138px;overflow:hidden;}
.container-bottom {height:28px;background:url('../ui/sprite-deco.png') no-repeat 0 -167px;overflow:hidden;}
.container-side {background:url('../ui/left-right-bottom.png') no-repeat left bottom;}

/* Content Wrapper */
.content {min-height:529px;height:auto !important;height:529px;margin:0 35px 0 33px;}
.home .content {background:#543019;}
.secondary .content {background:#fff;}

/* Page */
h1.page-headline {font-size:2em;letter-spacing:0.1em;}
div.page-text {overflow:hidden;}
div.home-intro {height:260px;padding:25px 35px 13px 555px;background:#fff url('../ui/people.jpg') no-repeat 0 0;}
div.home-left {width:350px;float:left;}
div.home-right {width:555px;float:left;display:inline;overflow:hidden;}
div.africa {height:240px;position:relative;}
div.africa img {width:397px;height:362px;position:absolute;top:-126px;left:-60px;}
table.page {margin:0;}
table.page td td {vertical-align:middle;}
td.page-left {width:140px;height:529px;padding:20px;background:#dec791;}
td.page-right {width:686px;padding:20px;}
td.page-left a, td.page-left a:link, td.page-left a:active, td.page-left a:visited, td.page-right a, td.page-right a:link, td.page-right a:active, td.page-right a:visited {text-decoration:none;color:#002d54;font-weight:bold;}
td.page-left a:hover, td.page-right a:hover {text-decoration:none;color:#87b3be;}

/* Pagination */
.pagination {width:95%;margin:0.5em auto;padding:0;list-style:none;}
.pagination li {float:right;margin:0.9em 0 0 0.5em;padding:0.2em 0.5em;background:#dec791;}
.pagination li.current {background:#543019;}
.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited {text-decoration:none;color:#fff;font-weight:bold;}
.pagination a:hover {text-decoration:none;color:#f6d337;}