.portfolio { margin-top:10px }
.portfolio .mpf_title { text-align:center; margin-top:20px }
.portfolio .lead { font-style:italic; margin-top:10px }
.portfolio .mpf_title hr { margin:15px auto !important; border: 0 none; height:6px; margin: 10px 0 0; width: 70px }
.portfolio .portfolio-items { position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.portfolio .item-blog { float:left; margin:30px }
.portfolio .summary { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word }

/* pageNavigation */
#mmcpageNavigation_mpf { float:left; text-align:center; font:bold 11px; margin:10px; width:100%; }
#mmcpageNavigation_mpf a { font:bold 1em; color:#666666; ; margin:0 8px 10px; }
#mmcpageNavigation_mpf .current { font:bold 1em; color:#fff; ; margin:0 4px 0 8px; border:1px solid #000; background-color:#555; padding:5px 9px; border-radius:3px }
#mmcpageNavigation_mpf .pageNavigation2 { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}
#mmcpageNavigation_mpf a:hover { background:#fefefe; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); }
#mmcpageNavigation_mpf a:visited { color:#999999; }
#mmcpageNavigation_mpf .pn { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#f5f5f5; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}