* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: url(bg.gif) 0 0 repeat #f7f5f5; color: #333; font-family: Cambria, Georgia, serif; font-size: 14px; line-height:1.8; overflow-x: hidden; }
header, section, footer, hgroup { display: block; }
img { border: none; }
a { color: #252525; text-decoration: none; }
a:hover, a:active { color: #036; }
/* Header */
#header { width: 100%; background: #000; background: rgba(0, 0, 0, 0.8); height: 50px; line-height: 50px; text-align: center; letter-spacing: 1px; position: fixed; top: 0; left: 0; z-index: 99; color: #fff; }
#header h1 { text-shadow: 2px 1px 1px #333, 2px 2px 1px #888; color: #fff; font-size: 20px; }
#header h1 a { color: #fff; }
#backlinks { float: right; padding: 0 20px; line-height: 22px; font-weight: bold; font-size: 13px; }
#backlinks a { text-align: right; display: block; }
/* Footer */
#footer { width: 100%; position: fixed; padding-left: 20px; bottom: 0; left: 0; line-height: 20px; color: #888; font-size: 13px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); z-index: 99; }
#footer span { display: block; }
/* clearfix */
.clearfix { clear: both; }
/* wrapper css */
#wrapper { margin-top: 60px; width: 100%; }
#wrapper hgroup { text-align: center; }
#wrapper h2 { margin: 5px 0; color: #FF6D99; text-shadow: 1px 1px 2px #A50031; font-size: 33px; font-family: Arial Narrow, Arial, sans-serif; }
#wrapper h3 { font-style: italic; font-weight: normal; font-size: 18px; text-shadow: 1px 1px 0 #fff; color: #888; margin: 5px 0; }
#container { position: relative; width: 1100px; margin: 0 auto 25px; padding-bottom: 10px; overflow: hidden; }
.grid { width: 188px; min-height: 100px; padding: 15px; background: #fff; margin: 8px; font-size: 12px; float: left; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; }
.grid strong { border-bottom: 1px solid #ccc; margin: 10px 0; display: block; padding: 0 0 5px; font-size: 17px; }
.grid .meta { text-align: right; color: #777; font-style: italic; padding-top: 10px; }
.grid .imgholder img { max-width: 100%; background: #ccc; display: block; }
 @media screen and (max-width : 1240px) {
body { overflow: auto; }
}
@media screen and (max-width : 900px) {
#backlinks { float: none; clear: both; }
#backlinks a { display: inline-block; padding-right: 20px; }
#wrapper { margin-top: 90px; }
}
#loading { display: none; line-height: 30px; background: #000; color: #fff; text-align: center; height: 30px; width: 100%; position: fixed;}