/* CSS Document */

body { behavior:url("csshover.htc"); }

html, body {
margin: 0px;
padding: 0px;
height: 100%;
background: url(images/background.gif) repeat-y;
position: relative;
}

#fakeleftside{
background:url(images/leftside_background.jpg) no-repeat;
width: 810px;
min-height:100%;
}

#leftside {
width: 194px;
float: left;
margin: 0px;

}


#menu {
margin-top: 250px;
}

a:link, a:active, a:visited {
color: #58a598;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: .9em;
}

a:hover {
color: #6988e0;
text-decoration: none;
}

#menu a:link, #menu a:active, #menu a:visited {
color: #58a598;
padding: 3px 0px 3px 0px;
margin-right: 13px;
display:block;
margin-left: 48px;
width: 126px;
text-align: right;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: .8em;
}

#menu a:hover {
color: #6988e0;
}

.menuline {
margin-right: 13px;
background: url(images/menu-line.png) bottom right no-repeat;
margin-left: 40px;
width: 140px;
height: 9px;
}

.menulineblank {
margin-right: 13px;
margin-left: 40px;
width: 140px;
height: 9px;
}



#contact {
color: #d8793d;
width: 126px;
margin: 20px 0px 0px 58px;
letter-spacing: .1em;
font-family:Arial, Helvetica, sans-serif;
text-align: right;
font-size: .7em;
line-height: 1.5;
}


#main {
float: left;
color: #ededed;
font-family:Arial, Helvetica, sans-serif;
width: 596px;
font-size: .9em;
background: url(images/header_background.jpg) no-repeat;
}

#content {
margin-top: 211px;
padding: 0px 25px;
letter-spacing: 1px;
line-height: 1.5;
font-size: .9em
}

#content p:first-letter {
font-weight: bold;
}

#content_page img {
margin: 0px 3px 3px 3px;
}

a#gallery {
background: url(images/gallerieslink.gif) no-repeat;
width: 264px;
height: 32px;
display:block;
position: absolute;
top: 155px;
left: 485px;
}

#gallery img {
display: none;
}

#gallery:hover img {
display:block;
}

div#leftcol {
width: 194px;
margin: 0px 4px;
float: right;
}

div#homethumbcols {
border-left: #2666C4 solid 1px;
border-right: #2666C4 solid 1px;
padding: 3px 5px;
position: relative;
margin: 20px 0px;
}

div#homethumbcols img {
margin: 3px;
float: left;
border: none;
}

div.homehidden {
display: none;
position: absolute;
top: -20px;
left: 10px;
color: #ededed;
text-decoration:none;
font-style: italic;
z-index: 10;
}

a.homethumb:hover { border: none;}

a.homethumb:hover div.homehidden {
display: block;
font-weight: bold;
}

div#rightcol {
float: right;
width: 252px;
margin: 10px 0px 10px 5px;
background: url(images/blogpost_background.gif) repeat-y;
}

div#rightcol h3 {
margin: 0px;
}

#blogpadding {
padding: 0px 20px;
}

#blogpadding p, #blogpadding p:first-letter {
font-size: 12px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.2em;
margin:0px;
padding:0px;
}

#rightcoltop {
width: 252px;
height: 11px;
padding: 0px;
background: url(images/blogpost_topbackground.gif) no-repeat
}

#rightcolbottom {
width: 232px;
height: 11px;
padding: 0px 10px;
background: url(images/blogpost_bottombackground.gif) no-repeat;
font-size: 1px;
}




a.morelink:link, a.morelink:active, a.morelink:visited {
color: #d8793d;
font-weight: bold;
text-decoration: none;
display: block;
text-align: right;
}

a.morelink:hover {
text-decoration: underline;
}


h1 {
color: #2666c4;
padding-bottom: 20px;
background: url(images/h1_background.jpg) no-repeat bottom left;
font-size: 1.8em;
}

h1#piecetitle {
color: #ba6aa6;
font-size: 1.4em;
font-style: italic;
padding-bottom: 0px;
margin-bottom: 2px;
background-image: none;
background:none;
}

h2 {
color: #58a598;
background: url(images/h2_background_150.jpg) no-repeat bottom center;
text-align: center;
padding-bottom: 21px;
font-size: 1.4em;
}

h3 {
color: #af358a;
text-align:center;
font-size: 1.6em;
}

h3.byyear {
color: #af358a;
font-size: 1.3em;
margin-top:0px;
}

h3.bymedium {
color: #58a598;
font-size: 1.3em;
margin-top:0px;
}

.hr {
background: url(images/hr_background.jpg) no-repeat;
width: 219px;
height: 32px;
margin: 5px;px auto;
text-align:center;
}

.gallerylist {
width: 549px;
background: url(images/gallerylist_background.gif) repeat-y;
}

.gallerylist a:link, .gallerylist a:active, .gallerylist a:visited {
text-decoration: none;
font-weight: bold;
color: #acc5fc;
}

.gallerylist a:hover {
color: #caddff;
}

.gallcol {
width: 250px;
margin: 0px 12px;
float: left;
}

.yearcol {
width: 80px;
float: left;
text-align:center;
margin-bottom: 5px;
}

.yearcol a:link, .yearcol a:active, .yearcol a:visited  {
font-size: 1.2em;
}

.mediumcol {
text-align:center;
}

.mediumcol a:link, .mediumcol a:active, .mediumcol a:visited {
display:block;
margin-bottom: 5px;
font-size: .9em;
}

.mediumcol a:hover {
color: #caddff;
}

.galleryview {
border-left: solid 1px #2666c4;
border-right: solid 1px #2666c4;
margin: 40px auto;
text-align:center;
width:506px;
padding: 0px 9px;
position:relative;
}

.galleryviewthumb {
width:85px;
height: 85px;
margin: 8px;
float: left;
}

div.galhidden {
display: none;
position: absolute;
top: -20px;
left: 10px;
color: #ededed;
text-decoration:none;
font-style: italic;
z-index: 10;
}

a.galthumb:hover { border: none; text-decoration: none;}

a.galthumb:hover div.galhidden {
display: block;
font-weight: bold;
width:500px;
text-align:left;
}

.artview {
border-left: solid 1px #2666c4;
border-right: solid 1px #2666c4;
margin: 0px auto;
text-align:center;
width:536px;
padding: 0px 5px;
position:relative;
}

.artdesc {
margin-bottom: 5px;
}

.artdesc p {
line-height: 1em;
}

.artview p {
text-align:center;
}

.detailmedium {
font-style: italic;
font-size: .8em;
}

.nextprevbox {
width: 150px;
height: 35px;
background: url('images/topnext-previousbackground.jpg');
float: right;
margin: 0px 4px 2px 0px;
position: relative;
}

.previous {
width: 75px;
margin-left: 7px;
float: left;
position:absolute;
bottom: 5px;
left: 3px;
}

.next {
width: 45px;
margin-left: 5px;
float: left;
position:absolute;
bottom: 5px;
left: 90px
}

.previous a:link, .previous a:active, .previous a:visited, .previous a:hover, .next a:link, .next a:active, .next a:visited, .next a:hover {
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #d8793d;
font-style: italic;
}

input, textarea {
border: solid 1px #2666c4;
background:#000000;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 1px;
margin: 1px;
}

.form {
font-size: .9em;
width: 450px;
border:none;
cellpadding: 3px; 
cellspacing: 0px;
margin-bottom: 20px;
margin-left: 40px;
}
.checkbox {
border:none;
}

.submit {
border: outset 2px #2666c4; 
}

select {
font-size: 11px;
background-color: #000000;
color: #ffffff;
border: solid 1px #2666c4;
}

option {
border-bottom: solid 1px #2666c4;
}