/* COMBINED BASE+STYLES FILE */

/* 	Copyright 2008 Paul Hansen / Ecopixel - www.ecopixel.com */

/*  base.css ------------------------------------------------------------------
	Set general styles common to most projects.
	
	VERSION: 1.0.3

	HISTORY:
	1.0.3:	- navbread can now be ol#navcrumbs
			- nav is now navmain
			- merged reset and base for faster loads
	1.0.2: nav is now normal "text-decoration: none"
	1.0.1: Added text-decoration to navigation list.
	1.0: 2006-12-26
--------------------------------------------------------------------------- */
/*	BEGIN RESET 
	General idea from undohtml.css (CC) 2004-2005 Tantek Celik
	Also: Concepts from YUI's reset.css
	Also: http://style.cleverchimp.com/corestyle/base.html */

html,body,
h1,h2,h3,h4,h5,h6,p,blockquote,
dl,dt,dd,
table,th,td,
form,
pre,code,kbd,address,abbr,
a img,a:link img,:visited img { 
	font-weight: normal;
	font-style: normal;
	border: 0;
	margin: 0;
	padding: 0;	
	text-align: left;
	font-size: 1em;
	line-height: 1.2em;
}

/* Setting these specifically seems to create more cross-browser 
   issues than it fixes. Noted here for reference only. */
input,select,fieldset {
}

table {
	border-collapse: collapse; /* Equivalent to cellpadding="0" */
	border-spacing: 0; /* cellpadding="0", Gecko only, CSS2 */
	font-size: inherit; /* for html4 doctype, see: http://css-discuss.incutio.com/?page=UsingEms */
}

/* Set consistent cross-browser styling to lists */
ul,ol {
	margin-left: 0;
	padding-left: 2.5em;
}
ul li {
	list-style-type: square;
}
ol li {
	list-style-type: decimal;
}

/* 	END RESET, BEGIN BASE */

/* A good starting point for most projects */
body {
	width: 100%;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* form legend: IE6 makes these blue */
legend {
	color #000;
}


/* For our nav elements, remove padding/margin and list styles
   We cover both direct and dir-wrapped ul here */
ul#navtop, ul#navmain, ul#navsub, ul#navcrumbs, ol#navcrumbs, ul#navpage, ul#navpagebot, ul#navbot, ul#navfoot,
#navtop ul, #navmain ul, #navsub ul, #navcrumbs ul, #navcrumbs ol, #navpage ul, #navpagebot ul, #navbot ul, #navfoot ul {
	margin: 0;
	padding: 0;
}

#navtop li, #navmain li, #navsub li, #navcrumbs li, #navpage li, #navpagebot li, #navbot li, #navfoot li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1em; /* padding control */
}

#navtop a, #navmain a, #navcrumbs a, #navsub a, #navpage a, #navpagebot a, #navbot a, #navfoot a {
	text-decoration: none;
	line-height: 1em; /* most padding control */
}

/* Add consistent margins back to these elements */
h1 { margin: 1em 0 0.4em; font-size: 1.6em; }
h2 { margin: 1em 0 0.4em; font-size: 1.4em; }
h3 { margin: 1em 0 0.4em; font-size: 1.2em; }
h4,h5,h6 { margin: 1em 0 0.4em;	font-size: 1.0em; font-weight: bold; }

dl { margin: .5em 0; }

p,blockquote,ul,ol {
	margin: 1em 0;
}

/* We like this for line heights */
h3,h4,h5,h6,dt,dd,p,blockquote,ul,ol {
	line-height: 160%;	
}


/*  styles.css -----------------------------------------------------------------
	Copyright 2008 Paul Hansen / Ecopixel, LLC / www.ecopixel.com
	All Rights Reserved.

	Produced for John Anderson Studio
	www.johnandersonstudio.com
	August 2008
------------------------------------------------------------------------------ */

div.imgmenu {
	margin-top: 1em;
}

div.imgmenu a {
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
}

div.imgmenu a:hover {
}

.imgmenu-item {
	padding-bottom: 20px;
}

.imgmenu-item img {
	vertical-align:baseline;
}

.imgmenu-text {
	padding-left: 12px;
	padding-right: 12px;
/*	background: url(bg-nav-right.png) right 50% no-repeat; */
}



/*
.csc-frame-frame1 {
	padding: 12px;
	background-color: #222;
	border-bottom: 1px solid #444;
}
*/
.csc-frame-frame1 p {
/*	padding: 0 12px; 
	font-color: #FFF; */
}

.csc-frame-frame1 p,
#content .csc-caption-text {
	font-size: small;
	font-weight: bold;
	color: #888;
	line-height: 1.4em;
}

#content .artwork .csc-caption {
	padding: 1em 0 0 0;	
	text-align: left;
	font-weight: normal;
}

#content .artwork .csc-caption-text {
	font-weight: normal;
}

.csc-textpic-caption {
	padding: 0.4em 0;
}


.spinner {
	background: url(jas-spinner.gif) center center no-repeat;
}

body {
	background-color: #000;
	color:#CCC;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

/* Order must be :link, :visited, :hover, :active */
/* from old site: link="#FFCC66" vlink="#CCCCFF" alink="#FFFFCC" */

a {
	color: #FC6;
}

a:visited {
	color: #CCF;
}

a:hover {
	color: #FFC;
}


span.sublabel,
span.detail { color: #888; }



/* Some pages will have a class of page-white, depending on the artwork. See TS template. */
body.page-white {
	background-color: #FFF;
	color:#333;
}


body.page-white #content .csc-caption-text { #666; }

body.page-white #content h1 { color: #000; }
body.page-white #content h2 { color: #000; }
body.page-white #content h3 { color: #000; }
body.page-white #content h4 { color: #000; }

body.page-white #wrap-header { 	background-color:#777; }
body.page-white #navtop a { border-right: 1px solid #AAA; }
body.page-white #footer-content { color: #666; }

body.page-white .rule, 
body.page-white .navrule { background-color: #AAA; }

body.page-white #content a,
body.page-white #navcrumbs a,
body.page-white #navfoot a {
	color: #956300; 
}

body.page-white #content a:visited,
body.page-white #navcrumbs a:visited,
body.page-white #navfoot a:visited {
	color: #4A4A61;
}

body.page-white #content a:hover,
body.page-white #navcrumbs a:hover,
body.page-white #navfoot a:hover {
	color: #CF9D3A;
}

body.page-white #content div.imgmenu a:hover {
/*	background: url(bg-imgmenu-item-white.png) 234px bottom no-repeat; */
}

body.page-white #navfoot a {
	border-right: 1px solid #AAA;
}

body.page-white #navpagebot ul {
/*	border-right: 1px solid #AAA; */
}

body.page-white #navcrumbs strong {
	color: #000;
}

/* ---------------------------------------------------------------------------
	Main layout section
------------------------------------------------------------------------------ */

#wrap-header {
	width:100%;
	position: relative;
	background-color:#444;
}

#header {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 750px;
	height: 45px;
	background: url(bg-header.gif) left bottom no-repeat;
}

#logo, #logo-link {
	display: block;
	overflow: hidden;
	width: 208px;
	height: 23px;
	position: absolute;
}

#logo-link {
	bottom: 7px;
	left: -5px;
}

#logo-link:hover {
	background-color:transparent;
}

#logo {
	top: -500px;
}

#nav {
	position: relative;
	margin: 0 auto;
	width: 750px;
}

#main {
	clear: both;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width: 750px;
}

#footer {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 750px;
}

.rule,.navrule {
	clear: both;
	height:1px;
	background-color: #444;
	width:100%;
	margin: 0;
	padding: 0;
}

.rule hr,.navrule hr {
	display: none;
}

/* --------------------------------
	Accessibility
----------------------------------- */
/* hide by moving out of the way */
.access-tip {
	position: absolute;
	display: block;
	left: -999em;
	margin: 0;
	padding: 0;
}

/* show these on focus only */
a.access-nav {
	position: absolute;
	left: -999em;
}

a.access-nav:focus,
a.access-nav:active {
	position: static;
	left: 0;
}

/* --------------------------------
	Navigation
----------------------------------- */

ul#navtop {
	position: absolute;
	bottom: 9px;
	right: -0.8em;
}
#navtop li {
	float: left;
}
#navtop a {
	float: left;
	padding: 0.1em 0.8em;
	border-right: 1px solid #777;
}
#navtop li.nav-last a {
	border-right: none;
}


div#navcrumbs ol {
	position: relative;
	float: left;
	left: -0.5em;
	padding: 0.7em 0;
}

#navcrumbs li {
	float: left;
}

#navcrumbs a,#navcrumbs strong {
	float: left;
	display: block;
	padding: 0.1em 0.9em 0.1em 0.5em;
	background: url(bg-nav-right.png) right 55% no-repeat;
}

#navcrumbs strong {
	color: #FFF;
}

#navcrumbs li.nav-last a,
#navcrumbs li.nav-last strong {
	padding-right: 0.5em;
	background: transparent;
}



/* Page nav: next/previous etc. */


div#navpage ul,
div#navpagebot ul {
	padding: 0.3em 0;
	position: relative;
}

div#navpage ul,
div#navpagebot ul {

	float: right;
}

/*
div#navpagebot ul {
	float: left;
}
*/

#navpage li,
#navpagebot li {
	float: left;
}

#navpage a,
#navpagebot a {
	float: left;
	display: block;
	width: 2em;
	height: 2em; 
	overflow: hidden;
}

#navpage li.nav-prev a,
#navpagebot li.nav-prev a {
	background: url(bg-nav-left.png) 50% 50% no-repeat;
}

#navpage li.nav-next a,
#navpagebot li.nav-next a {
	background: url(bg-nav-right.png) 50% 50% no-repeat; 
}

#navpage li.nav-next,
#navpagebot li.nav-next {
	padding-left: 12px;
}

/* #navpagebot li.nav-prev {
	padding-right: 12px;
} */

#navpage li.nav-prev a,
#navpagebot li.nav-prev a,
#navpage li.nav-next a,
#navpagebot li.nav-next a {
	background-color: #614000;
}

#navpage li.nav-prev a:visited,
#navpagebot li.nav-prev a:visited,
#navpage li.nav-next a:visited,
#navpagebot li.nav-next a:visited {
	background-color: #4D4D61;
}

#navpage li.nav-prev a:hover,
#navpagebot li.nav-prev a:hover,
#navpage li.nav-next a:hover,
#navpagebot li.nav-next a:hover {
	background-color: #FC6;
}
 
/* ---------------------------------------------------------------------------
	Content formatting
------------------------------------------------------------------------------ */

#content {
	font-size: 1.1em;
	margin: 12px 0;
}

h1 {
	font-size: 1.3em;
	color:#888;
}

h2 {
	color: #666;
	border-bottom: 1px solid #CCC;
}

h3 {
	font-weight: bold;
}

h4 {
	font-weight: bold;
}

#content .csc-textpic-text blockquote {
	float: right;
	width: 265px;
	color: #888;
	font-size: small;
	font-weight: normal;
	border-bottom: 1px solid #444;
	margin: 0 0 1em 1em;
	padding: 0;
}
#content .csc-textpic-text blockquote p {
/*		font-weight: bold !important; */
}

/* ---------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------------ */

ul#navfoot {
	position: relative;
	float: left;
	padding: 0.7em 0 0.7em 0;
	left: -0.8em;
}

#navfoot li {
	float: left;
}

#navfoot a {
	float: left;
	display: block;
	padding: 0.1em 0.8em;
	border-right: 1px solid #444;
}

#navfoot li.nav-last a {

}
#footer-content {
	float: left;
	color: #999;
}

#footer-content p {
	position: relative;
	float: left;
	left: -0.09em;
	line-height: 1em;
	margin: 0;
	padding: 0.8em 0.8em 0.8em 0;
}

/* ---------------------------------------------------------------------------
	Other...
------------------------------------------------------------------------------ */


div.slideshow {
	height: 485px;
	width: 485px;
	float: right;
	overflow:hidden;
}

div.slideshow .slideshow-item {
	padding-left: 20px;
	width: 465px;
	height: 465px;
	padding-bottom: 20px;
}

div.slideshow .slideshow-img {
	width: 465px;
	height: 465px;
	text-align: center;
}

/* constrain to a column */
.csc-frame-invisible {
	width: 265px;
	float:left;
}


.rgslideshow {
	position:relative;
	border: none;
	overflow:hidden;
	background:#000;
}

.artwork {
	padding: 12px 0;
	text-align: center;
}

.artwork_js { display: none; }

.artwork-cover {
	width: 200px;
	float: right;
	position: relative;
	background-color: #123;
	top: -50px;
	height: 25px;
}







.tx-powermail-pi1 label,
.tx-powermail-pi1 input {
	display: block;
	width: 20em;
	float: left;
	margin-bottom: 12px;
}

.tx-powermail-pi1 textarea {
	width: 20em;
	height: 15em;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit {
	padding-left: 11em;
}

.tx-powermail-pi1 .powermail_submit {
	width: auto;
}

.tx-powermail-pi1 fieldset {
	margin-bottom: 12px;
	border-color: #444 !important;
}

.tx-powermail-pi1 label {
	text-align: right;
	width: 10em;
	padding-right: 1em;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	clear: both;
}


.powermail_mandatory { color: #CC3300; }

form legend {
	color: #888;
	font-weight: bold;
}



p.align-right {
	clear: both;
	text-align: right;
}