/*

Theme Name: GNSS Africa Style
Description: GNSS Africa cutsomisation
Author: S. Favre
Template: tranquil-reflections
*/

@import url("../tranquil-reflections/style.css");

/* header
--------------------------------------------------*/

#header       {background-image: url(images/top-banner.png);padding: 0px 0px 0px 0px; height:140px; } 
#header h1 a  {color: #000; font-size: 100%; font-family: Verdana; font-weight: lighter; text-transform: uppercase; letter-spacing: 1px ;}
#header h1 a:hover  { color: #000; text-decoration: none }
#text-banner {height:50px; width:700px; padding:50px 20px 10px 200px;}

#logo-success2{position: absolute; z-index:10; top: 10px; left: 20px; width:110px; height:110px; background-image: url(images/logo-success2.png);}
#gnss-in-africa{position: absolute; z-index:10; top: 70px; left: 150px; width:326px; height:84px; background-image: url(images/gnss-in-africa.png);}
#africa {position: absolute; z-index:10; top: 52px; left: 800px; width:200px; height:150px; background-image: url(images/africa.png);}

#nav       {
	background-image:none;
	background-color: #FAB011;
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-left: 0px;
	width: 960px;
	height: 45px;
	border-bottom: 1px solid white;
}
#nav li      { list-style: none; margin: 12px 0px 0px 15px; float: left; height:25px}
#nav li a       {
	color: #fff;
	font-size: 105%; 
	font-family: "Lucida Sans Unicode", verdana, geneva, sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	padding: 12px 25px 12px 12px; 
}
#nav li a:hover   {
	color: #FFF;
	background-image:none;
	background-color: #E19904;
}

li.current-menu-item a   {
	background-image:none;
	background-color: #1C6DAB;
}
/*li.current_page_item a:hover   {
		background:url(images/menu-arrow-2.png) no-repeat 0% 75%, url(images/menu-arrow.png) no-repeat 0p% 25%; 
}*/
	

.social   { padding-top: 7px; float: right }
#tagline   { color: #b9bec3; font-size: 110%; font-style: italic; padding-left:710px; padding-top:50px; }
#slideshow   { background-image: none; background-repeat: no-repeat; display: block; z-index: 99; width: 960px; height: 273px }
#menu-top {position: absolute; z-index:11; top: 2px; left: 695px;}
#menu-top a {color:#000}
#menu-top a:hover {color: #1C6DAB; text-decoration: none}

#floatclear {clear:both;}


/* main
--------------------------------------------------*/

body     { color: #000; font-size: 82%; background-color:#AAA; background-image: none; font-family: Verdana;margin: 0 }
#content   { font-family: "Lucida Sans Unicode", verdana, geneva, sans-serif;margin-top: 60px; padding-left: 60px; width: 850px; overflow: hidden; min-height: 500px; border-radius: 25px; }
#content-home  { margin-top: 30px; padding-left: 60px; width: 570px; overflow: hidden; min-height: 400px; border-radius: 0px 0px 0px 0px; }
h1    { color: #595959; font-size: 210%; font-family: Verdana; font-weight: lighter; letter-spacing: 1px; margin-bottom: 30px }
h2 , #content h2, #content h3   { color: #595959; font-size: 210%; font-family: Verdana; font-weight: lighter; letter-spacing: 1px; margin-bottom: 15px }
h2  a  { color: #595959; }
h2  a:hover   { color: #1e2930; text-decoration: none }
h3   { font-weight: lighter; margin-bottom: 15px }
h4   {
	border-radius: 5px 5px 0px 0px;
	color: #FFF;
	/*background-color: #FAB011;*/
	background-color: #595959;
	font-size: 110%;
	font-family: Verdana;
	font-weight: lighter;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 2px 20px;
}

a    { color: #1C6DAB; text-decoration: none }
a:hover  { color: #1C6DAB; text-decoration: none; text-decoration: underline }
a:visited      { color: #1C6DAB }

.table-partners  {
	max-width: none !important;
	
}

.table-partners  td{
	padding: 10px !important;
	vertical-align:top;
}

.table-partners  td  img{
	padding-top: 10px;
}

#content table {
	max-width: none;
}
	
.table_events {
	width:850px;
}
	
.table_events td{
	padding: 10px 0px 20px 5px;
	vertical-align: top;
	
}	
.table_events td:nth-child(1)
{
    width:180px;
}	
.table_events td:nth-child(2)
{
    width:70px;
}
.table_events td:nth-child(3)
{
    width:70px;
}
.table_events td:nth-child(4)
{
    width:110px;
}
.table_events td:nth-child(5)
{
    width:110px;
}
	
.table_events tr:nth-child(2n+1)
{
    background-color: #F0F0F0;
}
.table_events tr:nth-child(2n)
{
    background-color: #fff;
}
.table_events tr:nth-child(1)
{
    background-color: #1C6DAB;
	color: #fff;
}

/* layout recent posts
--------------------------------------------------*/
#recent-post		{float:right;width: 320px;}
#newsletter	{background-image: url(images/letter.png);width:25px; height:17px;position: absolute; z-index:11; top: 498px; left: 875px; }



/* Banner slider 
--------------------------------------------------*/

.slideshow_container .slideshow_description_box div {
	font-size:10px;
}


/* news
--------------------------------------------------*/
#news-paragraph {
	text-align: justify;
}

#news-image {
	float: left;
	padding: 10px 5px 10px 0;
	width: 250px;
	display: table;
	/*height: 200px;*/
	text-align : center;
	font-size:12px;
	font-style:italic;
	margin: 0px 15px;
	padding: 0px 0px;

	
}

#news-image  img{
	margin: 0px;
	padding-top:0;
	padding-bottom:0;

}

#clear-content {
	clear: both;
}

.news-date{
	color: #CD722E;
	font-size: 90%;
	float: left;
	vertical-align:top;
	padding-top: 0px;
	padding-bottom: 10px;
	height:15px;
}

#news-content{
	float: right;
}

/* sidebar
--------------------------------------------------*/
#sidebar          {
	border-radius: 0px;
	background-color:#fffff;
	font-size: 90%;
	line-height: 150%;
	margin: 15px 15px 20px 15px;
	padding-right: 10px;
	padding-left: 10px;
	width: 270px;
	float: right;
	border:0;
	border:0;
	/*border-right: 1px solid #cfd4d9;*/
} 
#sidebar h2     {
	/*color: #595959;*/
	color: #FFF;
	background-color: #1C6DAB;
	font-size: 135%;
	font-family: Verdana;
	font-weight: lighter;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 30px;
	padding: 5px 5px;
	

background: -moz-linear-gradient(45deg, rgba(28,109,171,1) 90%, rgba(28,109,171,0) 91%, rgba(28,109,171,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(90%,rgba(28,109,171,1)), color-stop(91%,rgba(28,109,171,0)), color-stop(100%,rgba(28,109,171,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(28,109,171,1) 90%,rgba(28,109,171,0) 91%,rgba(28,109,171,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(28,109,171,1) 90%,rgba(28,109,171,0) 91%,rgba(28,109,171,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(28,109,171,1) 90%,rgba(28,109,171,0) 91%,rgba(28,109,171,0) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(28,109,171,1) 90%,rgba(28,109,171,0) 91%,rgba(28,109,171,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6dab', endColorstr='#001c6dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

#sidebar li    { font-family: "Comic sans MS";font-size: 110%;  border-left: 1px solid #FAB011; margin-left: 0px; padding-bottom:20px; padding-left:15px;}
#sidebar li a:hover   { text-decoration: none; color: #595959 }


/* Links Sidebar DIV
----------------------------------------------- */


#links-sidebar {
	float: right;
	width: 550px;
	height: 80px;
	margin-top: 0px;
	margin-right:170px;
	background-image: url("images/contact.png");
	background-repeat:no-repeat;
	background-color: #F5F5F5;
	background-position:right;
	border-radius: 5px;

}

#text-links {
	vertical-align:middle;
	font-size:13px;
	width: 400px;
	line-height: 150%;
	padding-left: 25px;
	padding-top: 20px;
}


/* Newsletter form
--------------------------------------------------*/
.wysija-input{
	width: 350px;
}



/* footer
--------------------------------------------------*/

#footer    {
	background-image:none;
	background-color:#1C6DAB;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 60px 10px 60px;
	width: 840px; 
	height:15px; 
	clear: both 
}

#footer p  { color: #fff; text-align:center; font-size: 13px; }