/*  
Theme Name: Africa Centre 2009
Theme URI: http://www.africacentre.net/
Description: The theme for the Africa Centre website.
Version: 1.6.1
Author: Byron Rode
Author URI: http://www.envisionweb.co.za/
*/

/* Global Reset & Site-Wide Styles */
* { margin: 0; padding: 0; }
body { font-size: 62.5%; }
.clear { clear: both; }
.ttf { border: 0; }
a img { border: none; }

/* Images */
p img { padding: 0;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* Layout */
body {font-family: Arial, helvetica, sans-serif; background:#FFFFFF;}
#container { width: 90%; min-width: 760px; margin: 0 auto; }
h2 {color: #FD7C11; font-size:14px; text-transform:uppercase;}

/*#top-header { height: 70px; width: 100%; background:url(images/ac_top_banner.png) no-repeat; color: #fff; }*/
#sub-top-header-left { text-align: left; padding-top: 20px; padding-left: 20px; height:45px;background-color:#011725;}
#top-header-left { width: 45%; float: left; text-align: left; padding-top: 20px; padding-left: 20px; }
#top-header-right { width: 48%; float: left; text-align: right; padding-top: 26px; }
#top-header-right ul { list-style: none; padding: 0; margin: 0; text-align: right; float: right; }
#top-header-right ul li { float: left; display: block; padding-right: 10px; }
#top-header-right a { text-transform: uppercase; text-decoration: none; color: #cf4b1e; background-color: transparent; font-size: 10px; }
#top-header-right a img { float: left; padding-top: 0px; padding-right: 3px; }
#top-header-right a span { float: left; display: block; padding-top: 2px; cursor: pointer; }
#top-header h1, #top-header .description { display: none; }

/*#header { width: 100%; background:  url('images/ac_header.png'); height: 175px; }*/
#header { width: 100%; background: url('images/new-header.gif') no-repeat;height: 245px;background-color:#011725; }

#main-navigation { background: #FD7C11; color: #fff; height: auto; width: 100%; text-align: left; }
#main-navigation ul { list-style: none; padding: 0; margin: 0; }
#main-navigation ul li { float: left; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#main-navigation ul li a { display: block; float: left; padding: 5px 10px; text-decoration: none; color: #fff; background-color: transparent; }
#main-navigation ul li a:hover { display: block; float: left; padding: 5px 10px; color: #fff; background-color: #2A9C8C; }
#main-navigation ul li.current_page_item a { display: block; float: left; padding: 5px 10px; color: #fff; background-color: #2A9C8C; }
#main-navigation ul li.current_page_parent a { display: block; float: left; padding: 5px 10px; color: #fff; background-color: #63af92; }

#content { font-family: Arial, helvetica, sans-serif; font-size: 1.2em; margin: 5px 0; width: 100%; min-width: 770px; padding:7px 0 20px 0;text-align: justify; line-height: 18px;}
#sidebar-left { float: left; width: 184px; background: #fff; color: #000; padding: 7px; margin-right: 5px; text-align: left;}
#center {	float: left; width: 640px; padding: 7px; background: #fff; color: #666; }
#center p { margin-bottom: 15px; }
#content-column-1 { float: left; width: 75%; margin-right: 20px; text-align: justify; line-height: 18px;}
#content-column-2 { float: left; width: 15%; text-align: justify; font-size: 11px; }
#content-column-2 p { margin-bottom: 15px; }
#projects-column-2 { float: left; width: 33%; text-align: left; font-size: 11px; text-align: justify; line-height: 18px;}
#projects-column-1 { float: left; width: 62%; margin-right: 10px; text-align: left; text-align: justify; line-height: 18px; }
#projects-column-1 p { margin-bottom: 15px; }

.projects{width:740px;}
.thumb{width:120px; height:120px;margin:0 20px 20px 0;float:left; clear:both;}
.details{width: 600px; padding: 15px 0;float:left; text-transform:uppercase; font-weight:bold;}
.details h1 {color:#FD7C11;font-size:18px; font-weight:bold;text-transform:uppercase;}
.details h2 {color: #333333 !important; font-size:12px!important;text-transform:uppercase!important; margin:0!important;}
.details a,a:visited { color:#2A9C8C; text-decoration:none;}
.details a:hover { color:#FD7C11; text-decoration:none;}
#center ul { margin: 15px 0px 15px 20px; list-style-image: url(images/list-image.jpg); }
#center a { text-decoration: none; color: #FD7C11; background-color: transparent; }

#content h2 { font-size: 1.28em; text-transform: uppercase; color: #FD7C11; background-color: transparent; display: block; margin: 10px 0; font-weight: normal; text-align: left; }
#content h3 { font-size: 1.2em; text-transform: uppercase; color: #FD7C11; background-color: transparent; display: block; margin: 10px 0; font-weight: normal; text-align: left; }

#sidebar-left ul { list-style: none; }
#sidebar-left ul li { text-transform: uppercase; margin-top: 4px; margin-bottom: 4px; border-bottom: 1px dashed #999; display: block; font-size: 11px; }
#sidebar-left ul li ul { margin-bottom: 16px; }
#sidebar-left ul li ul li { margin-bottom: 8px; font-size: 9px; }
#sidebar-left ul li ul li a {  font-size: 9px; }
#sidebar-left ul li a { display: block; padding: 4px; color: #666; background-color: transparent; text-decoration: none; margin-bottom: 4px; }
#sidebar-left ul li a:hover { background-color: #2A9C8C; color: #000; text-decoration: none; }
#sidebar-left ul li.current_page_item a { background-color: #63af92; color: #000; text-decoration: none; }
#sidebar-left ul li.current_page_item ul li a { background-color: transparent; color: #9a989b; text-decoration: none;}
#sidebar-left ul li.current_page_item ul li a:hover { background-color: transparent; color: #000; text-decoration: none; }
#sidebar-left ul li.current_page_item ul li.current_page_item a { background-color: transparent; color: #000; text-decoration: none; }
#sidebar-left ul li.current_page_parent a { background-color: #63af92; color: #000; text-decoration: none; }
#sidebar-left ul li.current_page_parent ul li a { background-color: transparent; color: #9a989b; text-decoration: none; }
#sidebar-left ul li.current_page_parent ul li a:hover { background-color: transparent; color: #000; text-decoration: none; }
#sidebar-left ul li.current_page_parent ul li.current_page_item a { background-color: transparent; color: #000; text-decoration: none; }

#sidebar-left ul li ul { display: none; }
#sidebar-left ul li.current_page_item ul { display: block; margin-left: 15px; }
#sidebar-left ul li.current_page_parent ul { display: block; margin-left: 15px; }
#sidebar-left ul li.current_page_item ul li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px; }
#sidebar-left ul li.current_page_parent ul li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}
#sidebar-left ul li ul li { background-color: transparent; height: 10px; border: none; padding-bottom: 10px; font-size: 10px; }

hr { border-bottom: 1px dashed #666; height: 1px; border-top: 0; margin-top: 15px; margin-bottom: 20px; }

#home-center { width: 740px; padding: 7px; background-color: #fff; color: #808080; }
#home-content-column-1 { text-align: left; width: 230px; float: left; margin-right: 20px; }
#home-content-column-2 { text-align: left; width: 230px; float: left; margin-right: 20px; }
#home-content-column-3 { text-align: left; width: 230px; float: left; }
#home-center h2 { color: #e52323; background-color: transparent; font-size: 1.25em; font-weight: normal; text-transform: uppercase; margin-bottom: 4px; }
#home-center p { margin-bottom: 5px; width: 90%; }
#home-center a img { border: none; }
#home-center a { background-color:transparent;color:#2A9C8C;font-weight:bold;text-decoration:none; }
#home-center a:hover { color:#FD7C11; text-decoration:none;text-transform:uppercase;}
#home-center h2 a { color: #e52323; background-color: transparent; font-weight: normal; text-transform: uppercase; text-decoration: none; }
#home-center h2 a:hover { color: #63af92; background-color: transparent; font-weight: normal; }

.newsflash-title { font-size: 1.2em; color: #e52323; background-color: transparent; text-transform: uppercase; font-weight: bold; }
.newsflash-content { font-size: 0.9em; margin-bottom: 15px; }

small { padding-left: 0; }

#announcement { height: 360px; width: 220px; overflow: auto; margin-bottom: 10px; border: 2px solid #999; padding: 5px; }
#news-header { margin-bottom: 8px; display: block; text-transform: uppercase; font-size: 1.3em; }
.news-black { color: #000; background-color: transparent; }
.news-red { color: #e52323; background-color: transparent; }
#announcement h5 { color: #e52323; background-color: transparent; font-weight: normal; font-size: 1.2em; text-transform: uppercase; }
#announcement h5 a { color: #e52323; background-color: transparent; font-weight: normal; text-transform: uppercase; text-decoration: none; }
#announcement h5 a:hover { color: #63af92; background-color: transparent; font-weight: normal; }

#footer { background:url(images/ac_footer.png) no-repeat;}

#footer-left { float: left; width: 192px; }
#footer-links { float: left; width: 160px; }

#footer-sub-left-main { display: block; float: left; width: 25%; margin-left: 10px; }
#footer-sub-left-main ul { list-style: none; padding: 0; margin: 0; padding:20px 0 10px 11px;  }
#footer-sub-left-main ul li { font-size: 14px; text-transform: uppercase; padding: 0; margin: 0; line-height:130%;  font-weight: bold; text-transform:uppercase;}
#footer-sub-left-main ul li a { margin: 0; padding: 0; text-decoration: none; color: #FFFFFF; background-color: transparent; }
#footer-sub-left-main ul li a:hover { color: #FD7C11; background-color: transparent;}
#footer-sub-left-main ul li a.active { font-weight: bold;text-transform:uppercase; }

#footer-sub-left-secondary { display: block; float: left; margin-left: 10px; }
#footer-sub-left-secondary ul.secondary-links { list-style: none; padding: 0; margin: 0; border-left: 1px solid #5c5b51; padding: 10px 0 10px 8px; }
#footer-sub-left-secondary ul.secondary-links li { font-size: 10px; text-transform: uppercase; padding: 0; margin: 0; }
#footer-sub-left-secondary ul.secondary-links li a { margin: 0; padding: 0; text-decoration: none; color:#FFFFFF; background-color: transparent; }
#footer-sub-left-secondary ul.secondary-links li a:hover { color: #FD7C11; background-color: transparent; }
#footer-sub-left-secondary ul.secondary-links li a.active { font-weight: bold; color:#FFFFFF;}

#footer-right { float: left; height: 100px; border-left: padding: 10px 0 0px 8px; }
#footer-contact{float: left; height: 100px;padding: 10px 0 0px 8px; width:300px; padding:15px 0 0 8px;width:460px;}
.contact-details{font-family:Arial, Helvetica, sans-serif; color:#3BAFA2; font-size:12px;line-height:200%;padding-right:25px; font-weight:normal;text-transform:none;}
#footer-contact a,a:visited { color:#3BAFA2; text-decoration:none;}
#footer-contact a:hover { color:#FD7C11; text-decoration:none;}
/* =======================
Byron - New Edits 18082008
======================= */

#content #center #pr-heading { margin-top: 15px; }
#content #center #press-column-1 #pr-heading h2 { margin: 0; padding: 0; color: #e52323; background-color: transparent; margin-bottom: 15px; }
#content #center #press-column-1 h2 { margin: 0; color: #000; background: transparent; margin-bottom: 15px; }
#press-column-2 sidebar-left
#press-column-1 { float: left; width: 65%; margin-right: 10px; text-align: left; line-height: 18px; }
#press-column-1 .headingleft { float: left; width: 250px; }
 
/* =======================
Byron - New Edits 08092008
======================= */

#media-releases-summary li span { display: block; }
.wplp_date { color: #000; background-color: transparent; }
.wplp_desc { margin-top: 10px; color: #666; background: transparent; }
#media-releases-summary li { margin-bottom: 12px; border-bottom: 1px dashed #666; padding-bottom: 10px; }
#pr-title { width: 100%; margin-bottom: 15px; position: relative; display: block; }
.mr-title { text-transform: uppercase; position: absolute; left: 0; }
.mr-date { position: absolute; right: 0; }

/* =====================
Calendar - 08092008
===================== */

#wp-calendar { background-color: #939288; color: #fff; width: 545px; margin: 0; padding: 5px; }
#wp-calendar-date { width: 90px; display: block; float: left; font-size: 18px; color: #fff; background: transparent; text-align: left; }
#wp-calendar-date a { color: #fff; background: transparent; text-transform: uppercase; line-height: 16px; }
#wp-calendar-headings, #wp-calendar-body { margin-left: 90px; }
#wp-calendar-headings { border-bottom: 1px solid #a6a69d; height: 24px; }
#wp-calendar .wp-day-headings { width: 65px; padding-top: 2px; padding-bottom: 2px; text-align: left; display: block; float: left; height: 22px; font-weight: bold; }
#wp-calendar .wp-days { width: 65px; padding-top: 2px; padding-bottom: 2px; text-align: left; display: block; float: left; height: 28px; }
#wp-calendar .wp-days-height { border-bottom: 1px solid #a6a69d; height: 30px; margin-left: 90px;}
#wp-calendar .wp-padding { width: auto; display: block; float: left; }

#wp-calendar table.nav { background-color: #333; color: #fff; width: 100%; padding: 0; margin: 0; }
#wp-calendar table.nav tbody { width: 520px; margin: 0; padding: 0; }
#wp-calendar table.nav tbody tr { border-bottom: none; }
#wp-calendar table.nav tbody tr td { }
#wp-calendar table.nav tbody tr a img { display: none; }
#wp-calendar table.nav tbody tr #next { padding-right: 10px; }
#wp-calendar table.nav tbody tr #prev { padding-left: 10px; }

#today { font-weight: bold; color: #fff; background-color: transparent; }

#content #sidebar-left ul.ec3_events li { color: #FD7C11; background: transparent; border-bottom: none; font-size: 12px; margin-bottom: 10px; }
#content #sidebar-left ul.ec3_events li ul { display: block; }
#content #sidebar-left ul.ec3_events li ul li { color: #000; background: transparent; font-size: 10px; height: 18px; padding: 1px 0 6px 0; margin: 0 0 6px 0; display:none;}
#content #sidebar-left ul.ec3_events li ul li:hover { background: #63af92; color: #000; display: block; height: 18px; padding: 1px 0 6px 0; margin: 0 0 6px 0; }
#content #sidebar-left ul.ec3_events li ul li a { margin: 0; padding: 0; background: transparent; color: #000; }
#content #sidebar-left ul.ec3_events li ul li a:hover { background: transparent; color: #000; }

#content #center .ec3_events { list-style: none; padding: 0; margin: 15px 0 0 0; }
#content #center .ec3_events li { font-size:  18px; color: #FD7C11; background: transparent; list-style:  none; text-transform: uppercase; }
#content #center .ec3_events li ul { padding: 0; margin: 10px 0 0 0; }
#content #center .ec3_events li ul li { font-size: 12px; color: #666; background: transparent; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #666; }
#content #center .ec3_events li ul li span { display: block; }
#content #center .ec3_events li ul li span.ec3_event_details  { text-transform: none; text-align: justify; margin-top: 10px; }
/*#content #center .ec3_events li ul li a { color: #000; background: transparent; margin-bottom: 20px; display: block; }*/
#content #center .ec3_events li ul li img { display: block; margin-bottom: 10px; }
small { text-transform: uppercase; padding: 0; margin: 0; font-size: 12px; }
a.eventday { text-decoration: none; display: block; border-bottom: 7px solid #fff; width: 80%; color: #fff; background-color: transparent; }