/* Compressed version of the whole Atatonic CSS Framework.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}header,footer,section,aside,nav,article{display:block!important}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-family:Georgia, "Times new roman", serif;font-size:18px;line-height:36px;font-style:italic;font-weight:400}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}blockquote{background:#F9F9F9;border-left:6px solid #ccc;quotes:"“" "”" "‘" "’";color:#333;font-family:Georgia, "Times new roman", serif;font-size:13px;font-style:italic;margin:0 0 18px;padding:9px}p.intro:first-letter,p.important:first-letter{font-size:43px;font-weight:400;line-height:32px;letter-spacing:5px;float:left;width:auto;font-family:Georgia, Times, serif;padding:5px 0 0}p.intro:first-line,p.important:first-line{font-variant:small-caps}pre,code{border:1px solid #eee;font-family:monaco, courier, "courier new", monospace;font-size:11px;margin:0 0 18px;padding:9px}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}label.form-field-error{color:#8A1F11;}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}
/* Styling for default blog template.
----------------------------------------------------------

@package:	Atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	10-12-2009
@Changed:	19-03-2010

Copyright 2010 Tim Benniks <tim@timbenniks.nl>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

body {
	background: #fff;
	color: #333;
	font: 14px/24px helvetica, arial, sans-serif;
}

aside, header, footer, figure, article {
	display: block !important;
}


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

h1 {
	color: #960003;
	font-family: helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 12px 0;
	font-style: normal;
}

	header h1 {
		color: #fff;
		margin: 11px 0 0 0;
		font-size: 27px;
	}
	
	header h1 a,
	header h1 a:focus {
		color: #fff;
		border: none;
	}
	
	header h1 a:hover {
		color: #eee;
	}
	
	header h1 span {
		font-style: italic;
		font-size: .6em;
	}

h2 {
	font-family: helvetica, arial, sans-serif;
	color: #960003;
	margin: 0 0 0px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	font-style: normal;
}

    h2 span, h1 span {
        font-size: 80%;
        color: #999;
        font-weight: normal;
        padding-left: 16px;
    }

	#sidebar h2 {
		color: #333;
		margin: 0;
	}

h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	color: #333;
}

h5.chapeau {
	font-variant: small-caps;
	color: #333;
	border-bottom: 1px dotted #333;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
	margin: 0 0 24px 0;
}


a, a:focus {
	color: #960003;
	text-decoration: none;
	border-bottom: 1px dotted #960003;
}

a:hover {
	color: #009603;
	text-decoration: none;
	border-bottom: 1px solid #009603;
}

p {
	margin: 0 0 18px 0;
}

	p.summary {
		font-style: italic;
	}
	
	p.summary:first-letter {
		font-size: inherit;
		font-weight: normal;
		line-height: inherit;
		letter-spacing: 0;
		float: none;
		padding: 0;
		width: auto;
	}
	
	p.summary:first-line,
	p.important:first-line {
		font-variant: normal;
	}
	
	p.important:first-letter {
		font-size: 51px;
		font-weight: normal;
		line-height: 32px;
		letter-spacing: 5px;
		float: left;
		padding: 6px 0 0 0;
		width: auto;
		color: #154868;
		font-family: helvetica, arial, sans-serif;
	}
	
	p.keywords {
		font-size: 12px;
		font-style: italic;
	}
	
.author {
	font-style: italic;
	font-variant: normal;
	text-transform: none;
}

p img, li img {
	margin: 6px 6px 0 0;
}

p img.right, li img.right {
	margin: 6px 0 0 9px;
}

p img.block {
	display: block;
	float: none;
	margin: 0 0 18px 0;
}


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 900px;
}

header {
	background: black url(/lib/images/bw-gradient.png) repeat-x bottom left;
	height: 140px;
	margin: 0 0 24px 0;
}

	header #head a {
		border: none;
	}

	#head {
		height: 120px;
	}

#content .padding {
	padding: 0 90px 0 0;
}


/* Footer - see footer navigation styles in the zp-menu.css
------------------------------------------------------ */

footer {
	margin: 47px 0;
	border-top: 1px dotted #ccc;
	padding: 9px 0 0 0;
}

footer p.footer-blog-title {
	margin: 0;
	font-size: 12px;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #666;
}


/* Lists
---------------------------------------------------------- */

#content ul,
#content ol {
	margin: 0 0 18px 0;
	list-style-position: inside;
	list-style-type: disc;
}

	#content ol {
		list-style-type: decimal;
	}

#content .comments-list {
	list-style: none;
}

.item-list p {
	font-size: 12px;
	margin: 0;
}

	.item-list li {
		margin: 0 0 18px 0;
	}


.simple-list {
	margin: 0 0 18px 0;
}	

	.simple-list li a {
		font-size: 12px;	
	}
	
.pager li {
	display: inline;
}

	.pager li.disabled {
		display: none;
	}

.images-list {
	margin: 0 0 18px 0;
	list-style: none;
}

	.images-list li {
		margin: 0 0 18px 0;
	}
	
	.images-list li:last-child {
		margin: 0;
	}

	.images-list li img {
		float: none;
		display: block;
		margin: 0;
	}

.shouts-list {
	font-size: 12px;
	line-height: 18px;
	list-style: none;
}

	.shouts-list .tweet-date-time {
		font-style: italic;
		color: #888;
	}


/* Posts
---------------------------------------------------------- */	
	
.post {
	margin: 0 0 36px 0;
}

.post h1 {
	margin: 0;
}
	
	.post h1 a {
		border: none;
	}

.post p:last-child {
	margin: 0;
}

.post .article-meta {
	font-size: 12px;
	font-style: italic;
	margin: 0;
	color: #666;	
}

.post img {
	margin: 6px 6px 0 0;
	display: block;
	float: left;
}

.prevnext {
	margin: 36px 0 0 0;
	overflow: hidden; /* clearfix hack */
}

	.prevnext a {
		font-size: 12px;
		color: #333;
	}
	
		.prevnext a:hover {
			color: #154868;
		}

	.prevnext .prev {
		float: left;
	}
	
	.prevnext .next {
		float: right;
	}


/* Images
---------------------------------------------------------- */

figure.image-wrapper {
	margin: 0 0 18px 0;
	width: 100%;
}

	.block-level-image img {
		display: block;
		margin: 0;
	}

p.image-caption {
	display: block;
	font: 11px/18px helvetica, arial, sans-serif;
	margin: 0;
	color: #666;
}


/* Forms
---------------------------------------------------------- */

fieldset {
    float: left;
    clear: both;
    width: 100%;
    margin: 32px 0 0 0;
    padding: 0 0 16px 0;
    border-style: none;
    xborder-top: 1px solid #bfbab0;
    background-color: #f1f0f0;
}

fieldset.form-submit {
    margin-top: 16px;
    border-style: none;
    background: none;
}

fieldset.form-submit button {
    margin-left: 132px;
}

fieldset legend {
    position: relative;
    left: 0px;
    top: -12px;
    padding: 0;
    font-weight: 100;
    font-size: 24px;
    color: #000;
}

p.explanation {
	color: #666;
	font-size: 12px;
}

form > p.explanation, fieldset.form-submit p.explanation {
    margin: 0 0 0 132px;
}

fieldset p.explanation {
    margin-left: 116px;
}


fieldset p.explanation-q {
	display: inline;
	margin: 0 0 16px 0;
	color: #666;
	font-size: 10px;
}

fieldset ol, #content fieldset ol {
    padding: 16px 16px 0 16px;
	margin: 0;
    list-style-type: none;
}

fieldset li {
    float: left;
    width: 100%;
    clear: left;
    padding-bottom: 8px;
}

label {
    width: auto;
}

fieldset label {
    display: block;
    float: left;
    width: 100px;
    margin-right: 16px;
    background: none;
}

fieldset label.choices input {
	width: auto;
}

fieldset div.choices {
	display: block;
	margin-left: 176px; 
}

fieldset input {
    width: 300px;
}

fieldset input.h {
    width: 150px;
}

fieldset input.q {
    width: 75px;
}


#sidebar fieldset label {
    width: 70px;
}

#sidebar fieldset input {
    width: 180px;
}

#sidebar fieldset.form-submit button {
    margin-left: 102px;
}


.error-message {
	display: none;
}
form.error-form .error-message {
	display: block;
}

textarea {
    width: 90%;
    height: 150px;
}


#profile-bio label {
    width: auto;
}

#profile-pics li {
    width: 250px;
    float: left;
    clear: none;
}

#cancel, #cancel2 {
	margin-left: 16px;
}


#post-job, button.big, #signup_button button {
	width: auto;
	height: 50px;
	font-size: 24px;
	padding-right: 16px;
	padding-left: 16px;
}


label.checkbox {
    margin-left: 120px;
    clear: left;
    width: auto;
    display: block;
}

label input {
    width: auto;
}


/* Jobs homepage
---------------------------------------------------------- */

#jobs li, #people li {
	list-style: none;
	list-style-position: outside;
	border-left: 4px #960003 solid;
	padding: 0 0 0 16px;
	margin: 0 0 16px 0;
}

	#jobs li p, #people li p {
		margin: 0;
	}

.job-actions {
	background-color: #f0f0f0;
	padding: 4px;
	margin: 4px 0 0 0;
}

	.job-actions button {
		margin: 4px;
	}


/* Signup form
---------------------------------------------------------- */

#signup_area label {
    width: 120px;
}


/* Sidebar
---------------------------------------------------------- */

#sidebar fieldset > p {
    margin: 16px 16px 0 16px;
}

.twtr-widget a {
    border: none;
}

/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}


/* Styling for menu's in the default blog template.
----------------------------------------------------------

@package:	Atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	10-12-2009
@Changed:	19-03-2010

Copyright 2010 Tim Benniks <tim@timbenniks.nl>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.


/* navigation
---------------------------------------------------------- */

#navigation {
	float: left;
	margin: -17px 100px 17px 0;
}

	#navigation li {
		display: inline;
	}

	#navigation li a {
		font-variant: small-caps;
		text-transform: lowercase;
		color: black;
		font-weight: bold;
		text-decoration: none;
		border: none;
		margin: 0 12px 0 0;
	}
	
	#navigation li a:hover,
	#navigation li a.current {
		text-decoration: underline;
	}


/* Footer navigation styles
---------------------------------------------------------- */

footer #navigation {
	margin: 0;
}

footer #navigation li a {
	font-size: 12px;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #666;
	border: none;
	margin: 0 6px 0 0;
}

	footer #navigation li a:hover {
		color: #154868;
	}