a:link, a:visited
{
   color:                              rgb(33,64,154);
}
a:hover
{ 
   color:                              #990000;
}
a:active
{
   color:                              #FFFFFF;
   background-color:                   rgb(33,64,154);
}
body
{
   font-size:                          small;
   font-family:                        Helvetica,Arial;;
   width:                              98%;
   color:                              #555555;
   background:                         rgb(211,221,253) center no-repeat fixed;
}
h1.title
{  
   font-size:                          x-large;
   color:                              rgb(211,221,253);
   background:                         rgb(33,64,154);
   font-weight:                        bold;
   padding:                            5px 0px 0px 15px;
   border-top-left-radius:             25px;
   border-top-right-radius:            25px;
   margin-bottom:                      0px;
   margin:                             0px;
}
h2
{
   color:                              rgb(33,64,154);
}
h3
{
   color:                              #555555;
}
table
{
   width:                              100%;
   border-style:                       solid;
   border-color:                       rgb(33,64,154);
   border-width:                       2px;
   border-radius:                      15px 15px 15px 15px;
   background:                         rgb(211,221,253);
   padding:                            3px;
}
th,dt
{
   color:                              #FFFFFF;
   background:                         rgb(33,64,154);
   font-weight:                        bold;
   padding-left:                       15px;
   border-radius:                      0px 0px 0px 0px;
}
dt
{
   background:                         rgb(33,64,154);
   color:                              #FFFFFF;
}
dd
{
   padding:                            15px;
}
img
{
   vertical-align:                     middle;
}
label
{
   font-weight:                        bold;
}
var
{
   font-weight:                        bold;
   color:                              black;
   text-transform:                     uppercase;
}
samp
{
}
pre.file
{
   background-color:                   lightgrey;
   padding:                            10px;
   border:                             darkgrey solid 2px;
   border-radius:                      10px;
   font-size:                          8pt;
   font-family:                        monospace,mono;
   width:                              80ch;
}
body.home_s #navbar #home_s, body.home_s #navbar #home_s a,
body.foss_s #navbar #foss_s, body.foss_s #navbar #foss_s a,
body.solutions_s #navbar #solutions_s, body.solutions_s #navbar #solutions_s a,
body.linux_s #navbar #linux_s, body.linux_s #navbar #linux_s a,
body.skills_s #navbar #skills_s, body.skills_s #navbar #skills_s a,
body.projects_s #navbar #projects_s, body.projects_s #navbar #projects_s a
{
   font-weight:                        bold;
   text-decoration:                    none;

   border-color:                       #CCFFCC;
   border:                             solid;
   border-radius:                      10px;
   border-width:                       2px;

   padding:                            4px;
   padding-top:                        2px;
   padding-bottom:                     2px;

   margin:                             0px;
}
#navbar
{
   padding:                            5px 5px 5px 5px;
   border:                             solid;
   border-color:                       rgb(33,64,154);
   border-width:                       2px;
   color:                              rgb(211,221,253);
   font-size:                          small;
   font-weight:                        bold;
   text-align:                         center;
   border-bottom-left-radius:          25px;
   border-bottom-right-radius:         25px;
   background-color:                   rgb(33,64,154);
   margin:                             0px;
}
#navbar a:link, #navbar a:visited
{
   color:                              rgb(211,221,253);
   margin:                             2px;
}
#navbar a:hover
{
   font-weight:                        bold;
   color:                              rgb(33,64,154);
   background:                         rgb(211,221,253);
   
   text-decoration:                    none;

   border-color:                       rgb(33,64,154);
   border:                             none;
   border-radius:                      10px;
   border-width:                       3px;

   padding:                            2px;
   padding-top:                        2px;
   padding-bottom:                     2px;

   margin:                             0px;
}
.blue
{
   color:                              rgb(33,64,154);
}
.red
{
   color:                              #990000;
}
.green
{
   color:                              #009900;
}
.grey
{
   color:                              #555555;
}
.odd
{
   background:                         #DDDDDD;
}
.even
{
   background:                         #FFFFFF;
}
.headertitle
{
   color:                              #555555;
}
.navlink
{
   font-size:                          large;
}
.solution
{
   border:                             solid rgb(33,64,154) 1px;
   border-radius:                      15px;
   margin:                             0px;
   margin-bottom:                      2em;
   padding:                            10px;
}
.warning
{
   border:                             solid #990000 2px;
   border-radius:                      15px;
   margin:                             0px;
   margin-bottom:                      2em;
   padding:                            10px;
}
.description
{
   margin-top:                         1em;
   margin-left:                        4em;
}
.sw
{
	display: 									inline-block;										
	margin:                             20px;
   margin-left:                        30px;
   text-align:                         center;
}
a.sw
{
		text-decoration: 									none;
}
.hidden, a.hidden
{
   color:                             transparent;
   background:                         inherit;
   font-size:                          xx-small;
}
.shadow
{
   box-shadow:                         4px 4px 12px 0px rgb(33,64,154);
   border-radius:                      25px;
   margin:                             20px;
}
.clearinfo
{
   font-family:                        monospace;
   font-size:                          large;
}
.box
{
   display:                            inline-block;
   border:                             1px black solid;
   border-radius:                      25px;
   padding:                            0px;
   margin:                             0px;
}
div.box+span.sw, div.box+a.sw+img, div.box+a.sw
{
   padding:                            0px;
   margin:                             0px;
}
#wow, #wow a:hover, #wow a:link, #wow a:visited, .wow
{
   font-size:                          large;
   color:                             rgb(33,64,154);
}
.footnote
{
   font-size:                          90%;
}
#header
{
/*                                     top   right    bottom   left  */
   padding:                            1px   10px     2px      10px;
   border-top-left-radius:             25px;
   border-top-right-radius:            25px;
   color:                              rgb(33,64,154);
   background:                         #FFFFFF;
   border:                             solid;
   border-color:                       rgb(33,64,154);
   border-width:                       3px;
   text-align:                         center;
}
#tagline
{
   font-size:                          12px;
   border:                             none;
   color:                              rgb(33,64,154);
}
#content
{
   border:                             3px solid rgb(33,64,154);
   border-bottom-left-radius:          25px;
   border-bottom-right-radius:         25px;
   padding:                            10px;
   padding-top:                        0px;
   margin:                             0px;
   background:                         #FFFFFF;
}
#footer
{
   font-size:                          small;
   color:                              #AAAAAA;
}
#contactcard
{  
   padding:                            20px;
   min-width:                          200px;
   max-width:                          300px;
   border:                             solid 1px rgb(33,64,154);
   border-radius:                      30px;
}
.center
{
   display:                            block;
   margin-left:                        auto ;
   margin-right:                       auto ;
}
a:hover + div {
    display: block;
}