/*_____________________________________________ Start - Header _____________________________________*/

#header {
  background: transparent url( "/image/headerBg.png" ) repeat-x scroll 0;
}
#headerInner {
  height: 104px;
  width: 950px;
  margin: 0 auto;
  position: relative;
  z-index: 10000;
}
#headerInner h1 {
  font-size: 140%;
  font-weight: bold;
  color: #fff;
  margin: 0;
  width: 208px;
  height: 89px;
  background: url( "/image/logo.png" ) 0 10px no-repeat;
  text-indent: -5000px;
}
#headerInner h2 {
  position: absolute;
  left: 215px;
  top: 55px;
  font-size: 100%;
  font-weight: bold;
  font-family: verdana, sans-serif;
  color: #e6e8ea;
  vertical-align: bottom;
}    
#headerInner ul {
  position: absolute;
  right: 0;
  top: 60px;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  list-style-type: none;
  font-family: Georgia, "Times New Roman", Times, serif;
}
#headerInner ul li {
  float: left;
  padding: 0 3px;
}
#headerInner ul li.feed {
  position: relative;
  top: -4px;
}
#headerInner ul li a {
  color: #fff;
}
#headerInner ul li.feed a:hover, #headerInner ul li.feed a:active {
  border-bottom: none;
}      

/*_____________________________________________ End - Header _____________________________________*/     



/*_____________________________________________ Start - Content ________________________________*/            
#content {
}
#contentInner {
  margin: 0 auto;
  padding-top: 0;
  position: relative;
  z-index: 1;
  width: 950px;
  min-height: 650px; 
}
.primaryContent {
  width: 950px;
}
.twoColumn .primaryContent {
  float: left;
  width: 655px;
  margin: 0;
  padding-right: 20px;
  background: transparent url("/image/greyDotVerticalSpace.gif") repeat-y top right;
}
.twoColumn .secondaryContent {
  float: left;
  width: 270px;
  background: transparent url("/image/greyDotVerticalSpace.gif") repeat-y top left;

  /* so that the seperator dots merge */
  position: relative; 
  left: -1px;
}      

/* All h2's have a dotted bottom, unless explicitly specified otherwise */
#contentInner h2, #contentInner h3 {
  background: transparent url("/image/greyDot.gif") repeat-x bottom left; 
  margin-bottom: 5px;
  position: relative;
  font-family: arial, sans-serif;
}
#contentInner .primaryContent h2 span.date {  /* If you want the date of the entry as part of the header's right hand side - mostly used for blog, but can be used for anything */
  position: absolute;
  right: 5px;
  font-size: 60%;
}
#contentInner .primaryContent p a {
  font-weight: bold;
  font-size: 95%; 
}
.secondaryContent h2 {
  margin-left: 20px;
}

#contentInner p {
  margin: 0 0 20px 10px;
  font-size: 90%;
}    

.primaryContent ul {
  margin-left: 25px;
  margin-bottom: 10px;
}                     
.secondaryContent ul {
  list-style-type: none;
  margin-left: 25px; 
}        
.secondaryContent li {
  margin: 10px 0 10px 0;
}   
.secondaryContent li a.selected {
  color: #000;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
}
.secondaryContent iframe { /* google ads */
  margin-left: 35px;     
}        

#contentInner blockquote {
  margin: 20px 0 20px 50px;
  color: #FF3300;
  font-weight: bold;

}            

#contentInner dt {
  margin-left: 10px;
  font-weight: bold;
  padding-top: 5px;
}
#contentInner dd {
  margin-left: 25px;
  font-size: 90%;
  padding-bottom: 5px;
}  

/*_____________________________________________ End - Content ________________________________*/         



/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
  padding: 10px 0 0 0;
  margin: 0 0 20px 10px;
  position: relative;     
}
#jCarouselLiteDemo .digg {
  position: absolute;
  left: 610px;
  top: 110px;
}
#jCarouselLiteDemo .main {
  display: block;
  float: left;
}

#jCarouselLiteDemo .demo em {
  color: #FF3300;
  font-weight: bold;
  font-size: 60%;        
  font-style: normal;
}
#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
  float: left;
}              
#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
  display: block;
  float: left;
  width: 15px;
  height: 143px;
  text-decoration: none;
  background: url("images/imageNavLeft.gif") no-repeat;
}
#jCarouselLiteDemo .carousel a.next {
  background: url("images/imageNavRight.gif") no-repeat;
}
#jCarouselLiteDemo .carousel a.next:hover {
  background-image: url("images/imageNavRightHover.gif");
}
#jCarouselLiteDemo .carousel a.prev:hover {
  background-image: url("images/imageNavLeftHover.gif");
}    
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
  border: none;
  outline: none;
}                 
#jCarouselLiteDemo .carousel .jCarouselLite {
  border: 1px solid black;
  float: left;
  /*background-color: #dfdfdf;*/
  display: block;
  /* Needed for rendering without flicker */
  position: relative;
  visibility: hidden;
  left: -5000px;
}
#jCarouselLiteDemo .carousel ul {
  margin: 0;
}
#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p {
  background-color: #fff;
  /*width: 150px;*/
  /*height: 118px;*/
  margin: 10px;
  cursor: pointer;
  opacity : 1;
}

#jCarouselLiteDemo .widget img {
  cursor: pointer;
}
#jCarouselLiteDemo .mid {
  margin-left: 80px;
  width: 400px;
  height: 300px;
}
#jCarouselLiteDemo .vertical {
  margin-left: 170px;
}
#jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
  width: 170px;
}
#jCarouselLiteDemo .imageSlider li img, 
#jCarouselLiteDemo .imageSlider li p, 
#jCarouselLiteDemo .imageSliderExt li img , 
#jCarouselLiteDemo .imageSliderExt li p {
  width: 400px;
  height: 300px;
}

/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/



/*_____________________________________________ Start - Blog _____________________________________________*/

#contentInner .commentlist li p {
  margin: 0;
}

.post {
  margin-bottom: 40px;
  position: relative;
}

.post .entry {
  margin-top: 15px;
}
/*.post .entry p a {
    font-weight: bold;
    font-size: 95%;
}   */

ul.children li {
  margin: 0;
  font-size: 11px;
}

h2#comments {
  font-size: 90%;
}

.commentlist {
  list-style-type: none;
}

.commentEntry {
  margin: 0 0 25px 0;
}

.commentTitle {
  border: 1px solid #bababa;
  background-color: #a4a4a4; 
  color: #fff;
  padding-left: 5px;
  font-size: 80%;
}
.authorComment .commentTitle {
  border: 1px solid #000;
  background-color: #000; 
}    
.commentTitle a {
  color: #fff; 
}

.commentBody {
  border: 1px solid #bababa; 
  padding: 5px;
}
.authorComment .commentBody {
  border: 1px solid #000; 
}

.update h2 {
  color: darkRed;
}

/*_____________________________________________ Start - Blog - LavaLamp _____________________________________________*/

.digg.forLavaLamp {
  position: absolute;
  left: 600px;
  top: 15px;
}
/*_____________________________________________ End - Blog - LavaLamp _____________________________________________*/    


/*_____________________________________________ End - Blog _____________________________________________*/        



/*_____________________________________________ Start - Footer _____________________________________________*/    

#footer {
  min-height: 70px;
  background-color: #566865;
  border-top: 1px solid #ff5c00;
}
#footerInner {
  width: 950px;
  margin: 0 auto;
  padding-top: 10px;
  color: #fff;
  text-align: center;
}

/*_____________________________________________ Start - Form Styles _____________________________________________*/

input.txt {
  border: 1px solid #c2c6cf;
  background: #fff url("/image/shadeTxt.gif") repeat-x;
}
select.cmb {
  border: 1px solid #c2c6cf;
  background: url("/image/shadeTxt.gif") repeat-x;
}

/*_____________________________________________ Start - Utility classes _____________________________________________*/

/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear { clear: both; }
.cLeft { clear: left; }
.cRight { clear: right; }
.cEnd {
  /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
  in one selector, add it directly here like #propertyEntry div */
  display: inline-table;
  /* Hides from IE-mac \*/
  height: 1%;
  display: block;
  /* End hide from IE-mac */
}
html>body .cEnd {
  display: block;
  float: left;
  margin-right: 10px;

}
.cEnd:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Default classes for floating elements left or right */    
.fNone { float: none; }
.fLeft { float: left; }
.fRight { float: right; }

/* Default classes for hiding and showing elements */    
.hide { display: none; }
.block { display: block; }
.inline { display: inline; }

/* For loading divup that comes up when some ajax request is executed */   
.p-shadow {
  width: 90%;
  float:left;
  background: url(/image/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/image/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.p-shadow div {
  background: none !important;
  background: url(/image/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}
.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

#loadingDemo {
  display: none;
  position: absolute;
  width: 150px;
  left: 150px;
  top: 200px;
}    
.disabled {
  color: green;
}    


/*_____________________________________________ TABS PLUGIN _____________________________________________*/
.tabs-hide {
  display: none;
}

/* Skin */
.tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0; /* gmarwaha */
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}
.tabs-nav li {
  min-width: 84px; /* be nice to Opera */
}
.tabs-nav .tabs-selected a {     /*gmarwaha*/
  color: #000;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
}

.mainImage-description{
  background: none repeat scroll 0 0 #000000;
  bottom: 0;
  color: #FFFFFF;
  font-size: 25px;
  height: 35px;
  left: 0;
  opacity: 0.8;
  padding: 20px;
  font-family: Times prevNew Roman;
  margin-top: -74px;
  text-align: left;
  position: relative;
}

.mainImage-description div{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}

#zoomed-image-wrapper-2 .next,
#zoomed-image-wrapper-2 .back{
  width: 95px;
  height: 110px;
  bottom: 0;
  position: absolute;
  margin-bottom: 40px;

}

#zoomed-image-wrapper-2 .back{
  background: url(../../images/arrow_left.png);
  background-position: center center;
  background-repeat: no-repeat;
  left: 0;
  margin-right: 40px;
  z-index: 1000;
  cursor: pointer;
}

#zoomed-image-wrapper-2 .next{
  background: url(../../images/arrow_right.png);
  background-position: center center;
  background-repeat: no-repeat;
  right: 0;
  margin-left: 40px;
  z-index: 1000;
  cursor: pointer;
}

#zoomed-image-wrapper-2 .full-window-description-wrapper.open{
  position: absolute;
  height: 200px;
  bottom: 0;
  width: 80%;
  margin-left: 10%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#zoomed-image-wrapper-2 .full-window-description-wrapper.close{
  height: 60px;
  position: absolute;
  bottom: 0;
  width: 80%;
  margin-left: 10%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#zoomed-image-wrapper-2 .full-window-description-wrapper div{
  background-color: #ffffff;
  opacity: 0.8;
}

#zoomed-image-wrapper-2 #open-close-button{
  height: 60px;
  width: 60px;
  float: right;
}

#zoomed-image-wrapper-2 #full-window-description{
  margin-top: 60px;
  height: 140px;
  font-size: 30px;
  padding: 10px;
  text-align: left;
}

#zoomed-image-wrapper-2 .open #open-close-button{
  background-image: url(../../images/DownArrow.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#zoomed-image-wrapper-2 .close #open-close-button{
  background-image: url(../../images/UpArrow.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;  
}

#jCarouselLiteDemo .carousel a.next{
  background-repeat: no-repeat !important;
}

.button-back-exhibition-2{
  z-index: 0 !important;
}

.pswp__button--arrow--left, 
.pswp__button--arrow--right{
  opacity: 1 !important;
  top: 80% !important;
  z-index: 1000 !important;
}

.pswp__button pswp__button--arrow--left,
.pswp__button pswp__button--arrow--right{
  width: 50px !important;
  height: 110px !important;
  background: none !important;
}

.pswp__button pswp__button--arrow--right{
  right: 6px !important;
}

.pswp__button pswp__button--arrow--left{
  left: 6px !important;
}

.exhibition-main-image-wrapper input[type="submit"]:hover, 
.exhibition-main-image-wrapper input[type="button"]:hover, 
.exhibition-main-image-wrapper input[type="reset"]:hover, 
.exhibition-main-image-wrapper button.pswp__button--arrow--right:hover, 
.exhibition-main-image-wrapper button.pswp__button--arrow--right:focus,
.exhibition-main-image-wrapper button.pswp__button--arrow--right:active,
.exhibition-main-image-wrapper button.pswp__button--arrow--left:hover, 
.exhibition-main-image-wrapper button.pswp__button--arrow--left:focus,
.exhibition-main-image-wrapper button.pswp__button--arrow--left:active,
.exhibition-main-image-wrapper .lfr-actions:hover, 
.exhibition-main-image-wrapper .lfr-actions:hover ul{
  background: none !important;
  border: none !important;
}

.pswp__button--arrow--right:before {
  right: 6px !important;
  background-image: url(../../images/arrow_right.png) !important;
}

.pswp__button--arrow--left:before {
  left: 6px !important;
  background-image: url(../../images/arrow_left.png) !important;
}

.pswp__top-bar,
.pswp__button--close,
.pswp__button--close:hover,
.pswp__button--close:active,
.pswp__button--close:focus,
.pswp__button--zoom,
.pswp__button--zoom:hover,
.pswp__button--zoom:active,
.pswp__button--zoom:focus{
  opacity: 1 !important;
}
  
.pswp__button--close{
  background-image: url(../../images/close_new.png) !important;
}

.pswp__button--zoom {
  background-image: url(../../images/zoom.png) !important;
  margin-right: 50px !important;
}

.pswp__button--zoom,
.pswp__button--close{
  width: 50px !important;
  height: 50px !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-position: center center !important;
  background-size: 80% 80% !important;
  background-repeat: no-repeat !important;
  width: 50px !important;
  height: 110px !important;
}

.pswp__caption__center{
  font-size: 48px !important;
  line-height: 45px !important;
}

.pswp__caption__center{
  text-align: center !important;
  max-width: 90% !important;
}

.pswp__button.pswp__button--fs,
.pswp__button--share{
  display: none !important;
}

.pswp__counter{
  height: auto !important;
  font-size: 60px !important;
  top: 14px !important;
}

.pswp__top-bar {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pswp__caption{
    padding-top: 10px;
    padding-bottom: 10px;
}

.pswp__button:focus, 
.pswp__button:hover {
  opacity: 1 !important;
  background-color: rgba(0,0,0,0) !important;
  border: none !important;
}

.pswp__ui--fit .pswp__top-bar{
  height: auto;
}

.pswp__zoom-wrap{
  margin-top: 25px !important;
}