/*
    Andrey Tsers Style Sheet
    by Victor Onyshchenko
    aquaredblue@gmail.com
*/

html {
	background-color: #000;
    overflow: -moz-scrollbars-vertical;
}

body, div, ul, li, h1, h2, h3, p, img, dl, dt, dd {
	margin: 0;
	padding: 0;
}

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    color: #7e6f54;
	*font-size: small;
	*font: x-small;
}

h1, h2, h3 {
	font-size: 100%;
	font-weight: normal;
}

img { border: 0 }

em {
	font-style: normal;
	font-weight: normal;
}

li { list-style: none }

a, a:visited {
    text-decoration: none;
    color: #a50e0e;
}

#sidebar h1 { margin-bottom: 25px; }

p { margin-bottom: 12px; }

#wrapper {
    width: 892px;
    margin: 7px 0 0 10px;
    padding: 10px 0 0 0;
    text-align: left;
	background: #e7e3cf url(/images/top.jpg) no-repeat 0 0;
	overflow: hidden;
}

#header {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    height: 76px;
}

#header img {
    position: absolute;
    left: 11px;
    top: 0;
}

/* Nav */

#header ul {
    float: left;
    display: inline;
    margin: 19px 0 0 411px;
}

#header li { float: left;  }

#header li a {
    float: left;
    display: inline;
    height: 9px;
    margin-right: 28px;
    text-indent: -9999px;
}

#header li a.bio {
    width: 30px;
    background: url(/images/nav/bio.png) no-repeat 100% 0;
}

#header li a.artist-statement {
    width: 120px;
    background: url(/images/nav/artist-statement.png) no-repeat 100% 0;
}

#header li a.resume {
    width: 58px;
    background: url(/images/nav/resume.png) no-repeat 100% 0;
}

#header li a.galleries {
    width: 74px;
    background: url(/images/nav/galleries.png) no-repeat 100% 0;
}

#header li a.contact {
    width: 64px;
    margin-right: 0;
    background: url(/images/nav/contact.png) no-repeat 100% 0;
}

#main {
    padding: 0 15px;
    overflow: hidden;
}

#sidebar {
    float: left;
    width: 245px;
    padding: 112px 0 0 0;
    font-size: 85%;
    overflow: hidden;
}

h1#welcome {
    width: 80px;
    height: 11px;
    text-indent: -9999px;
    background: url(/images/h1-welcome.png) no-repeat 100% 0;
}

a#back-to-all {
    float: right;
    display: block;
    width: 125px;
    height: 9px;
    margin-top: 8px;
    text-indent: -9999px;
    background: url(/images/a-back-to-all.png) no-repeat 100% 0;

}

a#viewg {
    float: right;
    display: block;
    width: 124px;
    height: 19px;
    margin-top: 9px;
    padding: 6px 20px 0 0;
    text-indent: -9999px;
    background: url(/images/view-galleries.png) no-repeat 100% 0;
}

#content {
    float: right;
    width: 600px;
    overflow: hidden;
}

#flash {
    float: right;
    width: 457px;
    height: 637px;
    padding: 25px 0 0 143px;
    background: url(/images/bk1.png) no-repeat 0 0;
    overflow: hidden;
}

.galleries #main { min-height: 431px; }

.galleries dl {
    float: left;
    width: 416px;
    margin: 0 29px 17px 0;
    overflow: hidden;
}

.galleries dt {
    padding: 6px 0 3px 10px;
    font-size: 100%;
    color: #fff;
    background: url(/images/gallery-top-bk.png) no-repeat 0 0;
    text-transform: uppercase;
}

.galleries dd.shortd {
    float: right;
    width: 296px;
    height: 67px;
    padding: 10px;
    font-size: 85%;
    background-color: #fff;
}

.galleries dd.img, .gallery dd.img {
    float: left;
    width: 100px;
    padding: 0;
}

.galleries dd.link {
    float: right;
    width: 316px;
    background: url(/images/gallery-bot-bk.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: bottom;
}

.galleries dd.link a {
    float: right;
    width: 100px;
    height: 13px;
    text-indent: -9999px;
    background: url(/images/view-gallery.png) no-repeat 0 0;
}

/* Gallery */

#thumbnails {
    overflow: hidden;
    clear: both;
}

h1#gallery-statement {
    width: 153px;
    height: 11px;
    text-indent: -9999px;
    background: url(/images/h1-gallery-statement.png) no-repeat 100% 0;
}

h1.title {
    width: 416px;
    line-height: 25px;
    text-indent: 10px;
    font-size: 100%;
    color: #fff;
    background: url(/images/gallery-top-bk.png) no-repeat 100% 0;
    text-transform: uppercase;
}

h1#gallery {
    float: left;
    margin-bottom: 12px;
}

.gallery dl {
    float: left;
    width: 190px;
    margin: 0 15px 20px 0;
    overflow: hidden;
}

.gallery dt.shortd {
    float: right;
    width: 70px;
    height: 55px;
    padding: 10px;
    font-size: 85%;
    background-color: #fff;
}

.gallery dd.link {
    float: right;
    width: 90px;
    height: 25px;
    font-size: 85%;
    overflow: hidden;
}

.gallery dd.link a {
    float: right;
    width: 90px;
    height: 25px;
    text-indent: -9999px;
    background: url(/images/a-view-image.png) no-repeat 100% 100%;
}

dl.right { margin-right: 0; }

.bio #sidebar { padding: 52px 0 0 0; }

.bio #sidebar img { margin: 0 0 0 29px; }

.artist-statement #sidebar { padding: 45px 0 0 0; }

.resume #sidebar { padding: 64px 0 0 2px; }

.resume a { color: #ab1950; }

.bio #content div,
.resume #content div,
.artist-statement #content div,
.contact #content div {
    font-size: 85%;
    background-color: #e7e3cf;
    padding: 22px 12px 0 12px;
}

.bio #content div,
.artist-statement #content div,
.contact #content div {
    height: 384px;
}

/* Resume */

.resume dl {
    overflow: hidden;
    margin-bottom: 12px;
}

.resume dt {
    float: left;
    width: 35px;
    color: #30260a;
}

.resume dd {
    float: right;
    width: 539px;
}

.resume dl.l dt { width: 60px; }

.resume dl.l dd { width: 514px; }

.resume li { margin-bottom: 14px; }

.resume p { padding-left: 37px; }

.resume h2 {
    margin: 0 0 25px 0;
    font-size: 100%;
    color: #30260a;
    text-transform: uppercase;
}

.resume em { background-color: #d1cdb6; }

#footer {
    height: 111px;
    padding-top: 101px;
    font-size: 75%;
    color: #fff;
    text-align: right;
    background: #000 url(/images/bottom.jpg) no-repeat 0 0;
    clear: both;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}

#panel {
    width: 882px;
    margin: 10px;
    padding: 5px;
    color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}

#panel a { color: #fff }

.edit { font-size: 9px }