/* 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}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}
/* zotonic.com styles 2009
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	01-02-2009
@Changed:	28-08-2009

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.

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

body {
	background: #27343c url(../images/page_bg.jpg) repeat-x left top;
	color: #fff;
	font: 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif;
}

	body.home {
		background: #27343c url(../images/home_bg.jpg) repeat-x left top;
	}


figure {
	display: block !important;
}


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

h1 {
	font-size: 21px;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin: 0 0 6px 0;
	font-style: normal;
	color: #63c9f2;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-shadow: 1px 2px #000;
}

h2 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #53b1d7;
	font-style: normal;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 24px;
}

h3 {
	color: #63c9f2;
	font-weight: bold;
	font-size: 13px;
}

a, a:focus {
	color: #63c9f2;
	text-decoration: none;
}

a:hover {
	color: #5dbae0;
	text-decoration: none;
	border-bottom: 1px dotted #5dbae0;
}

p {
	margin: 0 0 18px 0;
	letter-spacing: .03em;
}

	p.summary {
		font-weight: bold;
		color: #fff;
	}

	#sidebar p {
		font-size: 11px;
	}

p.important:first-letter,
p.intro:first-letter {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	float: none;
	padding: 0;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

p.important:first-line,
p.intro:first-line {
	font-variant: normal;
}

p.breadcrumb {
	font-size: 11px;
	margin: 0 0 6px 0;
	color: #ddd;
	text-transform: lowercase;
}

	p.breadcrumb a:hover {
		color: #5DBAE0;
		border: none;
	}


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

.bullet-list, #content ul {
	list-style: circle;
	list-style-position: inside;
	margin: 0 0 18px 0;
}

	.bullet-list li {
		letter-spacing: .03em;
	}

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

	.list-item p.summary {
		margin: 0;
	}

.list-item p.summary {
	font-size: 11px;
	font-weight: normal;
}

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

.list-filters li a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

	.list-filters li a.current,
	.list-filters li a:hover {
		color: #5dbae0;
		text-decoration: none;
		border-bottom: 1px dotted #5dbae0;
	}


/* Tables
---------------------------------------------------------- */

#content table {
	margin: 0 0 18px;
	font-size: 11px;
}

#content table td {
	padding: 6px 18px 6px 6px;
	border-bottom: 1px solid #323f47;
}

	#content table tr:first-child td {
		font-weight: bold;
		border-bottom: 1px dotted #666;
	}
	
	#content table tr:nth-child(even) td {
		background: #2a373f;
	}


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

.zp-wrapper {
	width: 960px;
}

header {
	height: 58px;
}

.page header {
	margin: 0 0 36px 0;
}

#content-area {
	margin: 0 0 18px 0;
}

#banner {
	margin: 0 0 18px 0;
}

.page #banner {
	width: 960px;
	height: 82px;
	background: #27343c url(../images/page_banner.jpg);
}

.home #banner {
	width: 960px;
	height: 313px;
	background: #27343c url(../images/home_banner.jpg);
	position: relative;
}

	.home #banner #download-zotonic {
		position: absolute;
		right: 63px;
		top: 40px;
	}

	.home #banner #docs-zotonic {
		position: absolute;
		right: 9px;
		top: 170px;
	}
		
		.home #banner #download-zotonic a,
		.home #banner #docs-zotonic a {
			border: none;
		}

#logo {
	margin: 18px 0 0 0;
}

#logo img {
	float: none;
	display: block;
}

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

.category #content .padding,
.collection #content .padding,
.collection-members .padding,
.feature-members .padding {
	padding: 0 40px 0 0;
}


/* sticky footer
---------------------------------------------------------- */

html, body {
	height: 100%;
}

.zp-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}

.push, footer {
	height: 150px;
}


/* footer
---------------------------------------------------------- */

footer {
	background: #1f2b33 url(../images/page_footer.jpg);
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	display: block;
}

	footer p {
		font-size: 11px;
		color: #bbb;
	}
	
	.footer-list li {
		margin: 0 9px 0 0;
		display: inline;
		float: left;
	}
	
	.footer-list li a {
		font-size: 11px;
		color: #bbb;
		line-height: 18px;
	}	

		.footer-list li a:hover {
			color: #5dbae0;
		}

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

nav {
	margin: 25px 0 0;
}

	#navigation li {
		float: left;
	}
	
		#navigation li a {
			text-decoration: none;
			display: block;
			color: #f1f1f1;
			padding: 0;
			margin: 0 0 0 9px;
			border: none;
		}
		
		#navigation li a:hover,
		#navigation li a.current:hover {
			color: #19b7e8;
		}
		
		#navigation li a.current,
		#navigation li a:focus,
		#navigation li a:active {
			color: #19b7e8;
		}


/* 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;
	}
	
.zotonic-license-notice {
	color: #bbb; 
	border-top: 1px dotted #666; 
	padding: 17px 0 0 0;
}

/* modernizr stuff */
#fonttest {
	display: none !important;
}


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

fieldset {
	border: none;
}

label {
	color: #fff;
}

input[type="text"],
input[type="password"],
textarea {
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background: #F74273;
	color: #fff;
	border: none;
}


/* notices
-------------------------------------------------------------- */

.error,
.notice,
.success {
	padding: 2px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.notice a {
	color: #514721; 
}

	.notice a:hover {
		border-color: #514721;
	}

.error a {
	color: #8a1f11; 
}

	.error a:hover {
		border-color: #8a1f11;
	}

	.error pre {
		background: #FBC2C4;
		border: none;
		margin: 9px 0 3px 0;
	}

.success a {
	color: #264409; 
}

	.succes a:hover {
		border-color: #264409;
	}

/* pre, code
---------------------------------------------------------- */

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #1e2b33;
	border: 1px solid #323f47;
}


/* Pages - features
---------------------------------------------------------- */

.feature-wrapper {
	background: #1e2b33;
	border: 1px solid #323f47;
	padding: 9px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.feature-item img {
		margin: 6px 6px 0 0;
	}

	.feature-item p.summary {
		font-weight: normal;
		color: #fff;
		font-size: 11px;
		margin: 0;
	}
	
	.feature-item {
		margin: 0 0 18px 0;
	}
	
		.last-feature {
			margin: 0;
		}