/* 
Stylesheet for David Moore
Last updated: 14.08.07
Designed by Christian Nolle
http://cnolle.net / me@cnolle.com
*/

/* General stuff */

body {
	margin: 0;
	padding: 0;
}

/* Reset some things */

h1,h2,h3,h4,h5,li,ul,p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* Layout */

#main {
	width: 890px;
	margin: 0 auto 0 auto;
}

#content {
	float: left;
	width: 600px;
	height: 600px;
	margin: 20px 0 0 20px;
	background: #e7f6fb;
}

#content_projects {
	float: left;
	width: 600px;
	height: 600px;
	margin: 20px 0 0 20px;
	background: #e7f6fb;
	text-align:center;
}

#content_video {
	float: left;
	width: 600px;
	height: 600px;
	margin: 20px 0 0 20px;
	background: #e7f6fb;
}

#navigarea {
	width: 220px;
	height: 600px;	
	float: left;
	margin: 20px 0 0 0;
	background: #fff7f5;	
}

#imagenav {
	width:600px;
	margin: 0 0 0 240px;
	text-align:center;
}

.onecolumntxt {
	width: 450px;
}

.padarea {
	padding: 10px;
}

/* Text in two columns */

.text1 {
	width: 270px;
	float: left;
	margin: 0 20px 0 0;
}

.text2 {
	width: 270px;
	float: left;
}

/* Navigation */

ul.navig {
	list-style:none;
}

ul.navig li {
	font: 11px helvetica,arial,verdana,sans-serif;
	display: block;
	padding: 4px 0 4px 12px;
	width: 200px;	
}

ul.navig li.area a {
	text-decoration: none;	
	color: #666;
}

ul.navig li.area a:hover {
	color: #0aa2cb;
}

ul.navig li.title {
	font-size: 13px;
	padding: 3px 0 3px 0;
	color: #000;
	list-style-type: none;
	letter-spacing: 0.09em;
}

ul.navig li.title a {
	color: #000;
	text-decoration:none;
}

ul.navig li.title a:hover {
	color: #0aa2cb;
}

ul.navig li a span  {
color:#000;
}


/* Activate sections */
/* Projects */

ul.navig li#printlink a {
	color: #ff0000;
}

ul.navig li#printlink a:hover {
	color: #222;
}

body#prints ul.navig li#printlink a {
	color: #0aa2cb;
}

body#pictures-from-the-real-world ul.navig li#realworldlink a {
	color: #0aa2cb;
}	

body#the-velvet-arena ul.navig li#velvetarenalink a {
	color: #0aa2cb;
}	

body#the-commons ul.navig li#commonslink a {
	color: #0aa2cb;
}

body#civic-pride ul.navig li#civicpridelink a {
	color: #0aa2cb;
}	

body#office-1 ul.navig li#office1link a {
	color: #0aa2cb;
}	

body#office-2 ul.navig li#office2link a {
	color: #0aa2cb;
}	

body#please-close-the-gate ul.navig li#thegatelink a {
	color: #0aa2cb;
}

body#monitor ul.navig li#monitorlink a {
	color: #0aa2cb;
}	

body#planes ul.navig li#planeslink a {
	color: #0aa2cb;
}		

body#dancers ul.navig li#dancerslink a {
	color: #0aa2cb;
}	

body#the-last-things ul.navig li#lastthingslink a {
	color: #0aa2cb;
}

/* Other sections, no uppercase */

body#projects ul.navig li#projectslink a {
	color: #0aa2cb;
}

body#commercial ul.navig li#commerciallink a {
	color: #0aa2cb;
}

body#publications ul.navig li#publicationslink a {
	color: #0aa2cb;
}

body#bio ul.navig li#bibliographylink a {
	color: #0aa2cb;
}

body#exhibitions ul.navig li#exhibitionslink a {
	color: #0aa2cb;
}

body#info ul.navig li#infolink a {
	color: #0aa2cb;
}

body#links ul.navig li#linkslink a {
	color: #0aa2cb;
}

body#contact ul.navig li#contactlink a {
	color: #0aa2cb;
}

body#words ul.navig li#wordslink a {
	color: #0aa2cb;
}

body#intro ul.navig li#introlink a {
	color: #0aa2cb;
}

/* Commercial work */

body#portraits ul.navig li#portraitslink a {
	color: #0aa2cb;
}

body#ads ul.navig li#adslink a {
	color: #0aa2cb;
}

body#restaurant ul.navig li#restaurantlink a {
	color: #0aa2cb;
}

/* Link list */

ul.linklist {
	list-style: none;
}

ul.linklist li a {
	text-decoration: none;
	color: #000;	
}

ul.linklist li a:hover {
	color: #0aa2cb;
}	

/* Typography */

h2 {
	font: 17px helvetica,arial,verdana,sans-serif;
	color: #000;
	margin: 5px 0 2px 0;
	letter-spacing: 0.08em;
}

h2 a {
	text-decoration: none;
	color: #000;
}

h2 a:hover {
	color: #0aa2cb;
}

h3 {
	font: 14px georgia,"Times New Roman",times,serif;
	margin: 10px 0 10px 0; 
	padding: 0; 
	letter-spacing: 0.04em;
}

p {
	font: 11px/18px helvetica,arial,verdana,sans-serif;
	color: #000;
	padding: 3px 0 3px 0;
}

p a {
	text-decoration:none;
	color: #000;
}

p a:hover {
	color: #0aa2cb;
}

/* Image stuff */

/* Navigation Revised */

ul#nav {
	width:100%;
	height: 35px;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:4;
	list-style: none;
}

ul#nav li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font: 11px helvetica,arial,verdana,sans-serif;
	display:block;
	padding:9px 0 7px 0;
	color:#000;
}

ul#nav li a {
	color:#000;
	text-decoration:none;
	margin:0;
}

ul#nav li a:link, li a:link, ul#nav li a:visited {
	color:#000;
}

ul#nav li a:hover, ul#nav li a:active {
	color: #0aa2cb;
}

ul#nav li#buttons {
	float:right;
	margin-right:0;
}

ul#nav li#book {
	padding: 5px 0 0 0;
	float:right;
margin-right: 0;
clear:both;
}

/* For book and project link */

ul#nav1 {
	width:100%;
	height: 35px;
	margin:10px 0 0 0;
	padding:0;
	display:block;
	position:relative;
	z-index:4;
	list-style: none;
}

ul#nav1 li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font: 11px helvetica,arial,verdana,sans-serif;
	display:block;
	padding:9px 0 7px 0;
	color:#000;
}

ul#nav1 li a {
	color:#000;
	text-decoration:none;
	margin:0;
}

ul#nav1 li a:link, li a:link, ul#nav li a:visited {
	color:#000;
}

ul#nav1 li a:hover, ul#nav li a:active {
	color: #0aa2cb;
}

ul#nav1 li#buttons {
	float:right;
	margin-right:0;
}

ul#nav1 li#book {
	float:right;
	margin-right:0;
}


/* Pagination for words */

ul#pages {
	height: 20px;
	display:block;
	position:relative;
}

ul#pages li {
	list-style: none;
	display: inline;
	font: 11px helvetica,arial,verdana,sans-serif;
	margin: 2px;
	padding: 3px;
}

ul#pages li a {
	color:#000;
	text-decoration:none;
}

ul#pages li a:hover {
	color:#000;
	background: #0aa2cb;	
}

ul#pages li.pgNum pgCurrent {
	background: #0aa2cb;
}

dl {
	margin: 0.5em 0;
	font: 11px helvetica,arial,sans-serif;
}

dl dt {
	font-weight: bold;
	margin: 0;
}

dl dd {
	margin: 0.3em 0 ;
}

ul.prints {
	list-style:none;
	margin: 0 0 0 10px;
}

ul.prints li {
	margin-right:20px;
	float: left;
width:120px;
	padding-bottom: 10px;
}

ul.prints li span {
	display: block;
	font: 11px helvetica,arial,sans-serif;
}

ul.prints li strong {
	display: block;
}

ul.prints li a img {
	border: 1px solid #fff;
}

ul.prints li a:hover img {
	border: 1px solid #ff0000;
}