/*
Theme Name: Hello Africa
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: April 2009
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 62.5%/1.4em  Arial ,"Times New Roman", Times, sans-serif;background:url(/hellotheme/images/bg-copy2.jpg) no-repeat fixed;color:#3F3F3F;}

ul, ol {font-size:1.3em; line-height:1.3em; margin-bottom: 1em;} 
p {font-size:1.3em; line-height:1.3em; margin-bottom: 1em;} 

a:link {outline:none; color:#1A4273; font-style:none; text-decoration:none;}   
a:visited {outline:none; color:#1A4273; text-decoration: none;}
a:hover {outline:none; color:#7f5632;}

h1,h2,h3,h4,h5,h6 {color:#7f5632;font-family: "Times New Roman";}

h1 {font-size:2.4em;color:#53557e;font-style:italic;}
h2 {font-size:1.8em;}
h3 {font-size:2.0em; color:#7f5632;font-style:italic;}
h4 {font-size:1.6em;color:#53557e;font-style:italic;} 
h5 {font-size:1em;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}

/* BASE TEMPLATE
---------------------------------*/

#wrap {width:960px;}
#container {width:960px; margin:0 auto;}
#content {margin:0 10px;}
.background-wrap {background-color:#fff;}

#sidebar {width: 310px; float:left; margin-top:20px; margin-right:10px;}
ul#sidebar-thumbnails {margin-left:-10px;}
ul#sidebar-thumbnails li {float:left;margin-right:6px;margin-left:10px;margin-top:15px;}
#breadcrumb ul {list-style-type:none;}
#main {float:left; width:580px; margin: 20px 20px 20px 0;}
#main a {color:#53557E;}


/*FRONT PAGE*/

#fpsecondheader {background: url(/hellotheme/images/fp_greybgtop.jpg) no-repeat top; min-height:29px; width:940px; margin-top:10px; }
.fpbg-strip {background: url(/hellotheme/images/fp_greystrip.jpg) repeat; min-height:105px; width:940px; }
.fpbg-bot {background: url(/hellotheme/images/fp_greybgbot.jpg) no-repeat bottom; min-height:29px;}
.fpsecond-left { float:left; width:295px; padding:10px 10px 5px 10px;}
.fpsecond-right {float:right; width:600px; padding:10px 10px 5px 10px;}
.fp-gallery-strip {margin-left:0px; min-height:180px; width:940px; position:relative;} 
.fp-promobtn {position:absolute;left:555px;}

#fpcontent {float:left; background-color:#FFF; margin-left:10px; margin-top:3px; width:940px;}

#fpmain {float:left; width:940px; margin-top:20px;}


#news-main {float:left; width:800px; margin:20px 90px 0 90px;}


/* HEADER
------------------------------- */

#header {height:127px; width:960px; margin-bottom:0px;position:relative;}
#thebe_link {position:absolute; height:65px;width:75px;right:10px;top:5px;}
#header-image {margin:12px 12px 0px 11px;}


/*FOOTER
------------------------*/
#footer {clear:both;padding-left:10px; padding-top:5px;}
#footer p {text-align:center;color:#000;} 
#footer a:visited {color:#000;}
.subsidiary-note {height:20px;width:100%; display:block; background-color:#f1f0eb;text-align:center;padding-bottom:5px;}

/* MAIN CONTENT LISTS
-------------------------*/
#main ul {list-style-type:disc; margin-left:1.6em;}
#main ol {list-style-type:decimal; margin-left:1.6em;}
#main li {margin-bottom:0.3em;}
#main li li {font-size:80.9%;}
#main li li li {font-size:82.6%;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px; margin-bottom:10px;}

/* NAVIGATION PRIMARY
------------------------------*/

#nav {background: url(/hellotheme/images/nav-1-trans.png) no-repeat top; background-position:0px 0px; height:135px; }

#nav ul {position:relative; top:80px;left:250px;}
#nav ul li {float:left;}
#nav li a {display:block; height:30px; outline:none;}
#nav li a:hover {outline:none;}

#nav li#nav-home a {width:130px;}
#nav li#nav-about a {width:95px;}
#nav li#nav-services a {width:95px;}
#nav li#nav-programme a {width:95px;}
#nav li#nav-gallery a {width:95px;}
#nav li#nav-news a {width:95px;}
#nav li#nav-contact a {width:100px;}

#nav span {margin-left:-9000px;}

/*#nav-searchbox {float:right; padding-right:5px; padding-top:4px;}*/

/*headers - header image controlled by body class*/

.home #nav {background-position:0px 0px;} 
.about #nav {background-position:0px -134px;}
.services #nav {background-position:0px -268px;}
.programme #nav {background-position:0px -402px;}
.gallery #nav{background-position:0px -536px;}
.news #nav{background-position:0px -670px;}
.contact #nav{background-position:0px -804px;}

/* Secondary Nav */

ul#secondarynav {margin-left:325px; padding-top:10px;margin-top:0px;font-style:italic;}
ul#secondarynav li {float:left;background:url(/hellotheme/images/generic-bot-border.jpg) repeat; height:15px; padding:0px 5px 0 5px;}


/*Subnav
-----------------------------*/
#subnav {height:50px; margin-left:10px}
#subnav a {float:left;}


/* SEARCH BOX
-------------------*/
#nav-searchbox input {}
#searchinput {border:1px inset #000; border-left:2px inset #000; width:150px; height:18px; }
#cse-search-box {margin-top:3px;}


/* COPYRIGHT
-------------------*/
#copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;}


/* GALLERY
-------------------*/

.gallery #sidebar {width:250px;}
.gallery #sidebar ul {list-style-type: circle; margin-left:50px;margin-top:50px;}
.gallery #sidebar li.current a {color:#7f5632;}
#gallery-index h1 {margin-left:45px;}

/*gallery albumview*/

ul#gallery-albumview {list-style:none}
#gallery-albumview li {float:left; list-style:none; margin:5px;}
#gallery-albumview li a img {border:1px solid #85684A;}
#gallery-albumview li a:hover img {border:1px solid #161B55;}
.subcat {margin-left:20px;}

/*gallery fullview*/

#gallery-fullview {text-align:center;}
#gallery-fullview img {border:1px solid #85684A;}
#gallery-entry h1 {margin-left:45px;}
#gallery-catdescription {}
#gallery-catdescription p {text-align:right; margin-right:20px;}
#pagination {}
#nextprev {margin-top:10px;}
#caption {}

/*entry gallery*/

ul.entry-gallery li {float:left; display:block; padding:0 5px 0 0;}
ul.entry-gallery {margin-top: 5px;}


/*PHOTOS
----------*/
.photo p {font-weight:bold;}
#floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}
.half {width:205px;}
.full {width:610px;}


/*CONTACT FORM
----------------*/
div#contact_static {margin-top:20px; padding-left:20px;}
div#contact-form {margin:40px; padding:20px;}
#sidebar.contact {padding-left: 50px; padding-top:10px; width:250px;}
#contact-details {width:940px; height:400px;float:left;}


/* TEAM
----------------*/

.team-position {font-style:oblique;}
.team-image {float:left; margin-right:10px; border:1px solid #A6905E; padding:5px; margin-top:5px;}
#team-email {background:url(/hellotheme/images/icon_email.gif) no-repeat left;  padding-left:30px;}
#team-skype {background:url(/hellotheme/images/icon_skype.gif) no-repeat left;  padding-left:45px;}
.team-member {border-bottom:1px solid #EFEFEF; padding-bottom:5px; margin-bottom:5px; }
.team-meta {float:left; display:block; height:20px; min-width:150px; margin-right:10px; font-size:1.4em;}

/*TABLE
----------*/
td {padding:5px 5px 5px 5px;color: #333; font-size:1.2em;background-color:#EFEFEF; }
th.meals {font-size: 1.5em;color:#333333; background-color:#BFBFBF;}
th.days { font-size: 1.5em; color:#333333;font-style:italic;background-color:#BFBFBF;}

#logocarousel-holder {height:125px; display:block; float:left; background:white; margin:0px 0px 0 0 !important;}