body { background-color: #fff; min-width: 800px; text-align: center; margin: 0px 0px 60px 0px; padding: 0px; font-size: .7em; color: #333; font-family: arial; }

/* Sculpture Galleries.  NOTE: each new gallery should be entered here so that the links turn bold when that gallery is selected. */
body.attributes a.attributes,
body.other relief work a.other-relief-work,
body.light-boxes a.light-boxes,
body.collage a.collage,
body.student work a.student-work
{ font-weight: bold; }

/* Photography Galleries.  NOTE: each new gallery should be entered here so that the links turn bold when that gallery is selected. */
body.people a.people,
body.places a.places,
body.flowers a.flowers,
body.events a.events,
body.everyday-objects a.everyday-objects
{ font-weight: bold; }

p { }
img { border: 0; }
ul { list-style-type: none; }
ul li { background-image: url(/images/bullet.gif); 	background-repeat: no-repeat; padding: 0 0px 0 8px; background-position: 0 .45em; }

h1 { font-size: 145%; color: #336666; text-transform: uppercase; }
h2 { font-size: 100%; color: #333; }

a { color: #339; }

div.small-logo { display: none; margin: 10px auto 0px 780px; }
div.small-logo a { color: #555; text-decoration: none; text-transform: uppercase; font-size: .85em; font-weight: bold; }

div.box { text-align: left; width: 800px; background-color: #e1e1e1; margin: 10px auto 0px auto; padding: 20px; }

div.pillar1 { display: block; float: left; min-width: 149px; width: 149px; }
div.pillar { display: block; float: left; min-width: 160px; width: 160px; }
div.pillarN { display: block; float: left; min-width: 150px; width: 150px; }

div.pillar1 h1 { font-size: 1em; min-height: 20px; height; 20px; margin: 0px 0px 5px 0px; text-align: left; font-weight: normal; }
div.pillar h1 { font-size: 1em; min-height: 20px; height; 20px; margin: 0px 0px 5px 12px; text-align: left; font-weight: normal; }
div.pillarN h1 { font-size: 1em; min-height: 20px; height; 20px; margin: 0px 0px 5px 12px; text-align: left; font-weight: normal; }

div.pillar1 h1 a { color: #333; min-height: 20px; height; 20px; text-decoration: none; text-transform: uppercase; }
div.pillar h1 a { color: #333; min-height: 20px; height; 20px; text-decoration: none; text-transform: uppercase; }
div.pillarN h1 a { color: #333; min-height: 20px; height; 20px; text-decoration: none; text-transform: uppercase; }

div.bar { margin: 0px; padding: 0px; }

div.page { padding: 0px 20px 0px 0px; }

div.side { float: left; width: 150px; }
div.side a { font-size: 1em; color: #333; min-height: 20px; height; 20px; text-decoration: none; text-transform: uppercase; line-height: 20px; }

div.main { background-color: #fff; padding: 30px 30px 20px 20px; float: right; width: 550px; height: 350px}
div.main h1 { color: #ccc; padding: 0px; margin: 0px 0px 20px 0px; font-size: 1.4em; letter-spacing: 0em; }
div.main img { float: right;  border: 3px solid #eee; }

/* ssSlider styles */

.ssView { width: 550px; overflow: hidden; }
#ssStrip { width: 8000px; overflow:hidden; }
#ssStrip .ssPiece {float:left;width:550px; position:relative; }
#ssStrip .ssPiece div.entry { padding: 20px; }
#ssStrip .ssPiece img { width: 270px; }

div.ssNav { padding: 0px; padding-top: 25px; padding-right: 20px; }
div.ssNav img { padding: 5px; border: 0px; }

div.meta { width: 220px; float: left; font-size: 1.1em; text-align: right; position: relative; top: 200px; right: 5; }
div.meta span.title { font-weight: bold; font-size: 1.0em; }
div.meta span.body { display: block; }
div.meta span.more { display: block; }
div.meta span.material { display: block; }
div.meta span.copyright { display: block; }
div.meta span.dimensions { padding-top: 10px; color: #999; display: block; }

div.comment-preview { border: 1px solid #663; background-color: #ffc; padding: 10px; font-size: 90% }
div.comment-preview p.header { font-weight: bold; }

div.copyright { display: block; clear: both; padding: 20px 0px 10px 10px; text-align: right; color: #666; font-size: .85em;}

