/*======================================
      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: #666;}
.container a:hover {color:#000;}
.right {text-align:right;}

/**************************************/
/*               FONTS               */
/**************************************/
.container h1 {font-size:2.5em;color:#999;}
.container h2, .container h4 {padding-left:10px;}
.container h3 {margin: 10px;}
.container p {margin:1.6em;text-align:left;}
.year {font-size:4em;color:#b4b4b4;padding:20px 0 10px 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 25px 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 {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;}

	/* related articles */
.rdate, .rtitle {height:2.2em;line-height:2.2em;float: left;border-bottom: 1px dotted #ccc;}
.rdate {width:9%;}
.rtitle {width:90%;}
	/* 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;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

/* Thick top border colum */
.thickcol {border-top: 8px solid #000;padding-top:10px;}
.lightcol {background:#f3f3f3;border-top: 1px dotted #999;}

/* Home blocks */
#home_pub {width:100%;background:#eee;}
#home_pub img {padding:3px;margin:0 7px;background:#fff;}
#home_pub h1 {float:right;display:inline;font-size:1.2em;color:#fff;font-weight:normal;text-align:right;margin:5px 7px;padding:1px 5px;background:#609;}
#home_pub h2 {font-size:1.1em;margin:5px 10px;padding:0;color:#000;}

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

	/* News archive sbucat vertical nav */
.subcatnav {background:#f1f1f1;}
.subcatnav h1 {padding:13px 7px;color:#f4f4f4;border: 1px dotted #ccc;background:#555;}
.subcatnav .year {font-size:2.5em;}
.subcatnav #subnavlist a:hover {background:#f6eaff url(../img/skin/subnav_over.gif) no-repeat 0 7px;}

	/* News main 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: #ececec;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 */
.rowtitle {background:#ddd;color:#333;font-size:1.4em;font-weight:bold;line-height:1.6em;text-align:center;}
.rowhead {background:#666;font-size:1.2em;line-height:1.6em;text-indent:8px;color:#fff;}

	/* Exhibitions, Collections */
.chrono ul {margin-left:140px;}
.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;width:70px;text-align:center;padding:0;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;}

	/* 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;}