/* @override http://www.nicplowman.com/css/default.css */

/* Title:	Nic Plowman v2 - master style */
/* Author:	Kalon Edser, http://www.kalonedser.com */
/* Updated:	13 May 2010 */

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}



/* @end */

/* @group Core */

body {
	margin: 50px 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	line-height: 0.8125em; /* 13 */
	text-align: center;
	color: #3d3f3f;
	background: #fff;
	}

p, ul, ol {
	margin: .5em 0 1em 0;
	font-size: 0.625em /*10*/;
	/*letter-spacing: .1em;*/
	}
	
ul ul, ol ol, li p, li h3 {
	margin: .25em 0 .5em 0;
	font-size: 1em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: .5em 0 1em 0;
	font-size: 0.625em /*10*/;
	font-weight: normal;
	/*letter-spacing: .1em;*/
	}

a:link, a:visited {
	color: #929191;
	text-decoration: none;
	}
a:hover, a:active {
	color: #474747;
	text-decoration: none;
	}


/* @end */
/* @group Master Layout */

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 600px;
	text-align: left;
	background: #FFF;
	overflow: hidden;
	}

#work #container { background-image: url(../img/bg-work.jpg); }
#info #container, #shows #container { background-image: url(../img/bg-info.jpg); }
#contact #container { background-image: url(../img/bg-contact.jpg); }
	
#header {
	position: absolute;
	top: 0;
	right: 30px;
	width: 255px;
	height: 90px;
	z-index: 1;
	}
	
#content {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
#home #content {
	top: 100px;
	margin: 0 0 0 60px;
	width: 870px;
	height: 470px;
	background: #000;
	}
	
#work #content {
	width: 100%;
	height: 100%;
	}
	
#info #content {
	top: 125px;
	margin: 0 0px 30px 80px;
	width: 880px;
	height: 445px;
	overflow: auto;
	}
	
#shows #content {
	top: 125px;
	margin: 0 0px 30px 170px;
	width: 790px;
	height: 445px;
	overflow: auto;
	}
	
#contact #content {
	top: 105px;
	margin: 0 30px 30px 80px;
	width: 850px;
	height: 465px;
	}
	
#footer {
	margin: 0 auto;
	width: 960px;
	color: #857a7a;
	text-align: left;
	overflow: hidden;
	}
	
#footer p {
	float: right;
	width: 270px;
	font-size: 0.5625em /* 9 */;
	/*padding-right: 30px;*/
	}

/* @end */
/* @group Logo/Header */

#logo {
	position: absolute;
	top: 14px;
	right: 0;
	margin: 0;
	width: 118px;
	height: 46px;
	text-indent: -9000px;
	background: transparent url(../img/logo.png) 0 0 no-repeat;
	overflow: hidden;
	}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	}

/* @end */
/* @group Navigation */

ul.nav,
ul.nav ul {
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul.nav {
	left: 0;
	bottom: 0;
	float: left;
	height: 30px;
	width: 100%;
	font-size: 0.75em /*12*/;
	letter-spacing: .2em;
	line-height: 30px;
	z-index: 1000;
	}

ul.nav ul {
	display: none;
	top: 30px;
	left: 5px /*15px*/;
	padding: 10px;
	width: 125px /*123px*/;
	font-size: 0.8333em /*10*/;
	line-height: 1.5em;
	background: #929191;
	overflow: hidden;
	}
	
.nav li:hover ul,
.nav li.over ul { 
	display: block;
	}
	
.nav li {
 	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 1001;
	}
	
.nav li li {
	width: 100%;
	/*padding: 0 1em;*/
	text-align: left;
	}

	
.nav li a {
	line-height: 30px;
	padding: .5em 20px .5em 15px;
	background: transparent url(../img/nav.png) 100% 50% no-repeat;
	}
	
.nav ul a {
	line-height: 1.625em;
	display: block;
	padding: 5px 0;
	background: none;
	}
	
.nav a:link, .nav a:visited { color: #000; }
.nav a:hover, .nav a:active, .nav .active a { color: #929191; }

.nav ul a:link, .nav ul a:visited { color: #FFF; }
.nav ul a:hover, .nav ul a:active { color: #000; }

.nav ul li.selected a { color: #000!important; }
	
.nav li#n-contact a {
	/*margin-right: 5px;
	padding-right: 0;*/
	background-image: none;
	}

/* @end */
/* @group Sections - Content */

/* @group Info */

#info #about, #info #links, #info #shows {
	float: left;
	margin-left: 90px;
	height: 100%;
	/*overflow: auto;*/
	}

#info #about { width: 250px; }
#info #links { width: 135px; }
#info #shows { width: 195px; }
	
#info #about .article {
	padding-right: 10px;
	padding-bottom: 1em;
	}
	
#info #about li {
	margin: .15em 0 .25em 0;
	margin-left: 4em;
	overflow: hidden;
	}
	
#info #about .other li {
	margin-left: 0;
	}
	
#info #about li strong {
	position: absolute;
	display: block;
	font-weight: normal;
	margin-left: -4em;
	}
	
#info .overflow-fade {
	position: absolute;
	bottom: 30px;
	left: 170px;
	height: 40px;
	width:	775px;
	background: url(../img/footer-gradient.png) 0 0 repeat-x;
	}	
	
.show { margin-bottom: 1.5em; }
.show h3.title { margin-bottom: 0; }
.show .date { margin-top: 0; }

#links ul li {
	margin: .5em 0 1em 0;
	}

/* @end */

/* @group Work */

/* @group Work - Collection */

#collection {
	float: right;
	margin: 105px 30px 0 0;
	width: 225px;
	height: 492px;
	overflow: hidden;
	}
	
.js #collection {
	margin-right: 0;
	width: 270px; 
	}	
	
#collection .description {
	float: left;
	width: 100%;
	height: 492px;
	overflow: auto;
	}
	
.js #collection .description { 
	padding-right: 14px;
	width: 136px;
	}

#collection .description .title {
	margin-top: 7px;
	}
	
#collection .read-more, .pp_pic_holder .read-more, .print { display: none; }

.js #collection .read-more,
.pp_pic_holder .print { display: block; }
.js #collection .full-text { display: none; }

.pp_pic_holder h2.title {
	margin-top: 0;
	font-weight: bold;
	}
	
.pp_inline .inner {
	line-height: 0.875em;
	}
	
.pp_inline .inner {
	margin: 0;
	height: 450px;
	padding-right: 1em;
	overflow: auto;
	}

#collection ul#thumbnails { display: none; }

.js #collection ul#thumbnails {
	display: block;
	margin: 0 8px 0 0;
	float: right;
	width: 112px; /*104*/
	height: 492px;
	overflow: auto;
	}
	
#collection #thumbnails li {
	float: left;
	margin: 7px 0 0 0;
	padding: 0;
	width: 90px;
	height: 90px;
	overflow: hidden;
	}
	
#collection #thumbnails li.last {
	padding-bottom: 7px;
	}
	
#collection #thumbnails a img, 
#collection #thumbnails a {
	float: left;
	border: none; 
	background: #474747;
	overflow: hidden;
	}
#collection #thumbnails a:hover { border:  3px solid #474747;}
#collection #thumbnails a.activeSlide { border: 3px solid black; }

#collection #thumbnails a:hover img,
#collection #thumbnails a.activeSlide img { margin: -3px; }

/* @end */
/* @group Work - Artwork */

#artwork {
	float: left;
	margin: 60px 30px 0 15px;
	width: 660px;
	height: 540px;
	text-align: center;
	overflow: auto;
	}
	
.js #artwork {
	margin: 60px 30px 0 60px;
	width: 600px;
	overflow: hidden;
	}
	
ul#artwork-images,
ul#artwork-images li {
	margin: 0 auto;
	width: 600px;
	overflow: hidden;
	}
ul#artwork-images li {
	height: 540px;
	}
	
.js ul#artwork-images,
.js ul#artwork-images li { height: 470px; }

#artwork-images li img {
	margin: 0 auto;
	vertical-align: middle;
	}
	
#artwork-images .caption {
	margin: 1.5em 0 2em 0;
	width: 100%;
	}
	
.js #artwork-images li .caption { display: none; }

.artwork-title { margin: 0; }

p.valign {
	margin: 0;
	height: 470px;
	overflow: hidden;
	}

#artwork-caption { display: none; }
.js #artwork-caption {
	display: block;
	margin: 10px 0 0 0;
	width: 100%;
	height: 60px;
	overflow: hidden;
	}

/* @end */
/* @end */

/* @group Contact */

#contact #content .inner-content {
	width: 240px;
	height: 100%;
	float: right;
	overflow: auto;
	}
	
#contact-image {
	width: 595px;
	height: 465px;
	overflow: hidden;
	}

/* @end */

/* @end */
/* @group Misc. */

.hide {
	display: none;
	}
	
a.img,
a.img:hover {
	border-bottom: none !important;
	}

a img {
	border: none;
	}

/* @end */