<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
 * Blogger Template Style
 * blogger_template_tb20090402_02_thesecondwhitegrail
 * v1.1
 * by Thur Broeders
 * http://www.thurbroeders.nl/
 * theme HomePage: http://thurbroederstest004.blogspot.com/
 */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color" type="color" default="#FFF" value="#FFFFFF">
   <Variable name="hbgcolor" description="Header Background Color" type="color" default="#FFF" value="#FFFFFF">
   <Variable name="hbocolor" description="Header Border Color" type="color" default="#222" value="#222222">
   <Variable name="boxbgcolor" description="Box Background Color" type="color" default="#FFF" value="#FFFFFF">
   <Variable name="boxbdcolor" description="Box Border Color" type="color" default="#222" value="#222222">
   <Variable name="fbgcolor" description="Footer Background Color" type="color" default="#333" value="#FFFFFF">
   <Variable name="fbocolor" description="Footer Border Color" type="color" default="#333" value="#333333">
   <Variable name="bquote" description="Blockquote Background Color" type="color" default="#3C3C3C" value="#e6e6e6">
   <Variable name="sbtbgcolor" description="Sidebar Title Background Color" type="color" default="#363636" value="#e6e6e6">
   <Variable name="sbtbdcolor" description="Sidebar Title Border Color" type="color" default="#555555" value="#555555">
   <Variable name="sbttextcolor" description="Sidebar Title Text Color" type="color" default="#DDD" value="#555555">
   <Variable name="imgcolor" description="Image Border Color" type="color" default="#555" value="#555555">
   <Variable name="textcolor" description="Text Color" type="color" default="#EEE" value="#000000">
   <Variable name="btcolor" description="Blog Title Color" type="color" default="#FFF" value="#e1771e">
   <Variable name="ptcolor" description="Post Title Color" type="color" default="#999" value="#999999">
   <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa">
   <Variable name="pfcolor" description="Post Footer Color" type="color" default="#333" value="#333333">
   <Variable name="dhcolor" description="Post Date Header Color" type="color" default="#333" value="#333333">
   <Variable name="comcolor" description="Comments Text Color" type="color" default="#333" value="#333333">
   <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 75% Verdana, Arial, Helvetica, sans-serif" value="normal normal 75% Verdana, Arial, Helvetica, sans-serif">
   <Variable name="headingfont" description="Heading Font" type="font" default="normal normal 75% Georgia, Times, serif" value="normal normal 75% Georgia, Times, serif">
   <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right">
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html {font-size:16px;}

/* background image: replace yoururl and yourimage with your own */
body {margin:0 0 10px 0;font:$bodyfont;line-height:1.5em;background:$bgcolor url(http://yoururl/yourimage.jpg) center top fixed no-repeat;color:$textcolor;}

/* header image: replace yoururl and yourimage with your own */
/* the image should be with:950px and height:200px           */
#header-inner {padding:0 10px;margin:10px 0;background:$hbgcolor url(http://yoururl/yourimage.jpg) center center no-repeat;border:1px solid $hbocolor;}

h1.title {padding:10px 0;background:transparent url(http://yoururl/titlebg50.png) repeat 0 0;font-size:3em;font-weight:normal;color:$btcolor;}
.container {width:950px;margin:0 auto;}
div.span-4, div.span-8, div.span-16, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-4 {width:150px;}
.span-8 {width:310px;}
.span-16 {width:630px;}
.span-24, div.span-24 {width:950px;margin:0;}
a:link, a:visited {color: $linkcolor;text-decoration:none}
a:hover, a:active {color: $linkcolor;text-decoration:underline;}
a img {border-width:0;}
h1,h2,h3,h4{font: $headingfont;}
h1.title a:hover {text-decoration:none;}
h2 {margin:0px;padding:0px;}
h2.date-header {padding-top:15px;color:$dhcolor;padding-bottom:0px;margin-bottom:0px;font-size: 90%;}
h3.post-title {font-size:2em;color:$ptcolor;line-size:1.5em;padding:15px 0 20px;}
#main .widget {padding-bottom:10px;margin-bottom:20px;border-bottom:dotted 0px #999999;clear: both;}
#main .Header {border-bottom-width:0px;}
.post {margin-bottom:20px;}
.post-footer {color:$pfcolor;margin-top:10px;}
#comments {padding-top:30px;color:$comcolor;padding-bottom:0px;margin-bottom:0px;font-weight:bold;}
#comments .comment-footer {font-size:1em;font-weight:normal;color:$comcolor;margin-right:10px;display:inline;}
.comment-author {margin-top:3%;}
.comment-body {font-size:1em;font-weight:normal;margin:5px 0;}
.deleted-comment {font-style:italic;color:gray;}
.comment-link {margin-left:.6em;}
.feed-links {clear: both;line-height:2.5em;}
#blog-pager-newer-link {float:left;}
#blog-pager-older-link {float:right;}
#blog-pager {text-align:center;}
.clear {clear:both;}
.profile-img {float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;}
.box {padding:10px;margin-bottom:10px;background-color: $boxbgcolor;border: 1px solid $boxbdcolor;}
.sidebar h2 {font-size:1.2em;font-weight:bold;background:$sbtbgcolor;color:$sbttextcolor;margin: 5px 0px;padding:5px 10px;border:1px solid $sbtbdcolor;}
.entry-content img {border:1px solid $imgcolor;padding:2px;margin:10px 10px 10px 0;float:left;}
ul{margin-left:25px;}
ol{margin-left:30px;}
blockquote {background-color:$bquote;padding:15px;margin:20px 0;}
.sidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.sidebar li {margin:0;padding-top:0;padding-$endSide:0;padding-bottom:.25em;padding-$startSide:15px;text-indent:-15px;line-height:1.5em;}
.BlogList ul {float:left;}
#footer { background:$fbgcolor;clear:both;height:2.4em;line-height:2em;padding-top:.4em;text-align:center;margin-bottom:10px;border:1px solid $fbocolor;}
.blog-posts {
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* (Hide Navbar) */
/* #navbar-iframe {height:0px;visibility:hidden;display:none;} */
]]></b:skin>
<link href='http://***/favicon.ico' rel='icon'/>
</head>

<body>
  <div class='container'>
<div class='span-24'>
<b:section class='header' id='header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Blogger Template TB... (Header)' type='Header'/>
</b:section>
</div>
<div class='span-24'>
<div class='span-16'><div class='box'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
</div>
<div class='span-8 last'>
<div class='span-8 last'><div class='box'>
<b:section class='sidebar' id='sidebar4' preferred='yes'>
<b:widget id='HTML1' locked='false' title='... now / also on YouTube ...' type='HTML'/>
</b:section>
</div>
</div>
<div class='span-4'><div class='box'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
</div>
<div class='span-4 last'><div class='box'>
<b:section class='sidebar' id='sidebar0' preferred='yes'>
<b:widget id='Text1' locked='false' title='Add a ...' type='Text'/>
</b:section>
</div>
</div>
<div class='span-8 last'><div class='box'>
<b:section class='sidebar' id='sidebar5' preferred='yes'>
<b:widget id='Text2' locked='false' title='Add a ...' type='Text'/>
</b:section>
</div>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='span-24'>
<div class='span-8'><div class='box'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>  
</div>
</div>
<div class='span-8'><div class='box'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Text3' locked='false' title='Second Footer Box' type='Text'/>
</b:section>  
</div>
</div>
<div class='span-8 last'><div class='box'>
<b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='Text4' locked='false' title='Third Footer Box' type='Text'/>
</b:section>  
</div>
</div>
</div>
<div class='span-24' id='footer'>
<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> is powered by <a href='https://www.blogger.com/start' title='Blogger start'><img src='http://www.blogger.com/img/b16-rounded.gif' style='margin-bottom:-4px'/></a> | Theme by <a href='http://www.thurbroeders.nl/' title='Thur Broeders'>Thur</a></p>
</div>
</div>
</body>
</html>
                