/*   
Theme Name: Afrisun
Theme URI: 
Description: Theme design built on the Thematic theme templates.
Author: John Philip
Author URI: <a href="http://www.johnphilip.co.za/">http://www.johnphilip.co.za</a>
Template: thematic
Version: 2.0
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
/* -------------------------------------------------------------- 
Layout
-------------------------------------------------------------- */
body { min-width:940px; }
#wrapper { margin:0 auto; width:940px; }
#header { position:relative; }
#branding { width:100%; }
#main { width:100%; overflow:hidden; position:relative; }
#container { width:660px; float:right; margin: 0px; }
#content { overflow:hidden; margin: 20px 50px 40px 30px; }
#primary { float:left; width:260px; }
#footer { clear:both; width:100%; }
#siteinfo { clear:both; margin:0 auto; }
/* -------------------------------------------------------------- 
Standard
-------------------------------------------------------------- */
body { background: #3aa1dd url(images/back-tile.jpg) repeat-x fixed center top; padding-bottom: 20px; padding-top:10px; color:#333; }
a { color:#3293B8; }
a:hover { color:#CC0033; }
p { margin-bottom:12px; }
h1, h2, h3, h4, h5, h6 { clear:none; }
h3, h4, h5, h6 { font-weight: bold; font-size:1.1em; }
hr { clear:both; border-bottom: 1px solid #ecece7; color: #ecece7; height: 1px; border-top-style: none; border-right-style: none; border-left-style: none; margin: 20px 0px; }
#wrapper { width:940px; background-color:#FFF; margin:0px auto; }
#header { text-align:center; background: url(images/header.jpg) no-repeat center top; height: 235px; }
/* -------------------------------------------------------------- 
menu
*/
#access { position:absolute; bottom: 16px; left:0px; display:block; width:100%; }
.menu { margin:0px auto; }
.menu a { color: #FFF; font-weight: bold; text-decoration:none; }
.menu a:hover { color: #F90; font-weight: bold; }
.menu .current_page_item a { color:#FAD850; }
.menu ul, .menu li { margin:0px; padding:0px; }
.menu li { display:inline; margin-left: 16px; padding-left: 16px; border-left: 2px solid #98CBDC; }
.menu li:first-child { border:none; }
/* -------------------------------------------------------------- 
Sidebar
-------------------------------------------------------------- */
.aside { border-right:2px solid #DFE0E1; }
.aside a { color:#000; font-weight: bold; text-decoration:none; font-size: 1.1em; }
.aside a:hover { color: #36C; }
.aside .cat-item { margin-bottom:3px; border-bottom: 1px dotted #CCC; padding-bottom: 2px; }
.aside .children { margin:3px 0px; }
.aside .children .cat-item { margin: 0px; margin-left:5px; border:none; }
.aside .children a { color:#999D95; font-size: 1em; }
.aside .children a:hover { color: #000000; }
.aside ul, .aside li { margin:0px; padding:0px; list-style:none; }
.aside ul.xoxo { margin:0px 25px; }
.aside li { line-height: 1.3em; }
.widgettitle { margin: 22px 0 10px 0; color:#C5304A; font-size: 1.8em; font-weight: bold; }

.aside .cat-item-105 { display:none;}

/* search*/
#s { width:100%; font-size: 1.2em; font-weight: bold; color: #999; padding: 5px; }
#searchsubmit { width: 100px; background: url(images/button.jpg) no-repeat center center; border-width: 0px; border-style: none; font-family: Arial, Helvetica, sans-serif; color: #000000; height: 20px; font-weight: bold; }
/* -------------------------------------------------------------- 
Center Area
-------------------------------------------------------------- */
.category  .page-title { display:none;}

.entry-title { margin: 0px 0px 20px; font-size: 1.8em; line-height: 1.3em; font-weight: bold; }
.entry-title, .entry-title a { color:#000; text-decoration:none; }
.entry-title a:hover { color:#999; }
.category .entry-title,
.blog .entry-title { font-size:1.3em; clear:both; }
.blog .post { border-top: 1px dotted #CCC; margin-top: 22px; padding-top:22px; }
.blog .post:first-child { border:none; padding-top:0px; margin-top:0px; }
.page-link { font-size:13px; font-weight:bold; line-height:18px; margin:0 0 22px 0; padding:22px 0 0 0; word-spacing:0.5em; }
.page-link a { border:3px solid #ccc; color:#999; padding:0.5em 0.75em; text-decoration:none; }
.page-link a:active, .page-link a:hover { color: #FF4B33; }
.more-link { font-weight:bold; background: url(images/more.gif) no-repeat right top; padding: 1px 8px 10px 5px; text-align:right; display:block; line-height: 1em; margin: 10px 0 0 0; color: #484343; font-size: 11px; clear:both; text-decoration:none; }
.more-link:hover { color: #000; background: url(images/more-over.gif) no-repeat right top; }
.more-link .meta-nav { color:#CC3366; font-weight:bold; font-size: 18px; position:relative; bottom:-2px; line-height:10px; }
/* =Navigation
-------------------------------------------------------------- */

.navigation { color:#666; font-size:1.1em; line-height:18px; margin:0px 0 44px; overflow:hidden; font-weight:bold; border-top: 2px dotted #CCC; padding: 22px 0px 0px; }
.navigation a { color:#666; text-decoration:none; }
.navigation a:active, .navigation a:hover { color: #FF4B33; }
.navigation .meta-nav { color:#CC3366; font-weight:bold; font-size: 18px; }
.nav-previous { float: left; width:45%; margin-left:15px; }
.nav-previous .meta-nav { margin-left:-15px; }
.nav-next { float: right; width:45%; text-align:right; margin-right:15px; position:relative; }
.nav-next .meta-nav { margin-right:-15px; position:absolute; top:0px; right:0px; }
#nav-above, #nav-below { width: 100%; }
#nav-above { display:none; }
.paged #nav-above { display:block; padding:0 0 44px 0; }
/* -------------------------------------------------------------- 
footer
*/
#footer { background: url(images/footer_back.gif) no-repeat right bottom; padding: 50px 0 20px 0px; font: 10px Verdana, Tahoma, Arial; color: #999999; }
#designed-by, #copyright { padding-left:10px; }
/* -------------------------------------------------------------- 
Reusable Classes
-------------------------------------------------------------- */
.hide { display: none; }
.right, .alignright { float: right; display:block; margin-left: 5px; }
.left, .alignleft { float: left; }
.clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; overflow: hidden; }
.bord-t { border-top: 1px solid #333; }
.bord-b { border-bottom: 1px solid #333; }
.bord-l { border-left: 1px solid #333; }
.bord-r { border-right: 1px solid #333; }
/* Galleries
.thickbox, .thickbox img { border:none!important}
.ngg-gallery-thumbnail-box{;}
.ngg-gallery-thumbnail
.ngg-gallery-thumbnail a { border: 3px solid #FFFFFF; display:block; margin: auto; height:100%;} 
.ngg-gallery-thumbnail img { background-color:#FFFFFF; border:none!important; margin:	auto!important; }
.ngg-gallery-thumbnail a:hover img,
.ngg-albumoverview a:hover img{ opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; } 
.ngg-albumoverview { padding-top: 16px; margin: 0px auto; }
.ngg-albumoverview h4 a{ display:block; height:30px; color: #b0aea4; font: 9px/1em Verdana, Arial, Helvetica, sans-serif; }
.ngg-albumoverview h4 a:hover {color:#3a3936;}
.ngg-albumoverview p{ font-size:9px; line-height: 1em; display:block; background: url(images/album-count-back.gif) repeat-x center center; text-indent: 0px; padding-bottom: 3px; padding-left: 5px; margin-right: 8px; }
.ngg-album-compact { width:112px; padding:0px!important; margin:0px auto!important; }
.ngg-album-compactbox { background: url(images/album-back.gif) no-repeat left top; width:auto;  padding:0px!important;  margin:0px auto!important;}
.ngg-album-compactbox .Thumb { border:none; margin-top: 5px!important; margin-left: 5px!important; height:66px; }
.ngg-gallery-thumbnail {float:none;}*/

/* NextGen Gallery
-------------------------------------------------------------- */
.slideshowlink, .piclenselink { background-color:#f6f4f1; margin:0px auto 10px auto; padding:3px; text-align:right; }
.slideshowlink a, .piclenselink a { color:#938e83; text-decoration:none; font-weight:bold; }
.piclenselink { display:none; }
.ngg-albumoverview, 
.ngg-galleryoverview { padding-top:16px; margin: 0px auto; }
.ngg-albumoverview a:hover img, 
.ngg-galleryoverview a:hover img { filter: gray; opacity:0.9; }
.ngg-gallery-thumbnail-box { width:180px; float:left; text-align:center; border-bottom: 1px dotted #CCC; margin-bottom: 20px; padding-bottom: 0px; }
.ngg-gallery-thumbnail { height:160px; }
.ngg-gallery-thumbnail a { font-size:0px; display:inline-block; }
.ngg-album-link img, 
.ngg-gallery-thumbnail img { margin:0px auto; display:block; }
/*
Albums
*/
.ngg-album-desc { display:block; height:32px; color: #b0aea4; font-size:0.8em; text-decoration:none; line-height:1em; }
.ngg-album-desc a:hover { color:#3a3936; }
.ngg-albumoverview p { display:block; background: url(images/album-count-back.gif) repeat-x center center; font: 0.8em/1em Verdana, Geneva, sans-serif; color: #666; margin: 0px; padding: 5px 0px; }
.ngg-album-compact { width:140px; float:left; text-align:center; height:160px; padding-bottom: 0px; overflow:hidden; }
.ngg-album-compact h4 { padding: 3px 0px; }
.ngg-album-link img { width: 120px; height:90px; overflow:hidden; background-color:#000; }
.ngg-album-compactbox { margin:0px auto; display:inline-block; }
.ngg-imagebrowser { margin-top:40px; }
.ngg-imagebrowser h3 { display:none; }
.ngg-imagebrowser img { display:block; margin: 0px auto; }
.ngg-imagebrowser-nav { padding-top:10px; margin-top:10px; border-top: 2px dotted #c3ae6e; }
.ngg-imagebrowser-nav .back { float:left; }
.ngg-imagebrowser-nav .next { float:right; }
.ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .next { padding:3px 7px; background-color:#f6f4f1; }
.ngg-imagebrowser p { margin:20px 0 0 0; text-align:left; clear:left; }
.ngg-imagebrowser-nav .back a, .ngg-imagebrowser-nav .next a { text-decoration:none; color:#000; font-weight:bold; font-size:1.1em; }
.ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; }
.ngg-clear { clear: both; }
/* ----------- Gallery navigation -------------*/

.ngg-navigation { font-size:1.8em; font-weight:bold; clear:both !important; display:block !important; padding:15px 0; text-align:center; }
.ngg-navigation span { margin:0pt 6px; }
.ngg-navigation a.page-numbers, 
.ngg-navigation a.next, 
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers, 
.ngg-navigation span.next, 
.ngg-navigation span.prev { background-color:#CCC; margin-right:3px; padding:3px 7px; color:#FFF; text-decoration:none; }
.ngg-navigation a.page-numbers:hover, 
.ngg-navigation a.next:hover, 
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover, 
.ngg-navigation span.next:hover, 
.ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; }


/* 
Gallery
-------------------------------------------------------------- */
.gallery,
.cat-gallery,
.wp-caption-text { margin:0; text-decoration:none; font-size: 0.9em; line-height: 1em; }
.wp-caption-text, 
.wp-caption-text a, 
.gallery-caption a { color:#666; text-decoration:none; }
.wp-caption p.wp-caption-text {
margin:0;
padding:5px 0px;
}
.gallery-item { float:left; list-style:none outside none; margin:0; overflow:hidden; padding:0; height:180px; width:160px; }
.gallery-item a { position:relative;}
.wp-caption img,
.gallery-item img { height:auto; margin:0 auto; border:none!important; }
.wp-caption,
.gallery-icon,
.gallery-caption { width:150px; margin:0px auto!important; }
.wp-caption {
border:none;
margin-bottom:0px;
padding:0px 0px 0;
text-align:center;
}



/*--------------------------------------------------------------------------------------------
Form Settings
*/

input, textarea { margin: 2px 5px 2px 0px; border: 1px solid #d5dde6; color:#714c66; width:200px; }
.linklove { display:none; }
.cform ol, .cform ul, .cform li { padding:0px; margin:0px; list-style:url(none) none!important; }
.cform label span { width:100px; display:inline-block; /*for Opera & IE*/ vertical-align:top; }
fieldset { border:none; }
.reqtxt, .emailreqtxt { color:#B0B9C6; padding:0px; margin:0px; }
.sendbutton { width: 100px; background: url(images/button.jpg) no-repeat center center; border-width: 0px; border-style: none; font-family: Arial, Helvetica, sans-serif; color: #000000; height: 20px; font-weight: bold; }
.success { display:block; padding:20px; text-align:center; color: #FFFFFF; background: #373462; border: 5px solid #bfd1e6; margin-top: 20px; margin-bottom: 20px; }
.edit-link, .skip-link { display:none; }

/*--------------------------------------------------------------------------------------------
Donation Totals Table
*/

.donation-totals { background: #FFF; border:none; }
.donation-totals th { text-align:left; padding:3px;}
.donation-totals td { padding:3px 8px;}
.donation-totals td.total { font-weight:bold; border-top: 1px solid #333; border-bottom: 2px solid #333; padding-top: 5px; padding-bottom: 5px; }