body {
	font-family: Verdana;
	font-size: 14px;
	padding: 0 20px;
	min-width: 950px;
	line-height: 1.5em;
	color: #222;
}

/* Header styles */
h1, h2, h3, h4 {
	font-weight: normal;
}

h1, h2, 
h1 a, h2 a {
	color: #ce0066;
}

h2 {
    margin-top:2em;
    margin-bottom:0;
}

h3, h4 {
    margin-top: 1.5em;
	margin-bottom: -0.5em;
}

/* Links */
a {
	color: #0068ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


strong {
	background: #ebffc0;
	font-weight: normal;
	padding: 0.1em 0.2em;
}

pre {
    background: #EEEEEE none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    padding: 1em;
}
code {
    font-family: Verdana;
}

/* Generic classes */
.js_only, .print_only {
	display: none;
}

.warning {
    background: #222;
    color: #fff;
    border: 3px solid #ccc;
    margin-top: 2em;
    padding: 1em;
}
.warning strong {
    font-weight: bold;
    background: transparent;
}

.img_note {
    color: #999;
    font-size: 80%;
}

.inline_list {
	margin: 0;
	padding: 0;
}
    .inline_list li {
    	display: inline;
    }

.dutch {
    color: #999;
}

/* Layout Rules */
.header {
	height: 100px;
	background: url(../images/intro_text.png) no-repeat 0 0;
	min-width: 950px;
}

    .logo a {
        display: block;
        text-indent: -9999px;
        width: 314px;
        height: 78px;
        background: url(../images/logo.png);
        margin-left: 69.5%;
/*        position: absolute;
        right: 1.5%;
        left: 68.5%;
*/    }

/* Navigation */
#navigation {
	position: relative;
	font-family: "Gill Sans";
	list-style: none;
	background-color: #f3f1f1;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
/*	height: 1.5em;*/
	line-height: 1.5em;
	padding: 0.2em 0;
}

    #navigation li {
    	display: inline;
    }
    #navigation a {
    	color: #777;
    	text-decoration: none;
    	padding: 0.5em 1em;
    }
    #navigation a:hover {
    	color: #666;
    	text-decoration: underline;
    }

    #navigation .search {
    	position: absolute;
    	right: 0;
    	top: 0.1em;
    	width: 30%;
    }

        #navigation .search label {
        	display: none;
        }
        #navigation .search .submit {
        	border: 0;
        	position: relative;
        /*	top: 0.5em;*/
        }

        #navigation .search input.search_input {
        	top: -0.2em;
        	width: 83%;
        	height: 100%;
        	padding: 0.5em;
        	border: 1px solid #c0c0c0;
        	color: #aaa;
        	background: #fff;
        }

        #navigation .search input.google_image {
        	background: #fff url(../images/google_search.gif) no-repeat 4px 50%;
        }

        #navigation .search input:focus {
        	color: #333;
        	border-color: #888;
        }
        
        /* Navigation Specifics */
        #home #navigation .home a,
        #articles #navigation .articles a,
        #about #navigation .about a,
        #cv #navigation .cv a,
        #contact #navigation .contact a,
        #portfolio #navigation .portfolio a 
        {
        	color: #123;
        	text-decoration: underline;
        }
        

.widecontent {
    padding-left: 20px;
}
.content {
	padding-left: 20px;
	width: 60%;
	float: left;
	font-family: Verdana;
}

    .content ul li {
        margin: 0.3em 0;
    }
    
    .content img {
        padding: 2px;
        background: #fff;
/*        border: 2px solid #ccc;*/
    }
    
.related {
	float: right;
	margin-top: 2em;
	width: 30%;
	font-size: 12px;
}

    .related strong {
        background: transparent;
        font-weight: bold;
    }

    .related h2, .related h3 {
    	color: #00b0f1;
    	font-family: "Gill Sans";
    	font-size: 150%;
    	margin-bottom:0.2em;
    	padding-left:0.7em;
    }

    .related_content {
    	-moz-border-radius: 0.4em;
    	-webkit-border-radius: 0.6em;
    	border: 1px solid #ebffc0;
    	padding: 1em;
    	background: #ebffc0;
    }

.footer {
	margin-top: 2em;
	padding: 0.5em 2em;
	background: #fff;
	border-top: 2px solid #eee;
/*	background: #eef;*/
/*	background: #f8f8f8;*/
/*	border-top: 1px solid #eee;*/
	font-size: 80%;
	clear: both;
	height: 2em;
	color: #999;
}

    .footer .copyright {
    	float: left;
    }
    .footer .hosting {
    /*	float: right;*/
    	position: absolute;
    	left: 70%;
    }

        .footer .hosting a {
        	color: #777;
        }
        .footer .hosting {
        	color: #aaa;
        }

h3.article_date {
	color: #999;
/*  margin-top: -0.7em;*/
}

.article_navigation {
	position: relative;
	height: 2em;
	font-size: 0.9em;
	margin-top: 1em;
}
    .article_navigation .article_next {
    	position: absolute;
    	right: 0;
    }
    .article_navigation .article_previous {
    	position: absolute;
    	left: 0;
    }


.article_summary_list {
/*	margin-top: -2em;*/
}
    .article_summary_list h2 {
    	margin-top: 2em;
    	margin-bottom: -0.4em;
    }

.article_summary_list .article_meta,
.article .article_meta {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 80%;
	color: #777;
/*	height: 2.5em;*/
	padding: 0.5em 0 2.5em 0;
}
.article_summary_list .article_meta h4,
.article .article_meta h4 {
	margin: 0;
	padding: 0;
	display: inline;
}

.article_summary_list .article_meta .date,
.article .article_meta .date {
	float: left;
	padding-left: 20px;
	background: transparent url(../images/icons/calendar_view_day.png) no-repeat scroll 0 2px;
}

.article_summary_list .article_meta .tags,
.article .article_meta .tags {
	float: right;
	padding-left: 20px;
	background: transparent url(../images/icons/tag_red.png) no-repeat scroll 0 2px;
	
}

.article .article_meta {
	border-top: 0;
}
    .article .article_meta .tags {
    	float: left;
    }



/* Flickr Badge */
#flickr_badge_uber_wrapper {
	height: 80px;
}
    #flickr_badge_uber_wrapper a:hover,
    #flickr_badge_uber_wrapper a:link,
    #flickr_badge_uber_wrapper a:active,
    #flickr_badge_uber_wrapper a:visited {
    	border-width: 0; 
    	text-decoration:none !important; 
    	background:inherit !important;
    	color:#3993ff;
    }
    #flickr_badge_wrapper {
    	overflow: hidden;
    }

    .flickr_badge_image {
    	float: left;
    /*	margin-right: 1.4em;*/
    }
    .flickr_badge_image img {
    	border: 1px solid #444;
    	padding: 1px;
    }

#home .portfolio {
/*    text-align: center;*/
/*    background: none;*/
/*    border: none;*/
    width: auto;
}

/* Contact Specifics */
/* @FIXME: Move to contact.css */
#contact .content form {
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border: 1px solid #ebffc0;
	background: #ebffc0;
	padding: 1em;
	margin-top: 1em;
}


#contact .content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
    #contact .content ul li {
    	padding: 0;
    	position: relative;
    	margin: 1em 0;
    }

        #contact .content ul li input {
        	position: absolute;
        	left: 11em;
        	width: 280px;
        	padding: 0.3em;
        	border: 1px solid #aaa;
        }

        #contact .content ul li textarea {
        	width: 400px;
        	display: block;
        	border: 1px solid #aaa;
        	margin-top: 0.2em;
        	padding: 0.3em;
        }

    #contact .content .errorlist {
    	left: 420px;
    	position: absolute;
    	top: 50%;
    	margin: 0;
    	padding: 0;
    }
    #contact .content .errorlist li {
    	color: #ce0066;
    	display: inline;
    }

    #contact .related {
    	margin-top: 1.4em;
    }

        #contact .related_content {
        	background: #eee;
        	border-color: #eee;
        }
 

#portfolio .screenshot {
    float: right;
    margin-left: 1em;
}

#about .portrait {
/*    float: right;*/
    border: 1px solid #ccc;
    background: #eee;
    padding: 0.2em;
    margin-left: 1em;
    margin-top: 1em;
    
}


#cv {
    font-size: 80%;
}
    #cv .content {
        width: 100%;
    }
    
    #cv .content h1 {
        margin-top: 1em;
    }
    #cv .general_info dl {
        margin-left: 0;
        width: 28em;
    }
    
        #cv .general_info dt {
            float: left;
            width: 12em;
            display: block;
        }
        
        #cv .general_info dd {
            float: left;
            margin: 0 0 5px 0;
            display: block;
        }
    
    #cv h3 {
        color: #0068FF;
    }
    
    #cv div.job {
        margin-bottom: 4em;
        padding-bottom: 1em;
        border-bottom: 1px solid #ccc;
        /*margin-left: 2em;*/
    }
    
    #cv .expandcollapse {
        color: #999;
        display: none;
    }
    
    #cv .technologies {
        color: #bbb;
        font-size: 80%;
/*        position: absolute;*/
/*        right: 0;*/
    }
    
    #cv .job p {
        width: 700px;
    }
    
    #cv .job dt {
/*        position: relative;*/
        padding-left: 20px;
    }
    
    #cv .job dt.expandable {
        background: url(../images/icons/arrow_right.gif) no-repeat 0 4px;    
    }
    #cv .job dt.expanded {
        background: url(../images/icons/arrow_down.gif) no-repeat 0 4px;
        padding-left: 20px;
    }
    
    #cv h4.job {
        font-weight: bold;
    }
    
    
        #cv h4 span.title {
            background: #ebffc0;
        }
        #cv h4 span.date {
            font-weight: normal;
        }
    #cv h5 {
        margin-bottom: 0;
    }
    
    #cv dl {
        margin-left: 2em;
    }
        #cv dl dd {
            margin-bottom: 2em;
        }

    #cv strong {
        width: 14em;
        display: inline-block;

        background: none;
        font-weight: bold;
    }