/* stylesheet for Martina Lantin */

body {background: #fff url(images/table.gif) 0px 330px repeat-x; color: #222; font-family: Georgia, Times New Roman, serif; text-align: center; margin: 0;}

/*
#222     dark grey background
#dee3e7  off-white menu background
#598c9e  blue text
#8a644a  brown text
*/

a {text-decoration: none;}
a:link,a:visited {color: #598c9e;}
a:hover,a:active {color: #8a644a; text-decoration: underline;}
a img {border: none;}
.anchor {font-size: 0; height: 0; clear: both;} /* used on news page to fix ie glitch */

div, ul {text-align: left; border: 0px #bbb solid;}
#sky {position: absolute; top: 0px; left: 0; width: 100%; height: 330px; background-color: #222;}
#page {position: relative; width: 930px; margin-left: auto; margin-right: auto;}
#head {position: absolute; top: 285px; left: 0;}


/* menu */
#menu {position: absolute; top: 340px; left: 0; height: 29px; margin: 0; padding: 0; z-index: 10;}
/* line below: overflow hidden here breaks menu in ie; list-style none works here, but has no effect in line above? */
#menu li {float: left; height: 29px; margin: 0; padding: 0; margin-right: 22px; list-style: none;} /* was margin-right: 14px; */
#menu li:hover {background-position: 0px -29px;}

#menu-about {width: 49px;}
#menu-cv {width: 20px;}
#menu-portfolio {width: 76px;}
#menu-news {width: 43px;}
#menu-contact {width: 64px;}
#menu-links {width: 43px; margin-right: 0;}

#menu li a {display: block; width: 100%; height: 29px;}
#menu-about a {background: url(images/menu-about.gif) no-repeat 0px 0px;}
#menu-cv a {background: url(images/menu-cv.gif) no-repeat 0px 0px;}
#menu-portfolio a {background: url(images/menu-portfolio.gif) no-repeat 0px 0px;}
#menu-news a {background: url(images/menu-news.gif) no-repeat 0px 0px;}
#menu-contact a {background: url(images/menu-contact.gif) no-repeat 0px 0px;}
#menu-links a {background: url(images/menu-links.gif) no-repeat 0px 0px;}

#menu li.selected a {background-position: 0px -29px; cursor: default;}
#menu li a:hover {background-position: 0px -29px;}

#menu li ul {display: none; position: absolute; top: 30px; width: 260px; margin: 0; padding: 0; background-color: #fff; border: 1px #ccc solid;}
#menu li ul li {float: none; display: block; padding: 0px; margin: 0; font-size: 0.9em; background-color: #eceff2; overflow: hidden;}
#menu li ul li a {padding: 5px 10px 0px 10px; background: none;}
#menu li ul li a:hover {background-color: #fff;}


/* body */
#body {position: absolute; top: 390px; left: 0; width: 100%; font-size: 1em; line-height: 1.3em; padding-bottom: 1em;}
h3 {font-size: 1.2em; font-weight: normal; margin-top: 0;}
/* .column2left {float: left; width: 445px;} // not being used
.column2right {float: right; width: 445px;} */
.column3left {float: left; width: 283px;}
.column3centre {float: left; width: 283px; margin-left: 39px;}
.column3right {float: right; width: 283px;}

/* positioned absolutely with #slideshow cite and .panel cite */
#slideshow cite {background-color: #333; padding: 2px 5px; text-align: right; color: #ccc; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; font-style: normal; opacity: .70; filter: alpha(opacity=70);}
#slideshow cite a:link, #slideshow cite a:visited {color: #fff;}
#slideshow cite a:hover, #slideshow cite a:active {color: #dd2;}

.photobyline {position: absolute; right: 0; bottom: -1.5em; font-size: 0.65em; color: #bbb; font-style: normal; margin: 0; padding: 0;}
/*
.panel cite {background-color: #333; padding: 2px 5px; text-align: right; color: #ccc; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; font-style: normal; opacity: .70; filter: alpha(opacity=70);}
.panel cite a:link, .panel cite a:visited {color: #fff;}
.panel cite a:hover, .panel cite a:active {color: #dd2;}
*/


/* index page */
#slideshow {position: absolute; top: 50px; right: 0; width: 500px; height: 380px; list-style: none; margin: 0 auto; padding: 0;}
#slideshow li {display: none; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0;} /* needs to be position: absolute */
#slideshow li img {border: 2px #fff solid;}

#slideshow li cite {position: absolute; right: 2px; bottom: 5px;}

#byline {position: absolute; top: 411px; right: 20px; font-size: 0.65em; color: #bbb; margin-top: 20px;}


/* about pages */
#body.cv {}
.cv h4 {font-size: 1em; margin-top: 4em; margin-bottom: 0.5em;}
.cv ul {font-size: 0.85em; list-style-type: none; padding: 0; margin: 0;}
.cv ul li {margin-bottom: 1em;}
.cv ul li ul {margin-left: 10em; margin-top: -1.6em; margin-bottom: 1em; list-style-type: circle;}
.cv ul li ul li {margin-bottom: 0; list-style-image: url(images/bullet.gif);}
.cv ul.simplelist li ul {margin-left: 2em; margin-top: 0;}

.cv table {font-size: 0.75em;}
.cv table td {vertical-align: top; padding: 5px 5px;}
.cv table td.col1 {width: 80px; text-align: right;} /* cv is 840px wide */
.cv table td.col2 {width: 250px;}
.cv table td.col3 {width: 510px;}

.showtitle {font-size: 0.9em; text-transform: uppercase;}
.printnotice {position: absolute; top: 312px; right: 0; font-size: 0.75em; color: #aaa; margin: 0;}

#body.artiststatement {width: 500px; text-align: justify;}
#body.biography {width: 500px; text-align: justify;}


/* portfolio */
.portfolio-title {font-size: 1.2em; margin-top: 0; margin-bottom: 1em;}
.portfolio-title-subtitle {font-size: 0.85em;}
#thumbs {list-style: none; margin: 0; padding: 0;}
#thumbs li {float: left; margin: 0px 13px 9px 0px;}
#thumbs li img {width: 88px; height: 88px; border: 1px #aaa solid;}
.thumb {opacity: .60; filter: alpha(opacity=60);}
.thumb-lit {opacity: .99; filter: alpha(opacity=99);}

#loading {position: absolute; top: 190px; left: 575px; width: 150px; font-style: italic; font-size: 0.8em; color: #aaa; text-align: center;}
#port {list-style: none; margin: 0; padding: 0; margin-left: 99px;}
#port li {margin-bottom: 0.3em;}

#portfolio {position: absolute; top: 15px; right: 0; width: 560px; height: 380px; z-index: 14;} /* was 420 with shadow */
#panelwrapper {position: absolute; bottom: 0; width: 100%; text-align: center;}
.panel {position: relative; display: none; margin: 0 auto;} /* width set using javascript; display: inline disrupts caption placement */
.panel img {position: relative; border: 2px #fff solid;}
/* with shadow: .item {position: relative; border: 2px #fff solid; border-bottom: 0; padding-bottom: 50px; background: url(images/shadow.gif) bottom left repeat-x;} */

.panel cite {position: absolute; right: -1px; bottom: 2px;}

.paneltext {position: relative; background-color: #eee; height: 370px;} /* width set using javascript (480) */
.paneltext p {display: block; /* height: 285px; */ margin: 10px 20px 20px 20px; font-size: 0.95em; color: #555; line-height: 1.3em; overflow: auto;}
.paneltext p.title {height: 30px; margin: 0 20px 10px 20px; padding-top: 20px; font-size: 1.1em; overflow: visible;}

.caption {position: absolute; top: 0; left: -155px; width: 130px; padding: 10px; padding-top: 0; color: #aaa; font-size: 0.75em; text-align: right; line-height: 1.3em; background-color: #222; z-index: 15;}
.caption p {margin: 0;}
.caption .item-title {font-style: italic; font-size: 1.2em; color: #eee; margin-bottom: 0.5em;}
.caption .item-media {}
.caption .item-size {}
.caption .item-date {}
.caption .item-other {}


/* news */
#body.news {position: absolute; top: 20px; left: 400px; width: 530px; border: 0px #598c9e solid; margin-bottom: 20px;} /* margin-bottom not working */
#body.news h3.newsheader {font-size: 1.2em; color: #fff; margin: 0 0 1em 0;}
.newspost {border: 1px #598c9e solid; border-bottom-width: 2px; background-color: #fff; margin: 1em 0; padding: 20px; font-size: 0.85em;}
.post-title {font-size: 1.1em; font-variant: small-caps; margin-top: 0; margin-bottom: 0.25em;}
.post-date {color: #999; font-size: 0.85em; margin-top: 0; margin-bottom: 1em;}
.post-content {margin-bottom: 0;}

.post-content img {margin: 5px 0px; border: 1px #ccc solid;}
.post-content ul {}
.post-content li {}

.post-edit-link {margin-left: 3px; padding: 0 0 0 16px; background: url("images/wordpress-icon-12px.png") no-repeat 0 50%;}

ul.newslinks {position: absolute; top: 385px; left: 170px; font-size: 0.85em; list-style-type: none; padding: 0; margin: 0;}
ul.newslinks li {}
ul.newslinks li p {margin: 0;}
ul.newslinks li ul {margin: 0.5em 0 1.5em 10px; padding: 0; padding-left: 10px;}
ul.newslinks li ul li {list-style-image: url(images/bullet.gif);}

ul.newslinks #searchform #s {width: 100px;	font-size: 0.8em;}
ul.newslinks #searchsubmit {font-size: 0.8em;}

.navigation {overflow: hidden; font-size: 0.9em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; margin: 0 0 2em 0; border-bottom: 1px solid #598c9e;}
.prevlink {float: left;}
.nextlink {float: right;}

.foot {font-size: 0.7em;}
.foot p {margin-top: -0.5em;}
.feed-link {margin-left: 3px; padding: 0 0 0 15px; background: url("images/feed-icon-10px.png") no-repeat 0 55%;}

select {width: 130px;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, sans-serif;	margin: 0;}
#commentform input {width: 200px;	padding: 3px 5px;	margin: 0 3px 5px 0;	vertical-align: top; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}
#commentform textarea {width: 486px; margin: 0.5em 0 0 0; padding: 5px; font-size: 0.95em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}
#commentform #submit {margin: 0.5em 0;}

#body.news h3 {font-size: 1.3em; margin: 2em 0 0.5em 0;}
ol.commentlist {margin: 0 30px; padding: 0; text-align: justify;}
.commentlist li {list-style: none; font-size: 0.95em; margin: 2em 0 2.5em 0; padding: 0 0 1.5em 0; border-bottom: 1px #598c9e solid;}
.commentlist p {line-height: 1.4em;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;	font-size: 1.1em;}
.comment-notice {font-size: 0.9em; background-color: #777; padding: 2px 4px;}
.commentmetadata {color: #777; font-size: 0.9em;} /* date, edit link, etc. */


/* links */
#body.links {padding: 0; margin: 0;}
.links h4 {margin-top: 0; margin-bottom: 0.5em;}
.links ul {list-style-type: none; padding: 0; margin: 0;}
.links ul li {padding: 0; margin: 0; font-size: 0.9em;}
.linkscol1 {float: left; width: 220px; margin-right: 20px;}
.linkscol2 {float: left; width: 270px; margin-right: 20px;}
.linkscol3 {float: left; width: 160px; margin-right: 20px;}
.linkscol4 {float: right; width: 190px;}