/*
Theme Name: 8 Goals For Africa
Theme URI: http://8goalsforafrica.org/
Description: 8 Goals For Africa
Version: 1.0
Author: Mulumba Mweshi Lwatula
Author URI: http://pretoria.unic.org/
Tags: black, orange, red, fixed width, two columns, widgets
*/

/* 'STRUCTURE
---------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

html, body, #wrap {
	height: 100%;
}

body {
	background: #d39c28 url(images/bg_contentb.jpg) repeat-x;
}

body > #wrap {
	height: auto; min-height: 100%; margin-bottom: 0;
}

#wrap {
	width: 960px;
	margin: 20px auto 0 auto;
	background: #fff;
}

#main {
	overflow: auto;
	padding-bottom: 410px;
	background: #fff;
}  /* must be same height as the footer */

#logo {
	/*background: url(images/logo_400.png) no-repeat;*/
	padding: 0;
	margin: 0 0 0 18px;
}

#topbar {
	height: 110px;
	background: #1a1a1a url(images/bg_hdr.jpg) repeat;
	padding-top: 10px;
}

.container_12,.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px
}

.container_12 .grid_3,.container_16 .grid_4 {
	width: 220px
}

.container_12 .grid_6,.container_16 .grid_8 {
	width: 460px
}

.container_12 .grid_9,.container_16 .grid_12 {
	width: 700px
}

.container_12 .grid_12,.container_16 .grid_16 {
	width: 940px
}

.alpha {
	margin-left: 0
}

.omega {
	margin-right: 0
}

.container_12 .grid_1 {
	width: 60px
}

.container_12 .grid_2 {
	width: 140px
}

.container_12 .grid_4 {
	width: 300px
}

.container_12 .grid_5 {
	width: 380px
}

.container_12 .grid_7 {
	width: 540px
}

.container_12 .grid_8 {
	width: 620px
}

.container_12 .grid_10 {
	width: 780px
}

.container_12 .grid_11 {
	width: 860px
}

.container_16 .grid_1 {
	width: 40px
}

.container_16 .grid_2 {
	width: 100px
}

.container_16 .grid_3 {
	width: 160px
}

.container_16 .grid_5 {
	width: 280px
}

.container_16 .grid_6 {
	width: 340px
}

.container_16 .grid_7 {
	width: 400px
}

.container_16 .grid_9 {
	width: 520px
}

.container_16 .grid_10 {
	width: 580px
}

.container_16 .grid_11 {
	width: 640px
}

.container_16 .grid_13 {
	width: 760px
}

.container_16 .grid_14 {
	width: 820px
}

.container_16 .grid_15 {
	width: 880px
}

.container_12 .prefix_3,.container_16 .prefix_4 {
	padding-left: 240px
}

.container_12 .prefix_6,.container_16 .prefix_8 {
	padding-left: 480px
}

.container_12 .prefix_9,.container_16 .prefix_12 {
	padding-left: 720px
}

.container_12 .prefix_1 {
	padding-left: 80px
}

.container_12 .prefix_2 {
	padding-left: 160px
}

.container_12 .prefix_4 {
	padding-left: 320px
}

.container_12 .prefix_5 {
	padding-left: 400px
}

.container_12 .prefix_7 {
	padding-left: 560px
}

.container_12 .prefix_8 {
	padding-left: 640px
}

.container_12 .prefix_10 {
	padding-left: 800px
}

.container_12 .prefix_11 {
	padding-left: 880px
}

.container_16 .prefix_1 {
	padding-left: 60px
}

.container_16 .prefix_2 {
	padding-left: 120px
}

.container_16 .prefix_3 {
	padding-left: 180px
}

.container_16 .prefix_5 {
	padding-left: 300px
}

.container_16 .prefix_6 {
	padding-left: 360px
}

.container_16 .prefix_7 {
	padding-left: 420px
}

.container_16 .prefix_9 {
	padding-left: 540px
}

.container_16 .prefix_10 {
	padding-left: 600px
}

.container_16 .prefix_11 {
	padding-left: 660px
}

.container_16 .prefix_13 {
	padding-left: 780px
}

.container_16 .prefix_14 {
	padding-left: 840px
}

.container_16 .prefix_15 {
	padding-left: 900px
}

.container_12 .suffix_3,.container_16 .suffix_4 {
	padding-right: 240px
}

.container_12 .suffix_6,.container_16 .suffix_8 {
	padding-right: 480px
}

.container_12 .suffix_9,.container_16 .suffix_12 {
	padding-right: 720px
}

.container_12 .suffix_1 {
	padding-right: 80px
}

.container_12 .suffix_2 {
	padding-right: 160px
}

.container_12 .suffix_4 {
	padding-right: 320px
}

.container_12 .suffix_5 {
	padding-right: 400px
}

.container_12 .suffix_7 {
	padding-right: 560px
}

.container_12 .suffix_8 {
	padding-right: 640px
}

.container_12 .suffix_10 {
	padding-right: 800px
}

.container_12 .suffix_11 {
	padding-right: 880px
}

.container_16 .suffix_1 {
	padding-right: 60px
}

.container_16 .suffix_2 {
	padding-right: 120px
}

.container_16 .suffix_3 {
	padding-right: 180px
}

.container_16 .suffix_5 {
	padding-right: 300px
}

.container_16 .suffix_6 {
	padding-right: 360px
}

.container_16 .suffix_7 {
	padding-right: 420px
}

.container_16 .suffix_9 {
	padding-right: 540px
}

.container_16 .suffix_10 {
	padding-right: 600px
}

.container_16 .suffix_11 {
	padding-right: 660px
}

.container_16 .suffix_13 {
	padding-right: 780px
}

.container_16 .suffix_14 {
	padding-right: 840px
}

.container_16 .suffix_15 {
	padding-right: 900px
}

.container_12 .push_3,.container_16 .push_4 {
	left: 240px
}

.container_12 .push_6,.container_16 .push_8 {
	left: 480px
}

.container_12 .push_9,.container_16 .push_12 {
	left: 720px
}

.container_12 .push_1 {
	left: 80px
}

.container_12 .push_2 {
	left: 160px
}

.container_12 .push_4 {
	left: 320px
}

.container_12 .push_5 {
	left: 400px
}

.container_12 .push_7 {
	left: 560px
}

.container_12 .push_8 {
	left: 640px
}

.container_12 .push_10 {
	left: 800px
}

.container_12 .push_11 {
	left: 880px
}

.container_16 .push_1 {
	left: 60px
}

.container_16 .push_2 {
	left: 120px
}

.container_16 .push_3 {
	left: 180px
}

.container_16 .push_5 {
	left: 300px
}

.container_16 .push_6 {
	left: 360px
}

.container_16 .push_7 {
	left: 420px
}

.container_16 .push_9 {
	left: 540px
}

.container_16 .push_10 {
	left: 600px
}

.container_16 .push_11 {
	left: 660px
}

.container_16 .push_13 {
	left: 780px
}

.container_16 .push_14 {
	left: 840px
}

.container_16 .push_15 {
	left: 900px
}

.container_12 .pull_3,.container_16 .pull_4 {
	left: -240px
}

.container_12 .pull_6,.container_16 .pull_8 {
	left: -480px
}

.container_12 .pull_9,.container_16 .pull_12 {
	left: -720px
}

.container_12 .pull_1 {
	left: -80px
}

.container_12 .pull_2 {
	left: -160px
}

.container_12 .pull_4 {
	left: -320px
}

.container_12 .pull_5 {
	left: -400px
}

.container_12 .pull_7 {
	left: -560px
}

.container_12 .pull_8 {
	left: -640px
}

.container_12 .pull_10 {
	left: -800px
}

.container_12 .pull_11 {
	left: -880px
}

.container_16 .pull_1 {
	left: -60px
}

.container_16 .pull_2 {
	left: -120px
}

.container_16 .pull_3 {
	left: -180px
}

.container_16 .pull_5 {
	left: -300px
}

.container_16 .pull_6 {
	left: -360px
}

.container_16 .pull_7 {
	left: -420px
}

.container_16 .pull_9 {
	left: -540px
}

.container_16 .pull_10 {
	left: -600px
}

.container_16 .pull_11 {
	left: -660px
}

.container_16 .pull_13 {
	left: -780px
}

.container_16 .pull_14 {
	left: -840px
}

.container_16 .pull_15 {
	left: -900px
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

* html .clearfix {
	height: 1%
}

/* 'TEXT
---------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif
}

a:focus {
	outline: 1px dotted
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0
}

h1 {
	color: #bf3019;
	font-size: 25px
}

h2 {
	font-size: 21px
}

h3 {
	font-size: 19px
}

h4 {
	font-size: 17px
}

h5 {
	font-size: 15px
}

h6 {
	font-size: 13px
}

ol {
	list-style: decimal
}

ul {
	list-style: disc
}

li {
	margin-left: 30px
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
	margin-bottom: 20px
}

.post h1, h1.blog {
	color: #1a1a1a;
	font-size: 32px;
	font-weight: bold;
}

.post h5 {
	color: #bf3019;
	margin-bottom: 0;
}

#post-7 h1 {
	height: 50px;
	background: url(images/headers/8_goals.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#post-9 h1 {
	height: 50px;
	background: url(images/headers/thesong.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#post-5 h1 {
	height: 50px;
	background: url(images/headers/takeaction.png) 0 0 no-repeat;
	text-indent: -9999px;
}

h1.blog {
	height: 50px;
	background: url(images/headers/blog.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#post-6 h1 {
	height: 50px;
	background: url(images/headers/contactus.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#post-15 h1 {
	height: 50px;
	background: url(images/headers/unsa.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#post-28 h1 {
	height: 50px;
	background: url(images/headers/bios.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#post-84 h1 {
	height: 50px;
	background: url(images/headers/downloads.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#welcome {
	background: url(images/headers/welcome.png) 0 0 no-repeat;
	text-indent: -9999px;
	height: 50px;
}

#twtr {
	background: url(images/headers/twtr.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

#main_left > h1#welcome {
	background: url(images/headers/welcome.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	height: 50px;
}

#main_left > h1#twtr {
	background: url(images/headers/twtr.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

#footer {
	font-size: 11px;
}


/* 'NAVIGATION
---------------------------------------------------------------------------*/

a {
	color: #bf3019;
	text-decoration: none;
}

a:hover {
	color: #212121;
	text-decoration: underline;
}

.footer a:hover {
	color: #212121;
	text-decoration: underline;
}

#navigation {
	/*float: right;*/
	/*margin-left: 340px;*/
	/*margin-right: 0;*/
}

/* Top Menu */
ul.menu {
	list-style: none;
	/*padding: 0;
	margin: 0;*/
	/*float: right;*/
	color: white;
	margin: 0 auto;
	padding: 0;
	right: 0;
	height: 40px;
	width: 960px;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #bf3019 url(images/navbg.jpg) 0 0 no-repeat;
	overflow: hidden;
}

ul.menu li { height: 40px; float: left; display: inline; margin: 0; }
ul.menu li a { display: block; height: 40px; text-indent: -9999px; background: transparent url(images/navsprite.gif) 0 0 no-repeat; }

* html .menu { margin-left: 18px; }

#home { width: 113px; background-position: 0 0; }
#home:hover, #home.current_page_item { background-position: 0 -40px; }
#goals { width: 160px; background-position: -113px 0; }
#goals:hover, #goals.current_page_item { background-position: -113px -40px; }
#song { width: 182px; background-position: -273px 0; }
#song:hover, #song.current_page_item { background-position: -273px -40px; }
#action { width: 229px; background-position: -455px 0; }
#action:hover, #action.current_page_item { background-position: -455px -40px; }
#blog { width: 112px; background-position: -684px 0; }
#blog:hover, #blog.current_page_item { background-position: -684px -40px; }
#contact { width: 160px; background-position: -796px 0; }
#contact:hover, #contact.current_page_item { background-position: -796px -40px; }

/* Side Menu */

ul.sidemenu {
	list-style: none;
	/*padding: 0;
	margin: 0;*/
	/*float: right;*/
	color: white;
	margin: 0 auto;
	padding: 0;
	right: 0;
	height: 300px;
	width: 300px;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #bf3019 url(images/calltoaction) 0 0 no-repeat;
	overflow: hidden;
}

ul.sidemenu li { height: 60px; float: left; display: inline; margin: 0; }
ul.sidemenu li a { display: block; height: 60px; width: 300px; text-indent: -9999px; background: transparent url(images/sidenavsprite.gif) 0 0 no-repeat; }

* html .sidemenu { margin-left: 18px; }

#video { height: 60px; background-position: 0 0; }
#video:hover, #video.active { background-position: 0 -300px; }
#bios { height: 60px; background-position: 0 -60px; }
#bios:hover { background-position: 0 -360px; }
#unsa { height: 60px; background-position: 0 -120px; }
#unsa:hover { background-position: 0 -420px; }
#endpoverty { height: 60px; background-position: 0 -180px; }
#endpoverty:hover { background-position: 0 -480px; }
#download { height: 60px; background-position: 0 -240px; }
#download:hover { background-position: 0 -540px; }


/* 'BANNER
---------------------------------------------------------------------------*/
#banner {
	height: 330px;
	width: 960px;
	background: transparent url(images/bnrshdw.png) no-repeat 0 300px;
	margin-top: 0px;
}

#vimeoplayer {
	padding: 0;
	margin: 0;
	background: black;
	height: 300px;
	width: 620px;
}

#calltoaction {
	padding: 0 20px;
	margin: 0;
	background: #212121 url(images/calltoaction.png) no-repeat 0 0;
	height: 300px;
	width: 300px;
	color: whitesmoke;
}

/* 'CONTENT
---------------------------------------------------------------------------*/

#content {
	height: 100%;
}

#main_content {
	padding: 20px 0;
	min-height: 100%;
	background: url(images/divbdr.png) no-repeat 620px 50px;
}

#main_left {
	padding: 0 30px 0 10px;
}

#main_sidebar {
	
}

/* 'FOOTER
---------------------------------------------------------------------------*/

#footer {
	background: #1a1a1a /*url(images/bga_grass.png)*/;
	position: relative;
	margin: -410px auto 0 auto; /* negative value of footer height */
	height: 410px;
	clear: both;
} 

#footer_inner {
	padding: 20px 0 0 0;
	color: whitesmoke;
	color: #00b4ff;
}

#unlogo_footer {
	/*background: url(images/unlogo_footer.png) no-repeat;*/
	height: 60px;
	padding: 0;
	margin: 0;
}

/* 'SOCIAL MEDIA
---------------------------------------------------------------------------*/
#social {
	background: url(images/social.png) no-repeat right;
	height: 60px;
	margin: 0 0 10px;
}

#community {
	background: #212121 url(images/headers/community.png) no-repeat;
	height: 220px;
	width: 960px;
	padding-top: 70px;
	margin: 20px auto 0 auto;
	/*border-bottom: 1px dotted #333;*/
}

#community h5 {
	color: #00b4ff;
}

#getsocial {
	display: block;
	height: 60px;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}

#getsocial ul li {
	display: inline;
	list-style-type: none;
	height: 32px;
	width: 32px;      
}

#getsocial li a {
	display: inline;
	float: left;
	height: 32px;
	width: 32px;
	list-style-type: none;
	margin-right: 3px;
	text-indent: -9999px;
}

#flickr, #twitter, #vimeo, #youtube, #rss, #facebook {
	list-style-type: none;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

li#flickr a {
	background: transparent url(images/icons/flickr.png) no-repeat;
}

li#twitter a {
	background: transparent url(images/icons/twitter.png) no-repeat;
}

li#vimeo a {
	background: transparent url(images/icons/vimeo.png) no-repeat;
}

li#youtube a {
	background: transparent url(images/icons/youtube.png) no-repeat;
}

li#rss a {
	background: transparent url(images/icons/rss.png) no-repeat;
}

li#facebook a {
	background: transparent url(images/icons/facebook.png) no-repeat;
}

h5#becomefan {
	background: url(images/headers/becomefan.jpg) no-repeat;
	height: 30px;
	text-indent: -9999px;
}

h5#socnet {
	background: url(images/headers/socnet.jpg) no-repeat;
	height: 30px;
	text-indent: -9999px;
}

h5#photos {
	background: url(images/headers/photos.jpg) no-repeat;
	height: 30px;
	text-indent: -9999px;
}

#fblike {
	background: whitesmoke;
	border: 5px solid #545350;
	height: 60px;
}

/* 'FLICKR BADGE
--------------------------------------------------------------------------------------- */

#flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;}
.flickr_badge_image { float: left; display: inline; margin: 0 16px 0 0;}
.flickr_badge_image img { border: 5px solid #545350; width: 60px; height: 60px;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.sidebar #flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;}
.sidebar .flickr_badge_image { float: left; display: inline; margin: 0 7px 7px 0;}
.sidebar .flickr_badge_image img { border: 5px solid #cccccc; width: 60px; height: 60px;}
.sidebar #flickr_badge_source {text-align:left; margin:0 0 0 0;}
.sidebar #flickr_badge_icon {float:left;}
.sidebar #flickr_badge_uber_wrapper a:hover,
.sidebar #flickr_badge_uber_wrapper a:link,
.sidebar #flickr_badge_uber_wrapper a:active,
.sidebar #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
.sidebar #flickr_badge_wrapper {}
.sidebar #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
.staff_flickr, .staff_flickr:hover { background: transparent url(images/staff/staff_flickr.gif) 0 0 no-repeat; }

/* 'ROTATOR
--------------------------------------------------------------------------------------- */

h2.featured { width: 195px; height: 30px; text-indent: -9999px; background: transparent url(images/headers/featured.jpg) 0 0 no-repeat; margin: 0 0 10px 25px; }
.rotator_side_row a {font-weight: bold; text-decoration: none;}
.rotator_side_row a:link { color: #999999;}
.rotator_side_row a:visited { color: #999999;}
.rotator_side_row a:hover { color: #ffffff; text-decoration: none;}
.rotator_side_row a:active { color: #999999;}

.rotator_box { overflow: hidden; width:100%; height:300px; margin-bottom:20px; } 
.rotator { width: 685px; height: 300px; float: left; display: inline; }
.rotator_side { width:300px; height: 290px; padding:10px 10px 0 0; float: right; display: inline; background: transparent url(images/bg/bg_rotator_side.gif) top right repeat-y; }

.rotator_nav { width: 100%; }
.rotator_side_row { border-top: 1px solid #585654; padding: 0; position: relative; width: 270px; height:50px; margin-left: 24px;}
.rotator_nav li h6 { float: left; display: inline; color: #bf3019; font-size: 1.1em; width: 20px; font-weight: normal; margin-top: 11px;}
.rotator_nav li h4 { float: right; display: inline; color: #888888; width: 250px; font-weight: normal; font-size: 1em; margin-top: 11px; }
.rotator_nav li a { font-weight: normal; text-decoration: none;}
.rotator_nav li a.activeSlide { color: #ffffff; }


/* 'FORMS
--------------------------------------------------------------------------------------- */

.wpcf7-form { width: 90%; margin-top: 20px; background: #f6f5f1; padding: 4% 5%; overflow: hidden; }

.wpcf7-form input, .wpcf7-form textarea { font-size: 1.6em; color:#000000; width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5;}

.confirmation_note { width: 91%; padding:0 4%; text-align: center; border:1px solid #aeca61; background: #e6f7b8 url(../images/icon_check_confirm_small.gif) 2% 50% no-repeat; margin: 20px 0 12px 0; }
#content .confirmation_note p { color: #48802f; margin: 6px 0; line-height: 1.3em; }

.submit_row { margin: 24px 0 0 0; }

input.submit { width: 20%; border: 1px solid #3d8a39; background: #4ea34a; padding: 5px 0; text-align: center; color: #fff; font-size: 1.4em; }

/* 'MISC.
---------------------------------------------------------------------------*/

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

.hideme {
	display: none;
}

hr.clear {
	clear: both;
	height: 20px;
}

.post .entry p {
	margin-bottom: 10px;
}

.post .entry hr.clear {
	height: 0;
}

.post .entry img {
	border: 3px solid #212121;
	margin-right: 5px;
	padding: 0;
	float: left;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}

.postmetadata {
	clear: both;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.postmetadata {
	font-size: 11px;
}