/* Copyright (c) 2014 Shachar Avni. All rights reserved. */

html 
{
   height: 100%;
}

body
{
   background: -webkit-linear-gradient(#6BC3E0, #4F6CAF); /* Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#6BC3E0, #4F6CAF);  /* For Opera 11.6 to 12.0 */
   background: -moz-linear-gradient(#6BC3E0, #4F6CAF);  /* For Firefox 3.6 to 15 */
   background: linear-gradient(#6BC3E0, #4F6CAF);  /* Standard syntax */

   height: 100%;
   margin: 0;
   background-repeat: no-repeat;
   background-attachment: fixed;

   /* fallback in case linear gradient is not supported */
   background-color: #6BC3E0;
}

.centeredContent
{
   text-align: center;
   padding: 0px;
}

.centeredBlock
{
   margin-left: auto;
   margin-right: auto;
}

div.container
{
   position: relative;
   width: 755px;
   height: auto;
   background: #FFFFFF;
   margin-top: 0px;
   border-color: #00002F;
   border-style: solid;
   border-width: 5px;
   text-align: justify;
}

div.title
{
   color: #000000;
   padding-top: 10px;
   padding-bottom: 0px;
   font-size: 90px;
   font-family: 'Righteous', cursive;
   text-shadow: 2px 3px 7px #0000FF;
   height: 100px;
   text-align: center;
}

div.header
{
   padding-top: 0px;
   width: 800px;
   height: 40px;
   font-size: 32px;
}

span.contact
{
   font-size: 20px;
   font-family: 'Righteous', cursive;
}

span.noshow
{
   display: none;
}

span.nostyle
{
}

a.shadow:link
{
   color: #000000;
   text-decoration: none;
}

a.shadow:visited
{
   color: #000000;
   text-decoration: none;
}

a.shadow:hover
{
   color: #000000;
   text-decoration: none;
   text-shadow: 2px 4px 5px #4F6CAF;
}

div.navbar
{
   position: relative;
   left: 0px;
   width: 755px;
   padding-top: 5px;
   text-align: center;
   font-family: 'Righteous', cursive;
   height: 50px;
   font-size: 28px;
}

div.navoption1
{
   position: absolute;
   left: 15px;
}

div.navoption2
{
   position: absolute;
   left: 160px;
}

div.navoption3
{
   position: absolute;
   left: 315px;
}

div.navoption4
{
   position: absolute;
   left: 465px;
}

div.navoption5
{
   position: absolute;
   left: 600px;
}

div.mainContent
{
   position: relative;
   top: 0px;
   left: 0px;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 10px;
}

div.downloadSectionTitle
{
   font-weight: bold;
   font-size: 17px;
   text-align: center;
   padding-bottom: 8px;
   border-color: #00002F;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   margin-bottom: 10px;
}

.downloads
{
   border-color: #00002F;
   border-style: solid;
   border-width: 2px;
   text-align: center;
}

.downloadSection
{
   font: 16px Verdana, Geneva, 'DejaVu Sans', sans-serif;
   display: inline-block;
   padding: 9px;
}

.project
{
   font: 16px Verdana, Geneva, 'DejaVu Sans', sans-serif;
   height: 206px;
   position: relative;
   margin-bottom: 10px;
   border-color: #00002F;
   border-style: solid;
   border-width: 2px;
   padding: 5px;
}

.leftColumn
{
   display: block;
   position: absolute;
   top: 8px;
}

.projectImage
{
   width: 200px;
   height: 200px;
}

.rightColumn
{
   display: block;
   position: absolute;
   padding-left: 20px;
   right: 0px;
   left: 205px;
   width: 475px;
   height: 200px;
}

span.projectTitle
{
   font-weight: bold;
   font-size: 20px;
}

.projectLinkImage
{
   display: block;
   position: absolute;
   width: 40px;
   height: 40px;
}

.projectsSize
{
   font-size: 20px;
}

.downloadsSize
{
   font-size: 17px;
}

.projectLinkText
{
   display: table-cell;
   padding-left: 50px;
   height: 40px;
   vertical-align: middle;
   font-family: 'Francois One', sans-serif;
}

div.footer
{
   font: 10px Verdana, Geneva, 'DejaVu Sans', sans-serif;
   color: #000000;	
   height: auto;
   width: 760px;
   text-align: left;
   padding-bottom: 6px;
}

div.copyrightText
{
   padding-left: 3px;
}