body { margin:0; padding:0; background:url(bg.gif) 0 0 repeat #f7f5f5; color:#333; font-family:Cambria, Georgia, serif; font-size:15px; overflow-x:hidden; }
header, section, footer, hgroup { display:block; }
img {border:none;}
a {color:#333; text-decoration:underline; }
a:hover, a:active { color:#036; }
/* Header */
#header { width:100%; background:#000; background:rgba(0, 0, 0, 0.8); padding:5px 0; letter-spacing:1px; margin-bottom:20px; position:fixed; top:0; left:0; z-index:99; }
#header h1 { padding:0 20px; margin:5px 0; text-shadow:2px 1px 1px #333, 2px 2px 1px #888; color:#EAEAEA; float:left; font-size:27px; }
#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:70px; 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; }
.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;
}
}