/*
Theme Name:Voice of the Nile
Theme URI:
Description:The Voice of the nile wordpress theme by <a href="http://www.gnative.com/">Shane Saunders</a>.
Version:1.0
Author:Shane Saunders
Author URI:http://www.gnative.com/
Tags:coda, jquery, slider, dark, fixed
*/
body{
	font-family: Helvetica, Arial, sans-serif;
	background-color:#FFF;
}

h2 {
	width:100%;
	font-size:1.2em;
	border-bottom:1px solid #373737;
}
h2 small{
	font-size:0.7em;
	font-weight:normal;
	color:#888888;
}
h3 {
	width:100%;
	font-size:1.1em;
	margin-bottom:15px;
	padding-top:15px;
	border-bottom:1px solid #e1e1e1;
	clear:both;
}
h3 a {
	text-decoration:none;
}
p {
	color:#585A59;
	font-size:0.9em;
}
a {
	color:#000000;
	font-size:1em;
}
small {
	font-size:0.9em;
}

ul li {
	color:#585A59;
	font-size:0.9em;
}
#content img {
	border:1px solid #999999;
	padding:5px;
	margin:5px;
	
}

table {
	width:100%;
	border:1px solid #DFDFDF;
	padding:5px;
	margin:5px;
}
table thead {
	background-color:#DFDFDF;
	text-align:left;

}
table thead tr th {
	padding:3px;
	color:#585A59;
}
table tbody tr {
	margin-bottom:15px;
	text-align:left;
	border-bottom:1px solid #DFDFDF;
	
	
}
table tbody tr td {
	padding:3px;
	color:#585A59;
	border-left:1px solid #DFDFDF;
	
}

/*----------------------------------------------------------------------------------------------------------------------------------------
	Image Alignments
----------------------------------------------------------------------------------------------------------------------------------------*/
img.alignleft {
	float:left;
	margin:10px;
}
img.aligncenter {
	float:none;
	display: block;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	
}
img.alignright {
	float:right;
	margin:10px;
	
}
/*----------------------------------------------------------------------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------------------------------------------------------------------*/
#header{
	background-color:#373737;
}
	#header h1,
	#header h2{
		display:none;
	}
	#header #header_logo {
		width:442px;
		height:92px;
		background:#373737 url(images/von_logo.jpg) center top no-repeat;
	}
	#header #sponsor_button {
		float:right;
			width:220;
			height:28px;
	}
	#header #sponsor_button a {
		width:210px;
		height:18px;
		display:block;
		color:#373737;
		line-height:18px;
		text-align:right;
		text-decoration:none;
		padding:5px;
		background:#373737 url(images/von_sponsor_button.png) top left no-repeat;
	}
/*----------------------------------------------------------------------------------------------------------------------------------------
	Navigation
----------------------------------------------------------------------------------------------------------------------------------------*/	
/*#navigation {
	color:#FFF;
	background-color:#FFF;
	margin-top:1px;
	margin-bottom:15px;
	font-size:1em;
}
	#navigation ul li{
		font-size:1em;
	}
	#navigation .menu ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	#navigation .menu ul .page_item {
		display:inline;
		float:left;
		padding:0;
		margin:0 1px 0 0;
	}
	#navigation .menu ul .page_item a,
	#navigation .menu .page_item .page_item a {
		display:block;
		height:28px;
		width:126px;
		font-size:0.8em;
		text-decoration:none;
		color:#FFF;
		padding:5px;
		background-color:#373737;
	}
	#navigation  .menu ul .current_page a,
	#navigation  .menu ul .current_page_parent a,
	#navigation  .menu ul .page_item a:hover {
		color:#DCA839;
		background-color:#2B2B2B;
	}
		#navigation .menu ul li ul {
			display:none;
			position:absolute;
			z-index:10;
			width:159px;
		}
		#navigation .menu ul > li:hover > ul {
			display:block;
			height:0;
		}*/

/*----------------------------------------------------------------------------------------------------------------------------------------
	Sidebar
----------------------------------------------------------------------------------------------------------------------------------------*/
#side_bar {
/*	width:160px;
	float:left;*/
}
#side_bar h2 {
	font-size:1.1em;
	color:#666666;
	border-bottom:1px solid #666666;
	
}
	#side_bar_inner {
		margin-top:15px;
	}
		#side_bar_inner #praxis_logo {
			margin:10px 10px 10px 0px;
		}
/*----------------------------------------------------------------------------------------------------------------------------------------
	Subnav
----------------------------------------------------------------------------------------------------------------------------------------*/
#subnav {
}
	#subnav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#subnav ul li {
		margin:0;
		padding:0;
	}
	#subnav .page_item a {
		display:block;
		text-decoration:none;
		font-size:0.9em;
		border-top:1px solid #fff;
		padding:5px 5px 5px 10px;
		margin:0;
	}
	#subnav ul li.page_item a,
	#subnav ul li.page_item ul li.page_item a,
	#subnav ul li.page_item ul li.page_item ul li.page_item a {
		color:#FFF;
		background-color:#373737;
	}
	#subnav ul li.page_item ul li.page_item a {
		padding-left:17px;
	}
	#subnav ul li.page_item ul li.page_item ul li.page_item a {
		padding-left:32px;
	}
	#subnav ul li.page_item a:hover,
	#subnav ul li.current_page_item a,
	#subnav ul li.page_item ul li.current_page_item a,
	#subnav ul li.page_item ul li.page_item ul li.current_page_item a {
		color:#DCA839;
		background-color:#2B2B2B;
	}
	
	#subnav ul li.page_item ul li.page_item a {
		background-color:#505050;
	}
	#subnav ul li.page_item ul li.page_item ul li.page_item a {
		background-color:#6d6d6d;
	}

p.post_date {
	font-size:0.7em;
	margin:0;
	color:#b7b7b7;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
	Scroller Base CSS (Minimal)
----------------------------------------------------------------------------------------------------------------------------------------*/
div.scroller {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	}
div.scrollable {
	background-color:#FFF;
	height:390px;
	overflow:hidden;
	position:relative;
}
div.scrollable a {
	text-decoration:none;
}
div.scrollable ul li {
	font-size:1.1em;
}
div.scrollable p {
	color:#FFFFFF;
}
	div.scrollable ul.items {
		clear:both;
		position:absolute;
		width:20000em;
		list-style:none;
		margin:0;
		padding:0;		
	}
	div.scrollable ul.items li {
		-moz-border-radius-bottomleft:11px;
		-moz-border-radius-bottomright:11px;
		-moz-border-radius-topleft:11px;
		-moz-border-radius-topright:11px;
		-webkit-border-radius: 11px;
		border-radius:11px;
		float:left;
		text-align:left;
		width:960px;
		height:390px;
		margin:0;
		padding:0;
	
	}
	div.scrollable ul.items li.active {

	}
	
	div.scrollable ul.items li div.panel {
		background-color:#373737;
		width:960px;
		height:390px;
	}
	
	div.scrollable ul.items li div.panel_content {
		width:330px;
		padding:10px;
		color:#FFF;		
	}
		div.scrollable ul.items li div.panel_content h2 {
			border:none;
			font-size:2.6em;
			line-height:1em;
		}
		div.scrollable ul.items li div.panel_content strong {
			color:#D79A32;
		}
		div.scrollable ul.items li div.panel_content p {
			font-size:0.9em;
			line-height:1.2em;
		}
	div.scrollable ul.items li div.panel_content.right {
		text-align:right;
		float:right;
		
	}

/*----------------------------------------------------------------------------------------------------------------------------------------
	Scroller Von Styling (Minimal)
----------------------------------------------------------------------------------------------------------------------------------------*/
	div.scrollable {
		clear:none;
	}
	a.prev, a.next, a.prevPage, a.nextPage {
		background:transparent url(images/von_left_new.png) no-repeat scroll 0 0;
		cursor:pointer;
		height:22px;
		width:22px;
	}
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
		background-position:0 -22px;
	}
	a.disabled {
		visibility:hidden !important;
	}
	a.prev, a.prevPage {
		position:relative;
		float:left;
		bottom:60px;
		left:20px;
	}
	a.next, a.nextPage {
		background-image:url(images/von_right_new.png);
		position:relative;
		float:right;
		bottom:60px;
		right:20px;
	}
	div.navi {
		position:relative;
		float:right;
		bottom:20px;
		right:10px;
		height:20px;
	}
	div.navi a {
		background:transparent url(images/von_navigator.png) no-repeat scroll 0 0;
		cursor:pointer;
		float:left;
		height:8px;
		margin:3px;
		width:8px;
	}
	div.navi a:hover {
		background-position:0 -8px;
	}
	div.navi a.active {
		background-position:0 -16px;
	}
	
	
/*----------------------------------------------------------------------------------------------------------------------------------------
	Badges
----------------------------------------------------------------------------------------------------------------------------------------*/	
#badges {
	margin-bottom:30px;
}
	#badges .home_badge {
		height:120px;
		background:#FFF url(images/von_badge.jpg) top left no-repeat;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------
	Single
----------------------------------------------------------------------------------------------------------------------------------------*/
div.alignleft{
	float:left;
}
div.alignright{
	float:right;
}

div.navigation {
	color:#666666;
	margin-bottom:50px;
}
div.navigation a {
	font-size:0.9em;
	color:#666666;
}
div.entry {
	margin-bottom:80px;
}
div.entry div {
	color:#585A59;
	font-size:0.9em;
}
/*----------------------------------------------------------------------------------------------------------------------------------------
	Sponsors
----------------------------------------------------------------------------------------------------------------------------------------*/
#sponsors {
	list-style:none;
	margin:0;
	padding:0;
}
#sponsors li {
	margin:0;
	padding:0;
}

#sponsors li a.praxis_uk { display:block; background-image:url('images/sponsors_logos/praxis_uk_grey.jpg'); width:168px; height:58px;}
#sponsors li a.praxis { display:block; background-image:url('images/sponsors_logos/praxis_grey.jpg'); width:168px; height:56px;}
#sponsors li a.rgs { display:block; background-image:url('images/sponsors_logos/rgs_grey.jpg'); width:168px; height:92px;}
#sponsors li a.difd { display:block; background-image:url('images/sponsors_logos/dfid_grey.jpg'); width:168px; height:48px;}
#sponsors li a.nbd { display:block; background-image:url('images/sponsors_logos/nbd_grey.jpg'); width:168px; height:129px;}
#sponsors li a.nbi { display:block; background-image:url('images/sponsors_logos/nbi_grey.jpg'); width:168px; height:116px;}
#sponsors li a.scouts { display:block; background-image:url('images/sponsors_logos/scouts_grey.jpg'); width:168px; height:74px;}

#sponsors li a:hover.praxis_uk { background-image:url('images/sponsors_logos/praxis_uk.jpg');}
#sponsors li a:hover.praxis { background-image:url('images/sponsors_logos/praxis.jpg');}
#sponsors li a:hover.rgs { background-image:url('images/sponsors_logos/rgs.jpg');}
#sponsors li a:hover.difd { background-image:url('images/sponsors_logos/dfid.jpg');}
#sponsors li a:hover.nbd { background-image:url('images/sponsors_logos/nbd.jpg');}
#sponsors li a:hover.nbi { background-image:url('images/sponsors_logos/nbi.jpg');}
#sponsors li a:hover.scouts { background-image:url('images/sponsors_logos/scouts.jpg');}

/*----------------------------------------------------------------------------------------------------------------------------------------
	Subscribe
----------------------------------------------------------------------------------------------------------------------------------------*/
.subscribe {
	padding:15px;
	background-color:#f8f8f8;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
	Comments
----------------------------------------------------------------------------------------------------------------------------------------*/
ul.commentlist {
	list-style:none;
}
ul.commentlist li {
	margin:5px;
	padding:5px;
	background-color:#f8f8f8;
}
ul.commentlist li span.author{
}
ul.commentlist li span.time{
	font-size:0.9em;
}
/*----------------------------------------------------------------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	font-size:0.8em;
	height:20px;
	background-color:#FFF;
	margin-top:100px;
	padding-top:8px;
	padding-bottom:8px;
	
	border-top:1px solid #e1e1e1; 
}
	#footer p{
		width:900px;
		overflow:hidden;
		margin:0 auto;
		color:#999999;
	}
		#footer span{
			display:block;
			height:20px;
			line-height:20px;
		}
		#footer .left{
			float:left;
		}
		#footer .right{
			float:right;
		}
		#footer a{
			color:#777777;
		}
			#footer a:hover{
				text-decoration:underline;
			}

