/*  
Theme Name: Position Relative
Theme URI: http://floriskloet.nl
Description: Future Wordpress Theme created by <a href="http://floriskloet.nl">Floris</a>. 
Version: 1.0 beta
Author: Floris
Author URI: http://floriskloet.nl
*/

/* -----------------Algemeen ------------------- */

body, h1, h2, h3, p, blockquote{
margin: 0;
padding: 0;
}

body{
margin: 0;
position: relative;
font-family: 'Lucida Grande', Verdana, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: left;
vertical-align: top;
background: #000000;
background-image: url('images/rotate.php');
background-repeat: no-repeat;
background-attachment:fixed;
background-position:center; 
color: #ffffff;

}


h1{
font-family: 'Lucida Grande', Verdana, sans-serif;
font-size: 30px;
padding:  15px 0 0 15px;

}

h2{
font-family: 'Lucida Grande', Verdana, sans-serif;
font-size: 19px;
font-variant: small-caps;
padding:  15px 0 0 15px;
text-align: left;
font-weight: normal;
}


h3{
font-family: 'Lucida Grande', Verdana, sans-serif;
font-size: 15px;
padding:  15px 0 0 15px;
}

p{
padding: 15px 15px 0 15px;
}


a:link {
text-decoration: underlined;
color: #ffffff;
}

a:visited {
text-decoration: underlined;
color: #ffffff;
}

a:hover {
text-decoration: none;
color: #ffffff;
}

ul{
list-style-type: none;
position: right;
padding: 15px 15px 15px 15px
   }

img{
border:0;
}

/* ----------------- Header ------------------- */

#header{

 z-index: 2;
 width: 360px;
 position: fixed;
 left:1%;
 top:30px;
}

.header img{
 background-image: url('images/transparant/bg_80_trans.png');
 margin: 5px 0;
}


/* ----------------- Logs ------------------- */

#logs{
z-index:1;
position: absolute;
left: 37%;
top: 35px;
width: 500px;
text-align: left;
line-height: 15px;

}


.post h1{
font-family: 'sans-serif', Verdana, sans-serif;
padding: 15px 0 15px 0;
}

.post h2 a:link{
 color: #ffffff;
 text-decoration: none;
 font-weight: none;
}


.post h2 a:visited{
 color: #ffffff;
 text-decoration: none;
 font-weight: none;
 
 }

.post h2 a:hover{
text-decoration: none;
color: #ffffff;
}

.entry{
line-height: 20px;

}

.post{

background-image: url('images/transparant/bg_80_trans.png');
background-repeat: repeat;
}

p.postmetadata{
border-top: 1px solid #ffffff;
margin: 15px 15px 15px 15px; 
padding: 10px 0 10px 0;

}

.navigation{
padding: 15px 15px 15px 15px;
font-size: 15px;
font-variant: small-caps
font-weight: bold;
line-height: 18px;
}

.navigation a{
text-decoration:none;
font-variant: small-caps;
background-image: url('images/transparant/bg_80_trans.png');
background-repeat: repeat;
}


/* ----------------- Sidebar ------------------- */

#sidebar{

 z-index:2;
 position: fixed;
 left:1%;
 width: 360px;
 top: 160px;
 padding:0px;
 text-align: right;
 }

.sidebar img{
 background-image: url('images/transparant/bg_80_trans.png');
 margin: 0 0 15px 0;
 
}

/* ----------------- Comments ------------------- */

#commentform {
 padding: 0;
 }

.comments-template{
 padding: 0;
}

.comments-template h3{
padding: 15px 0 0 15px;
}

ol.commentlist{
 list-style-type: none;
 padding:15px;
 }

ol.commentlist li{
padding: 0 0 15px 0;
}

ol.commentlist p{
padding: 0;
}

.commenttext {
 padding: 0 5px;
 }
 textarea{
 font-family: 'Lucida Grande' Verdana, sans-serif;
 font-size: 12px;
 padding: 5px;
 background-color: #ffffff;
 width: 455px;
 
 }

/* --------------------------------------- Archives -------------------------------------- */

#archives{
position: absolute;
left: 37%;
top: 35px;
width: 150px;
background-image: url('images/transparant/bg_80_trans.png');
background-repeat: repeat;
line-height: 20px;

}

.archives{
text-align:center;
}

.archives h2{
text-align: left;
}

#archiefrechts{
position: relative;
top: 35px;
left: 87%;
width: 150px;
text-align: left;
list-style-type:none;
background-image: url('images/transparant/bg_80_trans.png');
background-repeat: repeat;

line-height: 20px;
}

.archiefrechts{
text-align:center;
}

.archiefrechts h2{
text-align: left;
}


/* --------------------------------------- Video -------------------------------------- */

#videos{
position: absolute;
left: 37%;
top: 35px;
width: 600px;
text-align: left;
line-height: 20px;

}


.post h1{
font-family: 'Lucida Grande', Verdana, sans-serif;
padding: 15px 0 15px 0;
}

.navigation{
padding: 15px 15px 15px 15px;
font-size: 15px;
font-weight: bold;
line-height: 18px;
}

.navigation a{
text-decoration:none;
}

/* --------------------------------------- Footer -------------------------------------- */

#footer{
 padding: 15px 0 15px 0;
 text-align: center;
}