/* Start of CMSMS style sheet '0 james' */
/* CSS Document */

/*element styles*/
* {margin:0; padding:0;}
/*html {text-align: center;}*/
body {text-align: left; background: #fff; font: normal 12px HelveticaNeue Roman, Helvetica, Arial, Verdana, sans-serif; color: #000; height:100%;}
h1 {font-size:16px; color:#000;margin: 0 0 15px 0;font-weight: normal;}
h2 {border-bottom: 1px solid #000; font-size: 12px; line-height:14px; padding: 0 0 2px 0; margin: 0 0 30px 0;}
h3 {font-size: 14px; font-weight: normal; border-bottom: 1px solid #000; padding: 0 0 5px 0; margin: 0 0 15px 0;}
h4 {font-size: 12px; color: #999999; font-weight: normal; border-bottom: 1px solid #999; padding: 0 0 5px 0; margin: 0 0 15px 0;}

p{font-size: 12px; padding: 0 0 14px 0; line-height:14px;}
img {border: 0; display:block;}
ul {list-style: none;}
.clear {clear: both;}
.red, .active{color:#e51837 !important;}
object {outline:none;}

/*links and link hovers*/
* a, li a, p a{text-decoration: none; color: #312d82;}
* a:hover, * a:hover *, li a:hover, p a:hover {cursor:pointer; color:#da1405 !important;}
/*NAV*/

#bar{
	position:fixed;
	z-index: 100;
	left:0px;
	top:0px;
	width:100%;
	height: 17px;
	padding: 25px 0px 25px 0px;
	margin:0px 0px 0px 0px;
	background:#FFFFFF;

}


* html #bar { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#foo > #bar { position: fixed; top: 0px; right: 0px; } 


	 #navcontainer {
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 padding: 0 10px;
     width: 970px;
	 height: 17px; }
	 
	  #logo {
		 float:left;
		 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
     width: 133px;
	 height: 17px; }
	 
	 
	 #nav-menu ul
{
float: left;
list-style: none;
padding: 0px 0px 0px 162px;
margin: 5px 0px 0px 0px;
}

#nav-menu li
{
font:13px HelveticaNeue Roman, Helvetica, Arial, Verdana, sans-serif;
float: left; 
line-height: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 25px;
}

#nav-menu li a
{
float: left;
display: block;
color:#000;
text-decoration: none;
padding: 1px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}


#nav-menu li a:hover
{
float: left;
display: block;
color:#666666;
text-decoration: none;
}
/* interface general
-------------------------------------------------------- */

#pageContainer {width: 970px; height:100%; padding: 0 10px; margin: 0 auto;}
#content, #footer { float: left; position: relative; width: 100%;}
.section {clear: both; font-size: 12px; padding-top:70px;}

/*header*/
#header {z-index: 10; width: 970px; height:40px;}

/*column styles*/
.one-third-col{width:310px; margin: 0 20px 0 0; float: left;}
.two-third-col{width:640px;  margin: 0 20px 0 0; float: left;}
.one-sixth-col{width:145px;  margin: 0 20px 0 0; float: left;}
.no-margin{margin:0 !important;}
.no-right-margin{margin-right:0 !important;}

/* home css */
#Featured {height:545px;}
#Featured.section {padding-top:35px;}
.slideshow { height:575px; width:970px; margin: auto }
.slideshow img {  }


#News li{padding: 0 0 7px 0; }
.item-box .date{color:#000; font-size:11px; font-weight:bold; padding-bottom:8px; position:relative;}
.item-box .date em {font-weight: normal;}
.item-box .title{font-size: 14px; padding-bottom:5px;}
.item-box .venue {color:#666; font-size: 11px;}
.item-box .more {font-size: 12px; text-align:right;}
.item-box p{color:#666; margin: 0 0 15px 0;}
#tweet {font-size: 14px;}
#tweet li{padding: 0 0 20px 0;}

#twitter {float:left; width:100px; margin-right:10px;}
#utube { float:left; width:100px;}

#About {height:480px;}
#About p {font-size: 12px; line-height:18px; margin: 0 0 4px 0; text-align:justify;}
#About .bio {line-height:14px; margin: 0 0 2px 0;}

#pageContainer.home #Works {height:520px;}
#Works .one-sixth-col img { float:left; margin: 0; width:145px; padding:0; height:100px;}

#Works ul { font-size: 12px; margin:0; padding:0; font-weight:bold;}
#Works ul ul{padding:7px 0 15px 0; font-size: 11px; color:#666;}
#Press ul {padding:0; font-size: 11px; color:#666;}
#Works ul ul li, #Press ul li {padding-left:10px; background: url(uploads/images/index/-.gif) 0 0 no-repeat; font-weight: normal; line-height:16px;}

/*
*:first-child+html #Press.section {padding-top:35px;}
* html #Press.section {padding-top:35px;} */

#Exhibition {height:450px;}
#Exhibition p, #Press p {font-size: 11px; line-height:14px; padding:0; margin: 0 0 2px 0; text-align:justify;}
#Exhibition .year, #Press .year{padding:15px 0 0 0;  font-weight:bold;}
#Exhibition .year_top, #Press .year_top{padding:0;  font-weight:bold;}

/*artwork detail page*/
#Workdetail.section {clear: both; padding-top:35px; margin:0;}
#Workdetail .info{width:310px; margin: 0 20px 0 0; float: left;}
#Workdetail .info p{font-size: 11px; padding: 0 0 10px 0; line-height:14px;color:#666666;}
#Workdetail .info h1 {font-size:18px; color:#000; margin: 0 0 5px 0;font-weight: normal;}
#Workdetail .year {font-size:12px; color:#000; margin: 0 0 15px 0;}
#Workdetail .size, #Workdetail .material, #Workdetail.type, #Workdetail .edition{font-size: 10px; padding: 0; line-height:14px; color:#666666;}
#Workdetail .des { margin:20px 0; text-align:justify;}
#Workdetail .nav { font-size: 10px;}
#Workdetail .pics{width:640px; margin: 0; float: left;}
#Workdetail .pics img{ margin-bottom:20px;}
#Workdetail .video{ margin-bottom:20px;}
.top { float:right; line-height:16px;}

#footer  p { color:#999; font-size:10px; padding:0; margin:5px 0;}
/* End of '0 james' */