/* all */
a {
	color: #963;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	/* for some reason this border is necessary for the margin below the paragraphs on at least the teapots page */
	margin: 0;
	padding: 0;
	color: #111;
	background: #222 url(../images/bg-grid.gif);
	/* "Century Gothic" */
	font-family: "Lucinda Grande", verdana, arial, helvetica, sans-serif;
	font-size: medium;
}

#container {
	border: 1px solid #ff9;
	position: relative;
	color: inherit;
    background: #ff9 url(../images/bg-yellow-texture.gif);
	margin: 15px auto 15px auto;
	padding: 0;
    width: 850px;
	/*min-height: 500px;*/

}


/* Hides from IE-Mac */
* #container {
    height: 1%;
}
/* Hides from IE-Mac */


#location_indicator {
	border-top: 2px solid #77a;
	position: absolute;
	top: 0;
	left: 375px;
	/* background-color: #963; */
	color: #963;
	background: inherit;
    font-family: "Lucinda Grande", verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	font-weight: 500;
	width: 100px;
	margin: 0;
	padding: 0px 5px 3px 5px;
	text-align: center;
}

/* h1 title text for improved indexing by search engines - positioned so not visible */
h1#search {
	border: 0px solid red;
    position: absolute;
	top: 0px;
    /* left cause IE sucks - even at 7.0*/
    left: 0px;
    text-indent: -1000px;
    z-index: -1000;
}

#C { /* 55 w x 65 h*/
	border: 0px solid #ff9;
	position: absolute;
	top: 0px;
	/* left is for IE only */
	left: 0px;
	margin: 0;
	padding: 0;
	/*  image replacement - thx Mike Rundle for the phark method of img replacement allowing me to h1 carol's title with an image */
	/*text-indent: -5000px;*/
	/* height of this img is 45px - use image replacement and h1's to get good search results */
	height: 65px;
	width: 55px;
	background: url(../images/ban-C.gif) no-repeat;
}

#img-C, #img-title {
	border: 0;
}


#title {
	border-bottom-color: #a99;
	border-bottom-style: solid;
	border-bottom-width: 2px;
    position: absolute;
    top: 0;
    left: 55px;
    margin: 0;
	padding: 0;
}





/* images height 30px */
#navBase {
    position: absolute;
	top: 0;
    right: 0;
    float: right;
    /* left margin centers the list */
	width: 270px;
    margin: 0px 40px 0px 0px;
	padding: 0;
	list-style: none;
    z-index: 20;
}

#navBase li {
	/* diaplays a list horizontally without any space between items  - when coupled with ul too */
	float: right;
	display: block;
    /* 100px width portfolio button | 70px button artist button */
    margin: 0;
    padding: 0;
}


#navBase dl {
	width: 130px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#navBase dl dt {
    margin: 0;
    padding: 0;
    text-align: center;
}

#navBase dl dd {
    width: 130px;
    height: auto;
    margin: 0;
    padding: 3px 0px;
    text-align: center;
}

#navBase dl dd div {
	border-top: 0px solid #963;
	border-right: 1px solid #963;
	border-bottom: 1px solid #963;
	border-left: 1px solid #963;
    color: #963;
    background-color: #fff;
    width: 128px;
    height: auto;
    padding: 3px 0px;
    opacity: .80;
    filter: alpha(opacity=80);
}

#navBase a {
	border: 0px solid #963;
    display: block;
	font-size: 90%;
    font-weight: bold;
    margin: 0;
    padding: 1px 0px;
	text-decoration: none;
}

#navBase a:hover {
	text-decoration: underline;
}



li#loc_events, li#li_art_stmt {
    color: #77a;
    background: inherit;
}

li#loc_galleries, a#lk_resume {
    color: #963;
    background: inherit;
}

/* images height 30px */
img#portfolio, img#artist {
	border: 0;
}

.menuItem {
    display: block;
	font-size: 90%;
	color: #963;
	background: inherit;
	text-decoration: none;
    cursor: pointer;
}

.menuItem:hover {
	text-decoration: underline;
}

#vert-title {
	border-right-color: #aa9;
	border-right-style: solid;
	border-right-width: 2px;
    position: absolute;
    top: 68px;
	/* left is for IE only */
	left: 0px;
	margin: -2px 0px 0px 0px;
	padding: 0px 3px 0px 0px;
	width: 40px;
}


div.note {
	color: #963;
	background: inherit;
    font-size: 80%;
	font-weight: 600;
}

p#latest_event {
    position: absolute;
	font-weight: 600;
	font-size: 80%;
    /* again - this left is for ie only - ie sucks :( */
    left: 0;
    /* top right bottom left */
	margin: 70px 0px 0px 70px;
	padding: 0 5px;
}

p#announcement {
	clear: both;
	font-size: 80%;
	font-weight: 600;
    /* top right bottom left */
	margin: 0px 70px 0px 70px;
	padding: 0 5px;
}

.pics_home {
	clear: both;
	/* top right bottom left */
	margin: 100px 0px 70px 70px;
	padding: 5px;
}

p#general {
	font-size: 80%;
    /* top right bottom left */
	margin: 0px 70px 20px 70px;
	padding: 0px 5px;
}

.pics, div.pics_landscape, div.note {
	border: 0px dashed blue;
	clear: both;
	/* top right bottom left */
	margin: 70px 0px 70px 70px;
	padding: 5px;
}

/* 225+25+225+25+225+25=750 +80=830px */
.pics img, .pics_home img {
	border: 0px dashed blue;
	/* top right bottom left - */
	margin-right: 25px;
	/* pics are width 225px */
}

/* 50+335+50+335=770 +80=850px */
div.pics_landscape img {
	border: 0px solid blue;
	margin-left: 50px;
	/* pics are width 335px */
}

p.pagination {
    color: #77a;
    background-color: transparent;
    font-size: 80%;
    text-align: center;
}

p.pagination a {
    padding: 0px 2px;
}

p.pagination a:hover {
    color: #ff9;
    background-color: #963;
}

img.crop {
	padding-bottom: 58px;
}

p#first {
	border-style: none double none none;
	border-color: #963;
	background-color: #ff9;
	color: #222;
	font-size: 90%;
	margin:  0 150px;
	padding: 10px 15px 5px 15px;
	text-align: justify;
}

p#last {
	border-style: none double double none;
	border-color: #963;
	background-color: #ff9;
	color: #222;
	font-size: 90%;
	/* top right bottom left */
	margin: 0 150px 50px 150px;
	padding: 5px 15px 10px 15px;
}

#navAbout {
	position: absolute;
	border: 0px solid black;
	top: 125px;
	right: 0px;
	font-size: 90%;
	font-weight: 600;
	/* top right bottom left */
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navAbout li {
	width: 150px;
	text-align: center;
	padding-bottom: 10px;
}

#navAbout li#loc_bio {
	padding-left: 0px;
}

#navAbout a {
	border-top: 1px solid #ff9;
	font-size: 90%;
	text-decoration: none;
}


#navAbout li a:hover {
	color: #77a;
	background: inherit;
}


/* about, exhibits  */
#bio, #artist_statement, #contact {
	border: 0px solid #222;
	position: absolute;
	top: 100px;
	visibility: hidden;
	left: 50%;
	color: inherit;
	background: inherit;
	margin: 0px 0px 0px -275px;
	padding: 0;
	width: 550px;
    z-index: 1;
}

.container_general {
	position: relative;
    color: inherit;
    background: inherit;
	margin: 0px auto;
    padding: 0;
	width: 550px;
}

div.showing {
	position: relative;
    visibility: visible;
	color: inherit;
    background: inherit;
	
	margin: 75px auto 50px auto;
    padding: 0;
	width: 550px;
}

/* about - exhibits */
div.showing h3 {
	border: 0px dashed black;
	color: #a99;
	background: inherit;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

/* about - exhibits */
#artist_statement p, div.showing p {
	border-right: none;
	background: inherit;
	color: #222;
	margin: 0;
	/* top right bottom left*/
	padding: 10px 15px;
}

/* exhibits */
div.showing p {
	font-size: 90%;
	margin: 0;
	padding: 0px 15px 10px 25px;
}

/* exhibits */
div.showing h5.date, div.showing h5.title {
	border-left: 2px solid #a99;
	margin: 0;
	padding: 0px 0px 0px 5px;
}

/* exhibits */
div.showing h5.title {
	padding-bottom: 2px;
}


div.showing a {
	color: #963;
    background: inherit;
}

div.title {
    font-size: small;
    background-color: transparent;
    text-align: center;
}


#ul_resume {
	border-top: 0;
	position: absolute;
	top: 165px;
	right: 20px;
	visibility: hidden;
	/* z-index: -10; */
	font-size: 90%;
	margin: 0;
	padding: 10px;
	list-style: none;
	text-align: center;
}

/* about - exhibits */
#artist_statement h3  {
	color: #a99;
	background: inherit;
	text-align: center;
}

#contact_tag {
	position: absolute;
    background: transparent;
    bottom: 0;
	right: 0;
	float: right;
	visibility: visible;
	font-size: 75%;
	font-weight: 600;
	margin: 0;
	/* top right bottom left */
	padding: 0 20px 5px 0;
}

#ul_contact {
	border-top: 1px solid #963;
	border-left: 1px solid #963;
	position: absolute;
	bottom: 0;
	right: 0;
	color: inherit;
    background-color: #eee;
	float: right;
	visibility: hidden;
	font-size: 90%;
	margin: 0;
	/* top right bottom left */
	padding: 8px 0 8px 10px;
	list-style: none;
}

#ul_contact li {
	float: left;
	padding-right: 10px;
}

#ul_contact a#lk_close {
	font-size: 80%;
}

/* about */
#bio img, #resume img, #contact img {
	margin-left: 150px;
}

/* portfolio */
body#teapots a#lk_portfolio, 
body#cups a#lk_portfolio, 
body#pitchers a#lk_portfolio, 
body#sculpture a#lk_portfolio, 
/* artist */
body#about a#lk_artist, 
body#exhibits a#lk_artist, 
body#mailing_list a#lk_artist { 
	border-top-color: #77a; 
}

/*
body#teapots a#lk_teapots, 
body#cups a#lk_cups, 
body#pitchers a#lk_pitchers, 
body#sculpture a#lk_sculpture, 
body#about a#lk_about, 
body#exhibits a#lk_exhibits {
	border-top-color: #77a; 
	visibility: visible;
}
*/

body#home #loc_home a,
body#art #loc_art a, 
body#art_02 #loc_art a, 
body#art_03 #loc_art a, 
body#art_04 #loc_art a, 
body#art_05 #loc_art a, 
body#art_06 #loc_art a, 
body#art_07 #loc_art a, 
body#art_08 #loc_art a, 
body#art_09 #loc_art a, 
body#art_10 #loc_art a, 
body#art_11 #loc_art a, 
body#art_12 #loc_art a, 
body#art_13 #loc_art a, 
body#art_14 #loc_art a, 
body#calendar #loc_calendar a, 
body#resume #loc_resume a, 
body#gallery #loc_gallery a, 
body#mailing_list #lk_mailing_list a {
	border-top-color: #77a; 
}

#content {
	border: 0px solid #963;
	margin: 0px;
	padding: 0;
	height: auto;
}

#artLinksHeader {
	border: 0px dashed blue;
	margin: 0;
	padding: 0;
}


body#mailing_list {
   background: inherit;
   color: #222;
   font-family: arial, verdana, helvetica, sans-serif;
}

form#fm_mailingList {
	border: 0px dashed blue;
	clear: both;
	background-color: #ff9;
	color: #222;
	width: 770px;
	/* top right bottom left */
	margin: 0px 0px 0px 80px;
	padding: 0;
}

table#errorReport, table#mailingList {
	border: 0px dashed blue;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: #ff9;
	color: #222;
	clear: both;
	width: 770px;
	/* top right bottom left */
	margin: 0;
	padding: 0;
}

/* for mutha f'n IE fucker - mutha fucka damn shit */
table#errorReport {
	margin-left: 80px;
}

#mailingList td {
	border: 0px dashed blue;
	height: 30px;
	margin: 0;
	padding: 0;
}

td.error, td.subscribe, td.whiteSpace {
   background: inherit;
   color: #d00;
   font-family: arial, helvetica, sans-serif;
   font-size: 12pt;
}

td.subscribe {
    background-color: inherit;
	color: #222;
}

td.whiteSpace {
    background-color: inherit;
	color: #ff9;
}

#email, #name_first, #name_middle, #name_last, #street, #city, #state, 
#zip, #country, #contact_type  {
	border: 0px solid red;
	margin: 0;
	padding: 0px 5px 0px 0px;
	text-align: right;
}

#email_it, #name_first_it, #name_middle_it, #name_last_it, #street_it, #city_it, 
#state_it, #zip_it, #country_it, #contact_it  {
	padding-right: 10px;
}

#email {
	width: 35%;
}

#email_it {
	width: 65%;
}

#name_first, #street, #city, #country, #contact_type {
	width: 17%;
}

#code_validation {
	/* sizes this ul container relative to the body width */
	width: 90%;
	/* top right bottom left */
	margin: 25px 5px 5px 5px;
	padding: 0;
	list-style: none;
	text-align: right;
}

#code_validation li {
	/* diaplays a list horizontally without any space between items  - when coupled with ul too */
	/* float: right; */
	display: inline;
	margin: 0;
	padding: 0;
}

#code_validation a {
	background: inherit;
    color: #222;
	font-size: 70%;
	/* makes each block display horizontally ? */
	/* float: left; */
	/* top right bottom left */
	margin: 0;
	padding: 0px 5px;
	text-decoration: none;
}

#code_validation a:hover {
	color: inherit;
    background-color: #ccc;
}

a#lk_javaScriptCheck {
    background: inherit;
    color: #222;
	/* top right bottom left */
	margin: 0;
	padding: 0px 0px 0px 250px;
	list-style: none;
	text-align: center;
}

#jsCheck {
    position: absolute:
    top: 0px;
    margin: 0;
    padding: 10px 0px 0px 0px;
    font-size: 90%;
    z-index: 100;
    text-align: center;
}