body { background-color: #000000; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/body_bkgnd.jpg); background-repeat: no-repeat; background-position: center top; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0; } #scrollbar { height:400px; overflow:auto; layer-background-color:#fff; margin-right: 20px; margin-bottom: 10px; margin-left: 10px; scrollbar-base-color: #CCCCCC; } .artist_summary { background-image: url(../images/artist_summary_line.gif); background-repeat: repeat-x; background-position: left bottom; margin-left: 50px; display: block; clear: both; padding-bottom: 15px; margin-right: 30px; } .artist_name { font-size: 1.4em; text-transform: uppercase; } .header{ padding-top:20px; padding-bottom:0px; text-align:left; padding-left:0px; background-color:#333333; height: 40px; } #container { background-color:#FFFFFF; margin: 0px auto; padding: 0px; width: 760px; text-align: left; } .topnav { /* font-size:12px; font-weight: normal; background-color: #4D4D4D; border-top-width: 2px; border-top-style: solid; border-top-color: #000000; color: #FFFFFF; height: 15px; text-align: right; padding-top: 6px; padding-right: 4px; */ display:none; } #events_content { float: left; margin-left: 0px; width: 400px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; } #events_images { float: right; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 10px; } #news_content { padding: 10px; float: left; margin-left: 100px; width: 350px; } #news_images { float: right; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 75px; } #services_content { padding: 10px; margin-left: 50px; width: 650px; } #submission_content { padding: 0px; margin-left: 0px; width: 100%; } #about_content { padding: 0px; margin-left: 0px; width: 100%; } .topnav a:link, .topnav a:active, .topnav a:visited{ text-decoration:none; color:#FFFFFF !important; font-size: .8em; } .topnav a:hover{ text-decoration:underline; color: #FFFFFF; } .subnav { background-color: #DDDDDD; font-size:0.8em; font-weight: normal; text-align:right; padding-right:8px; padding-left:8px; padding-top: 3px; padding-bottom: 2px; border-top-width: 2px; border-top-style: solid; border-top-color: #969696; color: #333333; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333333; } .subnav a:link, .subnav a:active, .subnav a:visited{ text-decoration:none; color:#333333; font-size: .8em; } .subnav a:hover{ color:#000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C8030D; } .loggedinnav { margin-top:3px; background-color: #DDDDDD; /* font-size:0.8em; font-weight: normal; */ text-align:right; padding-right:-8px; padding-top: 3px; padding-bottom: 2px; border-top-width: 2px; border-top-style: solid; border-top-color: #949494; color: #333333; } .loggedinnav a:link, .loggedinnav a:active, .loggedinnav a:visited{ text-decoration:none; color:#333333; font-size: .8em; } .loggedinnav a:hover{ color:#000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C8030D; } /* this is for the current page 'you are here' styling in subnav matching id's are set in menu.php and each file sets the id in */ body#home a#home, body#artists a#artists, body#search a#search, body#events a#events, body#news a#news, body#services a#services, body#about a#about, body#contact a#contact, body#login a#login, body#mydata a#mydata, body#myfavoriteworks a#myfavoriteworks, body#myfavoriteartists a#myfavoriteartists, body#shoppingcart a#shoppingcart, body#welcome a#welcome { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #C8030D; margin-top: 3px; margin-bottom: 3px; } #artist_dropdown { text-align:right; padding-right:20px; margin-top: 5px; margin-bottom: 5px; } .bottomnav { background-color: #E2E2E2; color:#666666; height:16px; padding-top:4px; padding-right:15px; vertical-align:bottom; text-align:right; font-size:10px; border-top-width: 2px; border-top-style: solid; border-top-color: #969696; clear: both; } .bottomnav a:link, .bottomnav a:active, .bottomnav a:visited{ color:#666666; text-decoration:none; } .bottomnav a:hover{ text-decoration:underline; } #main { width:100%; } #slideshow { text-align:center; vertical-align:middle; padding-left:20px; padding-bottom:15px; } #company_desc { padding-left:25px; padding-top:60px; } .hours { padding:30px 0px 0px 20px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } .location { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:20px; } .egallery { padding-top:30px; } .padright { padding-right: 15px; } td.artist a:link, td.artist a:visited, td.artist a:active{ color:#666666; text-decoration:none; font-size: .9em; } td.artist a:hover { color:#000; text-decoration:underline; } #main { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; } #main a:link, #main a:active,#main a:visited{ color:#999999; text-decoration:none; } #main a:hover{ color:#000; text-decoration:underline; } .pad-btm { padding-bottom:20px; } #results { width:400px; text-align:left; padding-bottom:5px; /*border:1px dotted #000;*/ } #results-text { width:250px; background-color:#E6E6E6; } .padleft { padding-left:18px; text-align: center; } #footer2 { color: #FFFFFF; margin-top: 10px; clear: both; font-size: 0.6em; padding-right: 3px; padding-left: 3px; width: 760px; margin-right: auto; margin-left: auto; } #footer2 a:link, #footer2 a:visited, #footer2 a:active{ color:#999999; text-decoration:none; } #footer2 a:hover { text-decoration:none; color: #CCCCCC; } td.hart_url a:link, td.hart_url a:visited, td.hart_url a:active { color:#FFFFFF; text-decoration:none; font-size: 1.5em; font-weight: bold; } td.hart_url a:hover { text-decoration:underline; } .floatleft { float:left; } .floatright { float:right; } .col1 { clear: both; float: left; width: 425px; margin-left: 0px; padding-top: 5px; } .col2 { float: left; width: 300px; padding-top: 5px; } .mybutton { color: #333333; border: 2px outset #d7b9c9; background-color: #DDDDDD; font-weight: bold; font-size: .9em; } /* show large image on thumbnail hover show thumbnail, that on hover will display full image, example:

*/ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; padding: 0px; left: -1000px; border: 1px solid gray; visibility: hidden; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 0px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; /* top: -150px; */ left: 202px; /*position where enlarged image should offset horizontally */ } .thumbnail2{ position: relative; z-index: 0; } .thumbnail2:hover{ background-color: transparent; z-index: 50; } .thumbnail2 span{ /*CSS for enlarged image*/ position: absolute; padding: 0px; left: -1000px; border: 1px solid gray; visibility: hidden; text-decoration: none; } .thumbnail2 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 0px; } .thumbnail2:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; /* top: -150px; */ left: 110px; /*position where enlarged image should offset horizontally */ } .thumbnail3{ position: relative; z-index: 0; } .thumbnail3:hover{ background-color: transparent; z-index: 50; } .thumbnail3 span{ /*CSS for enlarged image*/ position: absolute; padding: 0px; left: -1000px; border: 1px solid gray; visibility: hidden; text-decoration: none; } .thumbnail3 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 0px; } .thumbnail3:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; /* top: -150px; */ left: 66px; /*position where enlarged image should offset horizontally */ } #bio { margin: 10px; } .error { color: #D10004; text-align: center; } .smalltext { font-size: 10px; } .indent_underline { text-transform: uppercase; padding-left: 50px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #D00003; font-weight: normal; font-size: 1.1em; } .indent_text { text-indent: 70px; display: block; font-size: .9em; } .indent { position: relative; left: 17%; width: 80%; font-size: .9em; } .spacer { height: 5px; } .padtext { padding-right: 15px; padding-left: 280px; }