html {
	height: 100%;
}
body {
    padding: 0;
	margin: 0;
	font: 12px/16px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	background-color: #F1F1F1;
	line-height: 18px;
	height: 100%;
	color: #808080;
}

#wrap {
	position: relative;
	float: none;
	padding: 0;
	width: 920px;
	margin: 0 auto;
}

#bottom_spacer {
	width: 100%;
	height: 60px;
}

/*---------------------------------
	general style
---------------------------------*/
a { 
	text-decoration: none;
	font-weight: bold;
	color: #808080;
}
a:hover { color: #09F; }
a.active { color: #000; }
img {
	border: none;
	display: block;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #000;
	text-transform: uppercase;
}
h1 {
	position: relative;
	font-size: 40px;
	line-height: 30px;
}
h2 {
	margin: 0 0 14px 0;
	font-size: 26px;
        line-height: 26px;
}
h3 {
	font-size: 21px;
}

p {
	font-weight: bold;
	line-height: 23px;
}

div {
	position: relative;
	float: left;
	padding: 0;
}

span.title {
	color: #000;
}

.tk-league-gothic {
	font-weight: normal;
}

h3.grey {
	font-weight: normal;
	color: #888;
}

p.black{
  color: #000;
}

/*---------------------------------
	content
---------------------------------*/
.thumb-obj {
	background-color: #FFF;
	padding: 5px;
	margin: 0 25px 30px 0;
	font-size: 9px;
}
.thumb-obj a {
	font-weight: normal;
}
.thumb-obj a:hover {
	color: #000;
}
.thumb-cap {
	margin: 10px;
}
.top-full {
	width: 100%;
	margin: 0 0 30px 0;
}
.text-body {
	background-color: #FFF;
	padding: 25px 40px;
}

b{
  color: #000;
}
/*---------------------------------
	header  
---------------------------------*/
#menu {
	width: 100%;
	text-transform: uppercase;
	color: #999;
	margin: 28px 0 25px 0;
}
	
#nav{
	position: relative;
	float: left;
	padding: 0;
	margin: 12px 0 0 -6px;
	list-style: none;
}

#nav li {	
	position: relative;
	margin: 0 15px 10px 0;
	padding: 0;
	float: left;
	height: 27px;
}
#nav .nav-link, #nav .nav-over{
    overflow: hidden;
    height: 0px !important;
    float: left;
    padding: 27px 0 0 0; 
    background-image: url(./img/navigation.png);
    background-repeat: no-repeat;
	position: absolute;
}

#nav .nav-over {
	visibility: hidden;
}

#nav1 { width: 162px; }
#nav2 { width: 117px; }
#nav3 { width: 122px; }
#nav4 { width: 318px; }
#nav5 { width: 222px; }
#nav6 { width: 143px; }
#nav7 { width: 156px; }
#nav8 { width: 147px; }
#nav9 { width: 130px; }
#nav10 { width: 192px; }
#nav11 { width: 112px; }
#nav12 { width: 40px; }
#nav13 { width: 108px; }

#nav_blank {width: 130px;}

#nav1 .nav-link { width: 162px; background-position: 0 -1px; }
#nav2 .nav-link { width: 117px; background-position: 0 -28px; }
#nav3 .nav-link { width: 122px; background-position: 0 -56px; }
#nav4 .nav-link { width: 318px; background-position: 0 -84px; }
#nav5 .nav-link { width: 222px; background-position: 0 -112px; }
#nav6 .nav-link { width: 143px; background-position: 0 -140px; }
#nav7 .nav-link { width: 156px; background-position: 0 -167px; }
#nav8 .nav-link { width: 147px; background-position: 0 -194px; }
#nav9 .nav-link { width: 130px; background-position: 0 -224px; }
#nav10 .nav-link { width: 192px; background-position: 0 -252px; }
#nav11 .nav-link { width: 112px; background-position: 0 -280px; }
#nav12 .nav-link { width: 40px; background-position: 0 -308px; }
#nav13 .nav-link { width: 108px; background-position: 0 -336px; }

#nav1 .nav-link:hover { width: 162px; background-position: -640px -1px; }
#nav2 .nav-link:hover { width: 117px; background-position: -640px -28px; }
#nav3 .nav-link:hover { width: 122px; background-position: -640px -56px; }
#nav4 .nav-link:hover { width: 318px; background-position: -640px -84px; }
#nav5 .nav-link:hover { width: 222px; background-position: -640px -112px; }
#nav6 .nav-link:hover { width: 143px; background-position: -640px -140px; }
#nav7 .nav-link:hover { width: 156px; background-position: -640px -168px; }
#nav8 .nav-link:hover { width: 147px; background-position: -640px -194px; }
#nav9 .nav-link:hover { width: 130px; background-position: -640px -224px; }
#nav10 .nav-link:hover { width: 192px; background-position: -640px -252px; }
#nav11 .nav-link:hover { width: 112px; background-position: -640px -280px; }
#nav12 .nav-link:hover { width: 40px; background-position: -640px -308px; }
#nav13 .nav-link:hover { width: 108px; background-position: -640px -336px; }

#nav1 .active, #nav1 .active:hover { background-position: -960px -1px; }
#nav2 .active, #nav2 .active:hover { background-position: -960px -28px; }
#nav3 .active, #nav3 .active:hover { background-position: -960px -56px; }
#nav4 .active, #nav4 .active:hover { background-position: -960px -84px; }
#nav5 .active, #nav5 .active:hover { background-position: -960px -112px; }
#nav6 .active, #nav6 .active:hover { background-position: -960px -140px; }
#nav7 .active, #nav7 .active:hover { background-position: -960px -168px; }
#nav8 .active, #nav8 .active:hover { background-position: -960px -194px; }
#nav9 .active, #nav9 .active:hover { background-position: -960px -224px; }
#nav10 .active, #nav10 .active:hover { background-position: -960px -252px; }
#nav11 .active, #nav11 .active:hover { background-position: -960px -280px; }
#nav12 .active, #nav12 .active:hover { background-position: -960px -308px; }
#nav13 .active, #nav13 .active:hover { background-position: -960px -336px; }

#nav1 .nav-over { width: 162px; background-position: -320px -1px; }
#nav2 .nav-over { width: 117px; background-position: -320px -28px; }
#nav3 .nav-over { width: 122px; background-position: -320px -56px; }
#nav4 .nav-over { width: 318px; background-position: -320px -84px; }
#nav5 .nav-over { width: 222px; background-position: -320px -112px; }
#nav6 .nav-over { width: 143px; background-position: -320px -140px; }
#nav7 .nav-over { width: 156px; background-position: -320px -168px; }
#nav8 .nav-over { width: 147px; background-position: -320px -194px; }
#nav9 .nav-over { width: 130px; background-position: -320px -224px; }
#nav10 .nav-over { width: 192px; background-position: -320px -252px; }
#nav11 .nav-over { width: 112px; background-position: -320px -280px; }
#nav12 .nav-over { width: 40px; background-position: -320px -308px; }
#nav13 .nav-over { width: 108px; background-position: -320px -336px; }

#logo_set {
	width: 740px;
	height: 97px;
	margin: 0 0 6px 0;
}

#logo_lnk, #logo_out, #logo_home {
	display: block;
	padding: 96px 0 0 0;
	width: 740px;
	height: 0 !important;
	overflow: hidden;
	position: absolute;
	background: transparent url(./img/logo.png) top left no-repeat;
}
#logo_out {
	background-position: 0 -97px;
	visibility: hidden;
}
#logo_home {
	background-position: 0 -290px;
}
#logo_lnk.logo-over {
	background-position: 0 -194px;
}

/*---------------------------------
	categories
---------------------------------*/
#cat_left {
	width: 160px;
	margin: 0 10px 0 0;
}
#cat_right { width: 750px; }
#cat_only {
	width: 100%;
}
.cat-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cat-list li {
	padding: 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 23px;
	letter-spacing: 0.02em;
	color: #CCC;
}
.cat-list a { color: #CCC; }
.cat-list a:hover { color: #09F; }
.cat-list a.active { color: #000; }

#ss_thumbs {
	width: 750px;
}
#ss_thumbs, .acc_content { width: 780px; }
#accordion, .acc_trigger { width: 100%; }
.acc_trigger li { margin: 0 0 30px 0; }

/*---------------------------------
	bio
---------------------------------*/
#bio_bottom {
	width: 100%;
}
#bio_left {
	width: 130px;
	margin: 0 10px 0 0;
}

#bio_text { width: 650px; }
#text_thumbs { width: 100%; margin: 0 0 20px 0;}

/*---------------------------------
	exhibitions
---------------------------------*/
#exhibition_bottom {
	width: 100%;
}

#exhibition_bottom h3{
  margin-bottom: 10px;
}

.exhibition { width: 650px; margin-bottom: 30px;}
.exhibition_image { float: right; margin: 0 0 20px 0;}

/*---------------------------------
	publications
---------------------------------*/
#pub_objects {
	width: 100%;
}
#pub_objects .thumb-obj {
	margin: 0 35px 45px 0;
}
#pub_left {
	width: 440px;
	margin: 0 45px 0 0;
}
#pub_right { width: 290px; }

/*---------------------------------
	writings
---------------------------------*/
#writings_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#writings_nav li {
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	font-size: 21px;
	line-height: 24px;
	text-transform: uppercase;
}
#writings_nav span.mode {
	color: #000;
}

#writing_objects {
	width: 960px;
}
.writing-obj {
	background-color: #FFF;
	width: 230px;
	padding: 25px;
	margin: 0 40px 40px 0;
}

#writing_left {
	width: 240px;
	margin: 0 20px 0 0;
}
#writing_right {
	width: 610px;
}

/*---------------------------------
	detailImage
---------------------------------*/

#detailImage {
	display: none;
	visibility: hidden;
	padding: 0;
	margin: 0 auto;
	width: 920px;
	z-index: 3;
	float: none;
}

#detailDetail {
	width: 820px;
	height: 750px;
	padding: 0;
	display: block;
}
#detailDetail img {
	float: none;
	display: block;
	cursor: pointer;
}
#detailFrame {
	margin: 0 auto;
	float: none;
	background-color: #FFF;
	padding: 5px;
	font-size: 9px;
	width: 300px;
}
#publications #detailFrame{
  background-color:transparent;
}

#detailLeft, #detailRight {
	width: 50px;
	height: 750px;
}
#detailPrev, #detailNext {
	margin: 0 0 0 0;
	position: relative;
	top: 285px;
	width: 40px;
	height: 40px;
	padding: 0;
	float: left;
	left: -5px;
	background: transparent url(./img/sprites.png) 0 0 no-repeat;
	cursor: pointer;
}
#detailPrev:hover { background-position: -40px 0px; }
#detailNext {
	background-position: 0 -40px;
	left: 14px;
}
#detailNext:hover { background-position: -40px -40px; }

#detailCaption {
	float: none;
	margin: 15px;
	font-size: 10px;
	color: #666;
	font-weight: bold;
}


#publications #detailCaption {
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  margin: 15px;
  position: absolute;
  right: 0;
  top: -10px;
  width: 290px;
}
#publications #detailCaption p {
  font-weight: bold;
  line-height 23px;
  color: #808080;
  font: 12px/18px "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

#publications #detailCaption h3 {
  font-size:21px;
  color:#000;
  text-transform:uppercase;
}
#contact .writing-obj h3{
  margin-bottom: 10px;
}
.img_large {
    z-index:100;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.insideFrame {
  display: block;
  overflow: hidden;
  position: relative;
}


.news_content p {
    margin-bottom: 25px;
}

.soc-fix{
    width: 100px;
    float: left;
}

.margin-top-40{
    margin-top: 40px;
}

.socials a{
    display: inline-block;
    padding-right: 12px;
    line-height: 23px;
    vertical-align: middle;
}

.socials{
    height: 26px;
    vertical-align: middle;
    line-height: 23px;
}

#backToTop {
	position: fixed;
	bottom: 0px;
	width: 50px;
	height: 30px;
	background-image: url('/img/top1.png');
	opacity: 0;
	z-index: 5;
}

#backToTop:hover {
	background-image: url('/img/top2.png');
	cursor: pointer;
}