:focus { outline: 0; }

a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }


/* Content - Portfolio Listing */
.portfolio {   margin-left: 15px ;}

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 32px; padding-left: 60px; line-height: 32px; background: transparent url(../img/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.1em; padding: 0.1em 1em; background: #FFF; color: #888; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; background-color: #FFF673; }
ul#portfolio-filter a.current{ color: #000000; background-color: #FFEF00; }

ul#portfolio-list{ margin: 36px 25px 0 20px; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 200px; height: 200px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ text-align:center; display: block; width: 198px; height: 22px; overflow: hidden; border: 1px solid #FF9A00; background: #FFC873; }
ul#portfolio-list li p{ text-align:center; display: block; width: 198px; height: 22px; overflow: hidden; border: 1px solid #FF9A00; background: #FFC873; padding: 0; }


@media only screen and (max-width:770px){body:not(#page-gallery){width:100%!important}

ul#portfolio-list{ margin: 36px 25px 0 5px; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 200px; height: 200px; display: block; float: left; margin-right: 0px; overflow: hidden; }