/*
Theme Name:	Natasia
Theme URI:  
Description: Theme based on Near Nothing by Christian MacAuley, found @ http://fabapps.com/wordpress/nearnothing
Version: 1.0
Author: Tim
Author URI: timvd.nl
Tags: 
*/

/* basic reset */
* {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, cite, table {
margin-bottom : 0.8em;
}
ul, ol, li {
margin-left : 0.5em;
}
h1 {
font-family : "Times New Roman", Times, serif;
font-size : 20pt;
font-weight : normal;
color : #FFF;
text-decoration : none;
line-height : 23pt;
}
h1 a {
font-family : "Times New Roman", Times, serif;
font-size : 20pt;
font-weight : normal;
color : #FFF;
text-decoration : none;
line-height : 23pt;
}
h2 {
font-family : "Times New Roman", Times, serif;
font-size : 20pt;
font-weight : normal;
color : #FFF;
text-decoration : none;
}
.streepje, p {
font-family : "Times New Roman", Times, serif;
font-size : 20pt;
font-weight : normal;
color : #FFF;
text-decoration : none;
margin-top : 5px;
}
body {
/* background-image : url(images/background-01.jpg); */
background-attachment : fixed;
background-color : #55504c;
background-repeat : no-repeat;
background-position : center center;
overflow : auto;
overflow-x : hidden;
}
#wrapper {
display : block;
width : 980px;
margin : 0;
}
#wrapper2 {
text-align : left;
width: 100%;
}
a:hover {
opacity : 1;
}
img {
border : none;
}
blockquote, cite {
font-size : 0.9em;
padding-left : 20px;
padding-right : 20px;
}
#posttekst p {
margin : 0;
font-size : 15px;
color : #333;
background-color : #FFF;
opacity : 0.89999997615814208984375;
padding-left : 18px;
padding-right : 18px;
padding-top : 15px;
padding-bottom : 15px;
margin-left : 0;
width : 602px;
margin-bottom : 0;
}
#tekeningen p {
margin : 0;
font-size : 15px;
color : #333;
background-color : transparent;
background : transparent;
opacity : 0.89999997615814208984375;
padding-left : 18px;
padding-right : 18px;
padding-top : 15px;
padding-bottom : 15px;
margin-left : 0;
width : 520px;
margin-bottom : 0;
}
#posttekst a {
color : #333;
}
#tekeningen a:hover, #tekeningen a:active {
color : #333;
border : #333 dotted 1px;
}
#content {
width : 450px;
float : right;
padding-top : 110px;
min-height : 500px;
margin-right : 100px;
}
.postmeta {
clear : both;
}
#postexcerpt {
margin-bottom : -50px;
}
h6 {
background-color : transparent;
opacity : 1;
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
margin-left : 0;
width : 390px;
margin-bottom : 15px;
}
h5 {
font-style : normal;
font-weight : normal;
font-family : "Times New Roman", Times, serif;
margin : 0;
margin-top : 13px;
font-size : 15px;
color : #333;
opacity : 0.89999997615814208984375;
background-color : #FFF;
padding-left : 18px;
padding-right : 18px;
padding-top : 10px;
padding-bottom : 10px;
width : 602px;
margin-left : 0;
margin-bottom : 0;
font-style : italic;
}
#header {
margin-left : 50px;
margin-top : 0;
position : fixed;
}
.logo a {
margin-bottom : 42px;
opacity : 1;
}
.postmeta, .postnavigation {
font-size : 0.9em;
}
body.blog .post .postmeta, body.archive .post .postmeta, body.search .post {
padding-bottom : 0;
margin-bottom : -15px;
}
body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
border-bottom : none;
}
li.tekeningen a {
opacity : 0.5;
}
li.tekeningen a:hover {
opacity : 1;
}
li.tekeningen a.active {
opacity : 1;
}
li.tekeningen-2 a {
opacity : 1;
}
li.tekeningen-2 a:hover {
opacity : 1;
}
li.tekeningen-2 a.active {
opacity : 1;
}
li.video a {
opacity : 0.5;
}
li.video a:hover {
opacity : 1;
}
li.video a.active {
opacity : 1;
}

li.werk a {
opacity : 0.5;
}
li.werk a:hover {
opacity : 1;
}
li.werk a.active {
opacity : 1;
}
li.cv a {
opacity : 0.5;
}
li.cv a:hover {
opacity : 1;
}
li.cv a.active {
opacity : 1;
}
li.contact a {
opacity : 0.5;
}
li.contact a:hover {
opacity : 1;
}
li.contact a.active {
opacity : 1;
}
.menu1 {
margin-bottom : 50px;
}
#sidebar {
width : 150px;
float : left;
margin-top : 110px;
margin-left : 50px;
margin-bottom : 20px;
font-size : 0.9em;
position : fixed;
}
#sidebar2 a:link {
opacity : 0.5;
}
#sidebar2 a:active , #sidebar2 a.active, #sidebar2 a.active:active{
opacity : 1;
}
#sidebar2 a:hover {
opacity : 1;
}
#sidebar2 {
display : inline-block;
width : 100px;
float : left;
margin-top : 110px;
margin-left : 250px;
margin-bottom : 20px;
font-size : 0.9em;
position : fixed;
}
#sidebar3 {
display : inline-block;
width : 100px;
float : left;
margin-top : 230px;
margin-left : 250px;
margin-bottom : 20px;
font-size : 0.9em;
position : fixed;
}
#sidebar ul {
list-style-type : none;
margin : 0;
}
#sidebar li {
list-style-type : none;
margin-left : 0;
}
#sidebar li li {
list-style-type : disc;
margin-left : 18px;
}
#sidebar li ul ul {
margin-left : 0;
}
#sidebar h2 {
padding-bottom : 0.1em;
margin : 0;
}
#sidebar .widget {
margin-bottom : 20px;
}
#sidebar2 ul {
list-style-type : none;
margin : 0;
}
#sidebar2 li {
list-style-type : none;
margin-left : 0;
}
#sidebar2 li li {
list-style-type : disc;
margin-left : 18px;
}
#sidebar2 li ul ul {
margin-left : 0;
}
#sidebar2 h2 {
padding-bottom : 0.1em;
margin : 0;
}
#sidebar2 .widget {
margin-bottom : 20px;
}
#sidebar3 ul {
list-style-type : none;
margin : 0;
}
#sidebar3 li {
list-style-type : none;
margin-left : 0;
}
#sidebar3 li li {
list-style-type : disc;
margin-left : 18px;
}
#sidebar3 li ul ul {
margin-left : 0;
}
#sidebar3 h2 {
padding-bottom : 0.1em;
margin : 0;
}
#sidebar3 .widget {
margin-bottom : 20px;
}
#footer {
min-height : 150px;
}
.alignleft {
float : left;
padding : 2px 8px 8px 2px;
}
.alignright {
float : right;
padding : 2px 2px 8px 8px;
}
.aligncenter {
clear : both;
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption-text, .gallery-caption {
color : #666;
font-size : 0.8em;
padding : 3px 0;
}
.gallery {
padding : 10px 10px 25px 10px;
}
.widget_search #searchform label {
display : block;
}
.widget_search #searchform #s {
width : 100px;
}
/* @media (max-width: 1017px) {  */
@media (max-width: 1085px) { 
	#wrapper{
		position: absolute;
		left: 50%;
		transform: translateX(-30%);
	}
	.home #wrapper{
		position: absolute;
		left: 50%;
		transform: translateX(-33%);
	}
	#headercontent  h1  a {}
	p.streepje {display:none;color:#fff;height:5px}
	p {color:#fff;}
	
	#header {
		margin-left: 0;
		margin-top: 5px;
		bxackground-color:#26a;
		position:relative;
	}
	#sidebarmain{   
		margin-top: 5px;
		bxackground-color:#26a;
		position:relative;
		display:inline;
	}
	#sidebar,#sidebar2{width:100%;    
		margin-left: 0;
		bxackground-color:#26a;
		position:relative;
		/* deze twee voor tussenruimte*/
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.menu1 {    margin: 0;}
	h1 { margin-bottom: 0.2em;}
	#sidebar li,#sidebar2 li{display:inline}
	#content {
		position:relative;
		display:block;
		float: left;
		margin-top: 5px;
		bxxxackground-color:#fff;
		margin-right: 0; 
		margin-top: 0;
		padding-top: 5px;
		
	}
	/* cv = page-id-7 */
	/* contact = page-id-9 */
	.home #content, .page-id-7 #content, .page-id-9 #content {
		width: 640px;
	}
			/* eliminate  p ...*/
	#tekeningen p {
		margin-top: 0;
		padding: 0;
		width: auto;
		
	}
	.panel-overlay p ,  div#content div#tekeningen.tekjaar div.panel div.panel-overlay p{
		width: 555px;
	}
}
@media (max-width: 640px) {
	#wrapper {
		position: relative;
		left: initial;
		transform: initial;
		margin-left:5px;
	}

	h1 a {
    font-size: 12pt;
	}
}
@media (max-width: 500px) {

	.panel-overlay p ,  div#content div#tekeningen.tekjaar div.panel div.panel-overlay p{
		width: 500px;
	}
	div.panel img {width:450px}
	.galleryview .panel img {
		width: 450px;
	}
	h1 a {
    font-size: 12pt;
	}
}