/*updated*/body { width:100%; font: 0.75em 'Ropa Sans'; } a { text-decoration:none; } a:hover { text-decoration:underline; } #canine { position:absolute; } .ten { margin:10px; } .twenty { margin:20px; } .thirty { margin:30px; } .forty { margin:40px; } #sidebar img, #photos img { display:block; } .ten, .twenty, .thirty, .forty { float:left; position:relative; } #photos, #photos img { width:100%; } #sidebar, .other#link, .pn, .on, .permadetails { text-align:center; } #sidebar { width:15.957446809%; /* 150/940*100 */ position:fixed; margin-top:200px; padding:0.6666666667%; /* 1/150*100 */ } #sidebar img { width:100%; margin:0 auto;} .other { /* all other posts except photos*/ padding:5px; } .other span { font-size:20px; font-weight:bold; } .other#ps img, .other img { width:100%; } .other#link { /*Post Links*/ padding:15px 10px; font-size:15px; } .quote { font-size:1.875em; } .sourceq { /*quote source/author */ text-align:right; padding:5px 0; } .other#link, .pn, .on, .navi, #ask, .permadetails { text-transform:uppercase; } .pn, .on { letter-spacing: 1px; width:100%; height:20px; padding: 10px 0 0; font-size:9px; } .pn { /* photo notes*/ position:absolute; color:white; bottom:-2px; text-shadow: 0 0 3px #000; opacity:0; } .pn a { text-decoration:none; } .caption { padding:10px 5px; } .ten:hover .pn, .twenty:hover .pn, .thirty:hover .pn, .forty:hover .pn { bottom:0; opacity:1; } .navi { /* sidebar navigation links*/ margin: 2px 0; padding:5px; display:inline-block; font-size:9px; } .desc { padding:7px 0; } /* Q AND A */#ask { font-size:9px; } #ask span, #ask span a { font-size:9px; } #ask.answer { margin-top:2px; text-transform:none; } #ask, .permadetails, .permanotes { padding:10px; } /* TO FIX THAT AUDIO EMBED ISSUE */ .soundcloud_audio_player { width:100%; height:300px; } /*fixes audio posts*/ .audio {width:100%; display:block;} .audio iframe {width:100%;} .audio iframe.spotify_audio_player {height:80px;} /* especially for spotify */ /* fixes video posts*/ .video {display:block;} .video iframe {width:100%;} #thecanine { /*theme credit*/ text-transform:uppercase; padding:5px 10px; width:100px; text-align:center; bottom:10px; left:-90px; letter-spacing:1px; position:fixed; } #thecanine:hover { left:0; } blockquote { margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote p { display: inline; } .pagination {display: none;}