/*   
Theme Name: FXI Theme 1.0
Theme URI: http://mjrampai.net
Description: This is a custom theme for FXI wordpress website by Molefi Rampai
Author: Molefi Rampai
Author URI: http://mjrampai.net
Version: 1.0
*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KK2T4M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KK2T4M');</script>
<!-- End Google Tag Manager -->
ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: #fff !important; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-65823389-1', 'auto');
  ga('send', 'pageview');

</script>

/*
Theme styles
*/

body {
	background:url(images/background.png) #fff;
	font-family:Calibri;
	font-size:12px;
	margin-top:0;}
a {
	transition-property:background;
	transition-duration:0.5s;}	
.float_fix {
	clear:both;}
.header_container {
	background:url(images/header_bg.png) repeat-x;
	width:100%;
	height:200px;
	margin-top:0;}		
#header {
	background:url(images/web_banner2.png) no-repeat;
	width:960px;
	height:200px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:0;}
#header a {
	display:block;
	width:241px;
	height:143px;
	margin:0 0 0 29px;}		
nav {
	background:url(images/nav_bg.png) repeat-x;
	width:950px;
	height:40px;
	border-radius:5px;
	margin:0 auto;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;}
nav ul li {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;}	
nav ul li a {
	font-family:'Oswald';
	font-size:15px;
	display:block;
	float:left;
	line-height:40px;
	padding:0 10px;
	text-decoration:none;
	color:#fff;}
nav ul ul {
	background:#900;
	position:absolute;
	visibility:hidden;
	display:block;
	top:40px;}	
nav ul li:hover ul {			
	visibility:visible;
	display:block;}	
nav ul li:hover {
	background:#900;
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;}
nav ul ul li a {
	display:block;	
	line-height:none;
	width:145px;
	font-size:12px;}	
nav ul ul li a:hover
 {
	display:block;
	line-height:none;
	background:#900;
	font-size:12px;
	width:145px;}			
.main_content {
	background:#fff;
	width:940px;
	padding:10px;
	margin:0 auto;
	font-size:13px;}
.main_content h3 {
	font-weight:bold;}	
.inner_content {
	padding-top:10px;}	
.about_container,.prog_container {
	width:940px;
}
.home_row {
	width:100%;
	display:block;
	margin-top:-15px;}
.home_news {
	background:url(images/event_bg.png) bottom no-repeat;
	border-radius:10px;
	padding:15px;
	margin:10px 0;
	text-align:center;
	color:#900;}			
.home_p {
	display:block;
	width:75%;
	float:left;}
.about_container p {
	font-style:italic;
	font-size:18px;
	line-height:23px;
	margin-bottom:10px;
	margin:15px 0;
	color:#666;}
/*.home_news p {
	margin-top:10px;}	*/
.about_container a.read_more {
	width:130px;
	text-align:center;}	
.fxn_link a {
	background:#900;
	transition-property:background;
	transition-duration:1s;	
	width:18%;
	float:right;
	text-align:center;
	border-radius:10px;
	padding:5px;
	text-transform:uppercase;
	text-decoration:none;
	font-style:normal;
	font-size:18px;
	line-height:30px;
	margin-top:20px;
	color:#fff;}
.fxn_link a:hover {
	background:#333;
	cursor:pointer;}	
#fxn_form {
	width:400px;
	height:200px;
	visibility:hidden;}	
.inline_link {
	font-weight:bold;
	color:#900;}
.inline_link:hover {
	text-decoration:none;}
.fxi_event_links {
	background:#333;
	padding:10px;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	margin-bottom:15px;
	border-radius:5px;
	color:#fff;}
.prog_container {
	width:100%;}
.prog_headers {
	width:100%;
	height:40px;
	margin:0;}	
#prog1, #prog2, #prog3 {
	background:#eae9e9;
	border-radius:6px;
	margin-bottom:10px;
	width:32%;
	font-size:13px;
	float:left;}
#prog1 img, #prog2 img, #prog3 img {
	width:100%;
	height:auto;}
#prog1, #prog2 {
	margin-right:2%;}	
.prog_container h3 {
	font-weight:bold;
	text-align:center;}	
.prog_container	p {
	margin:10px;}
.prog_container a, .read_more {
	display:block;
	width:75px;
	padding:5px 10px;
	background:#900;
	border-radius:5px;
	text-decoration:none;
	color:#FFF;}
.prog_container a:hover, .read_more:hover {
	display:block;
	width:75px;
	padding:5px 10px;
	background:#333;
	border-radius:5px;
	text-decoration:none;
	color:#FFF;}		
.sta_container {
	background:#eae9e9;
	width:220px;
	height:225px;
	border:5px solid #f7f7f7;
	margin-right:5px;
	float:left;}
.sta_container p {
	margin:10px;}
.staff_pic {
	background:#f3f3f3;
	width:150px;
	height:150px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;}		
.networks_pic {
	float:left;
	margin:0 10px;}	
.logos {
	width:120px;
	float:left;
	margin:10px;}
.gallery_container {
	width:670px;
	padding:10px;}	
.gallery_row {
	width:100%;
	text-align:center;}		
.gal_pics {
	background:#666;
	width:200px;
	height:100px;
	float:left;
	margin:20px 10px;}	
.reports_row {
	width:100%;
	margin-bottom:20px;}	
.reports_pic {
	width:160px;
	float:left;
	margin-right:10px;}	
.report_txt {
	width:450px;
	float:left;
	vertical-align:middle;}	
.media_cont {
	width:300px;
	height:200px;
	border: 1px solid #900;	
	float:left;
	margin:10px;
	text-align:center;}
.inner_media {
	background:url(images/inner_media_bg.png);
	width:100%;
	height:160px;
	margin-top:-10px;
	visibility:hidden;}	
.media_cont:hover .inner_media {
	visibility:visible;}	
.inner_media {
	transition-property:background;
	transition-duration:0.5s;}	
.press_release {
	background:url(images/pressreleases.jpg) bottom no-repeat;
	text-align:center;}	
.fxi_news {
	background:url(images/news.jpg) center no-repeat;}	
.fxi_events {
	background:url(images/events.jpg) bottom no-repeat;}
.fxi_gallery {
	background:url(images/gallery.jpg) bottom no-repeat;}		
.media_cont > p {
	background:#900;
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
	text-indent:30px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;}
.inner_media p {
	padding:30px;
	color:#fff;}
.form_container {
	width:450px;
	padding:10px;
	background:#999;
	border-radius:10px;}	
.contact_row {
	display:block;
	width:100%;}
.contact_header, contact_txt {
	margin-bottom:10px;}		
.contact_header {
	width:150px;
	float:left;
	margin-right:5px;
	font-weight:bold;}	
.contact_txt {
	width:530px;
	float:left;}
.widget_wysija {
	width:400px;
	background:#999;
	border-radius:5px;
	padding:10px;
	color:#FFF;}	
.newsletter_form,.nl_row {
	width:390px;
	color:#FFF;}	
.widget_wysija input[type="text"],.newsletter_form input[type="email"] {
	width:390px;	
	background:#900;
	padding:5px;
	border:none;
	margin-bottom:10px;
	color:#FFF;}	
.widget_wysija input[type="text"]:focus,.widget_wysija input[type="email"]:focus {
	background:#930;}	
.widget_wysija input[type="submit"] {
	background:#900;
	size:200px;;
	font-weight:bold;
	padding:10px;
	border:none;
	cursor:pointer;
	color:#FFF;}	
.widget_wysija input[type="submit"]:focus {
	background:#930;
	size:200px;
	font-weight:bold;
	padding:10px;
	border:none;
	cursor:pointer;
	color:#FFF;}	
.left_links, .right_content {
	line-height:21px;}	
.left_links {
	width:240px;
	float:left;
	margin-right:10px;}		
.left_links ul li{
	list-style:none;
	}	
.left_links a,.funder_web p a,.right_content a {
	line-height:25px;
	font-weight:bold;
	color:#900;}
.left_links a:hover,.funder_web p a:hover,.right_content a:hover {
	line-height:25px;
	text-decoration:none;
	font-weight:bold;	
	color:#333;}
.funder_web p a,.funder_web p a:hover{
	line-height:50px;}				
.right_content {
	width:670px;
	margin:10px;
	float:left;}
.right_content h3 {
	text-transform:uppercase;
	font-size:20px;}
.funder_web {
	float:left;
	width:100%;
	margin-left:20px;}	
.right_content h3 a {
	text-transform:uppercase;
	font-size:20px;
	text-decoration:none;}
.sta_container a {
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#900;}
.sta_container a:hover {
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#333;}	
.right_content p{
	text-align:justify;}	
.right_content ul {
	margin-left:25px;}	
.right_content img {
	float:left;
	margin-right:10px;}	
.meta {
	background:#900;
	color:#FFF;}	
.meta a {
	color:#FFF;}	
.split_posts {
	height:15px;
	border-top:#900 dashed 1px;
	clear:both;}	
.left_links h3 {
	background:#f3f3f3;
	padding:10px;
	font-size:18px;
	text-transform:uppercase;
	border-bottom:#900 2px solid;}
.inner_media a {
	background:#900;
	border-radius:5px;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px 15px;
	color:#fff;}		
.inner_media a:hover {
	color:#fff;}		
footer {
	width:940px;
	padding:10px;
	margin:0 auto;
	font-size:11px;}	
.copy_txt {
	float:left;}	
.designed_by {
	float:right;
	text-align:right;}
	
/*
Tablet styles
*/
		
@media screen and (min-width: 701px) and (max-width: 960px) {

@-ms-viewport{
  width: device-width;
}
.header_container {
	background:#fff;
	width:100%;
	height:150px;
	margin-top:0;}
#header {
	background:#fff;
	width:100%;
	height:150px;
	margin:0 auto;
	margin-bottom:10px;
	padding-top:20px;}
#header a {
	background:url(images/fxi_logo.jpg) no-repeat center;
	display:block;
	width:241px;
	height:143px;
	margin:0 auto;}		
nav {
	background:#333;
	width:98%;
	height:60px;
	margin:0 auto;
	margin-bottom:12px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;}
nav ul li {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;}	
nav ul li a {
	font-family:'Oswald';
	font-size:15px;
	display:block;
	float:left;
	line-height:60px;
	padding:0 10px;
	text-decoration:none;
	color:#fff;}
nav ul ul {
	background:#333;
	position:absolute;
	visibility:hidden;
	display:block;
	top:60px;}	
nav ul li:hover ul {			
	visibility:visible;
	display:block;}	
nav ul li:hover {
	background:#900;
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;}
nav ul ul li a {
	display:block;	
	line-height:40px;
	width:145px;
	font-size:12px;}	
nav ul ul li a:hover
 {
	display:block;
	line-height:none;
	background:#900;
	font-size:12px;
	width:145px;}	
.main_content {
	background:#fff;
	width:100%;
	padding:10px 0;
	margin:0 auto;
	font-size:13px;}	
.about_container,.prog_container {
	width:100%;	
}	
.left_links {
	width:25%;
	float:left;
	margin-right:10px;}	
.right_content {
	width:70%;
	margin:10px;
	float:left;}
footer {
	width:98%;
	padding:10px;
	margin:0 auto;
	font-size:11px;}		
	
	}
	
	
@media (max-width: 700px) {

@-ms-viewport{
  width: device-width;
}	
.header_container {
	background:#fff;
	width:100%;
	height:150px;
	margin-top:0;}	
#header {
	background:#fff;
	width:100%;
	height:150px;
	margin:0 auto;
	margin-bottom:10px;
	padding-top:20px;}
#header a {
	background:url(images/fxi_logo.jpg) no-repeat center;
	display:block;
	width:241px;
	height:143px;
	margin:0 auto;}	
nav {
	background:#333;
	width:98%;
	height:320px;
	margin:0 auto;
	margin-bottom:12px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;}
nav ul li {
	list-style:none;
	margin:0;
	padding:0;}	
nav ul li a {
	width:100%;
	font-family:'Oswald';
	font-size:15px;
	line-height:40px;
	padding:0 10px;
	text-decoration:none;
	color:#fff;}
nav ul ul {
	background:#333;
	position:absolute;
	visibility:hidden;
	left:100px;}	
nav ul li:hover ul {			
	visibility:visible;}	
nav ul li:hover {
	background:#900;
	text-decoration:none;
	color:#fff;}
nav ul ul li a {
	line-height:none;
	width:145px;
	font-size:12px;}	
nav ul ul li a:hover
 {
	line-height:none;
	background:#900;
	font-size:12px;
	width:145px;}	
.main_content {
	background:#fff;
	width:100%;
	padding:10px 0;
	margin:0 auto;
	font-size:13px;}	
.about_container,.prog_container {
	width:100%;	
}	
.left_links {
	width:100%;
	float:left;
	margin-right:10px;}	
.left_links a {
	margin-left:10px;}	
.right_content {
	width:100%;
	margin:10px;
	float:left;}
footer {
	width:98%;
	padding:10px;
	margin:0 auto;
	font-size:11px;}		
	
	}