/*	styles for new modernist.paintings - some vespa style - website
	wolf kammerlander (c) 2010
	info@modernist.ch // get your vespa on canvas // 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

section 01 | global rules | reset // acc. eric meyer
			 http://meyerweb.com/eric/thoughts/2007/05/01/
------------------------------------------------------------------------------------- */
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 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}
body {
		line-height: 1;
}
ol, ul {
		list-style: none;
}
blockquote, q {
		quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
		text-decoration: none;
}
del {
		text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: collapse;
		border-spacing: 0;
}
img {
		border: none;
}
/*section 02 | boxes | layout
------------------------------------------------------------------------------------- */
#wrapper {
		min-height: 600px;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
}
#metaNav {
		height: 20px;
		min-width: 400px;
		float: left;
		margin-top: 10px;
		color: #9C0;
}
#mainNav {
		min-height: 201px;
		min-width: 600px;
		margin-left: 100px;
		float: left;
}
#modernistInfo {
		height: 201px;
		width: 229px;
		margin-bottom: 40px;
		float: left;
		margin-right: -29px;
}
#mainContent {
		margin-left: 100px;
		width: 760px;
		min-height: 500px;
		height: auto;
		clear: both;
		margin-bottom: 20px;
}
#footer {
		min-height: 30px;
		width: 760px;
		height: 30px;
		margin-left: 100px;
}
/*section 03 | basic fonts
------------------------------------------------------------------------------------- */

body {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 75%;
}
p {
		font-size: 1em;
		line-height: 1.5em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		max-width: 39em;
}
h1 {
		margin-bottom: 0.9em;
		font-size: 1.7em;
		line-height: 0.9em;
}
h2 {
		font-size: 1.5em;
		line-height: 1em;
		margin-top: 1em;
		margin-bottom: 1em;
}
h3 {
		font-size: 1.33em;
		line-height: 1.33em;
		margin-top: 1.13em;
		margin-bottom: 1.13em;
}
h4 {
		font-size: 1.17em;
		line-height: 1.29em;
		margin-top: 1.29em;
		margin-bottom: 1.29em;
}
/*section 04 | mainNav rules / meta nav / text links / footer links
------------------------------------------------------------------------------------- */

#nav li {
		background: #fff;
		float: left;
		font-size: 1.8em;
}
#nav li a {
		color: #333;
		float: left;
		padding: 50px 10px;
}
#nav li a:hover {
		background: #9C0;
		color: #fff;
}
#nav li a.active {
		background: #9C0;
		color: #fff;
		text-decoration: underline;
}
#metaNav a, #metaNav a:hover, #metaNav a:active {
		color: #9C0;
}
#mainContent a, #mainContent a:hover, #mainContent a:active {
		color: #9C0;
}
#footer a, #footer a:hover, #footer a:active {
		color: #9C0;
}
.emph {
		font-weight: bold;
}
.emphMore {
		font-weight: bold;
		font-size: 110%;
}