@charset "utf-8";
/*
Theme Name: Annie Hoogendoorn
Description: A clean template with the focus on the portfolio of Annie Hoogendoorn
Version: 2.0
Author: project CHM
Design: Annie Hoogendoorn Photography

	AnnieHoogendoorn 1.0
	 http://www.anniehoogendoorn.nl

/*Body Lay-out-----------------------------------------------------------------------*/

* { margin: 0; padding: 0; border: 0; }

body, html{
    text-align: left;
    color: #000;
    background: #fff;
	height: 100%;
	min-height:100%;
}


* html #mainContainer{ height:100%;}

#mainContainer {
	width:100%;
	text-align:left;
	min-height:100%;
	height:100%;
	position:relative;
}

#titleBottom {
	height:25px;
	margin: 15px 0 0 0;
	padding-bottom: 10px;
	position:absolute;
	bottom:35px;
}


#page{width:100%; height:100%; min-height:100%;}

#mainContent {
	position:absolute;
	height:100%;
	left: 270px;
	margin:0 25px 25px 0px;
	padding-top:25px;
	text-align:left;
	width:820px;
}

#sidebar {
	float:left;
	width:220px;
	height:100%;
	margin:25px 0 15px 25px;
	position:fixed;
}

#sidebar ul li, div.tab ul li {list-style:none; list-style-image:none;}

#sidebar div#about ul li, #sidebar ul#tabNav li{display:inline-block; margin-right:10px;}
ul#tabNav{line-height:18px; background:#000; padding-left:5px; height:18px;}
div.tabs > div{margin:5px 5px 20px 5px;}
div.tabs > div ul{margin-top:0;}
#sidebar div#about{padding-top:5px; border-top:#000 solid 5px;}

#postContent{ border-top:#000 solid 18px; height:100%;}

#flashcontent {
  margin-top:-10px;
  height: 70%;
  width: 100%;
}

.autoviewer { height: 95%;  width: 100%; outline:none;}

div#titleBottom{width:250px;}

/*Post(s) Lay-out-----------------------------------------------------------------------*/

div#postContent{ width:100%; padding-top:10px; float:left;}

ul#twoColumn, ul#twoColumn li, ul.postOverview li {list-style:none; list-style-image:none;}
ul#twoColumn li {width:400px; float:left;}
ul#twoColumn li p {border-top:#000000 solid 3px; border-bottom:#000000 solid 1px; margin-bottom:25px; padding:10px 0 0 0;}
li.subPage {margin-left:20px;}

ul.postOverview{width:820px;}
ul.postOverview li{display:inline-block; border-bottom:#000000 solid 1px; margin-bottom:15px; padding-bottom:15px;}
div.alignleftBlog {float:left; width:550px;}
div.alignrightBlog {float:right; vertical-align:top; margin-left:20px; width:245px;}

.border2px{border-bottom:#000000 solid 3px;}

.alignleft{float:left;}
.alignright{float:right;}
/* Typography & Colors------------------------------------------------------------------- */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	}
	

a {color:#000; text-decoration:none;}
a.readmore{color:#999; text-decoration:none; font-size:1.0em;}
/* header */
h1 { font-size:1.8em; letter-spacing:-0.02em; }
h1 a {color:#000;}

/* content */
#mainContent { font-size: 1.2em; line-height: 1.6em; }

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg{
	text-decoration: none;
	}
	
h2 { font-size: 1.4em; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
h3 {border-top:#000000 solid 1px; font-size: 1.2em; }
h3.grey{color:#999;}

.grey{color:#999;}

.date, .postmetadata, .navigation{font-size:0.9em;}

/* sidebar */

#tabProjects ul li, #tabBlog ul li{
	font-size: 1.2em; line-height:1.4em; width:200px;
}

ul li h2.HelvN{letter-spacing:0.2em;}

h2.white {color:#FFFFFF;}

/* End Entry Lists */
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
	border:0;
	outline:none;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
  .sIFR-active .HelvN{  
  visibility:hidden;
    
  }  

#postContent img {margin-right:20px;}
/* Footer Section------------------------------------------------------------------------ */
  .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
#footer{width:100%; margin:0; padding:0; bottom:0; height:0; visibility:hidden;}