body
{
	background-color: #888890;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777l
}

.adobe {
	color: rgb(204,102,51);
}

/* BASIC LINKS AND WHATNOT */
a:link {
	text-decoration: underline;
	color: rgb(223,121,27);
}
a:visited {
	text-decoration: none;
	color: rgb(220,139,102);
}
a:hover {
	text-decoration: underline;
	color: rgb(153,153,153);
}
a:active {
	text-decoration: underline;
}
a img {
	border: 0;
}

/* t class for forms */
#t                   { margin-top: 20px; /*padding-top: 70px;*/ }
#t form              { margin: 0px; padding: 0px; }
#t h2                { margin-top: 20px; margin-bottom: 0px; font-size: 14pt; }
#t label             { width: 100px; display: block; float: left; text-align: right; }
#t input, #t select { color: #555; background: #fff; margin: 1px; border: 1px solid #999; }
#t input.button      { border: 1px solid #999; padding: 1px;  }
#t div.error         { color: #f00; margin-left: 10px; margin-bottom: 5px; font-size: 90%; }
#t div.success       { color: #0a0; margin-left: 10px; margin-top: 10px; font-weight: bold; }

/* FORM CONTROLS */
ul#form {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
input, textarea {
	background-color: rgb(164,164,164);
	color: rgb(255,255,255);
	border: 1px solid rgb(149,149,149);
	padding: 0.15em;
}

/* align, floats & clears */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-both {
	clear: both;
}

#inner-wrap {
	/*margin: 2em 1em 3em 5.5em;*/
	padding-left: 20px;
}

div#inner-wrap > p > a {
	rgb: (223,121,27);
	text-decoration: underline;
}

/* CALENDAR CONTROLS */
.calendar-content-white {
	background: rgb(255,255,255);
	width: 65%;
}
.calendar-content-grey {
	background: #fff;
	width: 95%;
	padding: 0.25em 0.25em 0.25em 0.5em;
}
a.calendar-expand {
	text-decoration: none;
	color: rgb(255,153,102);
}
ul  {
	list-style: none;
	padding: 0;
	margin: 0;
}

#container
{
	width: 950px;
	margin:auto;
	background-color: #FFFFFF;
}

#footer
{
	text-align: center;
	padding-bottom: 20px;
	clear: both;
	padding-top: 15px;
}

#footerTop
{
	font-size: 10px;
	color: rgb(204,102,51);
}

#copyright
{
	font-size: 10px;
	color: #999999;
}

#orange_spacer
{
	background-color: #df7927;
	height: 20px;
}

#monthly_featured
{
	padding: 20px 20px 20px 20px;
	color: #df7927;
}

#email_form
{
	width: 330px;
	float: right;
}

#dotted_spacer
{
	background-image: url(images/dotted_line.jpg);
	height: 15px;
	background-repeat:no-repeat;
}

#sml_artist
{
	/* width: 270px; */
	height: 80px;
	padding: 5px;
}

.sml_div
{
	padding-top: 10px;
	font-size: 16px;
}

#sml_artist img
{
	float: left;
	padding-right: 5px;
}

#footer a:active, #footer a:visited, #footer a:link
{
	color: #777777;
	text-decoration: none;
}

#footer a:hover
{
	color: rgb(204,102,51);
	text-decoration: none;
}

.featured
{
	font-size: 14px;
	color: #777777;
}

.f2
{
	padding-left: 15px;
}

/* HEADER AND HEADER NAVIGATION CONTROLS */
#header {
	padding: 0;
	padding-bottom: 15px;
	width: 950px;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(204,102,51);
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	height: 120px;
	padding-top: 15px;
}
#logo {
/*
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	position: absolute;
	*/
}
ul#header-nav, ul#artist-menu { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
	padding-right: 1.5em;
	font-size: 14px;
}
ul#artist-menu li, ul#header-nav li { /* all list items */
	float: left;
	position: relative;
	font-size: 0.85em;
	padding: 0 0 0.25em 0;
	margin: 0;
}
ul#artist-menu li a, ul#header-nav li a {
	/*color: rgb(155,156,157);*/
	color: #6D6D6D;
	text-decoration: none;
	padding: 0.25em 0em 0.25em 0.25em;
	margin-left: 0.3em;
}
ul#header-nav li a:hover {
	color: rgb(204,102,51);
}
ul#artist-menu li a:hover {
	background: transparent none;
	color: rgb(204,102,51);
}
ul#artist-menu { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	padding: 0;
	/* margin-top: 16px; */
	width: 6.5em;
	left: 0;
	background-color:rgb(253,253,253);
}
/* BG BORDER ISSUES BETWEEN FF/IE
#first-artist {
	border-top: 3px solid rgb(230,230,230);
	width: 100%;
}
*/
ul#header-nav {
	padding-left: 0.24em;
	/*margin-top: 122px;*/
}
li>ul#header-nav, li>ul#artist-menu { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 1; /* defined so it will work on ie7 - dann*/
	left: -1;
}
li:hover ul#header-nav, li.over ul#header-nav, li:hover ul#artist-menu, li.over ul#artist-menu { /* lists nested under hovered list items */
	display: block;
}

/* GALLERY CONTROLS */
#gallery-nav {
	list-style: none;
	border: 1px solid rgb(213,213,213);
	background-color: rgb(255,255,255);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 8em;
	float: left;
}
ul#gallery-nav li a, ul#gallery-nav li a:active {
	color: rgb(153,153,153);
	font-size: 0.8em;
	text-decoration: none;
}
ul#gallery-nav li a:hover {
	color: rgb(204,102,51);
}
ul#gallery-nav li#current {
	padding-left: 0.75em;
	color: rgb(102,102,102);
	font-weight: bold;
	background: transparent url('images/current-bg.gif') no-repeat scroll 0% 60%;
}
#gallery-content {
	border-right: 1px solid rgb(226,226,226);
	margin: 0 1em 0 1em;
	padding: 0 1em 2em 0;
	text-align: left;
	float: left;
	width: 43%;
}
#gallery-thumb-list {
	display: inline;
	list-style: none;
	float: none;
	overflow: hidden;
}
ul#gallery-thumb-list li {
	float: left;
	margin: 4px 4px 4px 4px;
	width: 64px;
	height: 64px;
	padding: 0;
	border: 2px solid rgb(168,168,168);
}
ul#gallery-thumb-list li a img {
	/* this was going to be used to center 128 pixel max. dimension images to save time editing images
	lucky for us, internet explorer 6/7 doesn't support it. oddly enough 5/5 did, any ideas? jonh@blinddesign.com
	
	position: relative;
	top: -25%;
	left: -25%; 
	*/
	margin: 0;
	padding: 0;
}
ul#gallery-thumb-list li:hover {
	border: 2px solid rgb(223,121,27);
}

/* SIMPLE TOOLTIP WINDOW */
ul#gallery-thumb-list a.info{
    position: absolute; /*this is the key*/
    z-index: 24;
	background-color: #ccc;
    color: #000;
    text-decoration: none;
}
ul#gallery-thumb-list a.info:hover {
	z-index: 25;
	background-color: #ff0;
}
ul#gallery-thumb-list a.info span {
	display: none;
}
ul#gallery-thumb-list a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 64px;
	left: -74px; 
	width: 128px;
    border: 2px solid rgb(223,120,26);
    background-color: rgb(255,255,255);
	font-size: 0.68em;
	padding: 4px 4px 4px 4px; 
	color: rgb(102,102,102);
    text-align: center
}
	
/* GALLERY LITEBOX CONTROLS */
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img { border: none; }
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
	padding:0 10px;
}
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}