/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea {color:#000;}
body {font-size:14px;line-height:1;font-family:Arial, sans-serif;background-color:#f8f8f8;}
/*body {font-size:14px;line-height:1;categories-blockbackground-color:#f8f8f8;font-family:Arial;}*/

::-moz-selection {background: #b3d4fc;text-shadow: none;}

::selection {background: #b3d4fc;text-shadow: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
a {color:#22579e;text-decoration:none;}
a:hover {text-decoration:underline;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.b-fl {float:left;}
.b-fr {float:right;}
.b-cl {clear:both;}
.b-cl-block {clear:both;line-height:0;margin:0;padding:0;display:block;}
.b-on {display:block!important;}
.b-off {display:none!important;}
.b-bold {font-weight:bold;}
.h5px {font-size:0;line-height:0;height:5px;margin:0;padding:0;}


.page-wrap {background:#fff;width:1010px;zoom:1;position:relative;margin:0 auto;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);}
.page-wrap .header {padding:30px 0 0 0;text-align:center;}
.page-wrap .header .title {font:bold 85px/0.7 Arial;text-transform:uppercase;margin:40px 0 50px 0;}
.page-wrap .description {margin:0 33px 50px 33px;border-top:7px solid #000;border-bottom:7px solid #000;font:18px/27px Arial;text-align:center;padding:16px 20px;}
.page-wrap table {margin:auto;width:943px;}
.page-wrap table td {vertical-align:top;}
.page-wrap table .photo {width:80px;}
.page-wrap table .photo img {width:80px;}

.page-wrap table .name {padding:0 22px 0 22px;color:#001010;}
.page-wrap table .name h3 {font:bold 18px/19px Arial;margin:0;padding:0;}
.page-wrap table .name .rip-date {font:14px/1 Arial;color:#666666;padding:5px 0;}
.page-wrap table .name i {display:block;font:italic 14px/19px Arial;}

.page-wrap table .info {width:575px;font:14px/19px Arial;color:#666666;}
.page-wrap table .separator {height:40px;}

.page-wrap .footer {margin:115px 33px 0px 33px;border-top:7px solid #000;}
.page-wrap .footer .memory {font:bold 55px/0.7 Arial;color:#001010;text-align:center;text-transform:uppercase;padding:95px 0 125px 0;}
.page-wrap .footer .copyright {font:16px/1 Arial;color:#001010;;text-align:center;padding-bottom:20px;}
.page-wrap .footer .form {font:16px/1 Arial;color:#001010;;text-align:center;padding-bottom:50px;}
.page-wrap .footer .form a {color:#000;text-decoration:underline;}



@media screen and (max-width: 767px) {
   html {overflow-x: hidden;}
   body {overflow: hidden;}
   .page-wrap { width: 100%; }
   .page-wrap table { width:calc(100% - 30px);margin: 0 15px;}
   .page-wrap table .info {width:50%;font:12px/16px Arial;}

   .page-wrap .header .arms img {width: 43px;height: auto;}
   .page-wrap .header .title {font:bold 38px/1 Arial;margin:20px 0 25px 0; padding: 0 10px;}
   .page-wrap .description{margin: 0 15px 30px 15px;font:16px/22px Arial;}
   .page-wrap table .photo img{width: 60px;}
   .page-wrap table .name{padding: 0 12px 0 12px;}
   .page-wrap table .name > *{width: 100px;}
   .page-wrap table .name h3{font:bold 13px/17px Arial;}
   .page-wrap table .name .rip-date{font: 12px/1 Arial;}
   .page-wrap table .name i{font:italic 11px/16px Arial;}
   .page-wrap .footer .memory{font:bold 44px/1 Arial;padding: 45px 0 65px 0;}
}