/*
Theme Name: Polaroids
Theme URI: http://www.webdesignuk.org.uk/polaroids
Description: A polaroid based theme ideal for both personal blogs and showcasing your portfolio.  Minimalist, clean, light and fast to load.
Version: 1.50
Author: Guy Davies
Author URI: http://www.webdesignuk.org.uk
Tags: white, light, custom-menu, editor-style, microformats, theme-options
Text Domain: polaroids
Domain Path: /languages
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Update: 2026-06-16
License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html,
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	font-family: "Times New Roman", "Noto Serif SC", "Songti SC", "SimSun", serif;
} 

#pagewidth {
	width: 98%;
	text-align: left;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 100px;
	width: 100%;
	display: block;
	overflow: auto;
	text-align: center;
	margin: 30px 0px 0px 0px;
} 
#header h1 {
	font-family: "Times New Roman";
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 10px;
	text-transform: uppercase;
	margin: 0px auto 0px auto;
	clear: both;
	color: #111111;
	padding: 0px;
} 
#header h1 a {
	color: #111111;
	text-decoration: none;
} 
#header h1 a:hover {
	color: #666666;
	text-decoration: none;
} 
#header h2 {
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 10px;
	text-transform: uppercase;
	margin: 0px auto 0px auto;
	clear: both;
	color: #888888;
	padding: 0px;
} 

#homecol {
	position: relative;
	text-align: center;
}

.polaroid {
	background: url(img/photo.jpg) top left no-repeat;
	width: 185px;
	height: 240px;
	padding: 34px 36px 26px 39px;
	display: inline-block;
	overflow: hidden;
	margin: 0px auto 20px auto;
	zoom: 1;
	*display: inline;
	_height: 240px;
}
.polaroidimage {
	width: 185px;
	height: 170px;
	padding: 0px;
	margin: 0px;
	display: block;
	overflow: hidden;
}
div.polaroidimage img {
	width: 185px;
	height: 170px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
div.polaroidimage img:hover {
	width: 185px;
	height: 170px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.polaroidtitle {
	font-family: "Times New Roman";
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 170px;
	height: 45px;
	overflow: hidden;
	line-height: 1.1em;
	padding: 5px 0px 0px 0px;
	color: #111111;
	text-align: left;
}
div.polaroidtitle a {
	color: #111111;
	text-decoration: none;	
}
div.polaroidtitle a:hover {
	color: #888888;	
}
.polaroiddate {
	font-family: "Times New Roman";
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 170px;
	height: 19px;
	overflow: hidden;
	line-height: 1.1em;
	padding: 3px 0px 0px 0px;
	color: #888888;
	text-align: left;
}

#maincol {
	position: relative;
	text-align: left;
}

#maincontent {
	font-family: "Times New Roman";
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #111111;
	width: 1000px;
	position: relative;
	margin: 0px auto 0px auto;
	text-align: left;
}
#maincontent h1 {
	margin: 0px auto 0px auto;
	padding: 0px;
	font-family: "Times New Roman";
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 10px;
	text-transform: uppercase;
	clear: both;
	text-align: center;
} 
#maincontent h1 a {
	text-decoration: none;
} 
#maincontent h1 a:hover {
	text-decoration: none;
} 
#maincontent h2 {
	margin: 0px auto 5px auto;
	padding: 0px;
	font-family: "Times New Roman";
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 8px;
	text-transform: uppercase;
	clear: both;
	text-align: center;
} 
#maincontent h3 {
	margin: 0px auto 5px auto;
	padding: 0px;
	font-family: "Times New Roman";
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 6px;
	text-transform: uppercase;
	clear: both;
	text-align: center;
} 
#maincontent h4 {
	margin: 0px auto 5px auto;
	padding: 0px;
	font-family: "Times New Roman";
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 4px;
	text-transform: uppercase;
	clear: both;
	text-align: center;
} 
#maincontent h5 {
	margin: 0px auto 5px auto;
	padding: 0px;
	font-family: "Times New Roman";
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	clear: both;
	text-align: center;
} 
#maincontent h6 {
	margin: 0px auto 5px auto;
	padding: 0px;
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	clear: both;
	text-align: center;
} 
#maincontent p {
	font-size: 15px;
	line-height: 1.7em;
	clear: left;
	margin: 0px 0px 10px 0px;
}
#maincontent p a:hover {
	text-decoration: none;
}
#maincontent a {
	color: #111111;
}
#maincontent a:hover {
	text-decoration: none;
}
#maincontent ul {
	font-size: 15px;
	line-height: 1.7em;
	clear: left;
}
#maincontent ol {
	font-size: 15px;
	line-height: 1.7em;
	clear: left;
}
#maincontent .postfooter {
	clear: both;
}



.navigation {
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1.7em;
	text-align: center;
	margin: 0px auto 0px auto;
}
.navigation a {
	color: #111111;
	text-decoration: none;
}
.navigation a:hover {
	color: #888888;
}
.prevlink {
	margin: 0px 20px 0px 20px;
}
.nextlink {
	margin: 0px 20px 0px 20px;
}

.date {
	margin: 15px auto 20px auto;
	text-align: center;
	}


#footer {
	clear: both;
	display: block;
	overflow: auto;
	text-align: center;
	margin: 30px 0px 20px 0px;
} 

#footermenu {
	margin: 0px auto 0px auto;
	text-align: center;
}
#footermenu h2 {
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #111111;
}
#footermenu h2:hover {
	color: #888888;
}
#footermenu h2:active {
	color: #888888;
}

#footermenu .content {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}

#footermenu .content.active {
	opacity: 1;
}

#footermenu {
	font-family: "Times New Roman";
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #888888;
}
#footermenu a {
	font-family: "Times New Roman";
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #888888;
}
#footermenu a:hover {
	text-decoration: none;
	color: #111111;
}

#footermenu ul {
	padding: 0px 0px 0px 0px;
	margin: 5px auto 15px auto;
	list-style: none;
	width: 600px;
	list-style: none;
	clear: left;
	text-align: center;
}
#footermenu ul li {
	margin: 0px 0px 0px 0px;
	display: block;
	text-align: center;
}
#footermenu ul li a {
	display: block;
	padding: 6px 5px 6px 10px;
	font-family: "Times New Roman";
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #888888 ;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	text-decoration: none;
}
#footermenu ul li a:hover {
	text-decoration: none;
	color: #333333;
}
#footermenu ul li ul {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 15px auto;
	list-style: none;
	width: 600px;
	list-style: none;
	clear: left;
	text-align: center;
}
#footermenu ul li ul li {
	margin: 0px 0px 0px 0px;
	display: block;
	text-align: center;
}
#footermenu ul li ul li a {
	display: block;
	padding: 6px 5px 6px 20px;
	font-family: "Times New Roman";
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #888888 ;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	text-decoration: none;
}
#footermenu ul li ul li a:hover {
	text-decoration: none;
	color: #333333;
}
#footermenu ul li ul li ul {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 15px auto;
	list-style: none;
	width: 600px;
	list-style: none;
	clear: left;
	text-align: center;
}
#footermenu ul li ul li ul li {
	margin: 0px 0px 0px 0px;
	display: block;
	text-align: center;
}
#footermenu ul li ul li ul li a {
	display: block;
	padding: 6px 5px 6px 30px;
	font-family: "Times New Roman";
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #888888 ;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	text-decoration: none;
}
#footermenu ul li ul li ul li a:hover {
	text-decoration: none;
	color: #333333;
}



table#calendar_wrap {
	width: 230px;
	overflow: hidden;
	clear: both;
}

#wp-calendar {
	font-family: "Times New Roman";
	font-size: 15px;
	text-decoration: none;
	color: #111111;
	clear: both;
	width: 210px;
	margin: 6px auto 6px auto;
	padding: 0px 10px 0px 10px;
}
#wp-calendar a {
	font-family: "Times New Roman";
	font-size: 15px;
	text-decoration: none;
	color: #333333;
}
#wp-calendar a:hover {
	font-family: "Times New Roman";
	font-size: 15px;
	text-decoration: none;
	color: #111111;
}

blockquote {
	margin: 20px;
	padding: 8px 8px 8px 15px;
}
blockquote p {
	background-color: inherit;
	color: #505050;
	font-size: 1em;
	line-height: 1.5em;
}
label {
	background-color: inherit;
	color: #606060;
	font-size: 1em;
	font-weight: bold;
}
table#wp-calendar {
	margin: 0 0 20px;
	width: 140px;
}
code {
	font-size: 1.5em;
	display: block;
	padding: 5px 5px 5px 8px;
	margin: 5px 0 15px 0;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0px 0px 10px 10px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0px 10px 10px 0px;
	display: inline;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

.left {
	border: 1px solid #cccccc;
	float: left;
	margin: 10px 15px 10px 0;
}
.right {
	border: 1px solid #cccccc;
	float: right;
	margin: 10px 0 5px 10px;
}
.center {
	border: 1px solid #aaaaaa;
	margin: 5px auto 12px;
	text-align: center;
}
.textright {
	text-align: right;
}
.small {
	font-size: 0.8em;
}
.bold {
	font-weight: bold;
}
.hide {
	display: none;
}
.post {
	margin: 0px;
}
.wp-caption-text {
	color: #111111;
}
.sticky {
	color: #111111;
}
.gallery-caption {
	color: #111111;
}


#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #111111;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
	
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 15px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #111111;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #888888;
}
.commentlist .even {
	
}
.commentlist .bypostauthor {
	
}
.reply {
	font-size: 15px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #111111;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #888888;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 15px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 16px;
	font-style: italic;
}


input[type=submit] {
	color: #111111;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list
#respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #888888;
	font-weight: bold;
}
#respond label {
	color: #111111;
	font-size: 15px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #111111;
	font-size: 15px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 13px;
}
#respond .form-submit {
	margin: 15px 0;
}
#respond .form-submit input {
	font-size: 16px;
	width: auto;
}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: both;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 12px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* Related posts */
.related_posts{margin-top:5px;}
.related_img{width:100%;height:250px;}
.related_box{float:left;overflow:hidden;margin-top:5px;width:158px;border-right:1px #eee solid}
.related_box:hover{background:#f9f9f9}
.related_box .r_title{width:auto;height:55px;font-weight:400;font-size:14px;margin:0 10px;overflow:hidden;}
.related_box .r_pic{margin:6px}
#maincontent .related_box .r_pic img{width:140px;height:140px;border:1px solid #e1e1e1;background:#fff;padding:2px;object-fit:cover}

#maincontent {
	max-width: 94vw;
}

#maincontent img {
	max-width: 100%;
	height: auto;
}

#footermenu ul,
#footermenu ul li ul,
#footermenu ul li ul li ul {
	max-width: 94vw;
}

@media (max-width: 700px) {
	#header {
		height: auto;
		margin-top: 20px;
	}

	#header h1,
	#header h2 {
		letter-spacing: 4px;
	}

	.related_img {
		height: auto;
	}

	.related_box {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
}