@charset "utf-8";
/*
Theme Name: Galleria
Theme URI: http://www.danconnolly.co.uk/
Description: A custom theme for my personal site
Author: Dan Connolly
Version: 1.1
*/

/* Page Layout */

body {
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal;
}

body header + .container {max-width:600px;}

header {
background: #151318;
color: #fff;
}
header a, header a:hover {color:#fff;}
header h1 {margin:0;}
header h1 a, nav a {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
nav {text-align:center; margin: 0 -20px; background:#333; padding: 5px 20px 0;}
nav + nav {padding-bottom:5px;}
nav a { display:inline-block; margin: 5px 10px;}

@media all and (min-width:600px) {
	nav, nav+nav {
		float:right;
		margin:-32px 0 0;
		padding: 0 15px;
		background:none;
	}
	nav#nav1 {
		float:left;
	}
	nav a {
		margin: 10px;
	}
}

footer {
clear: both;
background: #151318;
color: #fff;
padding: 20px 0;
}

footer ul {
margin: 10px 0;
padding:0;
list-style:none;
font-size:12px;
}

footer li {
margin:0 0 5px;
padding:0;
}

footer li span {
font-size:11px;
}

footer a {color:#62abfa;}

/* Basic elements */

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h1, h2, h3, h4, h5 {font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal;}

p, blockquote {line-height:24px;margin: 0 0 24px;}
blockquote {
padding: 12px 17px;
margin: 0 0 20px;
background: #f0f4fa;
font-size: 15px;
border-left: 5px solid #7af;
}
.post a {text-decoration:underline;}
.post a:hover {color:#136;}
.post h2 a {text-decoration:none;}
.post h2 a:hover {text-decoration:underline;color:#000;}

/* Post List */

.post .title, #page h1 {
text-align:center;
font-family: 'Surveyor Fine A', 'Surveyor Fine B'; font-weight: 800; font-style: normal;
font-size: 40px;
margin: 20px 0 10px;
line-height:44px;
border:none;
}
#page {
padding:20px 0 30px
}
#page h1 {margin-bottom:20px;}

.title a {
color: #0b0202;
}

.posted {
color: #0b0b02;
font-size: 10px;
text-transform: uppercase;
display: block;
letter-spacing: 1px;
margin: 10px 0;
text-align:center;
}

.img-wrap {
display:block;
margin-left:-15px;
margin-right:-15px;
margin-top:24px;
margin-bottom:24px;
}
.post .img-wrap img {
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
@media all and (min-width:768px) {
	.img-wrap {
		margin-left:-50px;
		margin-right:-50px;
	}
}
@media all and (min-width:992px) {
	.img-wrap {
		margin-left:-120px;
		margin-right:-120px;
	}
}

.post {
margin: 0 -15px;
padding: 10px 15px 20px;
border-bottom: 3px double #32324a;
}

@media all and (min-width:768px) {
	.post {
		margin: 0 -50px;
		padding:20px 15px 30px;
	}
}
@media all and (min-width:992px) {
	.post {
		margin: 0 -150px;
		padding:20px 150px 30px;
	}
}

.post img, .post iframe, .post object {
display:block;
margin: 20px auto;
max-width:100%;
}
.post iframe {margin: 20px auto !important;}

.post img {height: auto;}

/* Related posts */

.more-posts {}
.more-posts h3 {
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
}
@media all and (min-width:768px) {
	.more-posts h3 {
		margin-left: 150px;
		margin-right: 150px;
	}
}
.post .more-posts ul {list-style:none;margin:0;padding:0;}
.post .more-posts li {line-height:18px; margin: 0 0 6px; }
.post .more-posts a {font-size:12px;text-decoration:none;}

@media all and (min-width:768px) {
	.more-posts {
		margin: 0 -30px;
	}
}
@media all and (min-width:992px) {
	.more-posts {
		margin: 0 -130px;
	}
}

/* Prev and Next */

#pager {
	text-align:center;
	margin: 20px 0;
}
#pager a {
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
margin: 0 10px;
color: #026baa;
border: 1px solid #fff;
transition: 0.2s ease all;
}
#pager a:hover {
background:#eaebef;
border-color:#dadcee;
text-decoration:none;
}

@media all and (min-width:768px) {
	#pager {
		margin: 20px -50px;
	}
}
@media all and (min-width:992px) {
	#pager {
		margin: 20px -150px;
	}
}

/* Post Display Page */

.post {

}

.post-info {}

.post-content, .post-comments {

}
.post-content ul {padding-left:24px;}
.post-content li {
  margin: 12px 0;
}
.post-content a:hover {}

.post h2 {
    line-height: 24px;
    margin: 24px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 12px;
    font-size: 20px;
    text-align: center;
}
.post h3 {
    margin-bottom: 24px;
    font-size: 18px;
    text-align: center;
    font-style:italic;
}

.post p {

}

.post p.wp-caption-text {
font-size: 11px;
margin: -10px 0 10px;
font-style: italic;
text-align: center;
}

.post p.posted, .comment-meta a {

}

.comment-meta a.comment-edit-link {

}

.post ul, .post ol {
	margin: -12px 0 12px;
	line-height:24px;
}
.post ul:first-child, .post ol:first-child {margin-top:0;}
.post ul {list-style:disc;}
.post ol {list-style:decimal;}

.post img {

}

.post img.wp-smiley {margin:0;}

.post-tags {
text-align:center;
margin: 20px 0;
}
.post-tags a {
display: inline-block;
padding: 5px 6px;
margin: 0 10px 10px;
background: #ccc;
color: #222;
font-size: 12px;
line-height: 1;
position: relative;
border-radius: 0 3px 3px 0;
text-decoration:none;
}
.post-tags a:hover {
text-decoration:underline;
color: #222;
}
.post-tags a:before {
border-width: 9px;
border-style: solid;
border-color: transparent #ccc transparent transparent;
position: absolute;
left: -18px;
top: 0;
height: 22px;
width: 0;
content: '';
}
.post-tags a:after {
border: 2px solid #fff;
border-radius: 10px;
position: absolute;
content: '';
left: -4px;
top: 9px;
}
@media all and (min-width:768px) {
.post a.post-edit-link {
position: absolute;
top: 45px;
right: 10px;
padding: 10px;
background: #eee;
line-height: 1;
font-size: 12px;
text-decoration: none;
}
}

/* Comment List */

#respond {border-top:1px solid #ccc;}

ol.commentlist {
list-style:none;
margin:20px 0;
padding:0;
}

.post .comment img {
display: none;
}

.comment {
background: #eee;
padding: 15px;
margin: 10px 0;
}

.comment-meta {font-size:12px;}

p.comment-subscription-form {margin-bottom:10px;}
.comment-subscription-form label {font-weight:normal;}

/* Footer */

@media all and (min-width:768px) {.ralign {text-align:right;min-height:1px;}}

/* Page */

/* Sharing is caring */

body .sd-content ul {
margin: 25px 0 0 !important;
text-align: center;
}