/*  
Theme Name:Webcraft 1.0
Theme URI:http://www.webcraft.be/
Description:Wordpress theme gebaseerd op Wordpress Default (Michael Heilemann).
Version:1.6
Author:Michiel Loncke
Author URI:http://www.webcraft.be/

/* Inspired by:blog.html.it/layoutgala/ */


*{
	margin:0;
	padding:0;
}
body{
	font:11px Verdana,Arial,sans-serif;
	text-align:center;
	background:#333 url(/images/bgpattern3.gif) repeat left top;
	color:#333;
}
p{
	margin:7px 0;
}
blockquote{
	border-left:4px solid #ebe4da;
	padding-left:10px;
	color:#666;
	font-style:italic;
}
#content a,#more a{
	color:#B04D22;
	text-decoration:none;
	border-bottom:1px solid #ebe4da;
	padding-bottom:0;
}
#content a:hover,#more a:hover{
	border-bottom:1px solid #b04d22;
}
#more a{
	border-bottom:1px solid #dbcebb;
}

#headerwrap{
	background:#8d1b01 url(/images/headerbg2.png) repeat-x top left;
}
#header{
	position:relative;
	background:#8d1b01 url(/images/headerbg.png) repeat-x top left;
	width:600px;
	text-align:left;
	margin:50px auto 0 auto;
	height:66px;
	position:relative;
}
#header h1{
	width:250px;
	margin:0;
	padding:0 0 20px 0;
	color:#79B30B;
}
#header h1 a:link, #header h1 a:visited{
	background:transparent url(/images/webcraft-logo.png) no-repeat top left;
	margin:0;
	padding:0;
	width:220px;
	position:absolute;
	top:0px;
	left:20px;
	display:block;
	overflow:hidden;
	font-size:1px;
	height:0px;
	padding-top:66px;
}
#headerright{
	right:-15px;
	background:transparent url(/images/headerbg3.png) no-repeat top right;
	position:absolute;
	top:0;
	width:383px;
	height:66px;
}

#language{
	position:absolute;
	top:-25px;
	right:0;
}

#language{
	color:#fff;
	font-size:11px;
}
#language a{
	color:#ccc;
	text-decoration:none;
}

#nav{
	background:#f0c04b url(/images/navbg.png) repeat-x top left;
	height:66px;
	padding:25px 25px;
	text-align:right;
}
#nav ul{
	list-style:none;
}
#nav ul a{
	color:#fff;
	font:bold 1.25em/1.5em Arial,Verdana,sans-serif;
	text-decoration:none;
}
#nav ul li{
	height:25px;
}
#container{
	text-align:left;
	width:600px;
	margin:0 auto;
	background:#fff url(/images/bg.png) repeat-y top left;
	position:relative;
}


#content{
	float:left;
	width:320px;
	min-height:450px;
	padding:25px;
}
#content p,#sidebar p,#content ul,#sidebar ul,#content ol,#sidebar ol,#content dl,#sidebar dl{
	line-height:1.45;
}
#content p img{
	margin:10px 0;
}
#content p img.wp-smiley{
	margin:0;
}
dd{
	margin:0 0 10px 5px;
}
#content .portfolio a img,
#content .customers img{
	border:1px solid #dbcebb;
}
#content .portfolio a:hover img{
	border:1px solid #b04d22;
}
#content a.imglink{
	border:0;
}
#content a img{
	border:0;
}
hr{
	display:none;
}
.post{
	padding:0 0 25px 0;
}

#sidebar{
	right:0;
	width:230px;
	position:absolute;
	top:-75px;
}
#content ul.portfolio {padding:0;}
#sidebar ul#work li a,#content ul.portfolio li a{
	border:0;
}
#sidebar ul#work li a img,ul.portfolio li a img{
	padding:1px;
	margin:1px;
	background:#fff;
	border:1px solid #fff;
}
#sidebar ul#work li a:hover img,ul.portfolio li a:hover img{
	border:1px solid #b04d22;
}
#sidebar ul#work li,ul.portfolio li{
	list-style:none;
	float:left;
	padding:2px 3px;
}
ul.portfolio li a img{
	padding:2px;
}

ul.customers img{
	padding:3px;
}
ul.portfolio li{
	padding:3px 4px;
}
#sidebar ul#work{
	margin:0px -5px;
	overflow:hidden;
}
#content ul.portfolio{
	margin:10px -7px;
}

#footer{
	background:#333;
	font-size:0.8em;
	color:#fecd5e;
}
#footer p{
	margin:0;
	padding:5px 25px;
	clear:both;
	text-align:center;
}
#footer a{
	display:inline;
	padding:0;
	color:#fff;
}




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

h2{
	font:bold 1.8em Arial,Verdana,sans-serif;
	color:#901f04;
	letter-spacing:-1px;
}
h3{
	font:bold 1.3em Arial,Verdana,sans-serif;
	color:#b04d22;
	margin:15px 0 6px;
}
h4{
	font:bold 1.1em Arial,Verdana,sans-serif;
	color:#b04d22;
	margin:15px 0 6px;
}
#content h2 a{
	color:#901f04;
	text-decoration:none;
	border:0;
}
#content h2 a:hover{
	color:#f9c64a;
	text-decoration:none;
	border:0;
}
#content ul,#content ol{
	padding-left:19px;
}

#more{
	padding:0 12px 12px 12px;
}

#sidebar h2{
	font-size:1.6em;
	color:#b04d22;
	margin:15px 0 5px 0;
}

.postmetadata{
	color:#888;
}

.contactform{
	margin-top:25px;
}

input, textarea{
	font:11px Verdana,Arial,sans-serif;
	padding:3px;
}

table.border{
	border:1px solid #888;
	border-width:1px 0 0 1px;
}

table.border td{
	border:1px solid #888;
	border-width:0 1px 1px 0;
	padding:3px;
}

a.rss{
	padding:0 0 0 14px;
	background:url(/images/feedicon.gif) no-repeat 0 1px;
}

pre{
	width:310px;
	overflow:auto;
	margin:7px 0;
	min-height:50px;
	border:1px solid #dbcebb;
	padding:5px;
}