@charset "UTF-8";
/* CSS Document */
body {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #705e4a;
}
a{
color: #705E4A;
text-decoration:underline;
}
p {
margin:0; 
padding: 0;
}
a:hover{
color: #993300;
text-decoration: none;
}
/* div styles */
#holder {
margin: auto;
width: 940px;
padding: 30px;
background-color: #CDC8AF;
}
#left-side {
float: left;
width: 200px;
padding-right: 30px;
}
#left-side-about {
float: left;
width: 200px;
height: 412px;
background-image: url(graphics/about-back.jpg);
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#left-side-artwork {
float: left;
width: 200px;
height: 412px;
background-image: url(graphics/about-back.jpg);
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#left-side-pottery {
float: left;
width: 200px;
height: 412px;
background-image: url(graphics/about-back.jpg);
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#left-side-jewelers {
float: left;
width: 200px;
height: 412px;
background-image: url(graphics/about-back.jpg);
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#left-side-other {
float: left;
width: 200px;
height: 412px;
background-image: url(graphics/about-back.jpg);
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#left-side-index {
float: left;
width: 230px;
height: 412px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#logo {
width: 200px;
height: 201px;
margin-bottom: 20px;
}
#left-info {
width: 200px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #705E4A;
font-size: 11px;
}
#right-side {
float: right;
width: 679px;
padding-left: 30px;
border-left: 1px solid #705e4a;
}
#right-side-about {
float: right;
width: 679px;
padding-left: 30px;
}
#right-side-artwork {
float: right;
width: 679px;
padding-left: 30px;
}
#right-side-pottery {
float: right;
width: 679px;
padding-left: 30px;
}
#right-side-jewelers {
float: right;
width: 679px;
padding-left: 30px;
}
#right-side-index {
float: right;
width: 679px;
padding-left: 30px;
}
#right-side-other {
float: right;
width: 679px;
padding-left: 30px;
}
#big-image {
width: 679px;
margin-top:20px;
}
#title {
width: 679px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #993300;
margin-top: 10px;
}
#galleryTitle{
float:left;
width: 280px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #993300;
margin-left: 20px; 
}
#text {
width: 679px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #705E4A;
}
#past-wrap {
float:left;
margin-top: 20px;
width: 679px;
}
#past-image {
float: left;
width: 200px;
height:125px;
padding-right: 20px;
}
#past-title {
float: left;
width: 459px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #993300;
margin-top: 10px;
}
#past-text {
float: left;
width: 459px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#news-item {
margin-top: 20px;
width: 679px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#contact-info {
margin-top: 20px;
width: 679px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#davidson {
float: left;
width: 300px;
}
#park-ave {
float: left;
width: 300px;
margin-left: 15px;
}
#instructions {
clear: both;
width: 679px;
padding-top: 30px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
#about-pic {
clear: both;
width: 679px;
padding-top: 20px;
}
#artists {
clear: both;
width: 679px;
padding-top: 40px;
}
#other {
clear: both;
width: 679px;
padding-top: 20px;
}
#index {
clear: both;
width: 679px;
padding-top: 30px;
}
#art {
float: left;
width: 370px;
height: 370px;
text-align:center;
margin-bottom:12px;

}
#art a{
text-decoration:none;
}
img{
border:none;
}

img#click{

}

div#art-info {
float: left;
width: 280px;
margin-left: 20px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #705E4A;
}
span#art-info{
float: left;
width: 280px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #993300;
}
span#sold{

}
#potters {
width: 679px;
padding-top: 20px;
}
#jewelers {
width: 679px;
padding-top: 20px;
}
#clear {
margin: 0px;
clear: both;
}
#footer {
margin: auto;
width: 940px;
padding: 15px;
text-align: center;
font-family: Tahoma, sans-serif;
font-size: 10px;
color: #222222;
}
/* nav bar */
div#menu{
width: 679px;
height: 30px;
border-bottom: 1px solid #705e4a;
}
a.menubutton#home{
display:block; 
height:30px; 
width:150px; 
overflow:hidden; 
float:left;
}
a.menubutton#home:hover { 
display:block; 
text-indent:-150px; 
}
a.menubuttonHomeCurrent { 
display:block; 
height:30px; 
width:150px; 
overflow:hidden; 
float:left;
text-indent:-150px; 
}
/* a.menubuttonCurrent#home{
display:block; 
height:30px; 
width:150px; 
overflow:hidden; 
float:left;
text-indent:-150px; 
} */
a.menubutton#about{
display:block; 
height:30px; 
width:95px; 
overflow:hidden; 
float:left;
}
a.menubutton#about:hover { 
display:block; 
text-indent:-95px; 
}
a.menubuttonAboutCurrent { 
display:block; 
height:30px; 
width:95px; 
overflow:hidden; 
float:left;
text-indent:-95px;
}
a.menubutton#exhibitions{
display:block; 
height:30px; 
width:158px; 
overflow:hidden; 
float:left;
}
a.menubutton#exhibitions:hover { 
display:block; 
text-indent:-158px; 
}
a.menubuttonExhibitionsCurrent { 
display:block; 
height:30px; 
width:158px; 
overflow:hidden; 
float:left;
text-indent:-158px; 
}
a.menubutton#news{
display:block; 
height:30px; 
width:95px; 
overflow:hidden; 
float:left;
}
a.menubutton#news:hover { 
display:block; 
text-indent:-95px; 
}
a.menubuttonNewsCurrent { 
display:block; 
height:30px; 
width:95px; 
overflow:hidden; 
float:left;
text-indent:-95px; 
}
a.menubutton#contact{
display:block; 
height:30px; 
width:117px; 
overflow:hidden; 
float:left;
}
a.menubutton#contact:hover { 
display:block; 
text-indent:-117px; 
}
a.menubuttonContactCurrent { 
display:block; 
height:30px; 
width:117px; 
overflow:hidden; 
float:left;
text-indent:-117px; 
}
a.menubutton#blog{
display:block; 
height:30px; 
width:64px; 
overflow:hidden; 
float:left;
}
a.menubutton#blog:hover { 
display:block; 
text-indent:-64px; 
}
a.menubuttonBlogCurrent { 
display:block; 
height:30px; 
width:64px; 
overflow:hidden; 
float:left;
text-indent:-64px; 
}
/* sub nav bar */
div#sub-menu{
width: 679px;
height: 30px;
}
a.menubutton#artwork{
display:block; 
height:30px; 
width:88px; 
overflow:hidden; 
float:left;
}
a.menubutton#artwork:hover { 
display:block; 
text-indent:-88px; 
}
a.menubuttonArtworkCurrent { 
display:block; 
height:30px; 
width:88px; 
overflow:hidden; 
float:left;
text-indent:-88px; 
}
a.menubutton#jewelry{
display:block; 
height:30px; 
width:97px; 
overflow:hidden; 
float:left;
}
a.menubutton#jewelry:hover { 
display:block; 
text-indent:-97px; 
}
a.menubuttonJewelryCurrent { 
display:block; 
height:30px; 
width:97px; 
overflow:hidden; 
float:left;
text-indent:-97px; 
}
a.menubutton#pottery{
display:block; 
height:30px; 
width:93px; 
overflow:hidden; 
float:left;
}
a.menubutton#pottery:hover { 
display:block; 
text-indent:-93px; 
}
a.menubuttonPotteryCurrent { 
display:block; 
height:30px; 
width:93px; 
overflow:hidden; 
float:left;
text-indent:-93px; 
}
a.menubutton#other-stuff{
display:block; 
height:30px; 
width:120px; 
overflow:hidden; 
float:left;
}
a.menubutton#other-stuff:hover { 
display:block; 
text-indent:-120px; 
}
a.menubuttonOther-stuffCurrent { 
display:block; 
height:30px; 
width:120px; 
overflow:hidden; 
float:left;
text-indent:-120px; 
}
a.menubutton#shop{
display:block; 
height:30px; 
width:83px; 
overflow:hidden; 
float:left;
}
a.menubutton#shop:hover { 
display:block; 
text-indent:-83px; 
}
a.menubuttonShopCurrent { 
display:block; 
height:30px; 
width:83px; 
overflow:hidden; 
float:left;
text-indent:-83px; 
}
img.menuimg{
border:none;
}
a.leftLInk{
color: #705E4A;
text-decoration: none;
}
a.leftLInk:hover{
color: #993300;
text-decoration: none;
}
a.leftLInkCurrent{
color: #993300;
text-decoration: none;
}
a.foot{
color: #222222;
text-decoration: none;

}
ul{
margin-top:10px;
}
li{
list-style-type: none;
list-style-position: inside;
margin-left:-20px;
}
li.contactLink{
margin-left:-40px;
}
div#pageLinks{
float:left;
margin-top:15px;
margin-left:30px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
width:360px;
text-align:center;
}
div#pageLinks a{

}
/*admin styles*/
#adminHolder {
margin: auto;
width: 100%;
padding: 30px;
background-color: #CDC8AF;
}
#adminIndicator{
width:100%;
height:20px;
background-image: url(graphics/adminIndicator.jpg);
background-repeat:reapt-y;
}
a.adminLink{
color: #705E4A;
text-decoration: none;
}
a.adminLink:hover{
color: white;
text-decoration: none;
}
a.adminLinkTitle{
color: #993300;
text-decoration: none;
}
a.adminLinkTitle:hover{
color: white;
text-decoration: none;
}
#adminPast-wrap {
float:left;
margin-top: 20px;
width: 679px;
}
#adminPast-wrap:hover {
/* float:left;
margin-top: 20px;
width: 679px;
outline: 1px solid white;
text-decoration:none; */
}
#updatePast-wrap{
margin-left:10px;
background-color: white;
float:left;
margin-top: 20px;
width: 679px;
}
#deleteForm{
float: left;
width: 459px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #993300;
margin-top: 10px;
}
/*  a.adminComboLink{
color: #705E4A;
text-decoration: none;
}
*/
/*  a.adminComboLink:hover{
color: white;
border: 2px solid white;
} */
/* div#adminOutline:hover{
outline: 2px solid white;
} */