/*======================================
      WELCOME TO YAOJUICHUNG.COM
--------------------------------------      
      Author: Michelle Ma-Jackson
======================================*/
 
/**************************************/
/*              GLOBALS               */
/**************************************/
* {margin: 0;}
html, body {height: 100%;}
body {color:#333;background: url(../img/skin/bg_top.jpg) #fafafa repeat-x 0 0;margin:0;padding:0;}
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */}
.container a:link, .container a:visited, .container a:active, .container a:focus {color: #444;}
.container a:hover {color:#000;}
.right {text-align:right;}
.middle {text-align:center;}
.pushfoot {clear:both;}


/**************************************/
/*               FONTS               */
/**************************************/
.container h1 {font-size:2em;color:#999;}
.container h2, .container h4 {padding-left:10px;}
.container h2 {font-size:1.5em;color:#606;}
.container h3 {margin: 10px;}
.subcat h1 {color:#000;font-size:1.3em;background:#fafafa;border-bottom:1px dotted #936;padding: 5px 0;margin:0 0 15px;}
.container p {margin:1.6em;text-align:left;}
.year {font-size:3.2em;color:#a4a4a4;padding:20px 0 0 10px;}
.outprint {text-decoration: line-through;color: #666;}

/**************************************/
/*              HEADER                */
/**************************************/
#header {width:100%;height:68px;padding-top:20px;}
#langform {float:right;padding-top:20px;}

/**************************************/
/*             NAVIGATION             */
/**************************************/
	/* nav main */
#nav {width:100%;height:70px;}
ul#navlist{text-decoration: none;margin:0;padding:0;}
#navlist li{display: inline;list-style-type: none;margin:0;}
#navlist a {font-weight:bold;font-size:1.3em;text-decoration:none;padding:8px 30px 23px 0;}

a.nhome:link, a.nhome:visited {color:#999;background: url(../img/skin/home_on.gif) no-repeat 0 0;}
a.nnews:link, a.nnews:visited {color:#999;background: url(../img/skin/news_on.gif) no-repeat 0 0;}
a.nbio:link, a.nbio:visited {color:#999;background: url(../img/skin/bio_on.gif) no-repeat 0 0;}
a.nartworks:link, a.nartworks:visited {color:#999;background: url(../img/skin/artworks_on.gif) no-repeat 0 0;}
a.nexhibitions:link, a.nexhibitions:visited {color:#999;background: url(../img/skin/exhibitions_on.gif) no-repeat 0 0;}
a.ncollections:link, a.ncollections:visited {color:#999;background: url(../img/skin/collections_on.gif) no-repeat 0 0;}
a.npublications:link, a.npublications:visited {color:#999;background: url(../img/skin/publications_on.gif) no-repeat 0 0;}
a.narticles:link, a.narticles:visited {color:#999;background: url(../img/skin/articles_on.gif) no-repeat 0 0;}
a.npress:link, a.npress:visited {color:#999;background: url(../img/skin/press_on.gif) no-repeat 0 0;}
a.nlinks:link, a.nlinks:visited {color:#999;background: url(../img/skin/links_on.gif) no-repeat 0 0;}
a.ncontact:link, a.ncontact:visited {color:#999;background: url(../img/skin/contact_on.gif) no-repeat 0 0;}

a.nhome:hover, a.nhome_off {color:#000;background: url(../img/skin/home_over.gif) no-repeat 0 0;}
a.nnews:hover, a.nnews_off {color:#000;background: url(../img/skin/news_over.gif) no-repeat 0 0;}
a.nbio:hover, a.nbio_off {color:#000;background: url(../img/skin/bio_over.gif) no-repeat 0 0;}
a.nartworks:hover, a.nartworks_off {color:#000;background: url(../img/skin/artworks_over.gif) no-repeat 0 0;}
a.nexhibitions:hover, a.nexhibitions_off {color:#000;background: url(../img/skin/exhibitions_over.gif) no-repeat 0 0;}
a.ncollections:hover, a.ncollections_off {color:#000;background: url(../img/skin/collections_over.gif) no-repeat 0 0;}
a.npublications:hover, a.npublications_off {color:#000;background: url(../img/skin/publications_over.gif) no-repeat 0 0;}
a.narticles:hover, a.narticles_off {color:#000;background: url(../img/skin/articles_over.gif) no-repeat 0 0;}
a.npress:hover, a.npress_off {color:#000;background: url(../img/skin/press_over.gif) no-repeat 0 0;}
a.nlinks:hover, a.nlinks_off {color:#000;background: url(../img/skin/links_over.gif) no-repeat 0 0;}
a.ncontact:hover, a.ncontact_off {color:#000;background: url(../img/skin/contact_over.gif) no-repeat 0 0;}

	/* sub nav- vertical */
ul#subnavlist{text-decoration: none;margin:0;padding:0;}
#subnavlist li {list-style-type: none;margin:0;}
#subnavlist a {display: block;padding: 3px 0px 3px 8px;text-decoration:none;background: url(../img/skin/subnav_on.gif) no-repeat 0 7px;}	
#subnavlist a:hover {color:#606;background:#ececec url(../img/skin/subnav_over.gif) no-repeat 0 7px;}

	/* Artworks sub nav */
ul#subnav_art {text-decoration: none;margin:0 0 0 10px;padding:0px;}
#subnav_art li {display: inline;list-style-type: none;margin:0;padding:0;}
#subnav_art a {padding: 0px 3px;text-decoration:none;white-space:nowrap;background:#ddd;}	
#subnav_art a:hover {color:#fff;background:#c33;}

	/* page nav- links, articles, critics */
ul#linknavlist, ul#pdfnavlist, ul#pdfnavlist2, ul#relnavlist {text-decoration: none;margin:0;padding:0;}
#linknavlist li, #pdfnavlist li, #pdfnavlist2 li, #relnavlist li {list-style-type: none;margin:8px 0 8px 8px;}
#linknavlist a, #pdfnavlist a, #relnavlist a {text-decoration: none;}
#linknavlist a:hover, #relnavlist a:hover {background: #ddd;}

ul#pdfnavlist, ul#relnavlist {padding: 0 0 40px 0;}
#pdfnavlist li {border-bottom: 1px dotted #ccc;}
#pdfnavlist2 li {border-bottom: 1px dotted #ccc;line-height:1.6em;}
#pdfnavlist a , #relnavlist a{display:block;background: url(../img/ico/pdf.gif) no-repeat left center;padding: 0 0 0 20px;}
#pdfnavlist a:hover, #relnavlist a:hover {background: #ddd url(../img/ico/pdf.gif) no-repeat left center;}

	/* press menu- vertical */
ul#submenulist{text-decoration: none;margin:0;padding:0;}
#submenulist li {list-style-type: none;margin:0;}
#submenulist a {display: block;padding: 3px 0px 3px 8px;text-decoration:none;background: url(../img/skin/subnav_over.gif) no-repeat 0 7px;}	
#submenulist a:hover {color:#606;background:#ececec url(../img/skin/subnav_on.gif) no-repeat 0 7px;}

	/* nav footer */
#foottxt {width:950px;margin: 0 auto;padding: 20px 0;text-align:left;}	
ul#nav_foot{text-decoration: none;margin:0;padding:0;}
#foottxt a {padding: 0 3px;color:#555;}
#foottxt a:hover{text-decoration:underline;color:#000;}
#nav_foot li {display: inline;list-style-type: none;}
#nav_foot a:link, #nav_foot a:visited {text-decoration:none;color:#555;}

/**************************************/
/*               FONTS                */
/**************************************/
/* related articles */
.rdate, .rtitle {height:2.2em;line-height:2.2em;float: left;border-bottom: 1px dotted #ccc;}
.rdate {width:9%;}
.rtitle {width:90%;}

/* News */
.detail {font-size:1.1em;margin:5px 5px 21px;padding:10px 5px;background:#ebebeb;}
.detail b {color:#606;}
.exdate, #home_news h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size:2.4em;font-weight:bold;color:#777;margin: 20px 0 -13px 10px;padding:0;}

/* Exhibitons */
.thru {text-decoration: line-through;color:#f00;}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
/* breadcrumb */
.breadcrumb {color:#909;margin:0 0 10px 0;}
.breadcrumb a {font-weight:bold;}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus {color:#909;}
.breadcrumb a:hover {color:#c69;}

/* Thick top border colum */
.thickcol {border-top: 8px solid #570057;padding-top:10px;}
.lightcol {background:#f6f6f6;}

/* Home blocks */
#home_news {font-family: Arial, Helvetica, sans-serif;width:100%;;}
#home_news img {float:left;border: 1px solid #ccc; margin: 5px; padding:3px;background:#fff;}
#home_news h1 {display:inline;font-size:1.1em;color:#fff;font-weight:normal;background:#606;padding:3px 15px;margin:0;}
#home_news h2 {line-height:1.2em;}
#home_news h3, #home_news .exdate {margin:20px 0 5px 20px;}
#home_news h4 {margin-left:10px;color:#000;}
#home_news ul#subnavlist{text-decoration: none;margin:0 20px;padding:0;}
#home_news h2 a {color:#606;text-decoration:none;}

#home_pub {width:100%;background:#eee;}
#home_pub img {padding:3px;margin:0 7px;background:#fff;}
#home_pub h2 {float:right;display:inline;font-size:1.1em;color:#fff;font-weight:normal;text-align:right;margin:0 0 5px;padding:1px 15px;background:#606;}
#home_pub h1 {font-size:1.3em;font-weight:bold;margin:0 10px;padding:0;color:#000;}
#home_pub p {font-size:1.1em;}

	/* News block */
.newsblock {width:100%;color:#bbb;font-size:3em;padding:0 0 20px 10px;}

	/* News archive sbucat vertical nav */
.subcatnav {background:#f1f1f1;margin-bottom:20px;}
.subcatnav h1 {font-size:1.6em;font-weight:normal;margin-bottom:0;padding:8px;color:#f4f4f4;background:#444;}

.archive_year {padding:0 0 8px 8px;background:#444;}

	/* News img */
.newsimg {margin:5px;padding:5px;border:1px dotted #999;float:left;}

	/* gallery main */
ul#nav_galleryblock {text-decoration: none;margin:0;padding:0;}
#nav_galleryblock li {display: inline;list-style-type: none;}
.catblock {float:left;width:230px;height:230px;margin:3px;background:#f5f5f5;text-align:center;}
.catimg {padding:10px;background: #ccc;}

.catblock .year {font-size: 3em;display:block;margin:5px 0;padding:0;}

	/* gallery pages */
ul##nav_pagesblock {text-decoration: none;margin:0;padding:0;}
#nav_pagesblock li {display: inline;list-style-type: none;}
.tmbblock {float:left;width:110px;height:110px;margin:2px;text-align:center;}

	/* publications */
.bookimg {float:left;padding:8px;}

	/* articles rows */
.rowhead {background:#666;font-size:1.2em;line-height:1.6em;text-indent:8px;color:#fff;}

	/* Exhibitions, Collections */
.chrono ul {margin-left:100px;}
.chrono ul ul {margin-left:20px;}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer, #clear {height:80px;}
#footer {width:100%;background: url(../img/skin/bg_footer.jpg) repeat-x 0 0;}
#copyright {float:right;padding-right:5px;}

/**************************************/
/*            LINKS            */
/**************************************/
	/* Publication BUY button */
a.buy {font-size:1.2em;font-weight:bold;text-decoration:none;padding: 0 0 0 20px;background: url(../img/skin/cart_on.gif) no-repeat 0 0;}
a.buy:link, a.buy:hover, a.buy:visited, a.buy:focus, a.buy:active {text-decoration:none;}
a.buy:hover {background: url(../img/skin/cart_over.gif) no-repeat 0 0;text-decoration:underline;}

	/* back btn */
a.backbtn {float:right;text-align:center;padding:0 15px;background:#000;}
a.backbtn:link, a.backbtn:hover, a.backbtn:visited, a.backbtn:focus, a.backbtn:active {color:#fff;text-decoration:none;}
a.backbtn:hover {background:#555;background:#906;}

	/* TOP btn */
a.top {float:right;background: url(../img/skin/top.gif) no-repeat right 5px;margin:0 12px 12px 0;padding: 0 18px 0 0;}
a.top:link, a.top:hover, a.top:visited, a.top:focus, a.top:active {color:#666;text-decoration:none;}
a.top:hover {color:#000;text-decoration:underline;}

/**************************************/
/*               FORM               */
/**************************************/
select, input {font-size:1em;border: 0;color:#fff;background:#000;}
select:focus {outline:0;}

.archive_year select {color:#000;padding:0 0 0 3px;background:#eee;}