/*
Theme Name: Weeds
Theme URI: http://wordpress.nataliejost.com
Version: 2.0.0
Description: Gemoderniseerde versie van het klassieke Weeds-thema, geschikt voor actuele WordPress- en PHP-versies.
Author: Natalie Jost
Author URI: http://www.nataliejost.com/
Requires at least: 7.1
Requires PHP: 8.1
Text Domain: weeds
*/

/* Default Styles */
* 
{
	margin:0; 
	padding:0;
} 
.clear 
{
	display:block; 
	clear:both; 
	height: 1%;
}
p 
{
	margin:20px 0;
} 
ul, ol 
{
	margin:0 0 0 0px;
} 
li
{
	list-style:none;
}
ul li 
{
	margin:0 0 0 20px;
} 
input, textarea 
{
	background: #F1ECD0;
	border: #A29970 1px solid;
}

/* Images & Links */
a 
{
	color: #584122;
	text-decoration:none; 
	font-weight: normal;
}
a:visited 
{
	color: #413C24;
	font-weight: normal;
}
a:hover 
{
	color: #000; 
	text-decoration:underline;
}
a img 
{
	border: none;
}

/* Structure */
body 
{
	background: #D8D4C1 url(img/back.jpg) fixed 300px 0;
	font-family: arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align:center;
	color:#555;
	line-height:1.3em;
}
#wrap 
{
	background: #524323;
	width:730px;
	margin:0 auto;
	padding:0px 8px;
	text-align:left;
	font-family: 'Arial Rounded MT Bold', arial, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
}
#header 
{
	text-align:left;
	height: 350px;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	background:#A39D7E url(img/banner.jpg) no-repeat bottom; 	
}
	#header h1 
	{
		display:block; 
		padding: 15px 25px 3px;
		width: 350px;
	}
	#header p 
	{
		display:block; 
		padding: 0 25px;
		width: 350px;
	}
#main 
{
	padding: 0 10px;
	background: #F1EFE5;
}
#content 
{
	width:490px;
	float:right;    /* you can change this to left or right */
	padding:5px;
	margin:0;
	overflow:hidden;
	font-weight: normal;
	display:inline;
}
#sidebar 
{
	width:180px;
	float:left;     /* you can change this to left or right */
	padding:0px 8px 10px 8px;
	margin:0;
	font-size:1em;
	color:#333;
	display:inline;
} 
#footer 
{
	margin:0 auto;
	padding: 7px 0;
	border-top:1px solid #BBC4A3;
	clear: both;
	text-align:center;
	width:730px;
        height: 120px;
        font-size: 90%;
        background: #A39D7E url(img/footer.jpg) no-repeat left bottom;
        display:block;
}
/* Formatting */
h3 
{
	margin: 0;
	padding: 0;
	font-size:1.3em;
}
h1, h2, h3, h4, .postnav 
{
	font-family: 'Arial Rounded MT Bold', arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.08px;
        text-transform: uppercase;
}
h2.storytitle 
{
	margin-top:20px;
	
}
blockquote
{
	margin: 0 30px 10px 20px;
	padding: 0 0 0 8px;
	font-style:italic;
	border-left: 5px solid #B19D3C;
}

#sidebar h2 
{
	margin: 10px 0 0 0;
	font-size: 100%;
	color: #584122;
	text-align:center;
        font-weight: normal;
}
#sidebar ul 
{
	background:#F3F6ED;
	list-style-type: none;
	padding: 8px;
	margin: 0;
	font-size: 0.9em;	
	padding-bottom:2px;
	border:#CABB9A 0px solid;
}
.postnav 
{
	text-align:center;
}
#sidebar ul li 
{
	margin: 0.2em 0 0 0;
	padding: 0;
	border:none;	
}
.meta 
{
        font-weight: normal;
	font-size:0.85em;
	font-family: Verdana, Arial, Sans-Serif;
	margin:0;
	padding:0;
	color:#333;
}
.date 
{
	float: left;
	color: #BBC4A3;
	font-family: 'Arial Rounded MT Bold', arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
        font-weight: normal;
	margin: 3px 10px 0 0;
	padding: 8px 3px;
	width: 55px;
	background: #E7EBDE;
	line-height:1em;
}
.postfooter 
{
	padding-top:0px;
	background: none;
}


.commentlist 
{
	font-size:1em;
	font-weight:normal;	
}
#commentform 
{
	margin:0 0 0 40px;
}
#commentform textarea 
{
	width: 80%;
}
#commentform p 
{
	margin: 0 0 1em;
}
#comments,#respond 
{
	text-transform: uppercase;
	margin: 3em 0 1em 40px;
	color: #676E04;
	font: 0.9em 'Arial Rounded MT Bold', arial, sans-serif;
        font-weight: normal;
}
.commentlist li {
	margin:5px 0;
	padding:10px 10px 20px 10px;
	background:#F3F6ED;
	border:#E1D6C6 1px solid;
}
.commentlist .odd {
	background:#E7E5D8;
}

/* WordPress 7.x / modern browser compatibility */
html {
	box-sizing: border-box;
}
*, *::before, *::after {
	box-sizing: inherit;
}
img, video, iframe {
	max-width: 100%;
	height: auto;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	height: auto;
	width: auto;
}
.commentlist .children {
	margin-left: 20px;
}
.comment-author .avatar {
	float: left;
	margin-right: 10px;
}
.comment-meta,
.comment-metadata {
	font-size: .85em;
}
.navigation.pagination {
	margin: 20px 0;
}
.navigation.pagination .page-numbers {
	margin: 0 4px;
}
.widget {
	margin-bottom: 16px;
}

@media (max-width: 760px) {
	body {
		background-position: center top;
	}
	#wrap,
	#footer {
		width: 100%;
	}
	#header {
		height: auto;
		min-height: 220px;
		background-size: cover;
	}
	#header h1,
	#header p {
		width: auto;
	}
	#content,
	#sidebar {
		float: none;
		display: block;
		width: 100%;
	}
	#commentform {
		margin-left: 0;
	}
	#commentform textarea {
		width: 100%;
	}
}