/*
Theme Name: KLFK Theme
Theme URI: http://www.klfk.nl/
Description: The WordPress theme from Kathy Ludwig & Florian KrŠutli
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;
}
a[onclick] {
	cursor:pointer;
}

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

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

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

.imageViewer {
	background: white;
}

.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',System,'American Typewriter','Courier New',monotype,sans-serif;
	font-size:13px;
}

.imgNavigation {
	font-size:1.5em;
}

.column.text {
	font-size:1.5em;
}


address {
	font-style: normal;
}
	/* HEADLINES */

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

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

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

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

#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:3em;
}

.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 { 	
	width:100%;
	margin: 0; 
	padding: 0;
}
#page {
	border: 0;
	padding:1em;
    text-align: left;
}
img {
	border:3px white solid;
}



img.loader {
	border:0;
}

div.content {
	position:relative;
	top:-1em;
	margin-left:.1em;
	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;
}

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

	/* PROJECTS */

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

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

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

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

ul#projectList li img{
	width:6em;
	height:6em;
}

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

#projectContent column.text {
	position: relative;
	padding:1em;
}

.column {
	float:left;
}

.column.text {
	width:14em;
}

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

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

.column img {
	margin:.3em;
}

#projectContent img {
	margin: .3em;
}

#projectContent img.stack{
	margin:0;
}

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


.imgNavigation {
	opacity:.5;
	position:absolute;
	z-index:10000;
	width:5em;
	background: white;
	margin:0 0 .2em 0;
	padding:.2em 0 .2em 0;
	text-align:center;
	-webkit-border-bottom-right-radius:12px;
}
	/* ABOUT */
	
.about .column p {
	margin-bottom:1em;
}
	
.about .column a {
	display: block;
	margin-bottom:.3em;
}
	/* CONTACT */

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

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

input, textarea {
	margin-bottom:.4em;
	margin-top:.1em;
	width:9em;
	font-size:1.6em;
}