/* CSS FOR FIELD.IO */
/*
Theme Name: FIELD
Theme URI: http://www.field.io
Description: FIELDs first full featured website to be launched in mid 2009
Version: 3.0
Author: Marcus Wendt
Author URI: http://www.marcuswendt.com
*/

/* reset browser defaults by http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*
	HTML
*/

/* -- Font Sizes ------------------------------------------------------------ */
body, p, input, textarea {
	font-family: Arial, sans;
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.7em;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 10pt; 
}

small, div.tags, div.date, div.trackback, div.comment-meta, 
#article .navigation, span.twitter-timestamp {
	font-size: 8pt; 
}
/* ---------------------------------------------------------------------------*/

a { text-decoration: none; }

a:hover, a.selected { 
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

a.noborder { border: none; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }
h1 { font-weight: bold; }

td { padding-right: 0.5em; }

i, em { font-style: italic; }

ol {
	list-style-type: decimal;
	margin-left: 1.85em;
}

p, ol, ul { margin-bottom: 1em; }

code {
	font-family: "Andale Mono", "Lucida Console", monospace;
	background-color: #f2f2f2;
	padding: 0.4em;
	letter-spacing: 0px;
}

input, textarea {
	line-height: 1.0em;
	padding: 0.15em;
}

input.submit {
	padding: 0em;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
/*	cursor: hand;*/
	cursor: pointer;
}

input:hover, input.submit:hover, textarea:hover {
	border-bottom: 2px solid #BBEF1D;
}

/*
	ELEMENTs
*/
#top { position: absolute; left: 0px; top:0px }

#position { 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	
	min-width: 750px;
	height: 100%;
	padding-left: 4em;
	padding-right: 4em;
	z-index: 100;	
}

#position.projects, #position.process { padding-right: 0em; }

#center {
	margin-left: auto;
	margin-right: auto;
	max-width: 1515px;
	height: 100%;
}

#content { min-height: 100%; }

/* header */
#header { padding-top: 4em; padding-bottom: 4.5em; }

#header h1 { float: left; margin-top: -0.35em; margin-right: 1.5em; width: 152px; }
#header h1 a { border: none; }
#header h1 a:hover { border: none; }
#header h2 { float: left; margin-left: 1.5em; }

/* context navigation */
#context { float: right; margin-right: 3em; }
#context h3 { float: left; margin-left: 0.5em;}
#context.article, #context.information { margin-right: 0em; }

/* footer */
#footer { 
	clear: both;
	margin-top: -4em;
	height: 4em;
}

#footer.projects, #footer.process { margin-right: 3em; }

#footer h2 { float: left; }
#footer .right { float: right; }
#footer .right a { margin-left: 1.5em; }

/* content */
#background { 
	position: fixed; 
	left: 0em; 
	top:0em; 
	z-index: 1; 
	width: 100%;
	height: 100%; 
}
#spacer { clear: both; }

#copyright, #searchform {  margin-right: 1em;}

/*
	GENERAL
*/
a.hand { 
/*	cursor: hand;*/
	cursor: pointer;
}

#home, #process, #article, #information, #project, #projects {
	clear: both;
	min-height: 400px;
}

/*
	HOME
*/
#home p, .light {
	display: inline;
	background-color: #BBEF1D;
	font-size: 1.5em;
}

/*
	PROJECTS
*/
.project {
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
}

.project .thumb { background-color: #000; line-height: 0px; }
.project .thumb img { width: 350px; height: 197px;}
.project p { margin-top: -3px; margin-bottom: 2px; }

/*
	SINGLE PROJECT
*/
.sheet { margin-bottom: 2em; }
.sheet .image img { height: 100%; }
.sheet .info { margin-top: 1em; }
div.vimeo { width: 100%; height: 100%; }

/* need to put a break div between blocks if you want spacing within a wp post */
div.break { height: 0em; font-size: 0em; }
div.block a { color: #FFF; }
div.block { display: inline; }

.sheet .text img { 
	width: 100%; 
	height: auto;	
}

/* COLUMNS USED ON TEXT SHEETS */
.col66 { float: left; width: 66%; }
.col50 { float: left; width: 50%; }
.col33 { float: left; width: 33%; }
.col25 { float: left; width: 25%; }
.colPad { padding-right: 1em; }
.colLast { padding: 0em; }


/*
	PROCESS LISTS
*/
.post {
	float: left;
	width: 240px;
	margin-right: 2em;
	margin-bottom: 2em;
}
div.tags { 
	margin-top: -5px; 
	font-style: italic; 
	text-transform: lowercase;
}
div.tags, div.date, div.trackback, div.comment-meta, #article .navigation {
	letter-spacing: 0.5px;
	text-transform: lowercase;
}

/*.post div.excerpt { background-color: #d7d7d7; padding: 0.5em; }*/
.post div.excerpt p {
	display: inline; 
	background-color: #BBEF1D;
/*	background-color: #cccccc;*/
}

/*
	SINGLE PROESS ARTICLE
*/
#article .content {
	margin-top: 1em; 
}

#article .options {
	margin-bottom: 1em;
}

div.colPad img, div.colLast img {
	width: 100%;
	height: auto;
}

#article .respond {	margin-bottom: 2em; }

#article .comments img {
	width: auto;
	height: auto;
}

#article .navigation { 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.colPad img.noresize, div.colLast img.noresize, img.noresize,
#flickr img { width: auto; height: auto; }

div.tags a, div.date a, #article div a, #information a {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
}

div.tags a:hover, div.date a:hover, #article a:hover, #information div a:hover {
	border-bottom-color: #BBEF1D;
}

ol.commentlist { list-style: none; margin: 0px; }

/*	NAVIGATION */
#post_next, #post_prev {
	position: fixed; 
	top: 48%; 
	z-index: 102; 
	font-size: 2em;
	font-weight: normal;	
	
	color: #FFF; 
	background-color: #161613; 

	padding: 0.25em;
	padding-top: 0.125em;
}

#post_next:hover, #post_prev:hover {
	border: none;
	background-color: #fff;
	color: #161613;
	font-weight: bold;
}

#post_next { left: 0px; }
#post_prev { right: 0px; }

/*
	SEARCH PAGE
*/
.result {
	margin-bottom: 1em;
}

/*
	NEWSLETTER
*/
#newsletter { width: 100%; }
#newsletter_form { margin-bottom: 1em; }

/*
	TWEAKS
*/
.clear { clear: both; }

/*
	Flickr Plugin Lists
*/
#flickr { 
	line-height: 0em; 
	background: #000;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}
#flickr a { border: none; }
#flickr a:hover { border: none; }
#flickr img {
	margin-top: 0.5em;
	margin-left: 0.5em;
	width: 75px;
	height: 75px;
}

/*
	Twitter Plugin Lists
*/
li.twitter-item {
	margin-bottom: 0.5em;
}

span.twitter-timestamp {
	font-style: italic;
	letter-spacing: 0.5px;
	text-transform: lowercase;
}

::-moz-selection { 
	color: #fff;
	background: #5F30EF; 
}

::selection { 
	color: #fff;
	background: #5F30EF; 
}