/* vim: set fdi=: */
/*
Theme Name: nine002 
Theme URI: http://9-0-0-2.org
Description: 9002 theme
Version: 0
Author: David Högberg
Tags: minimalistic, clean, white

9002 window to the world.
*/

@import 'reset.css';
@import 'typography.css';

/* -- GENERAL -- */
	hr {
		margin: 25px 0;
		clear: both;
	}	

/* -- FRAMEWORK -- */
	body {
		border-top: 4px solid #bf4f16;
	}
	#masthead {
		height: 106px;
	}
	#logo {
		position: absolute;
		top: 47px;
		left: 4px;
	}
	#status {
		position: absolute;
		right: 0;
		top: 28px;
	}
	#nav {
		border: 1px solid #f4f4f4;
		border-width: 1px 0;
		height: 26px;
	}
	#nav ul {
		position: absolute;
		right: 0;
	}
	#titlerow {
		height: 16px;
		padding-top: 10px;
	}
	#content {
		margin-top: 35px;
	}
	#footer {
		border-width: 1px 0 0 0;
		margin-top: 35px;
	}
	
	/* general content wrappers */
	.content {
		width: 790px;
		position: relative;
		margin: 0 auto;
		left: -75px;
	}
	.content > .first {
		width: 630px;
		float: right;
	}
	.content .second {
		width: 150px;
		float: left;
	}
	.content:after {
		content: '.';
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}
	#content .title {
		margin-top: 15px;
		margin-bottom: 35px;
	}
	#large .content {
		width: 950px;
	}
	#large .content > .first {
		width: 790px;
	}

	/* standard layouts */
	.first.two-col {
		width: 310px;
		float: left;
	}
	.first.two-col:first-child {
		margin-left: 160px;
		margin-right: 10px;
	}
	.first.two-col.spacious {
		width: 300px;
		padding-left: 10px;
	}
	.first.two-col.spacious:first-child {
		padding: 0 10px 0 0;
	}

/* -- MASTHEAD -- */
	a img {
		border: none;
	}

/* -- FOOTER -- */
	#footer p {
		margin: 4px 0 0 0;
	}
	#footer .first {
		text-align: right;
	}
	
/* -- HEADERS -- */

/* -- LINKS -- */
	a.control {
		padding: 5px 5px 4px 5px;
	}
	.second a.control {
		display: block;
		width: 136px;
		padding: 3px 7px 2px 7px;
		margin-top: 6px;
	}

/* -- NAVIGATION --*/
	#nav ul {
		list-style: none;
	}
	#nav li {
		float: left;
		width: 70px;
		margin-right: 10px;
		text-align: center;
		height: 20px;
		padding-top: 6px;
	}
	#nav li:last-child {
		margin-right: 0;
	}
	p.nav.first {
		margin-bottom: 15px;
	}

/* -- MESSAGES -- */
	.msg, .error, .warning, .notice {
		padding: 15px;
	}
	.msg > div {
		padding: 0;
	}
	.first.msg, .first.error, .first.warning, .first.notice {
		width: 760px;
		margin-bottom: 35px;
	}
	.error h3 {
		float: none !important;
		width: auto !important;
	}

/* -- FORMS -- */
	legend {
		display: none;
	}
	fieldset {
		border: none;
		margin: 35px 0;
	}
	fieldset:first-child, fieldset.first {
		margin: 0;
	}
	form {
		margin: 35px 0;
	}
	form:first-child {
		margin-top: 0;
	}
	form div.error {
		margin: 10px 0;
	}
	form div.error:first-child {
		margin-top: 0;
	}
	form p {
		margin: 25px 0;
	}
	form p:last-child, form p.last {
		margin-bottom: 0;
	}
	form p:first-child, form p.first {
		margin-top: 0;
	}
	form p:after {
		content: '.';
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
	form p.checkbox {
		margin-left: 160px;
	}
	label, .label {
		display: block;
		width: 150px;
		margin-right: 10px;
		float: left;
		margin-bottom: .2em;
	}
	.checkbox label, .radiobutton label {
		display: inline;
		width: auto;
		margin-right: 10px;
		float: none;
	}
	input[type=text], input[type=password] {
		margin-right: 10px;
		width: 223px;
	}
	input[type=text].larger {
		width: 383px;
	}
	input[type=text].largest {
		width: 623px;
		margin-right: 0;
	}
	select {
		margin-right: 10px;
		width: 150px;
	}
	select.larger {
		width: 230px;
	}
	textarea {
		width: 468px;
	}
	textarea.larger {
		width: 628px;
	}
	.textarea label {
		float: left;
	}
	.textarea .help {
		float: right;
	}
	input[type=submit] {
		margin-right: 10px;
	}
	form p.submit, form p.cancel {
		margin: 10px 0;
	}
	p.submit {
		padding: 15px 0 0 0;
		margin: 10px 0;
	}
	p.submit.first {
		padding: 0 0 15px 0;
	}
	p.submit.middle {
		padding: 15px 0;
	}
	p.submit.tight {
		padding: 0;
	}

	/* submit with message */
	p.submit.notify {
		display: table;
	}
	p.submit.notify span {
		display: table-cell;
		vertical-align: middle;
	}
	p.submit.notify > span  {
		width: 370px;
		padding: 10px;
	}
	p.submit.notify span span {
		padding: 0 5px;
	}
	p.submit.notify .cancel {
		margin-left: 10px;
	}
	
	/* inline version, labels above inputs */
	form.inline {
		margin: 0;
	}
	form.inline label, form .inline .label {
		display: block;
		width: auto;
		float: none;
	}

/* -- LISTS -- */
	div.keywords > h2 {
		width: 150px;
		float: left;
		margin: 0;
	}
	div.keywords > div {
		width: 480px;
		float: left;
	}
	div.keywords > div:after {
		content: '.';
		visibility: hidden;
		height: 0;
		clear: both;
	}
	ul.keywords {
		list-style: none;
		margin: 0 0 15px 0;
		float: left;
	}
	ul.keywords li {
		width: 150px;
		margin: 0 0 4px 10px;
		float: left;
	}
	.keywords a {
		display: block;
		padding: 4px 7px 3px 7px;
		position: relative;
	}
	div.keywords .nested ul.keywords {
		width: 310px;
		float: left;
	}
	div.keywords h3 {
		width: 150px;
		float: left;
		margin: 0 0 0 10px;
	}
	.keywords a small {
		position: absolute;
		right: 0;
		top: 27%;
		padding-right: 5px;
		display: block;
	}

/* -- ERROR PAGE -- */
	.errorpage #document {
		width: 390px;
		margin: 107px auto 0 auto;
	}
	.errorpage #document {
		text-align: center;
	}

/* -- ENTRY LIST -- */
	.list hr {
		margin: 20px 0;
	}

/* -- ENTRY -- */
	.entry .first {
		margin-bottom: 15px;
	}
	.comment {
		margin-top: 35px;
	}
	.comment h3 {
		width: 150px;
		float: left;
	}
	.comment h3 small {
		display: block;
	}
	.comment .comment-body {
		float: right;
		width: 470px;
	}
	.comment p:first-child, .comment h3:first-child {
		margin-top: 0;
	}
	.comment a.control {
		margin-top: 0px;
	}
	#comment-form p {
		margin: 5px 0 10px;
	}
	#comment-form p.submit {
		padding-top: 5px;
		clear: both;
	}
	#comment-name-wrap {
		float: left;
	}
	#comment-url-wrap {
		float: right;
		margin: 0;
	}
	#comment-url-wrap input {
		margin-right: 0;
	}

/* -- DEBUG -- */
	#info {
		font-size: 12p;
		padding: 5em;
		background: #eee;
	}
	#info pre {
		font-size: 12px;
	}
	#info hr {
		display: none;
	}