/*
	basic.css
	-----------------------------------------------------
	Style sheet for devices that are less than 240 pixels
	wide or don’t respond to media queries.
	-----------------------------------------------------
	Author:		Jonathan van Wunnik
	Project:	Thijs Wolzak Fotografie
	Link:		http://www.thijswolzak.nl
*/


/*
	HTML5 Reset
	-----------
	Based on Eric Meyer's CSS Reset (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
	and html5doctor.com HTML5 Reset (http://html5doctor.com/html-5-reset-stylesheet/)
	* Author: 		jpr...@736cs.com (http://code.google.com/p/reset5/)
	* Copyright:	Copyright (c) 2010 736 Computing Services Limited
	* License:		Released under the MIT license. http://736cs.com/mit-license.php?2010
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; }

ins {
	background-color: rgb(255,255,153);
	color: rgb(0,0,0);
	text-decoration: none; }

mark {
	background-color: rgb(255,255,153);
	color: rgb(0,0,0);
	font-style: italic;
	font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help; }

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgb(204,204,204);
	margin: 1em 0;
	padding: 0; }

input, select { vertical-align: middle; }


/*
	Foundation
	----------
*/

body { font: 13px/1.608 sans-serif; }

select, input, textarea, button { font: 99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; } /* normalize monospace sizing */

body, select, input, textarea { background: rgb(255,255,255); color: rgb(0,0,0) } /* As much contrast as possible */

hr, p, ul, ol, dl, pre, address, table, form { margin-bottom: 21px; }

table, form	{ margin-top: 21px; }


/*
	Headings
	--------
*/

h1 { /* LH = (21/34)*2=1.237 | M = 34/1.618 = 21 */
	font-size: 34px; line-height: 1.237;
	margin-top: 14px; margin-bottom: 7px; }

h2 { /* LH = (21/27)*2=1.558 | M = 27/1.618 = 17 */
	font-size: 27px; line-height: 1.558;
	margin-top: 12px; margin-bottom: 5px; }

h3 { /* LH = 21/21=1 | M = 21/1.618 = 13  */
	font-size: 21px; line-height: 1;
	margin-top: 9px; margin-bottom: 4px; }

h4 { /* LH = 21/17=1.237 | M = 17/1.618 = 11 */
	font-size: 17px; line-height: 1.237;
	margin-top: 8px; margin-bottom: 3px; }

h5 { /* LH = 21/15=1.402 | M = 15/1.618 = 9 */
	font-size: 15px; line-height: 1.402;
	margin-top: 6px; margin-bottom: 3px; }

h6 { /* LH = 21/13=1.618 | M = 13/1.618 = 8 */
	font-size: 13px; line-height: 1.618;
	margin-top: 5px; margin-bottom: 3px; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }


/*
	Typography
	----------
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, sans-serif;
	font-weight: bold; }


/*
	Text Elements
	-------------
*/

p, pre, address { position: relative; }

small { font-size: 85%; }

abbr { border-bottom-width: 0; }

em, i, dfn { font-style: italic; }

strong, th { font-weight: bold; }

sub {
    vertical-align: sub;
    font-size: smaller; }

sup {
    vertical-align: super;
    font-size: smaller; }

.lte7 sup { vertical-align: text-top } /* Fixes wrong line-height on sup in IE 7 */
.lte7 sub { vertical-align: text-bottom }

pre {
    padding: 21px 1.8em;
	/* http://www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; } /* CSS 3 (and 2.1 as well, actually) */

.lte9 pre { word-wrap: break-word; } /* Fixes white space pre wrap in IE */


/*
	Links
	-----
*/

a:hover, a:active { outline: none; } /* Accessible focus treatment: http://people.opera.com/patrickl/experiments/keyboard/test */

a, a:active, a:visited { color: rgb(96,120,144); }

a:hover, a:visited:hover { color: rgb(111,119,120); }


/*
	Lists
	-----
*/

ul, ol, dl, dialog { position: relative; }

ul, ol, ul ul, ol ol, ul ol, ol ul { margin-left: 1.8em; }

ol { list-style-type: decimal; }

li ul, li ol {
    margin-bottom: 0;
    margin-top: 0;
    top: 0; }

dl dt { font-weight: bold; }

dl dd { margin-left: 1.8em; }

li p {
    margin-bottom: 0;
    top: 0; }

nav ul, nav li { margin: 0; } /* Remove margins for navigation lists */
form ul, form ol { margin-left: 0; } /* Remove margins for lists used in forms */


/*
	Tables
	------
*/

th { white-space: nowrap; }

tfoot { font-style: italic; }

td, td img { vertical-align: top; }

th { background: rgb(204,204,204); }

tr:nth-child(even) { background: rgb(230,230,230); }

tr:nth-child(odd) { }



/*
	Form elements
	-------------
*/

textarea { overflow: auto; } /* http://www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

input[type="radio"] { vertical-align: text-bottom; } /* Align checkboxes, radios, text inputs with their label (http://tjkdesign.com/ez-css/css/base.css) */
input[type="checkbox"] { vertical-align: bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; } /* Hand cursor on clickable input elements */

button, input, select, textarea { margin: 0; } /* Webkit browsers add a 2px margin outside the chrome of form elements */

input:valid, textarea:valid {  } /* colors for form validity */

/*input[type=search] { -webkit-appearance: none; }*/ /* Reset input type search in Safari (http://j.mp/cqee1J) */
/*input[type=search]::-webkit-search-decoration { display: none; }*/