.fpg-wrapper { padding: 15px 15px; width: 100%; } .fpg-page { } ul.fpg-row { height: 302px; padding-left: 302px; padding-bottom: 15px; } ul.fpg-row.fpg-last-row { padding-bottom: 0px; } li.fpg-item { height: 300px; width: 50% } li.fpg-item.fpg-first-col { width: 300px; margin-left: -300px; } li.fpg-item.fpg-last-col { width: 50% } .fpg-item-wrapper { height: 300px; width: 300px; border-top: solid 1px #525252; border-bottom: solid 1px #000000; border-right: solid 1px #000000; border-left: solid 1px #525252; -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); background: #FFFFFF; padding: 0px; } .fpg-item-wrapper:hover { margin-top: 2px; margin-right: -2px; -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); } img.fpg-image { height: 300px; width: 300px; } .fpg-text { width: 290px; background: #000000; background: rgba(0,0,0,0.5); border-top: solid 0px #000000; border-bottom: solid 0px #000000; border-right: solid 0px #000000; border-left: solid 0px #; -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px 2px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px 2px rgba(0,0,0,0.5) inset; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px 2px rgba(0,0,0,0.5) inset; margin: 0px 0px 0px 0px; } h3.fpg-title, h3.fpg-title a:link, h3.fpg-title a:visited, h3.fpg-title a:active { color: #FFFFFF; font-family: Arial, Veranda, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 12px; line-height: 12px; } p.fpg-excerpt, p.fpg-excerpt a:link, p.fpg-excerpt a:visited, p.fpg-excerpt a:active { color: #FFFFFF; font-family: Arial, Veranda, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: 10px; } p.fpg-author, p.fpg-author a:link, p.fpg-author a:visited, p.fpg-author a:active { color: #FFFFFF; font-family: Arial, Veranda, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 8px; line-height: 8px; } p.fpg-date, p.fpg-date a:link, p.fpg-date a:visited, p.fpg-date a:active { color: #FFFFFF; font-family: Arial, Veranda, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 8px; line-height: 8px; float: left; } .fpg-arrow-left, .fpg-arrow-right { background-image: url(/wp-content/plugins/featured-posts-grid/images/arrow-orange.png); } .fpg-arrow-pip { width: 30px; background-image: url(/wp-content/plugins/featured-posts-grid/images/pip-orange.png); } ul.fpg-row li.fpg-item .fpg-item-wrapper a { background: #000000; }