/*
Theme Name: hongkong36 - PHP 8.1 Compatible
Theme URI: 
Description: Best Maine Web Design
Version: 1.0
Author: 
Author URI: 
Tags: fixed-width, right-sidebar, two-columns, valid HTML5, widgets
*/

/* Created by Artisteer v4.3.0.60745 */



#hkmm-main

{

   background: #FFFFFF url('images/page.jpeg') repeat-x scroll;

   margin:0 auto;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   position: relative;

   width: 100%;

   min-height: 100%;

   left: 0;

   top: 0;

   cursor:default;

   overflow:hidden;

}

table, ul.hkmm-hmenu

{

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



h1, h2, h3, h4, h5, h6, p, a, ul, ol, li

{

   margin: 0;

   padding: 0;

}



/* Reset buttons border. It's important for input and button tags. 

 * border-collapse should be separate for shadow in IE. 

 */

.hkmm-button

{

   border: 0;

   border-collapse: separate;

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

   background: #A1ADBA;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   border-width: 0;

   padding:0 21px;

   margin:0 auto;

   height:28px;

}



.hkmm-postcontent,

.hkmm-postheadericons,

.hkmm-postfootericons,

.hkmm-blockcontent,

ul.hkmm-vmenu a 

{

   text-align: left;

}



.hkmm-postcontent,

.hkmm-postcontent li,

.hkmm-postcontent table,

.hkmm-postcontent a,

.hkmm-postcontent a:link,

.hkmm-postcontent a:visited,

.hkmm-postcontent a.visited,

.hkmm-postcontent a:hover,

.hkmm-postcontent a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 125%;

}



.hkmm-postcontent p

{

   margin: 13px 0 13px 15px;

}



.hkmm-postcontent h1, .hkmm-postcontent h1 a, .hkmm-postcontent h1 a:link, .hkmm-postcontent h1 a:visited, .hkmm-postcontent h1 a:hover,

.hkmm-postcontent h2, .hkmm-postcontent h2 a, .hkmm-postcontent h2 a:link, .hkmm-postcontent h2 a:visited, .hkmm-postcontent h2 a:hover,

.hkmm-postcontent h3, .hkmm-postcontent h3 a, .hkmm-postcontent h3 a:link, .hkmm-postcontent h3 a:visited, .hkmm-postcontent h3 a:hover,

.hkmm-postcontent h4, .hkmm-postcontent h4 a, .hkmm-postcontent h4 a:link, .hkmm-postcontent h4 a:visited, .hkmm-postcontent h4 a:hover,

.hkmm-postcontent h5, .hkmm-postcontent h5 a, .hkmm-postcontent h5 a:link, .hkmm-postcontent h5 a:visited, .hkmm-postcontent h5 a:hover,

.hkmm-postcontent h6, .hkmm-postcontent h6 a, .hkmm-postcontent h6 a:link, .hkmm-postcontent h6 a:visited, .hkmm-postcontent h6 a:hover,

.hkmm-blockheader .t, .hkmm-blockheader .t a, .hkmm-blockheader .t a:link, .hkmm-blockheader .t a:visited, .hkmm-blockheader .t a:hover,

.hkmm-vmenublockheader .t, .hkmm-vmenublockheader .t a, .hkmm-vmenublockheader .t a:link, .hkmm-vmenublockheader .t a:visited, .hkmm-vmenublockheader .t a:hover,

.hkmm-headline, .hkmm-headline a, .hkmm-headline a:link, .hkmm-headline a:visited, .hkmm-headline a:hover,

.hkmm-slogan, .hkmm-slogan a, .hkmm-slogan a:link, .hkmm-slogan a:visited, .hkmm-slogan a:hover,

.hkmm-postheader, .hkmm-postheader a, .hkmm-postheader a:link, .hkmm-postheader a:visited, .hkmm-postheader a:hover

{

   font-size: 26px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 120%;

}



.hkmm-postcontent a, .hkmm-postcontent a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: underline;

   color: #117924;

}



.hkmm-postcontent a:visited, .hkmm-postcontent a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #117924;

}



.hkmm-postcontent  a:hover, .hkmm-postcontent a.hover

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: underline;

   color: #E2341D;

}



.hkmm-postcontent h1

{

   color: #F70202;

   margin: 10px 0 0;

   font-size: 29px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent h1

{

   margin: 10px 0 0;

   font-size: 29px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h1 a, .hkmm-postcontent h1 a:link, .hkmm-postcontent h1 a:hover, .hkmm-postcontent h1 a:visited, .hkmm-blockcontent h1 a, .hkmm-blockcontent h1 a:link, .hkmm-blockcontent h1 a:hover, .hkmm-blockcontent h1 a:visited 

{

   font-size: 29px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h2

{

   color: #8D9CAA;

   margin: 10px 0 0;

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent h2

{

   margin: 10px 0 0;

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h2 a, .hkmm-postcontent h2 a:link, .hkmm-postcontent h2 a:hover, .hkmm-postcontent h2 a:visited, .hkmm-blockcontent h2 a, .hkmm-blockcontent h2 a:link, .hkmm-blockcontent h2 a:hover, .hkmm-blockcontent h2 a:visited 

{

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h3

{

   color: #FB7C3C;

   margin: 10px 0 0;

   font-size: 24px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent h3

{

   margin: 10px 0 0;

   font-size: 24px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h3 a, .hkmm-postcontent h3 a:link, .hkmm-postcontent h3 a:hover, .hkmm-postcontent h3 a:visited, .hkmm-blockcontent h3 a, .hkmm-blockcontent h3 a:link, .hkmm-blockcontent h3 a:hover, .hkmm-blockcontent h3 a:visited 

{

   font-size: 24px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h4

{

   color: #4E6883;

   margin: 10px 0 0;

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent h4

{

   margin: 10px 0 0;

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h4 a, .hkmm-postcontent h4 a:link, .hkmm-postcontent h4 a:hover, .hkmm-postcontent h4 a:visited, .hkmm-blockcontent h4 a, .hkmm-blockcontent h4 a:link, .hkmm-blockcontent h4 a:hover, .hkmm-blockcontent h4 a:visited 

{

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h5

{

   color: #4E6883;

   margin: 10px 0 0;

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent h5

{

   margin: 10px 0 0;

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h5 a, .hkmm-postcontent h5 a:link, .hkmm-postcontent h5 a:hover, .hkmm-postcontent h5 a:visited, .hkmm-blockcontent h5 a, .hkmm-blockcontent h5 a:link, .hkmm-blockcontent h5 a:hover, .hkmm-blockcontent h5 a:visited 

{

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h6

{

   color: #A6B7C9;

   margin: 10px 0 0;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent h6

{

   margin: 10px 0 0;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-postcontent h6 a, .hkmm-postcontent h6 a:link, .hkmm-postcontent h6 a:hover, .hkmm-postcontent h6 a:visited, .hkmm-blockcontent h6 a, .hkmm-blockcontent h6 a:link, .hkmm-blockcontent h6 a:hover, .hkmm-blockcontent h6 a:visited 

{

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



header, footer, article, nav, #hkmm-hmenu-bg, .hkmm-sheet, .hkmm-hmenu a, .hkmm-vmenu a, .hkmm-slidenavigator > a, .hkmm-checkbox:before, .hkmm-radiobutton:before

{

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

}



header, footer, article, nav, #hkmm-hmenu-bg, .hkmm-sheet, .hkmm-slidenavigator > a, .hkmm-checkbox:before, .hkmm-radiobutton:before

{

   display: block;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



ul

{

   list-style-type: none;

}



ol

{

   list-style-position: inside;

}



html, body

{

   height: 100%;

}



/**

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 * https://github.com/necolas/normalize.css

 */



html {

   -ms-text-size-adjust: 100%;

   /* 2 */

    -webkit-text-size-adjust: 100%;

/* 2 */}



body

{

   padding: 0;

   margin:0;

   min-width: 1000px;

   color: #303F50;

}



.hkmm-header:before, 

#hkmm-header-bg:before, 

.hkmm-layout-cell:before, 

.hkmm-layout-wrapper:before, 

.hkmm-footer:before, 

.hkmm-nav:before, 

#hkmm-hmenu-bg:before, 

.hkmm-sheet:before 

{

   width: 100%;

   content: " ";

   display: table;

   border-collapse: collapse;

   border-spacing: 0;

}



.hkmm-header:after, 

#hkmm-header-bg:after, 

.hkmm-layout-cell:after, 

.hkmm-layout-wrapper:after, 

.hkmm-footer:after, 

.hkmm-nav:after, 

#hkmm-hmenu-bg:after, 

.hkmm-sheet:after,

.cleared, .clearfix:after 

{

   clear: both;

   font: 0/0 serif;

   display: block;

   content: " ";

}



form

{

   padding: 0;

   margin: 0;

}



table.position

{

   position: relative;

   width: 100%;

   table-layout: fixed;

}



li h1, .hkmm-postcontent li h1, .hkmm-blockcontent li h1 

{

   margin:1px;

} 

li h2, .hkmm-postcontent li h2, .hkmm-blockcontent li h2 

{

   margin:1px;

} 

li h3, .hkmm-postcontent li h3, .hkmm-blockcontent li h3 

{

   margin:1px;

} 

li h4, .hkmm-postcontent li h4, .hkmm-blockcontent li h4 

{

   margin:1px;

} 

li h5, .hkmm-postcontent li h5, .hkmm-blockcontent li h5 

{

   margin:1px;

} 

li h6, .hkmm-postcontent li h6, .hkmm-blockcontent li h6 

{

   margin:1px;

} 

li p, .hkmm-postcontent li p, .hkmm-blockcontent li p 

{

   margin:1px;

}





.hkmm-shapes

{

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   overflow: hidden;

   z-index: 0;

}



.hkmm-slider-inner {

   position: relative;

   overflow: hidden;

   width: 100%;

   height: 100%;

}



.hkmm-slidenavigator > a {

   display: inline-block;

   vertical-align: middle;

   outline-style: none;

   font-size: 1px;

}



.hkmm-slidenavigator > a:last-child {

   margin-right: 0 !important;

}















.hkmm-sheet

{

   margin:0 auto;

   position:relative;

   cursor:auto;

   width: 1000px;

   z-index: auto !important;

}



.hkmm-header

{

   margin:0 auto;

   background-repeat: no-repeat;

   height: 160px;

   background-image: url('images/object406476240.png'), url('images/header.png');

   background-position: 15px 5px, 0 0;

   position: relative;

   z-index: auto !important;

}



.custom-responsive .hkmm-header

{

   background-image: url('images/object406476240.png'), url('images/header.png');

   background-position: 15px 5px, 0 0;

}



.default-responsive .hkmm-header,

.default-responsive #hkmm-header-bg

{

   background-image: url('images/header.png');

   background-position: center center;

   background-size: auto;

}



.hkmm-header>.widget 

{

   position:absolute;

   z-index:101;

}



.hkmm-nav

{

   background: #FDF2ED url('images/nav.png') scroll;

   background: rgba(253, 242, 237, 0.8) url('images/nav.png') scroll;

   border:1px solid rgba(253, 205, 180, 0.8);

   border-left:none;

   border-right:none;

   padding:3px;

   margin:2px auto 0;

   position: relative;

   z-index: 499;

   text-align: center;

}



ul.hkmm-hmenu a, ul.hkmm-hmenu a:link, ul.hkmm-hmenu a:visited, ul.hkmm-hmenu a:hover 

{

   outline: none;

   position: relative;

   z-index: 11;

}



ul.hkmm-hmenu, ul.hkmm-hmenu ul

{

   display: block;

   margin: 0;

   padding: 0;

   border: 0;

   list-style-type: none;

}



ul.hkmm-hmenu li

{

   position: relative;

   z-index: 5;

   display: block;

   float: left;

   background: none;

   margin: 0;

   padding: 0;

   border: 0;

}



ul.hkmm-hmenu li:hover

{

   z-index: 10000;

   white-space: normal;

}



ul.hkmm-hmenu:after, ul.hkmm-hmenu ul:after

{

   content: ".";

   height: 0;

   display: block;

   visibility: hidden;

   overflow: hidden;

   clear: both;

}



ul.hkmm-hmenu, ul.hkmm-hmenu ul 

{

   min-height: 0;

}



ul.hkmm-hmenu 

{

   display: inline-block;

   vertical-align: middle;

}



.hkmm-nav:before 

{

   content:' ';

}



.hkmm-hmenu-extra1

{

   position: relative;

   display: block;

   float: left;

   width: auto;

   height: auto;

   background-position: center;

}



.hkmm-hmenu-extra2

{

   position: relative;

   display: block;

   float: right;

   width: auto;

   height: auto;

   background-position: center;

}



.hkmm-menuitemcontainer

{

   margin:0 auto;

}

ul.hkmm-hmenu>li {

   margin-left: 6px;

}

ul.hkmm-hmenu>li:first-child {

   margin-left: 3px;

}

ul.hkmm-hmenu>li:last-child, ul.hkmm-hmenu>li.last-child {

   margin-right: 3px;

}



ul.hkmm-hmenu>li>a

{

   -webkit-border-radius:15px;

   -moz-border-radius:15px;

   border-radius:15px;

   padding:0 12px;

   margin:0 auto;

   position: relative;

   display: block;

   height: 30px;

   cursor: pointer;

   text-decoration: none;

   color: #117924;

   line-height: 30px;

   text-align: center;

}



.hkmm-hmenu>li>a, 

.hkmm-hmenu>li>a:link, 

.hkmm-hmenu>li>a:visited, 

.hkmm-hmenu>li>a.active, 

.hkmm-hmenu>li>a:hover

{

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

   text-transform: uppercase;

   text-align: left;

}



ul.hkmm-hmenu>li>a.active

{

   -webkit-border-radius:15px;

   -moz-border-radius:15px;

   border-radius:15px;

   padding:0 12px;

   margin:0 auto;

   color: #117924;

   text-decoration: none;

}



ul.hkmm-hmenu>li>a:visited, 

ul.hkmm-hmenu>li>a:hover, 

ul.hkmm-hmenu>li:hover>a {

   text-decoration: none;

}



ul.hkmm-hmenu>li>a:hover, .desktop ul.hkmm-hmenu>li:hover>a

{

   background: #1CCA3C;

   -webkit-border-radius:15px;

   -moz-border-radius:15px;

   border-radius:15px;

   padding:0 12px;

   margin:0 auto;

}

ul.hkmm-hmenu>li>a:hover, 

.desktop ul.hkmm-hmenu>li:hover>a {

   color: #FFFFFF;

   text-decoration: none;

}



ul.hkmm-hmenu li li a

{

   background: #6BEB82;

   background: transparent;

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

   padding:0 17px;

   margin:0 auto;

}

ul.hkmm-hmenu li li 

{

   float: none;

   width: auto;

   margin-top: 1px;

   margin-bottom: 1px;

}



.desktop ul.hkmm-hmenu li li ul>li:first-child 

{

   margin-top: 0;

}



ul.hkmm-hmenu li li ul>li:last-child 

{

   margin-bottom: 0;

}



.hkmm-hmenu ul a

{

   display: block;

   white-space: nowrap;

   height: 28px;

   min-width: 7em;

   border: 0 solid transparent;

   text-align: left;

   line-height: 28px;

   color: #E2341D;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

   text-transform: uppercase;

   margin:0;

}



.hkmm-hmenu ul a:link, 

.hkmm-hmenu ul a:visited, 

.hkmm-hmenu ul a.active, 

.hkmm-hmenu ul a:hover

{

   text-align: left;

   line-height: 28px;

   color: #E2341D;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

   text-transform: uppercase;

   margin:0;

}



ul.hkmm-hmenu ul li a:hover, .desktop ul.hkmm-hmenu ul li:hover>a

{

   background: #F9B380;

   background: rgba(249, 179, 128, 0.8);

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

   margin:0 auto;

}

.hkmm-hmenu ul a:hover

{

   text-decoration: none;

   color: #117924;

}



.desktop .hkmm-hmenu ul li:hover>a

{

   color: #117924;

}



ul.hkmm-hmenu ul:before

{

   background: #98F1A8;

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

   border:1px solid #FED7C3;

   margin:0 auto;

   display: block;

   position: absolute;

   content: ' ';

   z-index: 1;

}

.desktop ul.hkmm-hmenu li:hover>ul {

   visibility: visible;

   top: 100%;

}

.desktop ul.hkmm-hmenu li li:hover>ul {

   top: 0;

   left: 100%;

}



ul.hkmm-hmenu ul

{

   visibility: hidden;

   position: absolute;

   z-index: 10;

   left: 0;

   top: 0;

   background-image: url('images/spacer.gif');

}



.desktop ul.hkmm-hmenu>li>ul

{

   padding: 12px 32px 32px 32px;

   margin: -10px 0 0 -30px;

}



.desktop ul.hkmm-hmenu ul ul

{

   padding: 32px 32px 32px 14px;

   margin: -32px 0 0 -9px;

}



.desktop ul.hkmm-hmenu ul.hkmm-hmenu-left-to-right 

{

   right: auto;

   left: 0;

   margin: -10px 0 0 -30px;

}



.desktop ul.hkmm-hmenu ul.hkmm-hmenu-right-to-left 

{

   left: auto;

   right: 0;

   margin: -10px -30px 0 0;

}



.desktop ul.hkmm-hmenu li li:hover>ul.hkmm-hmenu-left-to-right {

   right: auto;

   left: 100%;

}

.desktop ul.hkmm-hmenu li li:hover>ul.hkmm-hmenu-right-to-left {

   left: auto;

   right: 100%;

}



.desktop ul.hkmm-hmenu ul ul.hkmm-hmenu-left-to-right

{

   right: auto;

   left: 0;

   padding: 32px 32px 32px 14px;

   margin: -32px 0 0 -9px;

}



.desktop ul.hkmm-hmenu ul ul.hkmm-hmenu-right-to-left

{

   left: auto;

   right: 0;

   padding: 32px 14px 32px 32px;

   margin: -32px -9px 0 0;

}



.desktop ul.hkmm-hmenu li ul>li:first-child {

   margin-top: 0;

}

.desktop ul.hkmm-hmenu li ul>li:last-child {

   margin-bottom: 0;

}



.desktop ul.hkmm-hmenu ul ul:before

{

   border-radius: 10px;

   top: 30px;

   bottom: 30px;

   right: 30px;

   left: 12px;

}



.desktop ul.hkmm-hmenu>li>ul:before

{

   top: 10px;

   right: 30px;

   bottom: 30px;

   left: 30px;

}



.desktop ul.hkmm-hmenu>li>ul.hkmm-hmenu-left-to-right:before {

   right: 30px;

   left: 30px;

}

.desktop ul.hkmm-hmenu>li>ul.hkmm-hmenu-right-to-left:before {

   right: 30px;

   left: 30px;

}

.desktop ul.hkmm-hmenu ul ul.hkmm-hmenu-left-to-right:before {

   right: 30px;

   left: 12px;

}

.desktop ul.hkmm-hmenu ul ul.hkmm-hmenu-right-to-left:before {

   right: 12px;

   left: 30px;

}



.hkmm-layout-wrapper

{

   position: relative;

   margin: 0 auto 0 auto;

   z-index: auto !important;

}



.hkmm-content-layout

{

   display: table;

   width: 100%;

   table-layout: fixed;

}



.hkmm-content-layout-row 

{

   display: table-row;

}



.hkmm-layout-cell

{

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   display: table-cell;

   vertical-align: top;

}



/* need only for content layout in post content */ 

.hkmm-postcontent .hkmm-content-layout

{

   border-collapse: collapse;

}



.hkmm-breadcrumbs

{

   margin:0 auto;

}



a.hkmm-button,

a.hkmm-button:link,

a:link.hkmm-button:link,

body a.hkmm-button:link,

a.hkmm-button:visited,

body a.hkmm-button:visited,

input.hkmm-button,

button.hkmm-button

{

   text-decoration: none;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   position:relative;

   display: inline-block;

   vertical-align: middle;

   white-space: nowrap;

   text-align: center;

   color: #FFFFFF;

   margin: 0 5px 0 0 !important;

   overflow: visible;

   cursor: pointer;

   text-indent: 0;

   line-height: 28px;

   -webkit-box-sizing: content-box;

   -moz-box-sizing: content-box;

   box-sizing: content-box;

}



.hkmm-button img

{

   margin: 0;

   vertical-align: middle;

}



.firefox2 .hkmm-button

{

   display: block;

   float: left;

}



input, select, textarea, a.hkmm-search-button span

{

   vertical-align: middle;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



.hkmm-block select 

{

   width:96%;

}



input.hkmm-button

{

   float: none !important;

   -webkit-appearance: none;

}



.hkmm-button.active, .hkmm-button.active:hover

{

   background: #A1ADBA;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   border-width: 0;

   padding:0 21px;

   margin:0 auto;

}

.hkmm-button.active, .hkmm-button.active:hover {

   color: #FFFFFF !important;

}



.hkmm-button.hover, .hkmm-button:hover

{

   background: #8A99A8;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   border-width: 0;

   padding:0 21px;

   margin:0 auto;

}

.hkmm-button.hover, .hkmm-button:hover {

   color: #FFFFFF !important;

}



input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea

{

   background: #F9FAFB;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   border:1px solid #B9C2CB;

   margin:0 auto;

}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea

{

   width: auto;

   padding: 4px 0;

   color: #3D5166 !important;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-shadow: none;

}

input.hkmm-error, textarea.hkmm-error

{

   background: #F9FAFB;

   border:1px solid #E2341D;

   margin:0 auto;

}

input.hkmm-error, textarea.hkmm-error {

   color: #3D5166 !important;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.hkmm-search input[type="text"]

{

   background: #FFFFFF;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   border:1px solid #CCD6E0;

   margin:0 auto;

   width: 100%;

   padding: 4px 0;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   color: #364049 !important;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.hkmm-search 

{

   background-image: none;

   border: 0;

   display:block;

   position:relative;

   top:0;

   padding:0;

   margin:5px;

   left:0;

   line-height: 0;

}



form.hkmm-search input, a.hkmm-search-button

{

   -webkit-appearance: none;

   top:0;

   right:0;

}



form.hkmm-search>input, a.hkmm-search-button{

   bottom:0;

   left:0;

   vertical-align: middle;

}



form.hkmm-search input[type="submit"], input.hkmm-search-button, a.hkmm-search-button

{

   border-radius: 0;

   margin:0 auto;

}

form.hkmm-search input[type="submit"], input.hkmm-search-button, a.hkmm-search-button {

   position:absolute;

   left:auto;

   display:block;

   border:none;

   background:url('images/searchicon.png') center center no-repeat;

   width:24px;

   height: 100%;

   padding:0;

   color: #FFFFFF !important;

   cursor: pointer;

}



a.hkmm-search-button span.hkmm-search-button-text {

   display: none;

}



label.hkmm-checkbox:before

{

   background: #F9FAFB;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   border-width: 0;

   margin:0 auto;

   width:16px;

   height:16px;

}

label.hkmm-checkbox

{

   cursor: pointer;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 16px;

   display: inline-block;

   color: #364049 !important;

}



.hkmm-checkbox>input[type="checkbox"]

{

   margin: 0 5px 0 0;

}



label.hkmm-checkbox.active:before

{

   background: #FC905A;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   border-width: 0;

   margin:0 auto;

   width:16px;

   height:16px;

   display: inline-block;

}



label.hkmm-checkbox.hovered:before

{

   background: #D9DEE3;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   border-width: 0;

   margin:0 auto;

   width:16px;

   height:16px;

   display: inline-block;

}



label.hkmm-radiobutton:before

{

   background: #F9FAFB;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   margin:0 auto;

   width:12px;

   height:12px;

}

label.hkmm-radiobutton

{

   cursor: pointer;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 12px;

   display: inline-block;

   color: #364049 !important;

}



.hkmm-radiobutton>input[type="radio"]

{

   vertical-align: baseline;

   margin: 0 5px 0 0;

}



label.hkmm-radiobutton.active:before

{

   background: #B9C2CB;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   margin:0 auto;

   width:12px;

   height:12px;

   display: inline-block;

}



label.hkmm-radiobutton.hovered:before

{

   background: #D9DEE3;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   margin:0 auto;

   width:12px;

   height:12px;

   display: inline-block;

}



.hkmm-comments

{

   border-top:1px dotted #A1ADBA;

   margin:0 auto;

   margin-top: 25px;

}



.hkmm-comments h2

{

   color: #23292F;

}



.hkmm-comment-inner

{

   -webkit-border-radius:2px;

   -moz-border-radius:2px;

   border-radius:2px;

   padding:5px;

   margin:0 auto;

   margin-left: 96px;

}

.hkmm-comment-avatar 

{

   float:left;

   width:80px;

   height:80px;

   padding:2px;

   background:#fff;

   border:1px solid #E2E8EE;

}



.hkmm-comment-avatar>img

{

   margin:0 !important;

   border:none !important;

}



.hkmm-comment-content

{

   padding:10px 0;

   color: #303F50;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-comment

{

   margin-top: 6px;

}



#comment-list>li:first-child>.hkmm-comment

{

   margin-top: 0;

}



.hkmm-comment-header

{

   color: #23292F;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 100%;

}



.hkmm-comment-header a, 

.hkmm-comment-header a:link, 

.hkmm-comment-header a:visited,

.hkmm-comment-header a.visited,

.hkmm-comment-header a:hover,

.hkmm-comment-header a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 100%;

}



.hkmm-comment-header a, .hkmm-comment-header a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   color: #758799;

}



.hkmm-comment-header a:visited, .hkmm-comment-header a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #758799;

}



.hkmm-comment-header a:hover,  .hkmm-comment-header a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #758799;

}



.hkmm-comment-content a, 

.hkmm-comment-content a:link, 

.hkmm-comment-content a:visited,

.hkmm-comment-content a.visited,

.hkmm-comment-content a:hover,

.hkmm-comment-content a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-comment-content a, .hkmm-comment-content a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #CD4704;

}



.hkmm-comment-content a:visited, .hkmm-comment-content a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #3F5369;

}



.hkmm-comment-content a:hover,  .hkmm-comment-content a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #CD4704;

}



.hkmm-pager

{

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   padding:6px;

   margin:2px;

}



.hkmm-pager>*:last-child

{

   margin-right:0 !important;

}



.hkmm-pager>span {

   cursor:default;

}



.hkmm-pager>*

{

   background: #D9DEE3;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   padding:10px;

   margin:0 4px 0 auto;

   line-height: normal;

   position:relative;

   display:inline-block;

   margin-left: 0;

}



.hkmm-pager a:link,

.hkmm-pager a:visited,

.hkmm-pager .active

{

   line-height: normal;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #1C2126

;

}



.hkmm-pager .active

{

   background: #B6BFC9;

   padding:10px;

   margin:0 4px 0 auto;

   color: #FFFFFF

;

}



.hkmm-pager .more

{

   background: #D9DEE3;

   margin:0 4px 0 auto;

}

.hkmm-pager a.more:link,

.hkmm-pager a.more:visited

{

   color: #411701

;

}

.hkmm-pager a:hover

{

   background: #B9C2CB;

   padding:10px;

   margin:0 4px 0 auto;

}

.hkmm-pager  a:hover,

.hkmm-pager  a.more:hover

{

   text-decoration: none;

   color: #21262C

;

}

.hkmm-pager>*:after

{

   margin:0 0 0 auto;

   display:inline-block;

   position:absolute;

   content: ' ';

   top:0;

   width:0;

   height:100%;

   right: 0;

   text-decoration:none;

}



.hkmm-pager>*:last-child:after{

   display:none;

}



.hkmm-commentsform

{

   background: #E2E8EE;

   background: transparent;

   padding:10px;

   margin:0 auto;

   margin-top:25px;

   color: #23292F;

}



.hkmm-commentsform h2{

   padding-bottom:10px;

   margin: 0;

   color: #23292F;

}



.hkmm-commentsform label {

   display: inline-block;

   line-height: 25px;

}



.hkmm-commentsform input:not([type=submit]), .hkmm-commentsform textarea {

   box-sizing: border-box;

   -moz-box-sizing: border-box;

   -webkit-box-sizing: border-box;

   width:100%;

   max-width:100%;

}



.hkmm-commentsform .form-submit

{

   margin-top: 10px;

}

.hkmm-block

{

   background: #98F1A8;

   background: rgba(152, 241, 168, 0.6);

   -webkit-border-radius:8px;

   -moz-border-radius:8px;

   border-radius:8px;

   border:1px solid rgba(253, 201, 175, 0.8);

   padding:2px;

   margin:7px;

}

div.hkmm-block img

{

   border: none;

   margin: 0;

}



.hkmm-blockheader

{

   background: #303F50;

   background: transparent;

   padding:6px 3px;

   margin:0 auto;

}

.hkmm-blockheader .t,

.hkmm-blockheader .t a,

.hkmm-blockheader .t a:link,

.hkmm-blockheader .t a:visited, 

.hkmm-blockheader .t a:hover

{

   color: #5B6B7B;

   font-size: 19px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   margin: 0 5px;

}



.hkmm-blockcontent

{

   background: #FFFFFF;

   -webkit-border-radius:6px;

   -moz-border-radius:6px;

   border-radius:6px;

   padding:3px;

   margin:0 auto;

   color: #303F50;

   font-size: 14px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 125%;

}

.hkmm-blockcontent table,

.hkmm-blockcontent li, 

.hkmm-blockcontent a,

.hkmm-blockcontent a:link,

.hkmm-blockcontent a:visited,

.hkmm-blockcontent a:hover

{

   color: #303F50;

   font-size: 14px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 125%;

}



.hkmm-blockcontent p

{

   margin: 0 5px;

}



.hkmm-blockcontent a, .hkmm-blockcontent a:link

{

   color: #117924;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-blockcontent a:visited, .hkmm-blockcontent a.visited

{

   color: #117924;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.hkmm-blockcontent a:hover, .hkmm-blockcontent a.hover

{

   color: #FA5705;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}

.hkmm-block li

{

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;

   color: #CD4704;

   margin: 5px 0 0 10px;

}



.hkmm-post

{

   padding:5px;

   margin:1px;

}

a img

{

   border: 0;

}



.hkmm-article img, img.hkmm-article, .hkmm-block img, .hkmm-footer-text img

{

   margin: 7px 7px 7px 7px;

}



.hkmm-metadata-icons img

{

   border: none;

   vertical-align: middle;

   margin: 2px;

}



.hkmm-article table, table.hkmm-article

{

   border-collapse: collapse;

   margin: 1px;

}



.hkmm-post .hkmm-content-layout-br

{

   height: 0;

}



.hkmm-article th, .hkmm-article td

{

   padding: 2px;

   vertical-align: top;

   text-align: left;

}



.hkmm-article th

{

   text-align: center;

   vertical-align: middle;

   padding: 7px;

}



pre

{

   overflow: auto;

   padding: 0.1em;

}



.preview-cms-logo

{

   border: 0;

   margin: 1em 1em 0 0;

   float: left;

}



.image-caption-wrapper

{

   padding: 7px 7px 7px 7px;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper img

{

   margin: 0 !important;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper div.hkmm-collage

{

   margin: 0 !important;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper p

{

   font-size: 80%;

   text-align: right;

   margin: 0;

}



.hkmm-postheader

{

   color: #F70202;

   margin: 5px 10px;

   font-size: 29px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



.hkmm-postheader a, 

.hkmm-postheader a:link, 

.hkmm-postheader a:visited,

.hkmm-postheader a.visited,

.hkmm-postheader a:hover,

.hkmm-postheader a.hovered

{

   font-size: 29px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



.hkmm-postheader a, .hkmm-postheader a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #FB7F41;

}



.hkmm-postheader a:visited, .hkmm-postheader a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #708BA9;

}



.hkmm-postheader a:hover,  .hkmm-postheader a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #FB7C3C;

}



.hkmm-postheadericons,

.hkmm-postheadericons a,

.hkmm-postheadericons a:link,

.hkmm-postheadericons a:visited,

.hkmm-postheadericons a:hover

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #4E6883;

}



.hkmm-postheadericons

{

   padding: 1px;

   margin: 0 0 0 10px;

}



.hkmm-postheadericons a, .hkmm-postheadericons a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #FB722D;

}



.hkmm-postheadericons a:visited, .hkmm-postheadericons a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

   color: #587493;

}



.hkmm-postheadericons a:hover, .hkmm-postheadericons a.hover

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: underline;

   color: #E65005;

}



.hkmm-postdateicon:before

{

   content:url('images/postdateicon.png');

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .hkmm-postdateicon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.hkmm-postauthoricon:before

{

   content:url('images/postauthoricon.png');

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .hkmm-postauthoricon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.hkmm-postediticon:before

{

   content:url('images/postediticon.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .hkmm-postediticon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.hkmm-postcontent ul>li:before,  .hkmm-post ul>li:before,  .hkmm-textblock ul>li:before

{

   content:url('images/postbullets.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .hkmm-postcontent ul>li:before, .opera   .hkmm-post ul>li:before, .opera   .hkmm-textblock ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.hkmm-postcontent li, .hkmm-post li, .hkmm-textblock li

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #117924;

   margin: 3px 0 0 11px;

}



.hkmm-postcontent ul>li, .hkmm-post ul>li, .hkmm-textblock ul>li, .hkmm-postcontent ol, .hkmm-post ol, .hkmm-textblock ol

{

   padding: 0;

}



.hkmm-postcontent ul>li, .hkmm-post ul>li, .hkmm-textblock ul>li

{

   padding-left: 15px;

}



.hkmm-postcontent ul>li:before,  .hkmm-post ul>li:before,  .hkmm-textblock ul>li:before

{

   margin-left: -15px;

}



.hkmm-postcontent ol, .hkmm-post ol, .hkmm-textblock ol, .hkmm-postcontent ul, .hkmm-post ul, .hkmm-textblock ul

{

   margin: 1em 0 1em 11px;

}



.hkmm-postcontent li ol, .hkmm-post li ol, .hkmm-textblock li ol, .hkmm-postcontent li ul, .hkmm-post li ul, .hkmm-textblock li ul

{

   margin: 0.5em 0 0.5em 11px;

}



.hkmm-postcontent li, .hkmm-post li, .hkmm-textblock li

{

   margin: 3px 0 0 0;

}



.hkmm-postcontent ol>li, .hkmm-post ol>li, .hkmm-textblock ol>li

{

   /* overrides overflow for "ul li" and sets the default value */

  overflow: visible;

}



.hkmm-postcontent ul>li, .hkmm-post ul>li, .hkmm-textblock ul>li

{

   /* makes "ul li" not to align behind the image if they are in the same line */

  overflow-x: visible;

   overflow-y: hidden;

}



blockquote

{

   background:  url('images/postquote.png') no-repeat scroll;

   padding:10px 10px 10px 47px;

   margin:10px 0 0 25px;

   color: #0D1216;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-align: left;

   /* makes block not to align behind the image if they are in the same line */

  overflow: auto;

   clear:both;

}

blockquote a, .hkmm-postcontent blockquote a, .hkmm-blockcontent blockquote a, .hkmm-footer-text blockquote a,

blockquote a:link, .hkmm-postcontent blockquote a:link, .hkmm-blockcontent blockquote a:link, .hkmm-footer-text blockquote a:link,

blockquote a:visited, .hkmm-postcontent blockquote a:visited, .hkmm-blockcontent blockquote a:visited, .hkmm-footer-text blockquote a:visited,

blockquote a:hover, .hkmm-postcontent blockquote a:hover, .hkmm-blockcontent blockquote a:hover, .hkmm-footer-text blockquote a:hover

{

   color: #0D1216;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-align: left;

}



/* Override native 'p' margins*/

blockquote p,

.hkmm-postcontent blockquote p,

.hkmm-blockcontent blockquote p,

.hkmm-footer-text blockquote p

{

   margin: 0;

   margin: 5px 0;

}



.Sorter img

{

   border:0;

   vertical-align:middle;

   padding:0;

   margin:0;

   position:static;

   z-index:1;

   width: 12px;

   height: 6px;

}



.Sorter a

{

   position:relative;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #647587;

}



.Sorter a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #647587;

}



.Sorter a:visited, .Sorter a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #647587;

}



.Sorter a:hover, .Sorter a.hover

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #4C5967;

}



.Sorter

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color:#364049;

}



.hkmm-footer

{

   background: #F5FEF0 url('images/footer.png') scroll;

   margin:15px auto 0;

   position: relative;

   color: #607E9F;

   font-size: 14px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 150%;

   text-align: center;

   padding: 0;

}



.hkmm-footer-text a,

.hkmm-footer-text a:link,

.hkmm-footer-text a:visited,

.hkmm-footer-text a:hover,

.hkmm-footer-text td, 

.hkmm-footer-text th,

.hkmm-footer-text caption

{

   color: #607E9F;

   font-size: 14px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 150%;

}



.hkmm-footer-text p 

{

   padding:0;

   text-align: center;

}



.hkmm-footer-text a,

.hkmm-footer-text a:link

{

   color: #E2341D;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

}



.hkmm-footer-text a:visited

{

   color: #E2341D;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.hkmm-footer-text a:hover

{

   color: #117924;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.hkmm-footer-text h1

{

   color: #8A99A8;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-footer-text h2

{

   color: #A1ADBA;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-footer-text h3

{

   color: #FA681E;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-footer-text h4

{

   color: #9CAFC4;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-footer-text h5

{

   color: #9CAFC4;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-footer-text h6

{

   color: #9CAFC4;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.hkmm-footer-text img

{

   border: none;

   margin: 0;

}



.hkmm-footer-inner

{

   margin: 0 auto;

   width:1000px;

   padding:15px;

   padding-right: 15px;

   padding-left: 15px;

}



.hkmm-rss-tag-icon

{

   background:  url('images/footerrssicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-rss-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-facebook-tag-icon

{

   background:  url('images/footerfacebookicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-facebook-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-twitter-tag-icon

{

   background:  url('images/footertwittericon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-twitter-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-tumblr-tag-icon

{

   background:  url('images/tumblricon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-tumblr-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-pinterest-tag-icon

{

   background:  url('images/pinteresticon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-pinterest-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-vimeo-tag-icon

{

   background:  url('images/vimeoicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-vimeo-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-youtube-tag-icon

{

   background:  url('images/youtubeicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-youtube-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-linkedin-tag-icon

{

   background:  url('images/linkedinicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.hkmm-linkedin-tag-icon:empty

{

   vertical-align: middle;

}



.hkmm-footer-text ul>li:before

{

   content:url('images/footerbullets.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   margin-left: -13px;

}

.opera .hkmm-footer-text ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.hkmm-footer-text li

{

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 125%;

   color: #9B3603;

}



.hkmm-footer-text ul>li, .hkmm-footer-text ol

{

   padding: 0;

}



.hkmm-footer-text ul>li

{

   padding-left: 13px;

}



.hkmm-page-footer, 

.hkmm-page-footer a,

.hkmm-page-footer a:link,

.hkmm-page-footer a:visited,

.hkmm-page-footer a:hover

{

   font-family: Arial;

   font-size: 10px;

   letter-spacing: normal;

   word-spacing: normal;

   font-style: normal;

   font-weight: normal;

   text-decoration: underline;

   color: #627384;

}



.hkmm-page-footer

{

   position: relative;

   z-index: auto !important;

   padding: 1em;

   text-align: center !important;

   text-decoration: none;

   color: #3F5369;

}



.hkmm-lightbox-wrapper 

{

   background: #333;

   background: rgba(0, 0, 0, .8);

   bottom: 0;

   left: 0;

   padding: 0 100px;

   position: fixed;

   right: 0;

   text-align: center;

   top: 0;

   z-index: 1000000;

}



.hkmm-lightbox,

.hkmm-lightbox-wrapper .hkmm-lightbox-image

{

   cursor: pointer;

}



.hkmm-lightbox-wrapper .hkmm-lightbox-image

{

   border: 6px solid #fff;

   border-radius: 3px;

   display: none;

   max-width: 100%;

   vertical-align: middle;

}



.hkmm-lightbox-wrapper .hkmm-lightbox-image.active

{

   display: inline-block;

}



.hkmm-lightbox-wrapper .lightbox-error

{

   background: #fff;

   border: 1px solid #b4b4b4;

   border-radius: 10px;

   box-shadow: 0 2px 5px #333;

   height: 80px;

   opacity: .95;

   padding: 20px;

   position: fixed;

   width: 300px;

   z-index: 100;

}



.hkmm-lightbox-wrapper .loading

{

   background: #fff url('images/preloader-01.gif') center center no-repeat;

   border: 1px solid #b4b4b4;

   border-radius: 10px;

   box-shadow: 0 2px 5px #333;

   height: 32px;

   opacity: .5;

   padding: 10px;

   position: fixed;

   width: 32px;

   z-index: 10100;

}



.hkmm-lightbox-wrapper .arrow

{

   cursor: pointer;

   height: 100px;

   opacity: .5;

   filter: alpha(opacity=50);

   position: fixed;

   width: 82px;

   z-index: 10003;

}



.hkmm-lightbox-wrapper .arrow.left

{

   left: 9px;

}



.hkmm-lightbox-wrapper .arrow.right

{

   right: 9px;

}



.hkmm-lightbox-wrapper .arrow:hover

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.hkmm-lightbox-wrapper .arrow.disabled 

{

   display: none;

}



.hkmm-lightbox-wrapper .arrow-t, 

.hkmm-lightbox-wrapper .arrow-b

{

   background-color: #fff;

   border-radius: 3px;

   height: 6px;

   left: 26px;

   position: relative;

   width: 30px;

}



.hkmm-lightbox-wrapper .arrow-t

{

   top: 38px;

}



.hkmm-lightbox-wrapper .arrow-b

{

   top: 50px;

}



.hkmm-lightbox-wrapper .close

{

   cursor: pointer;

   height: 22px;

   opacity: .5;

   filter: alpha(opacity=50);

   position: fixed;

   right: 39px;

   top: 30px;

   width: 22px;

   z-index: 10003;

}



.hkmm-lightbox-wrapper .close:hover 

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.hkmm-lightbox-wrapper .close .cw, 

.hkmm-lightbox-wrapper .close .ccw

{

   background-color: #fff;

   border-radius: 3px;

   height: 6px;

   position: absolute;

   left: -4px;

   top: 8px;

   width: 30px;

}



.hkmm-lightbox-wrapper .cw

{

   transform: rotate(45deg);

   -ms-transform: rotate(45deg);

   /* IE 9 */

    -webkit-transform: rotate(45deg);

   /* Safari and Chrome */

    -o-transform: rotate(45deg);

   /* Opera */

    -moz-transform: rotate(45deg);

/* Firefox */}



.hkmm-lightbox-wrapper .ccw

{

   transform: rotate(-45deg);

   -ms-transform: rotate(-45deg);

   /* IE 9 */

    -webkit-transform: rotate(-45deg);

   /* Safari and Chrome */

    -o-transform: rotate(-45deg);

   /* Opera */

    -moz-transform: rotate(-45deg);

/* Firefox */}



.hkmm-lightbox-wrapper .close-alt, 

.hkmm-lightbox-wrapper .arrow-right-alt, 

.hkmm-lightbox-wrapper .arrow-left-alt 

{

   color: #fff;

   display: none;

   font-size: 2.5em;

   line-height: 100%;

}



.ie8 .hkmm-lightbox-wrapper .close-alt, 

.ie8 .hkmm-lightbox-wrapper .arrow-right-alt, 

.ie8 .hkmm-lightbox-wrapper .arrow-left-alt 

{

   display: block;

}



.ie8 .hkmm-lightbox-wrapper .cw, 

.ie8 .hkmm-lightbox-wrapper .ccw 

{

   display: none;

}



.hkmm-content-layout .hkmm-content

{

   margin:0 auto;

}



.hkmm-content-layout .hkmm-sidebar1

{

   margin:0 auto;

   width: 235px;

}





#comment
{
    width:99%;
}

#comments-list, #comments-list .comment 
{
  background: none;
  padding:0;
  margin:0;
  overflow: visible;
}

#comments-list .comment:before, #comments-list .comment:after
{
  display:none;
}

#comments-list .comment .comment 
{
  margin-left: 20px;
}

span.page-navi-outer, span.page-navi-inner 
{
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

span.page-navi-outer
{
  margin: 1px;
  border: 1px solid #aaa;
}

span.page-navi-inner 
{
  padding: 1px;
  min-width:14px;
  line-height:18px;
  text-align:center;
  border: 2px solid #fff;
  font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
    border-width:1px;
    font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
    margin:2px 1px;
}

ul#comments-list li cite
{
  font-size: 1.2em;
}

#commentform textarea
{
  width: 100%;
}

#commentform
{
  text-align:left;
}

.rtl #commentform
{
  text-align:right;
}

img.wp-smiley
{
  border: none;
  margin: 1px;
  vertical-align:middle;
  padding: 0;
}

.navigation
{
  display: block;
  text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .hkmm-article .aligncenter img, .aligncenter img.hkmm-article, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center; 
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
}

.wp-caption img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text
{
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.wp-caption, .wp-caption p
{
    text-align: center;
}

.gallery {
	margin: 0 auto 18px;
    clear:both;
    overflow:hidden;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}
/* End */


.hidden
{
  display: none;
}

/* Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

.gallery {
  letter-spacing: normal;
}

.hkmm-content {
  position: relative;
  z-index: 1;   
}

#todays-events{
  position: relative;
  z-index: 11;    
}

#upcoming-events{
  position: relative;
  z-index: 10;    
}

img.wp-post-image 
{
    margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
    list-style-image: none;
    background:none;
    list-style-type:none;
    
}

div.hkmm-footer div.hkmm-content-layout
{
    margin:0 auto;
    width:100%;
}

div.hkmm-layout-cell-size1 
{
    width:100%;
}

div.hkmm-layout-cell-size2 
{
    width:50%;
}
div.hkmm-layout-cell-size3 
{
    width:33%;
}

div.hkmm-layout-cell-size4
{
    width:25%;
}

.hkmm-widget-title
{
    padding:0 0 0 24px;
    margin-bottom:0;
}

div.hkmm-center-wrapper
{
  position: relative;
  float: right;
  right: 50%;

}

div.hkmm-center-inner
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 div.hkmm-center-inner
{
  float: none;
}

.hkmm-hmenu-extra1, .hkmm-hmenu-extra2 {
 font-size:12px;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
    margin:0;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

.form-allowed-tags {
	line-height: 1em;
}

#comments-list #respond {
	/*margin-left: NaNpx !important; TODO NodeJS*/
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
}

#respond label {
	font-size: 12px;
}

#respond input {
	margin: 0 0 9px;
	width: 98%;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	width: auto;
}

.hkmm-footer .hkmm-widget-title 
{
    font-size:1.2em;
    padding: 0;
}

.hkmm-footer .hkmm-widget,
.hkmm-footer .hkmm-widget a,
.hkmm-footer .hkmm-widget a:link,
.hkmm-footer .hkmm-widget a:visited,
.hkmm-footer .hkmm-widget a:hover
{
    text-align: left;
}

DIV[id^="GMPmap"] IMG 
{
    margin: 0px;
}

/* Begin Additional CSS Styles */



/* End Additional CSS Styles */