body { background-image:url('http://www.totallylayouts.com/backgrounds/monster/zombie_cat_brains.png'); background-color: #ffffff;font-family:'Typewriter FS', serif; } p { margin:0px; padding:0px; } #title { width:100%; text-align:center; font-family:LobsterMontserrat; font-size:90px; font-weight:700; line-height:90px; color:#2bb019; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); margin-top: 50px; } #search { overflow:hidden; width:190px; text-align:center; margin-top:25px; margin-left:auto; margin-right:auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#fff; padding:0px; overflow:hidden;} #menu { width:100%; text-align:center; margin-top:25px; } a.menu:link,a.menu:visited,a.menu:active { font-family:'Typewriter FS', serif; font-size:15px; font-weight:700; text-decoration:none; line-height:15px; color:#f8f3f3; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); margin-left:10px; margin-right:10px; } a.menu:hover { font-family:'Typewriter FS', serif; font-size:15px; font-weight:700; text-decoration:underline; line-height:15px; color:#ce3596; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); margin-left:10px; margin-right:10px; } a:link, a:active, a:visited { color:#000;text-decoration:none;} a:hover { color:#000; text-decoration:underline; } a.title:link, a.title:active, a.title:visited { color:#000; font-size:16px; line-height:25px;text-decoration:none;} a.title:hover { color:#000; text-decoration:underline; font-size:16px; line-height:25px; } .quote_text { font-style:italic; font-size: 22px; line-height:30px; text-align:left; width:470px; display:block; color:#000000; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAlCAYAAAAA7LqSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZJREFUeNq8mUtoFEEQhnvGJcmGrGYS3bx8XETFgwcRQUGiIIIgevDgzYPkIOJJECWChyh6DigiIj6iKAoeFFHw4gtPviMqEUVjHprEHUIwQU2CfyW10nRm510WfGxvz0wXf091d3WPVSgUFNtasAjUgXr+nQfmgCpQBiy+dxyMgRHwA3wHfWAI9IOXoFd5G7W3GiwAc0EjyDM5UAmy7GsSjDLD7KuP/Q2Absdx7lOjGX7gLtik0rPfYAu4Z9QvBw9BbVqOXNd9i59mm3snTRGK395uj/qdaYrQOmczCVmiZCznUdck5Ctv8ziQsDovh1K+SEiDUOONHGK6zRfy1WCzQwmr5VmpaFlBIVOhVS/UuGUMbArh2VLj0RZsnKxaK9cI+qkkIRWCDqqM0JKyMlvYQdZYW6SsgoTY/0mIJeinnERMSDrQypOCfjIk5Kdk7GrlX9JCxgQdzNLKI4J+bBLiCjoY18oFwTCesDmvl7JRrTzIYkT8kJBuQSGDeq+Br0J+hm3ebUnZJ+N/j5CfXtvotVQbB11G3ZCQr9ck5IVQ40896t5ICvkA9oNXKa8pzzzqzoArHHJpzmAPLO0UhcwBC3l3V83b1XLOXI9EbHwF6PS53sTkOQPP8Zq2FWyP0mGO46zKmIcSJdaVQxFFdAWIKI4hryOjXRF9XZpa2kPcSCKORmy8PWaIPAFrIj5zQQVkvpStnowhgmL/fMRnFvOYiiriIsLK9ROyDbwDe2L0apuxovvuI8BB8B6sjOGr9V/WaFygw4LrYH2Clbwt5L3rwNUEhx/H9DFmvpGWBCJUxNmmPYGIz+YEZArpTCCCxtOjhAtmWNs4I483/t8Gz2M0TAfTeyM+czjBW/8YJITsQIxUJE44fosxu9HB+A3PKdZY2Yv2hVf4MG9iQ4L9OB0O9oe8l07yO8xKTL/Kb/ptDdHwOdCc8FCB3srNgHt6+I13+O51S9Rf9tk5Uv2OGKlEKdvnc+0sWEZJYeCm3efacY+6E2ApuJZi5koD95ZR91hNf3xqCZuRlxojRbujpj8E0ae5U4L7iRpeHP+A0yHCbcYY+SvAAMspnJG+OkUFAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: top right; } .quote_source { font-style:italic; font-size: 11px; line-height:14px; text-align:right; width:470px; display:block; color:#989898; } .shadow { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); } #description { width:100%; text-align:center; font-family:'Typewriter FS', serif; font-size:15px; font-weight:700; line-height:15px; color:#dbdfdb; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); margin-top: 25px; } a.post_href:link,a.post_href:visited,a.post_href:active { width:500px;display: block;margin-bottom: -4px; } a.post_href:hover { width:500px;display: block;margin-bottom: -4px; } .html_photoset{ margin-bottom: -4px; } .post { overflow:hidden; float:left; margin-right: 20px; margin-bottom: 20px; width:500px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .text_post { overflow:hidden !impotant; background-color:#fff; width:480; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:15px; font-size:13px; margin-bottom: -4px; padding-bottom:24px; font-size:12px;} .ask_post { overflow:hidden !impotant; background-color:#f3f3f3; width:480; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-radius: 2px; padding:15px; font-size:13px; display:block; -webkit-border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; padding-bottom:24px;font-size:12px; } .answer_post { overflow:hidden !impotant; background-color:#fff; width:480; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding:15px; font-size:13px; display:block; padding-bottom:24px; font-size:12px;} .photo_post { overflow:hidden !impotant; width:500; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: -4px;} #image { } #image:hover { } #pan_image { } #pan_image:hover { } #image:hover { filter: saturate(100%); -webkit-filter: saturate(100%); -moz-filter: saturate(100%); -o-filter: saturate(100%); -ms-filter: saturate(100%); } img { } img:hover { } .post iframe{ margin-bottom: -4px; } .hover .post { /* We need this to make the .hover-appear div relative to .post */ position: relative; } .hover .post .hover-appear { /* set it at the bottom of .post */ position: absolute; bottom: 0; /* and don't display it */ display: none; width:250px; height:31px; float:left; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg=='); } #post_full { overflow:hidden; width:500px; height:auto; float:left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom:20px; margin-bottom: -4px; } .hover .post:hover .hover-appear { /* only display it when .post is being hovered on */ display: block; } #reblog_thumb { overflow:hidden; width:33px; height:31px; float:left; text-align:center; line-height:31px; padding-top:5px; margin-left: 17px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #reblog_thumb:hover { overflow:hidden; width:33px; height:31px; float:left; text-align:center; line-height:31px; padding-top:5px; margin-left: 17px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #like_thumb { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; padding-top:1px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #like_thumb:hover { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; padding-top:1px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #perma_thumb { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #perma_thumb:hover { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} #source_thumb { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #source_thumb:hover { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #notes_thumb { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #notes_thumb:hover { overflow:hidden; width:50px; height:31px; float:left; text-align:center; line-height:31px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} a.perma_thumb_link:link, a.perma_thumb_link:active, a.perma_thumb_link:visited { height: 31px; display:block; margin-top:5px; } a.perma_thumb_link:hover { height: 31px; display:block; margin-top:5px; } a.source_thumb_link:link, a.source_thumb_link:active, a.source_thumb_link:visited { height: 31px; display:block; margin-top:4px; } a.source_thumb_link:hover { height: 31px; display:block; margin-top:4px; } a.notes_text:link, a.notes_text:active, a.notes_text:visited { font-family:Montserrat; line-height: 31px; font-size:14px; color:#fff; height: 31px; display:block; text-decoration:none; text-align:center !important; letter-spacing:-1px; } a.notes_text:hover { font-family:Montserrat; line-height: 31px; font-size:14px; color:#fff; height: 31px; display:block; text-decoration:none; text-align:center !important; letter-spacing:-1px;} #source_thumb { overflow:hidden; width:20%; height:30px; float:left; text-align:center; line-height:30px; } .post_caption { background-color:#fff; padding:10px; font-size:10px; } #pagination { width: 300px; height:30px; margin:auto; text-align:center; background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height:30px; margin-top:30px; } #caption_full { width:480px; background-color:#fff; float:left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom:20px; padding:10px; } #notes { width:500px; background-color:#fff; float:left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom:20px; } #search_bar { background-color:#fff; width:150px; border:0px; height: 20px; padding:5px; font-family:'Typewriter FS', serif; color:#323232;} #search_button { background-color:#fff; width:30px; border:0px; height: 30px; padding:0px; font-family:'Typewriter FS', serif; color:#323232; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNpi/P//PwMlgImBQsCCLrBmzZowIJUHxFpADHLeBSDuCgkJ2YnNAEZkLwA1T4RqRgcgRdVAQ9pxegGoOQSq+TMQxwMxLxALQsV+AXErUI0NPi/AbM4C2rQESXwyUCMnkO4E4lwgPoIrEI2A+A8Qr8XiheVQ2hhfLPwDhQmOmIG59Dc+A04BMTMQR2MxIB5KH8cXBn1A7AzEE6B+XgeVjwXFAFTNHULR2ACk6vGkG5A3E4CBvBirAVBD3KChDUpIP4H4PBCfAOIeIGYD4r9AHAU0ZBVWA3ABoMH+QGo1ELMC8RWgAbok5QWgho1AKhykGYg9cHqB7rkRIMAAd05SOzyDPBkAAAAASUVORK5CYII=); background-repeat:no-repeat; background-position:center;} ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #efefef; } ol.notes li.note { border-top: solid 1px #efefef; padding: 10px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 20px; height: 20px; } img.avatar { } ol.notes li.note span.action { font-weight: bold; font-size:12px; line-height:20px; } ol.notes li.note .answer_content { font-weight: normal; font-size:12px; line-height:20px; } ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; font-size:12px; line-height:20px; } ol.notes li.note blockquote a { text-decoration: none; font-size:12px; line-height:20px; } #footer_links { width:100%; color: #fff !important; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 3px; line-height: 7px; text-decoration:none; opacity: 0.1; filter: alpha(opacity = 0.1); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.1);} .container { width:500px; height:100%; margin:auto; margin-top: 50px; #twitter { overflow:hidden !impotant; background-color:#fff; width:250; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0px; font-size:13px; margin-bottom: -4px; font-size:12px; margin-bottom:20px;} .twitter_header { overflow:hidden !impotant; background-color:#f3f3f3; width:480; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-radius: 2px; padding:15px; font-size:13px; display:block; -webkit-border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; padding-bottom:15px;font-size:12px; margin-bottom:15px; } .twitter_content { font-size:11px; font-weight:none; width:220px; padding-bottom:15px; padding-left:15px; }