/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 27, 2016, 1:13:32 PM
    Author     : Alabi Olowo

*/
li{
 
border-radius: 8px 8px 1px 1px;

}
/**/
body {
font: .8em/1.8em verdana, arial, sans-serif;


background-color: rgba(190,215,190,0.3);//bisque;

margin-left: 50px;
margin-right: 100px;
}

#content h1,#content hr {
font-size: 1.2em;
color: #711515;
background-color: transparent;
}
ul#tabnav {
position: absolute;
width: 76%;
top:35%;
left:13%;
list-style-type: none;
margin: 0;
padding: 10px 5px 0px 2px;
//padding-bottom: 24px;
border-bottom: 2px solid #711515;
font: bold 11px verdana, arial, sans-serif;
background-color: azure;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #B51032;
color: #FFFFFF;
margin: 2px 2px 0 1px;
border: 1px solid #711515;
border-radius: 8px 8px 1px 1px;
}
ul#tabnav a:link, ul#tabnav a:visited {
display: block;
color: #FFFFFF;
background-color: transparent;
text-decoration: none;
padding: 4px;
}
ul#tabnav a:hover {
background-color: #F4869C;
color: #FFFFFF;
border-radius: 8px 8px 1px 1px;
}
body#forum li.forum, body#productivity li.productivity,
body#road li.road,body#honour li.honour,
body#book li.book,body#me li.me,body#social-works li.social-works,
body#mission li.mission, body#journal li.journal,
body#articles li.articles, body#affiliation li.affiliation {
border-bottom: 1px solid #fff;
color: #000000;
background-color: #FFFFFF;
}

body#honour li.honour a:link, body#honour li.honour a:visited,
body#me li.me a:link, body#me li.me a:visited,
body#road li.road a:link, body#road li.road a:visited,
body#productivity li.productivity a:link, body#productivity li.productivity a:visited,
body#forum li.forum a:link, body#forum li.forum a:visited,
body#book li.book a:link, body#book li.book a:visited,
body#social-works li.social-works a:link, body#social-works li.social-works a:visited,
body#mission li.mission a:link, body#mission li.mission a:visited,
body#journal li.journal a:link, body#journal li.journal a:visited,
body#articles li.articles a:link,body#articles li.articles a:visited,
body#affiliation li.affiliation a:link,body#affiliation li.affiliation a:visited {
color: #000000;
background-color: #FFFFFF;
border-radius: 8px 8px 1px 1px;
}
#content {
position: absolute;
top:40%;
left:13%;
border: 1px solid #711515;
border-left: 1px solid #711515;
border-right: 1px solid #711515;
border-bottom: 1px solid #711515;
padding: 1px 5px 6px 5px;
margin-top: 2px;
border-top: none;
background-color: #ffffff;
width: 76%;
height: 140%;
 //font: 1.0em verdana, arial, sans-serif;
overflow: scroll;
}
#comment{
    position: absolute;
    left:79%;
    width: 20%;
    height: 120%;
    //top:20%;
    background-color: aliceblue;
    border-radius: 8px 8px 8px 8px  ;
   display: none;
    
}
#comment textarea{
    
    width: 98%;
    height: 40%;
}
#comment #comment_about_topic label,#comment #post_topic label,#comment legend{
    color:  green;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
}
#comment #new-member{
    
    position: relative;
    width: 98%;
    //height: 40%;
    left: 2%;
    margin:  0 0 0 0;
    //background-color: activeborder;
}
#comment #member-login{
    clear: both;
    position: relative;
    width: 98%;
    //height: 40%;
    left: 2%;
    //background-color: activeborder;
}
#comment #post_topic{
    //clear: both;
    position: relative;
    width: 98%;
    //height: 40%;
    left: 2%;
    //background-color: activeborder;
}
#comment #comment_about_topic{
    clear: both;
    position: relative;
    width: 98%;
   // height: 40%;
    left: 2%;
    //background-color: activeborder;
}
#new-member table,#member-login table{
    width: 98%;
    margin:  0 0 0 0;
    //border-style: solid;
    
}
#new-member input.txt,#member-login input.txt{
    width: 98%;
    margin:  0 0 0 0;
   // border-style: solid;
    
}
#new-member td,#member-login td{
   // width: 90%;
    margin:  0 0 0 0;
   // border-style: solid;
   text-transform: uppercase;
   color: activecaption;
    
}
#forum-comment{
    position: relative;
    top: 6%;
    width: 96%;
    height: 90%;
    float: left;
    background-color: black;
    
    left: 3%;
}
#member-comment span{
    text-align: center;
    position: absolute;
    width: 98%;
    top: 3%;
    left:1%;
    border-radius: 30px 30px 10px 10px ;
    background-color: greenyellow;
    color: white;
    border-bottom-color:  activeborder;
    border-bottom-style: solid;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
}
#member-comment{
    position: relative;
    top: 6%;
    width: 98%;
    background-color: antiquewhite;
    border-radius: 30px 30px 10px 10px ;
    background-color: azure;
    border-style: solid;
    border-color: activeborder;
}
#forum-topic{
    border-bottom-color: activeborder;
    border-bottom-style: solid;
}
#member-comment #forum-topic label{
    color:  blue;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
}
#member-comment label{
    color:  green;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
}
footer{
    position:absolute;
    background-color: green;
    border-radius: 8px 8px 8px 8px;
    border-color: white;;
    border-style:  solid;
    border-width:  5px;
    width: 100%;
    top:182%;
    height: 20%;
    left: 0%;
    opacity: 0.2;
    filter:alpha(opacity=40);
}
header{
    position:absolute;
   
   background-repeat: no-repeat;
    background-color:navy;
   // border-radius: 8px 8px 8px 8px;
    width:76%;
    top:0%;
    left:13%;
    height: 33%;
   

    
}
header img{
    position:relative;
    border-color: white;
    border-style: solid;
    width:25%;
    top:1%;
    left:1%;
    height: 98%;
    border-radius: 50px;
   
}
header #about-picture{

    position:absolute;
    color: white;
    
    left:26%;
    width:26%;
    top:12%;
    right:0%;
    height: 60%;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
    //text-align: center;
    padding-top: 24px;
    padding-left: 24px;
    //opacity: 0.4;
    //filter:alpha(opacity=40);
}

td div{
    background-color: white;
    color:green;
    font-size: 0.9em;
    
}
#who_is_around{
    position: fixed;
    
    width: 15%;
    top:85%;
    left: 83%;
    height: 6%;
    background-color: appworkspace;
    color: darkgreen;
    border-radius: 12px  12px 12px 12px;
    border-color: #F4869C;
    border-style: solid;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
    text-align: center;
    padding-right: 2px;
   
    
}
#today_is{
    position: absolute; 
    width: 46%;
    top:84%;
    left: 53%;
    height: 14%;
    background-color: transparent;
    color: white;
    border-radius: 12px  12px 12px 12px;
    border-color: white;
    border-style: solid;
    font: 1.4em verdana, arial, sans-serif;
    font-weight:bold ;
    text-align: center;
    padding-right: 2px;
    
        

}
#profile_owner{
    position: absolute; 
    //width: 46%;
    top:1%;
    left: 53%;
    height: 14%;
   // background-color: transparent;
    color: white;
   //border-radius: 12px  12px 12px 12px;
   // border-color: white;
   // border-style: solid;
    //font: 2.4em verdana, arial, sans-serif;
    font: 2.8em algerian,verdana, arial, sans-serif;
    font-weight:bold ;
    text-align: center;
    //padding-right: 2px;
    
}
#logout{
    position: fixed;
    width: 12%;
    top:92%;
    left: 85%;
    height: 6%;
    background-color: red;
    color: #ffffff ;
    border-radius: 12px  12px 12px 12px;
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
    text-align: center;
    padding-right: 2px;
}
#content  span{
    font: 1.2em verdana, arial, sans-serif;
    font-weight:bold ;
    //background-color: aliceblue;
}
.pict_info {
    color: #ffffff ;
   // margin-left: 5px;
    
    //text-decoration: none; 
    display:none ;
    
}