html, body{
	margin:0; 
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
background: rgb(91,116,143); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(91,116,143,1) 25%, rgba(46,158,197,1) 70%, rgba(91,116,143,1) 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(25%,rgba(91,116,143,1)), color-stop(70%,rgba(46,158,197,1)), color-stop(88%,rgba(91,116,143,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(91,116,143,1) 25%,rgba(46,158,197,1) 70%,rgba(91,116,143,1) 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(91,116,143,1) 25%,rgba(46,158,197,1) 70%,rgba(91,116,143,1) 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(91,116,143,1) 25%,rgba(46,158,197,1) 70%,rgba(91,116,143,1) 88%); /* IE10+ */
background: linear-gradient(45deg,  rgba(91,116,143,1) 25%,rgba(46,158,197,1) 70%,rgba(91,116,143,1) 88%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b748f', endColorstr='#5b748f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   overflow: auto;
}

#main {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1%;
   height: 90%;
   
}

#logo {
   background-image: url('./img/logo.png');
   float: right;
   width: 237px;
   height: 97px;
}

#topBlock {
   clear: both;
   background: rgb(227,227,227);
   width: 100%;
}

#authorBlock {
   float:right;
   background: rgb(227,227,227);
   margin-top: 1%;
   width:35%;
}


.shadow {
   -webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2); 
}

.innerShadow {

   height:100%;
   -webkit-box-shadow: inset 0px 0px 10px 5px rgba(1, 1, 1, 0.1);
   -moz-box-shadow: inset 0px 0px 10px 5px rgba(1, 1, 1, 0.1);
   box-shadow: inset 0px 0px 10px 5px rgba(1, 1, 1, 0.1); 
}
   
#topBlockText {
   padding: 15px;
   font-size: 90%;
}

#topBlockText a {
   color:#5B748F;
   text-decoration:none;
} 

#topBlockText a:hover {
   color:#5B748F;
   text-decoration:underline;
} 

#archBlock {
   float:left;
   height: 100%;
   background: rgb(227,227,227);
   width: 60%;
   text-align:center;
}

#archBlock img {
   margin-top:50px;
   margin-bottom:50px;
}

#bigDownloadButton {
   background-image: url('./img/download.png');
   width: 286px;
   height: 75px;
}

#bigDownloadButton:hover {
   background-image: url('./img/downloadHover.png');
   cursor: pointer;
}

em {
   border-bottom: 1px dashed black;
}

#authorBlockText a {
   text-decoration: none;
   color: rgb(91,116,143);
   border-bottom: 1px solid rgb(91,116,143);
}

#authorBlockText a:hover {
   color: rgb(91,150,143);
}

#copyBlock {
   background: rgb(227,227,227);
   float:right;
   margin-top:1%;
   font-size:70%;
   width:35%;
   text-align:center;
}

#downloadBtn, #wikiBtn {
   background: #A5C7D6;
   float:right;
   width:35%; 
}

#downloadBtn a , #wikiBtn a {
   text-decoration:none;
   color: black;
}

#downloadBtn:hover, #wikiBtn:hover {
   background: #E9DE1E;
   cursor:pointer;
}

#wikiBtn { 
   margin-top:1%; 
}

.rightColText {
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
   font-size: 90%;
   text-align: center;
   line-height: 1.5;
}

.rightColText a {
   text-decoration: none;
   color:black;
}

.rightColText a:hover {
   text-decoration: underline;
}

.button {
   height:100%;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align:center;
   font-size:90%;
   font-weight:bold;
}

#bottomBlock {
   width:100%;
   margin-top:2%;
}