/*
Theme Name: KLFK Theme
Theme URI: http://www.klfk.nl/
Description: The WordPress theme from Kathy Ludwig & Florian Kraeutli
Version: 0.1
Author: Florian Kraeutli
Author URI: http://www.kraeutli.com/
*/


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear, .break {
	clear:both;
}

.break {
	margin:2em;
}

.topLink {
	position: fixed;
	bottom:5px;
	right:5px;
	color:black;
}

a[onclick] {
	cursor:pointer;
}

/*------------------------------ COLOUR ------------------------------*/

body {
	background-color: rgb(216,217,213);
}

a {
	color: rgb(85, 26, 139);
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:white;
}

.imageViewer {
	background: white;
	border:0;
	padding:0;
}

.column.image {
	//background: white;
}
.column.image img {
	background: url(images/ajax-loader-white.gif) no-repeat center center;
}

/*------------------------------ TYPOGRAPHY--------------------------*/

body {
	font-family: 'Andale Mono','Monaco','Lucida Sans Unicode','Lucida sans','American Typewriter','Courier New',monotype,sans-serif;
	font-size:12px;
}

address {
	font-style: normal;
}

	/* HEADLINES */

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	line-height:1.2em;
}

h3 {
	font-size:3em;
	margin-top:.3em;
	margin-bottom:.1em;
}

h4 {
	font-size:2em;
	margin-top:.3em;
	margin-bottom:.1em;
}


#page.home h1 {
	font-size:4.5em;
}

#page.home h2 {
	font-size:3em;
}



#page.projects h1, #page.projects h2,
#page.news h1, #page.news h2,
#page.about h1, #page.about h2, 
#page.contact h1, #page.contact h2 {
	font-size:1.6em;
}

#page.projects h2.projects,
#page.news h2.news,
#page.about h2.about,
#page.contact h2.contact {
	font-size:4.5em;
}

.single #page.projects h2.projects {
	font-size:2em;
	line-height:2em;
}


	/* LINKS */
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
}


/*------------------------------ LAYOUT ------------------------------*/

html, body { 
	height: 100%; 
	margin: 0; 
	padding: 0;
	text-align: center; 
}
#page {
	border: 0; 
    position: absolute; 
    left: 9%; 
    top: 12%;
    text-align: left;
}
img {
	border:3px white solid;
}

img.loader {
	border:0;
	margin-top:1em;
}

div.content {
	position:relative;
	top:-1em;
	margin-left:.3em;
	margin-top:.2em;
	padding:1em 0 2em 1em;
	border-left:1px solid white;
	display: none;
}

#page.projects div.projects,
#page.news div.news,
#page.about div.about,
#page.contact div.contact {
	display: block;
}

.alignleft {
	float:left;
}

.column {
	float:left;
}

	/* NEWS */
	
.news .navigation {
	padding:1em 0 1em 0;
}	
	
	/* PROJECTS */

ul#projectList {
	margin-bottom:1em;
}

ul#projectList li {
	display:inline;
	float:left;
	margin-right:.5em;
	margin-top:.5em;
}

ul#projectList.small {
	//height:5em;
	margin-top:0;
	margin-bottom: 0;
}

ul#projectList.small li {
	margin-top:0;
}

ul#projectList.small li img{
	width:4em;
	height:4em;
}

.column.text {
	width:20em;
	margin-right:1em;
}


.column.text p {
	margin-top:.5em;
}

.column.object p {
	margin:0;
}

.content.contact p {
	margin-bottom:1em;
}

.column.image, .column.object  {
	margin-right:1em;
	margin-bottom:2em;
}

.column.image {
	padding:0 6px 0 0;
}

.column.object {
	border:3px white solid;
}
#projectContent img {
	margin: .3em;
}

#projectContent img.stack{
	margin:0;
}


#projectScroller {
	position: relative;
	left:1em;
}


.imgNavigation {
	position:absolute;
	z-index:10000;
	width:6em;
	background: white;
	margin:0 0 .2em 0;
	padding:0;
	padding-top:.2em;
	text-align:center;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright: 1px;
}

	/* ABOUT */
	
.about .column.text {
	margin-right:4em;
}
	
.about .column p {
	margin-bottom:1em;
}
	
.about .column a {
	display: block;
	margin-bottom:.3em;
}
	/* CONTACT FORM */
	
.form-label {
	display: inline;
	float:left
}

label {
	padding-top:.2em;
	display: block;
	width:9em;
}

.scf-form-error, .scf-form-success {
	margin-bottom:.4em;
	font-size:1.2em;
}

input, textarea {
	margin-bottom:.4em;
	margin-top:.1em;
}