html, body { margin: 0; padding: 0; height: auto!important; height: 100%; min-height: 100%; overflow-x: hidden; } html { background: #FFF; } * { font-family: "Lucida Sans Unicode", Helvetica, sans-serif; } html { font-size: 8pt; } a { color: #666; text-decoration: none; } a:hover { color: #000; } .clear { float: none; clear: both; } .title { font: 25pt "league gothic", sans-serif; color: #CCC; } /* main thumbnails wrapper */ #fs_wrapper { padding: 0 50px 0 35px; margin: 70px auto 0 auto; position: relative; z-index:990; } /* pagination and main title wrapper */ #sec2 { margin: 0 auto; padding: 0 50px; position: relative; z-index: 990; } /* all posts */ .fspost { float: left; height: 140px; width: 230px; border: 1px solid #000; margin-left: 15px; margin-bottom: 15px; position: relative; opacity: .8; overflow: hidden; background: #FFF; } .fspost:hover { opacity: 1; } .permalink, .fullsize { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 998; } /* post desc */ .fspost .desc { display: block; font-size: 6pt; letter-spacing: 1px; text-transform: uppercase; position: absolute; left: 0; bottom: 0; z-index: 999; width: 400px; background: rgba(0,0,0,.7); color: #FFF; visibility: hidden; cursor: pointer; } .fspost:hover .desc { visibility: visible; } .fspost .desc:hover { background: #000; } .fspost .desc .in { display: block; padding: 3px 5px; position: relative; } .fspost .desc .title { font-size: 1.2em; } .fspost .in { text-align: left; padding: 10px; } /* photo posts */ .fsphoto img { position: absolute; left: 0; top: 0; width: 300px; } .photo-hires { display: inline-block; padding: 2px 5px; background: #DDD; height: 18px; margin-bottom: 10px; } /* text posts */ .fstext .title:hover { color: #000; } /* quote posts */ .fsquote .quote { display: block; font: 25pt "league gothic", sans-serif; color: #333; margin-bottom: 15px; } .fsquote .source { font-size: 10pt; color: #CCC; font-style: italic; } /* answer posts */ .ask_asker { background: #DDD; height: 25px; margin-bottom: 10px; line-height: 25px; } .ask_asker img { display: inline-block; float: left; line-height: 25px; margin: 5px; } .ask_question { font-weight: bold; margin-bottom: 15px; } /* main title */ #info { padding-top: 10px; border-top: 1px solid #DDD; } #info div { text-align: right; } .infopic { border: 1px solid #000; float: right; height: 73px; margin-top: 4px; margin-left: 10px; } #blogmaintitle, #blogmaintitle a { color: #000; font-family: "League Gothic"; text-transform: uppercase; font-size: 50pt; line-height: 60px; } #blogsubtitle { font-family: "League Gothic"; text-transform: uppercase; color: #666; font-size: 16pt; } /* pagination */ #pgntn { height: 75px; } #next, #prev { font: 20pt "league gothic"; } #next { float: right; } #prev { text-align: left; } #pagenumber { line-height: 30px; text-align: center; color: #DDD; } /* credit */ #credit { position: fixed; top: 15px; left: 15px; color: #DDD; background: #FFF; padding: 5px; z-index: 999; } #credit a { color: #AAA; } #credit a:hover { color: #000; } /* begin permalink page specific css */ #pl_wrapper { margin-left: 50px; width: 500px; } .infopic_pl { float: left; margin-right: 10px; margin-left: 0; } .pl_info { padding-top: 0; border-top: none !important; margin: 45px 0; } .pl_info div { text-align: left !important; } #notez { margin-top: 45px; padding-top: 10px; border-top: 1px solid #DDD; } .more_notes_link { text-align: left; }