/* ########################################################################

    Theme Name: Mikzlog Klare Lijn
    Theme URI: http://mikz.net/log
    Version: 1.0
    Author: mike
    Author URI: http://mikz.net/log
    
    This stylesheet is handcrafted for mikzlog by mike.
  
    I wanted mikzlog to be clean and beautiful: easy navigation on top,
    a random post button, nice typography and a sticky footer.
   
    version 0.1: 17-12-2009
   
   ######################################################################## */

* {margin:0;padding:0;} 

/* always use padding instead of vertical margins, else the footer will fail */

html, body, #wrap {height: 100%; background: #FFFFFC;}

body > #wrap {height: auto; min-height: 100%; position: relative;}

#main {padding-bottom: 150px;}  /* same height as the footer */

#bar {
    height: 5px;
    background: #A0522D;
}

#header {
    color: #333;
    padding: 10px;
    padding-left:110px;
    border: 0px;
    height: 100px;
    background: #FFFFFC;
}

#navigation {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    background: #FBFAF4;
    padding-left: 110px;    
}

#randombutton {
    position: absolute;
    top: 80px;
    left: 610px;
    width: 154px;
    height: 119px;
    background-image:url(http://mikz.net/log/wp-content/themes/klarelijn/img/refreshr.png);
}

#randombutton a {display:block}
#randombutton img {width:100%; height:100%}
#randombutton a:hover img {visibility:hidden;}

#content { 
    width: 685px;
    border: 0px;
    background: #FFFFFC;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer {
    position: relative;
	margin-top: -150px; /* negative value of footer height + border */
    padding-top: 30px;	
	height: 149px;
	background: #FBFAF4;
	border-top: 1px solid #333;
	clear:both;}

/* CLEAR FIX*/
.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 */

/* ########################################################################

   Globals
   
   ######################################################################## */

h1 {
    color: #333;
    font-size:38px;
    text-align:left;
    font-family:"Times New Roman",Times,serif;
    font-weight:normal;
}

h2 {
    color: #A0522D;
    font-size:26px;
    text-align:left;
    font-family:"Times New Roman",Times,serif;
    font-weight:normal;
	letter-spacing:1px;
}

a:link,
a:visited{
  color: #A0522D;
  text-decoration: none;
}

textarea {
    width: 570px;
    font-size : 16px ;
	font-family : Georgia, serif;
	color : #333;
}

input {
	font-size : 16px ; 
	font-family: Georgia, serif;  
	color : #333; 
}

input[type=submit]
{
    font-family: Verdana, Arial, sans-serif;
}


img {
    border: 0px;
}

img.align-left {
    float:left;
    /*clear:left;*/
    vertical-align:text-top;
    margin-right: 30px;
    padding-bottom: 10px;
}

img.align-right {
    float:right;
    clear:right;
    vertical-align:text-top;
    margin-left: 30px;
    padding-bottom: 10px;
}

img.midden {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.border {
    padding:10px;
    border:1px solid #021a40;
    background: #FFFFFF;
}

ul {
    padding-left: 30px;
    color: #333;
    font-family: Georgia, serif;
    font-size: 20px;
    text-align: justify;
    padding-bottom: 20px;
}

blockquote {
    padding-left: 30px;
}

/* ########################################################################

   Theming
   
   ######################################################################## */

.title {
    color: #A0522D;
    font-size:28px;
    text-align:left;
    font-family:"Times New Roman",Times,serif;
    font-weight:normal;
	letter-spacing:1px;
	padding-bottom: 20px;
}

.post{
    margin-left:110px;
}

.post p {
    color: #333;
    font-family: Georgia, serif;
    font-size: 20px;
    text-align: justify;
    padding-bottom: 20px;

}

.post-date {
    float: left;
    margin-left: 30px;
    padding-top: 5px;
    width: 49px;
    height: 62px;
    background-image: url(http://mikz.net/log/wp-content/themes/klarelijn/img/datebg.png);
    background-repeat: no-repeat;
}

.day {
    color: #333;
    text-align: center;
    font-size: 17px;
    font-family: Georgia, serif;
}

.month {
    color: #333;
    text-align: center;
    font-size: 9px;
    line-height: 10px;
    letter-spacing:1px;
    font-family: Georgia, serif; 
    text-transform: uppercase;
}

.year {
    color: #333;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    font-family: Georgia, serif;
}

.navigation {
    color: #666;
    font-size: 16px;
    letter-spacing:1px;
    font-family: Georgia, serif;
}

.navigation a:link,
.navigation a:visited{
  color: #666;
  text-decoration: none;
}

.navigation a:hover,
.navigation a:active{
    color: #333;
}

.separation {
    padding-top: 20px;    
    padding-bottom: 20px;
}

.comments {
    margin-left:110px;
}

.comments p {
    color: #666;
    font-family: Georgia, serif;
    font-size: 20px;
    text-align: justify;
    padding-bottom: 20px;

}

.comment-author {
    color: #333;
    font-family: Georgia, serif;
    font-size: 20px;
    padding-bottom: 20px;
}

#respond {
    padding-top: 20px;
}

.italic {
    color: #333;
    font-family: Georgia, serif;
    font-size: 20px;
    padding-bottom: 20px;
    font-style: italic;
}

.colofon p {
    color: #666;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 18px;
    margin-left:110px;
}

.colofon a:link,
.colofon a:visited{
  color: #666;
  text-decoration: none;
}

.colofon a:hover,
.colofon a:active{
  color: #333;
}

.archive {
    font-family: Georgia, serif;
    font-size: 19px;
    line-height: 23px;
    text-align: justify;
    margin-left:110px;
    padding-bottom: 20px;
}

.archive a:link,
.archive a:visited{
  color: #666;
  text-decoration: none;
}

.archive a:hover,
.archive a:active{
  color: #333;
}

.linklijst {
    margin-left:110px;
}

.linklijst p {
    color: #666;
    font-family: Georgia, serif;
    font-size: 20px;
    text-align: justify;
    padding-bottom: 20px;

}

.nobullet {
  list-style-type: none}

/* ######################################################################## */