/* defaults, globals, and miscellaneous
==============================================================================*/
* { 
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	background: #0191C0 url(images/body-bg.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}
#container {
	margin: 0 auto;
	width: 960px;
	text-align: center;
	font: normal 1.2em/1.3em 'lucida grande',tahoma, sans-serif;
}
#mainheader {
	height: 45px;
	background: transparent url(images/mainheader-bg.gif) no-repeat;
}
#wrap {
	background: url(images/content-bg-full.gif) repeat-y;
	padding: 0 47px 0 47px;
	float: left;
}
#header, #content, #footer, #mainheader {
	width: 866px;
	text-align: left;
}
#content {
	float: left;
}
#footer {
	float: left;
	background-color: #5C5D60;
	font-size: .8em;
	padding-top: 15px;
	height: 30px;
	text-align: center;
	color: #DCF5F7;
}
#footer a {
	color: #DCF5F7;
    border-bottom: 1px dotted #DCF5F7;
}
#header {
	height: 312px;
        width: 866px;
	background: #231F20 url(images/header-bottom.gif) bottom left no-repeat;
}
#menu {
    padding-right: 10px;
	height: 38px;
	background: url(images/menu-bg.gif) repeat-x;
}
#left {
    width: 408px;
    float: left;
    padding: 10px 20px 10px 20px;
}
#middle {
    padding-left: 20px;
	width: 224px;
	background: url(images/middle-bg.gif) repeat-y;
	float: left;
}
#right {
	width: 174px;
	float: left;
}
#right li {
    list-style: none;
}
/* Reset styles
==============================================================================*/
a {
    text-decoration: none;
}
/* Header
==============================================================================*/
#header h1 {
    background: url(images/header-image.jpg) no-repeat;
    height: 253px;
    width: 448px;
    text-indent: -9999px;
    float: left;
}
#header div#logo {
    background: url(images/logo-meirhaeghe.gif) -25px 0 no-repeat;
    float: left;
    height: 253px;
    width: 418px;
}
#header div#bio {
    margin-top: 175px;
    background: url(images/bio-bg.gif) repeat-x;
    height: 78px;
    width: 418px;
    color:#FFFFFF;
}
#header div#bio p {
    margin: 0;
	font: normal 1.0em/1.4em 'lucida grande',tahoma, sans-serif;
    color:#FFFFFF;
    padding: 15px;
}
#header div#bio div#more {
    height: 78px;
    width: 129px;
    background: url(images/bio-more.gif) no-repeat;
    float: right;
}
div#more img,
div.sponsor-link img {
    border: none;
}

/* Top navigation
==============================================================================*/
div#menu ul {
	list-style: none;
	margin: 0px;
    float: right;
	right: 10px;
	bottom: 0px;
}
div#menu li {
	float: left;
	margin-left: 5px;

}
div#menu li a {
	font: normal 1em 'lucida grande',tahoma, sans-serif;
    color: #000000;
    text-transform: uppercase;
    display: block;
    padding: 15px 5px 8px 5px;
}
div#menu li a:hover {
    background: url(images/navi-over.gif) repeat-x;
    color: #FFFFFF;
}

/* Blog post
==============================================================================*/
div#left div.pagetitle,
div#left div.album div.pagetitle {
	font: normal 1.6em 'lucida grande',tahoma, sans-serif;
    color: #D40000;
    float: left;
    padding: 13px 20px 10px 0px;
	width:350px;
}
.contentitem {
	float:left;
	width:408px;
    background: url(images/post-bottom.gif) bottom left repeat-x;
	}
.post a {
    color: black;
    border-bottom: 1px dotted black;
}
.post a:hover {
    background-color: #EDFAFF;
}
.post img {
    margin: 0 10px 5px 0;
    padding: 5px;
    border: 1px solid #E3F1C3;
}
.post a.tt-flickr {
    border-bottom: none;
}
.date {
	float: left;
	width:183px;
    color: #959595;
    background: url(images/date.gif) no-repeat;
    height: 18px;
    padding-left: 21px;
	}
.comments {
    text-align: right;
    float: right;
    width: 204px;
    height: 18px;
}
.comments a {
    color: #306958;
	}
.comments a:hover {
    color: #1AB7EA;
	}
h1.title {
	font: normal 1.8em/1.5em 'lucida grande',tahoma, sans-serif;
	width:408px;
	margin:0;
    margin-bottom: 12px;
    color: #1AB7EA;
	}
h1.title a {
    color: #1AB7EA;
	}
h1.title a:hover {
    color: #306958;
	}
.post {
	font: normal 1.2em/1.6em 'lucida grande',tahoma, sans-serif;
	clear:both;
	}
.post p {
    margin-bottom: 10px;
    }

.postinfo {
	margin-bottom:25px;
    margin-top: 15px;
	}
.postinfo a {
    color: #306958;
    border-bottom: 1px dotted #306958;
	}
.postinfo a:hover {
    color: #1AB7EA;
    border-bottom: 1px solid #1AB7EA;
	}
.navigation {
	float:left;
	}
.navigation .alignleft {
    float: left;
    width: 204px;
    height: 30px;
}
.navigation .alignright {
    float: left;
    text-align: right;
    width: 204px;
    height: 30px;
}
.navigation .alignright img,
.navigation .alignleft img {
    border: none;
}
/* Pages
==============================================================================*/
h3 {
	font: normal 1.6em/1.6em 'lucida grande',tahoma, sans-serif;
    color: #000000;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}
ul#kalender,
ul.palmares {
	list-style: none;
    margin-bottom: 15px;
}
ul.palmares span.rank {
    color: red;
    width: 40px;
    float: left;
    display: block;
}
h4 {
	font: normal 1.2em 'lucida grande',tahoma, sans-serif;
    color: #000000;
    padding-left: 6px;
    margin-bottom: 8px;
    text-transform: uppercase;
    background-color: #fef2cf;
}
#selectPalmares {
    margin-bottom: 10px;
}


/* Flickr Photo's Middle
==============================================================================*/
div#flickr {
    float: left;
    clear: both;
    margin-top: 23px;
}
div#flickr h4 {
    text-indent: -9999px;
    background: url(images/flickr-title.gif) 3px 0 no-repeat;
    float: left;
    height: 40px;
    width: 150px;
}
div#flickr li a img {
    border: none;
}
div#flickr ul {
	list-style: none;
	margin: 0px;
}
div#flickr li {
	margin: 5px;
    float: left;
    height: 75px;
    width: 75px;
    border: 5px solid #FFFFFF;
}
/* Sponsors Middle
==============================================================================*/
div#sponsors {
    float: left;
    clear: both;
    margin-top: 23px;
}
div#sponsors h4 {
    text-indent: -9999px;
    background: url(images/sponsors-title.gif) 3px 0 no-repeat;
    float: left;
    height: 40px;
    width: 184px;
}
div.sponsor-link {
    margin-bottom: 10px;
}
/* Category Sidebar
==============================================================================*/
div#right li#categories h2 {
    display: none;
}
div#right li#categories ul li {
    background: url(images/category-navi-bg.gif) no-repeat;
    height: 31px;
    width: 150px;
}
div#right li#categories ul li:hover {
    background: url(images/category-navi-over.gif) no-repeat;
    color: #2E2E2E;
}
div#right li#categories ul li a {
    color: #7164A6;
    display: block;
    padding-left: 25px;
    padding-top: 8px;
    height: 23px;
}
div#right li#categories ul li a:hover {
    color: #FFF;
}
/* Search Sidebar
==============================================================================*/
div#right li#search {
    background: #477C77 url(images/search-bg.gif) no-repeat;
    height: 62px;
    margin-left: 4px;
    width: 146px;
    line-height: 23px;
}
div#right li#search div {
    padding-top: 8px;
    padding-right: 18px;
    text-align: right;
}
div#right li#search div input {
    width: 95px;
    border: 1px solid #446360;
}
div#right li#search div button[type=submit] {
    width: 64px;
    height: 23px;
    margin: 0;
    border: 0;
    background: url(images/search-button.gif) no-repeat center top;
    overflow: hidden;
    text-indent: 9999px;
}
/* Links (blogroll) Sidebar
==============================================================================*/
div#right li#links h2 {
    text-indent: -9999px;
    background: url(images/hotlinks-bg.gif) no-repeat;
    height: 40px;
    width: 144px;
    margin-left: 4px;
    margin-top: 20px;
}
div#right li#links ul li {
    background: url(images/hotlinks-link.gif) 0 50% no-repeat;
    margin-left: 16px;
    padding-left: 18px;
    height: 14px;
}
div#right li#links ul li a {
    color: #000000;
}
/* Calendar (left)
==============================================================================*/
ul.calendar {
	list-style: none;
	margin: 0px;
    float: right;
	right: 10px;
	bottom: 0px;
}
ul.calendar li {
	float: left;
    width: 400px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    background: url(images/post-bottom.gif) bottom left repeat-x;

}
ul.calendar li span.date {
	float: left;
	width:183px;
    color: #D40000;
    background: url(images/date.gif) 0 50% no-repeat;
    padding-left: 21px;
    font-size: 1.2em;
	}