/* Theme Name: Kapchyk. Pocket. Kündölük 3.0 (2011), photo blogs from the phone. */
body { margin:0; background:#fbeff1; font:300 15px/1.55 "Josefin Sans", Futura, "Century Gothic", sans-serif; color:#6d3a48; }
a { color:#b05570; text-decoration:none; } a:hover { color:#3d6f6b; }
#side { position:fixed; left:0; top:0; bottom:0; width:260px; background:#f7d6dc; text-align:center; padding:50px 24px; box-sizing:border-box; }
#side .av { width:110px; height:110px; border-radius:50%; margin:0 auto 14px; border:5px solid #fff; background:radial-gradient(circle at 50% 38%, #e8c3a0 0 30%, transparent 31%), radial-gradient(circle at 50% 100%, #3d6f6b 0 45%, transparent 46%), #bfe3dc; }
#side h1 { margin:0; font-weight:300; font-size:30px; letter-spacing:.14em; text-transform:lowercase; }
#side h1 a { color:#6d3a48; }
#side .tag { font-size:13px; margin:6px 0 18px; }
#side nav a { display:block; text-transform:uppercase; letter-spacing:.2em; font-size:12px; line-height:2.2; }
#side .tiny { font-size:11px; margin-top:20px; opacity:.8; }
#main { margin-left:260px; padding:40px 30px; max-width:560px; }
.post { background:#fff; padding:14px; margin:0 0 30px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.post h2 { font-weight:400; font-size:20px; margin:4px 0; letter-spacing:.04em; }
.post h2 a { color:#6d3a48; }
.post p { margin:0 0 10px; }
.photo { margin:0 0 10px; } .photo img { display:block; width:100%; height:auto; filter:sepia(.22) saturate(1.1) contrast(.95); } .photo span { display:block; font-size:12px; margin-top:4px; }
.post .meta { display:flex; justify-content:space-between; font-size:12px; color:#b05570; border-top:1px solid #f4dde2; padding-top:8px; letter-spacing:.06em; }
.card .photo { margin:0; }
.comments .c { font-size:14px; padding:6px 0; border-bottom:1px solid #f4dde2; }
.navigation { display:flex; justify-content:space-between; text-transform:uppercase; letter-spacing:.2em; font-size:12px; }
#foot { margin-left:260px; padding:0 30px 30px; font-size:11px; letter-spacing:.1em; }
@media (max-width:760px) { #side { position:static; width:auto; padding:24px; } #main, #foot { margin-left:0; padding:16px; } }