/*  
Theme Name: Norke
Theme URI: http://www.norke.be/
Description: A theme designed and coded by Norke - designstables.com
Version: 1
Author: De Smet Yannick
Author URI: http://www.designstables.com/
*/

/* You can learn and adapt from this CSS code. Just make sure not to copy it too much. */


/* RESET
****************************************************************************/
/* CSS reset by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; }
.accessibility, .description, #logo span, #top em { position: absolute; margin-top: -9999%; } #top { width: 50px; height: 50px; display: block; cursor: default;}



/* Structure
----------------------------------------------- */
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #1d6b8b url("images/blue_bg.png") repeat-x;
	font-size: 11px;
	text-align: center;
	color: #2783a8;
}
#site {
	width: 640px;
	margin: 0 auto;
	text-align: center;
}
#header {
	height: 23px;
	margin: 100px auto 0;
	width: 599px;
	}
	#header h1 a {
		width: 599px;
		height: 23px;
		margin: 0 auto;
		padding: 0;
		float: left;
		background: transparent url("images/header.png") no-repeat top left;
		text-indent: -9999%;
		}
		#header h1 a:hover {
			background: transparent url("images/header.png") no-repeat bottom left;
		}


#contact {
	color: #2783a8;
	padding: 20px 0 0 0;
	height: 75px;
	}
	.home #contact {
		/*display: none;*/
	}
	#contact #navigation {
		font: 14px/14px Cambria, Georgia, "Times New Roman", Times, serif;
		height: 35px;
		text-transform: lowercase;
		}
		#contact #navigation li {
			display: inline;
			padding: 0 10px;
			}
			#contact #navigation li a {
				color: #2783a8;
				text-decoration: none;
				}
				#contact #navigation li a:hover,
				.portfolio #contact #navigation li#nav-portfolio a,
				.featured-work #contact #navigation li#nav-featured-work a,
				.concept-design #contact #navigation li#nav-concept-design a,
				.sketches #contact #navigation li#nav-sketches a,
				.digital-painting #contact #navigation li#nav-digital-painting a,
				.traditional-art #contact #navigation li#nav-traditional-art a,
				.contact #contact #navigation li#nav-contact a {
					color: #91b5c2;
					}

.contact .aboutme {
	display: none;
}

.profile {
	background: url("images/hover2.png") no-repeat -525px -300px;
	width: 75px;
	height: 75px;
	}
	.profile span {
		background: url("images/hover2.png") no-repeat -525px -300px;
		width: 75px;
		height: 75px;
		}
	.profile img {
		text-align: left;
	}

.entry {
	text-align: left;
}


h3.awards {
	margin: 10px 0 0 100px;
	color: #60b9dd;
	font: 14px/25px Cambria, Georgia, "Times New Roman", Times, serif;
	}
dl.awards {
	color: #339fcb;
	}
	dt {
		width: 80px;
		float: left;
		text-align: right;
		color: #60b9dd;
		font: 14px/18px Cambria, Georgia, "Times New Roman", Times, serif;
	}
	dd {
		margin: 0 0 0 100px;
		line-height: 18px;
	}




fieldset,
form .field,
form .buttons {
	clear: both;
	}
	fieldset.login1 {
		margin: 15px 0 0 0;	
	}
	fieldset fieldset legend {
		padding: 0 0 10px; 
	}
form br {
	display: none;
}
form .field,
form ul.fields,
form .buttons {
	margin: 0 0 15px;
}
form .field label {
	display: block;
}
form ul.fields li {
	list-style-type: none;
	margin: 0;
}
form ul.inline li, form ul.inline label {
	display: inline;
}
form ul.inline li {
	padding: 0 .75em 0 0;
}

input.radio, input.checkbox {
	vertical-align: top;
}
label, button, input.submit, input.image {
	cursor: pointer;
}
* html input.radio,
* html input.checkbox {
	vertical-align: middle;
} /* ie6 */
*+html input.radio, 
*+html input.checkbox {
	vertical-align: middle;
} /* ie7 */

textarea {
	overflow: auto;
}
input.text, input.password, textarea, select {
	margin: 0;
	vertical-align: baseline;
	}
input.text,
input.password,
textarea {
	border: 1px solid #2883a8;
	padding: 1px;
	background-color: #caecfa;
	}
	input.text:hover,
	input.password:hover,
	textarea:hover { 
		background-color: #e8f7fd;
	}
	input.text:focus,
	input.password:focus
	textarea:focus { 
		background-color: #ffffff;
	}
form .field,
.fields,
.buttons {
	padding-left: 100px;
}
form .field label {
	display: inline;
	float: left;
	width: 90px;
	margin-left: -100px;
	text-align: right;
}
.field input#name,  
.field input#email {
	width: 363px;
}
.field checkbox {
	margin-left: 178px;
}




/* List
----------------------------------------------- */
#content {
	width: 600px;
	margin: 45px auto 20px auto;
	}
	#content li {
		width: 180px;
		height: 225px;
		overflow: hidden;
		text-align: left;
		margin: 7px;
		padding: 2px;
		border: 1px solid #32c3ff;
		background-color: #1d6b8b;
		float: left;
		position: relative;
		}
		#content ul li.entry a {
			width: 178px;
		}
		#content li .post-edit-link {
			display: none;
			}
			#content li:hover .post-edit-link {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				padding: 0 0 0 5px;
				width: 180px;
				line-height: 30px;
				background: #000000;
				color: #ffffff;
				text-decoration: none;
				}
		#content li .text {
			background-color: #6aadc8;
		}
		#content li .text h3 {
			padding: 5px 0 0 5px;
		}
		#content li .text h3 a {
			color: #000000;
			text-decoration: none;
			font-size: 11px;
		}
		#content li .text p {
			font-size: 11px;
			padding: 5px;
		}




/* Footer
----------------------------------------------- */
#footer {
	height: 150px;
	margin: 20px auto 50px;
	width: 599px;
	clear: both;
	position: relative;
}
#footer ul {
	list-style: none;
	text-align: center;
}
#footer span {
	position: absolute;
	margin-top: -99999%;
}
.contact-btn a {
	width: 83px;
	height: 9px;
	position: absolute;
	left: 0;
	background: url("images/contact-yannick.png") no-repeat 0 0;
	}
	.contact-btn a:hover {
		background: url("images/contact-yannick.png") no-repeat left bottom;
	}
.more-btn a {
	width: 92px;
	height: 9px;
	position: absolute;
	right: 0;
	background: url("images/more-artwork.png") no-repeat left top;
	}
	.more-btn a:hover {
		background: url("images/more-artwork.png") no-repeat left bottom;
	}

.more-btn a {
	width: 92px;
	height: 9px;
	position: absolute;
	right: 0;
	background: url("images/more-artwork.png") no-repeat left top;
	}
	.more-btn a:hover {
		background: url("images/more-artwork.png") no-repeat left bottom;
	}
#footerlogos {
	height: 80px;
	width: 599px;
	top: 60px;
	position: absolute;
}
#footerlogos li#sf {
	position: absolute;
}
#footerlogos li#ex {
	position: absolute;
	left: 227px;
}
#footerlogos li#da {
	position: absolute;
	right: 0;
}



/* 404
----------------------------------------------- */
#notfound #heading {
	width: 476px;
	height: 62px;
	background: url("images/404.png") no-repeat left top;
	margin: 200px auto 0;
}
#notfound #heading span,
#notfound ul span {
	display: none;
}
#notfound ul {
	margin: 20px auto;
	width: 300px;
	height: 50px;
}
#notfound li#myfault a {
	width: 300px;
	height: 25px;
	display: block;
	background: url("images/404-items.png") no-repeat left top;
	}
	#notfound li#myfault a:hover {
		width: 300px;
		height: 25px;
		background: url("images/404-items.png") no-repeat right top;
	}
#notfound li#yourfault a {
	width: 300px;
	height: 25px;
	display: block;
	background: url("images/404-items.png") no-repeat left bottom;
	}
	#notfound li#yourfault a:hover {
		width: 300px;
		height: 25px;
		background: url("images/404-items.png") no-repeat right bottom;
	}


/* Misc
----------------------------------------------- */
.clear {
	clear: both;
}
.alignleft { text-align: left; }
.alignright { text-align: right; }
p { text-align: left; }
#updates a {
	position: fixed;
	bottom: 30px;
	right: 30px;
	color: #91b5c2;
	font: 14px/14px Cambria, Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}
#updates a:hover {
	color: #91b5c2;
}



/* Indexwindow
----------------------------------------------- */
#portfolio {
	width: 598px;
	height: 373px;
	_width: 604px;
	_height: 379px;
	margin: 45px auto 0;
	padding: 2px;
	border: 1px solid #32c3ff;
	background-color: #1a617d;
	position: relative;
}

/*\*/ selector { property: value; } /**/

	#portfolio ul {
		position: absolute;
		top: 1px;
		left: 1px;
		}
		#portfolio ul li {
			margin: 0;
			padding: 0;
			position: absolute;
			}
			#portfolio ul li a span {
				display: block;
				position: absolute;
				cursor: pointer;	
			}

.big {background: url("images/hover2.png") no-repeat 0 -225px; width: 225px; height: 225px;}
	.big a span {background: url("images/hover2.png") no-repeat 0 0; width: 225px; height: 225px;}
		.big a:hover span {background: url("images/hover2.png") no-repeat 0 -225px; }
.normal {background: url("images/hover2.png") no-repeat -600px 0; width: 150px; height: 150px;}
	.normal a span {background: url("images/hover2.png") no-repeat -450px 0; width: 150px; height: 150px;}
		.normal a:hover span {background: url("images/hover2.png") no-repeat -450px -150px; }
.small {background: url("images/hover2.png") no-repeat -525px -300px; width: 75px; height: 75px;}
	.small a span {background: url("images/hover2.png") no-repeat -450px -300px; width: 75px; height: 75px;}
		.small a:hover span {background: url("images/hover2.png") no-repeat -450px -375px; }


/* LAYOUT 1 */
#layout1 #image1 {margin: 0 0 0 0;}
#layout1 #image2 {margin: 225px 0 0 150px;}
#layout1 #image3 {margin: 150px 0 0 375px;}
#layout1 #image4 {margin: 75px 0 0 525px;}
#layout1 #image5 {margin: 225px 0 0 300px;}
#layout1 #image6 {margin: 225px 0 0 0;}
#layout1 #image7 {margin: 75px 0 0 375px;}
#layout1 #image8 {margin: 0 0 0 450px;}
#layout1 #image9 {margin: 225px 0 0 525px;}
#layout1 #image10 {margin: 75px 0 0 225px;}
#layout1 #image11 {margin: 0 0 0 375px;}
#layout1 #image12 {margin: 300px 0 0 300px;}
#layout1 #image13 {margin: 300px 0 0 525px;}
#layout1 #image14 {margin: 0 0 0 225px;}
#layout1 #image15 {margin: 75px 0 0 300px;}
#layout1 #image16 {margin: 225px 0 0 75px;}
#layout1 #image17 {margin: 150px 0 0 525px;}
#layout1 #image18 {margin: 300px 0 0 0;}
#layout1 #image19 {margin: 75px 0 0 450px;}
#layout1 #image20 {margin: 0 0 0 525px;}
#layout1 #image21 {margin: 150px 0 0 225px;}
#layout1 #image22 {margin: 300px 0 0 450px;}
#layout1 #image23 {margin: 0 0 0 300px;}
#layout1 #image24 {margin: 300px 0 0 75px;}
#layout1 #image25 {margin: 300px 0 0 375px;}
#layout1 #image26 {margin: 150px 0 0 300px;}
/* LAYOUT 2 */
#layout2 #image1 {margin: 150px 0 0 300px;}
#layout2 #image2 {margin: 0 0 0 450px;}
#layout2 #image3 {margin: 0 0 0 75px;}
#layout2 #image4 {margin: 150px 0 0 75px;}
#layout2 #image5 {margin: 75px 0 0 375px;}
#layout2 #image6 {margin: 300px 0 0 225px;}
#layout2 #image7 {margin: 150px 0 0 525px;}
#layout2 #image8 {margin: 0 0 0 225px;}
#layout2 #image9 {margin: 75px 0 0 0;}
#layout2 #image10 {margin: 150px 0 0 150px;}
#layout2 #image11 {margin: 225px 0 0 525px;}
#layout2 #image12 {margin: 0 0 0 375px;}
#layout2 #image13 {margin: 225px 0 0 150px;}
#layout2 #image14 {margin: 150px 0 0 0;}
#layout2 #image15 {margin: 75px 0 0 300px;}
#layout2 #image16 {margin: 0 0 0 0;}
#layout2 #image17 {margin: 225px 0 0 75px;}
#layout2 #image18 {margin: 75px 0 0 225px;}
#layout2 #image19 {margin: 0 0 0 300px;}
#layout2 #image20 {margin: 300px 0 0 525px;}
#layout2 #image21 {margin: 150px 0 0 225px;}
#layout2 #image22 {margin: 300px 0 0 75px;}
#layout2 #image23 {margin: 225px 0 0 225px;}
#layout2 #image24 {margin: 225px 0 0 0;}
#layout2 #image25 {margin: 300px 0 0 150px;}
#layout2 #image26 {margin: 300px 0 0 0;}
/* LAYOUT 3 */
#layout3 #image1 {margin: 150px 0 0 375px;}
#layout3 #image2 {margin: 225px 0 0 225px;}
#layout3 #image3 {margin: 0px 0 0 0px;}
#layout3 #image4 {margin: 75px 0 0 300px;}
#layout3 #image5 {margin: 0px 0 0 450px;}
#layout3 #image6 {margin: 150px 0 0 75px;}
#layout3 #image7 {margin: 75px 0 0 150px;}
#layout3 #image8 {margin: 300px 0 0 75px;}
#layout3 #image9 {margin: 225px 0 0 0px;}
#layout3 #image10 {margin: 75px 0 0 525px;}
#layout3 #image11 {margin: 0px 0 0 375px;}
#layout3 #image12 {margin: 150px 0 0 225px;}
#layout3 #image13 {margin: 0px 0 0 150px;}
#layout3 #image14 {margin: 225px 0 0 150px;}
#layout3 #image15 {margin: 225px 0 0 75px;}
#layout3 #image16 {margin: 150px 0 0 300px;}
#layout3 #image17 {margin: 75px 0 0 375px;}
#layout3 #image18 {margin: 0px 0 0 525px;}
#layout3 #image19 {margin: 0px 0 0 225px;}
#layout3 #image20 {margin: 75px 0 0 225px;}
#layout3 #image21 {margin: 150px 0 0 150px;}
#layout3 #image22 {margin: 300px 0 0 150px;}
#layout3 #image23 {margin: 300px 0 0 0px;}
#layout3 #image24 {margin: 75px 0 0 450px;}
#layout3 #image25 {margin: 0px 0 0 300px;}
#layout3 #image26 {margin: 150px 0 0 0px;}
/* LAYOUT 4 */
#layout4 #image1 {margin: 75px 0 0 300px;}
#layout4 #image2 {margin: 0px 0 0 150px;}
#layout4 #image3 {margin: 150px 0 0 75px;}
#layout4 #image4 {margin: 150px 0 0 225px;}
#layout4 #image5 {margin: 225px 0 0 225px;}
#layout4 #image6 {margin: 0px 0 0 525px;}
#layout4 #image7 {margin: 0px 0 0 75px;}
#layout4 #image8 {margin: 150px 0 0 0px;}
#layout4 #image9 {margin: 225px 0 0 525px;}
#layout4 #image10 {margin: 300px 0 0 225px;}
#layout4 #image11 {margin: 0px 0 0 450px;}
#layout4 #image12 {margin: 75px 0 0 75px;}
#layout4 #image13 {margin: 300px 0 0 0px;}
#layout4 #image14 {margin: 150px 0 0 525px;}
#layout4 #image15 {margin: 300px 0 0 375px;}
#layout4 #image16 {margin: 0px 0 0 300px;}
#layout4 #image17 {margin: 75px 0 0 0px;}
#layout4 #image18 {margin: 300px 0 0 450px;}
#layout4 #image19 {margin: 225px 0 0 0px;}
#layout4 #image20 {margin: 75px 0 0 525px;}
#layout4 #image21 {margin: 300px 0 0 525px;}
#layout4 #image22 {margin: 300px 0 0 150px;}
#layout4 #image23 {margin: 300px 0 0 75px;}
#layout4 #image24 {margin: 0px 0 0 0px;}
#layout4 #image25 {margin: 0px 0 0 375px;}
#layout4 #image26 {margin: 300px 0 0 300px;}
/* LAYOUT 5 */
#layout5 #image1 {margin: 75px 0 0 75px;}
#layout5 #image2 {margin: 0px 0 0 450px;}
#layout5 #image3 {margin: 75px 0 0 300px;}
#layout5 #image4 {margin: 225px 0 0 300px;}
#layout5 #image5 {margin: 0px 0 0 0px;}
#layout5 #image6 {margin: 150px 0 0 0px;}
#layout5 #image7 {margin: 150px 0 0 525px;}
#layout5 #image8 {margin: 225px 0 0 375px;}
#layout5 #image9 {margin: 0px 0 0 375px;}
#layout5 #image10 {margin: 0px 0 0 150px;}
#layout5 #image11 {margin: 300px 0 0 75px;}
#layout5 #image12 {margin: 300px 0 0 375px;}
#layout5 #image13 {margin: 225px 0 0 525px;}
#layout5 #image14 {margin: 0px 0 0 300px;}
#layout5 #image15 {margin: 0px 0 0 75px;}
#layout5 #image16 {margin: 150px 0 0 450px;}
#layout5 #image17 {margin: 300px 0 0 450px;}
#layout5 #image18 {margin: 225px 0 0 0px;}
#layout5 #image19 {margin: 300px 0 0 300px;}
#layout5 #image20 {margin: 75px 0 0 0px;}
#layout5 #image21 {margin: 225px 0 0 450px;}
#layout5 #image22 {margin: 300px 0 0 0px;}
#layout5 #image23 {margin: 300px 0 0 150px;}
#layout5 #image24 {margin: 0px 0 0 225px;}
#layout5 #image25 {margin: 300px 0 0 525px;}
#layout5 #image26 {margin: 300px 0 0 225px;}
/* LAYOUT 6 */
#layout6 #image1 {margin: 0px 0 0 225px;}
#layout6 #image2 {margin: 75px 0 0 450px;}
#layout6 #image3 {margin: 150px 0 0 75px;}
#layout6 #image4 {margin: 300px 0 0 0px;}
#layout6 #image5 {margin: 225px 0 0 225px;}
#layout6 #image6 {margin: 225px 0 0 375px;}
#layout6 #image7 {margin: 225px 0 0 525px;}
#layout6 #image8 {margin: 300px 0 0 150px;}
#layout6 #image9 {margin: 300px 0 0 375px;}
#layout6 #image10 {margin: 0px 0 0 0px;}
#layout6 #image11 {margin: 75px 0 0 150px;}
#layout6 #image12 {margin: 225px 0 0 0px;}
#layout6 #image13 {margin: 0px 0 0 75px;}
#layout6 #image14 {margin: 225px 0 0 300px;}
#layout6 #image15 {margin: 300px 0 0 75px;}
#layout6 #image16 {margin: 300px 0 0 450px;}
#layout6 #image17 {margin: 0px 0 0 150px;}
#layout6 #image18 {margin: 75px 0 0 75px;}
#layout6 #image19 {margin: 225px 0 0 450px;}
#layout6 #image20 {margin: 0px 0 0 450px;}
#layout6 #image21 {margin: 75px 0 0 0px;}
#layout6 #image22 {margin: 0px 0 0 525px;}
#layout6 #image23 {margin: 300px 0 0 225px;}
#layout6 #image24 {margin: 300px 0 0 300px;}
#layout6 #image25 {margin: 150px 0 0 0px;}
#layout6 #image26 {margin: 300px 0 0 525px;}
/* LAYOUT 7 */
#layout7 #image1 {margin: 150px 0 0 75px;}
#layout7 #image2 {margin: 150px 0 0 375px;}
#layout7 #image3 {margin: 0 0 0 225px;}
#layout7 #image4 {margin: 0 0 0 0px;}
#layout7 #image5 {margin: 0 0 0 375px;}
#layout7 #image6 {margin: 300px 0 0 450px;}
#layout7 #image7 {margin: 300px 0 0 300px;}
#layout7 #image8 {margin: 75px 0 0 0px;}
#layout7 #image9 {margin: 75px 0 0 375px;}
#layout7 #image10 {margin: 75px 0 0 525px;}
#layout7 #image11 {margin: 225px 0 0 300px;}
#layout7 #image12 {margin: 300px 0 0 0px;}
#layout7 #image13 {margin: 225px 0 0 0px;}
#layout7 #image14 {margin: 75px 0 0 75px;}
#layout7 #image15 {margin: 0px 0 0 450px;}
#layout7 #image16 {margin: 0px 0 0 150px;}
#layout7 #image17 {margin: 0px 0 0 75px;}
#layout7 #image18 {margin: 75px 0 0 450px;}
#layout7 #image19 {margin: 225px 0 0 525px;}
#layout7 #image20 {margin: 300px 0 0 375px;}
#layout7 #image21 {margin: 300px 0 0 525px;}
#layout7 #image22 {margin: 150px 0 0 300px;}
#layout7 #image23 {margin: 0px 0 0 525px;}
#layout7 #image24 {margin: 75px 0 0 150px;}
#layout7 #image25 {margin: 150px 0 0 0px;}
#layout7 #image26 {margin: 150px 0 0 525px;}