/* Theme Name: Kolaj. Collage. Kündölük 3.2 (2013). */
body { margin:0; background:#f1f1f1; font:14px/1.5 "Open Sans", Helvetica, Arial, sans-serif; color:#333; }
a { color:#333; text-decoration:none; } a:hover { color:#c4302b; }
#bar { position:sticky; top:0; background:#fff; border-bottom:1px solid #ddd; height:52px; display:flex; align-items:center; gap:24px; padding:0 20px; z-index:2; }
#bar h1 { margin:0; font-size:22px; font-weight:600; color:#c4302b; letter-spacing:-.5px; }
#bar h1 a { color:#c4302b; }
#bar .tag { color:#999; font-size:12px; flex:1; }
#bar nav a { margin-left:16px; font-weight:600; font-size:13px; color:#666; }
#main { padding:16px; }
.masonry { columns:5 230px; column-gap:14px; }
.pin { break-inside:avoid; background:#fff; border-radius:6px; margin:0 0 14px; box-shadow:0 1px 3px rgba(0,0,0,.15); overflow:hidden; display:block; }
.pin img { display:block; width:100%; height:auto; }
.pin .t { padding:8px 10px 2px; font-size:13px; font-weight:600; }
.pin .x { padding:0 10px 4px; font-size:12px; color:#777; }
.pin .h { padding:4px 10px 8px; font-size:11px; color:#c4302b; border-top:1px solid #f0f0f0; }
.single { max-width:760px; margin:0 auto; background:#fff; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.15); padding:20px 24px; }
.single h2 { margin:0 0 4px; font-size:24px; }
.single .date { color:#999; font-size:12px; }
.single .hearts { display:inline-block; background:#c4302b; color:#fff; border-radius:4px; padding:4px 12px; font-weight:600; font-size:13px; }
.photo { margin:10px -24px; } .photo img { display:block; width:100%; height:auto; } .photo span { display:block; padding:4px 24px; font-size:12px; color:#888; }
.single ul, .single ol { padding-left:20px; }
.comments .c { border-top:1px solid #eee; padding:8px 0; font-size:13px; }
.navigation { column-span:all; display:flex; justify-content:center; gap:20px; padding:12px; }
.navigation a { background:#fff; border-radius:16px; padding:6px 18px; box-shadow:0 1px 2px rgba(0,0,0,.15); font-weight:600; }
.pagebox { max-width:760px; margin:0 auto; background:#fff; border-radius:8px; padding:20px 24px; }
#foot { text-align:center; color:#999; font-size:11px; padding:20px; }
@media (max-width:600px) { #bar .tag { display:none; } .single { padding:14px; } .photo { margin:10px -14px; } }