/* OCLC: Experimental home */

body {
   margin:0;
   padding:0;
   font:13px/1.231 Arial, Verdana, sans-serif !important;
   text-align:left
}
strong {
   font-weight:bold
}
a {
   color:#034ea2
}
a:hover {
   color:#ff7600
}
p,
ul li {
   margin:0 0 8px
}
h1,
h2,
h3 {
   padding:0
}
#page {
   min-width:640px;
   max-width:1260px;
   margin:auto;
   padding:0 2%
}
#header,
#footer {
   width:100%;
   margin:8px 0
}
.content {
   margin:0 12px 14px 12px
}
#header .content,
#footer .content {
   margin-bottom:0
}
.hide-content {
   left:-1000px;
   top:-1000px;
   overflow:hidden;
   position:absolute;
   display:block;
   width:1px;
   height:1px
}
#banner {
   display:block;
   margin: -16px 0 48px;
   background: #fefefe url('http://experimental.worldcat.org/landing/images/bg_banner_wcexper.png') center right no-repeat;
   border: 1px solid #fff;
   border-top: none;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   
   -webkit-box-shadow: 0 1px 6px rgba(69,85,96,0.15), inset 0 -20px 40px -30px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 1px 6px rgba(69,85,96,0.15), inset 0 -20px 40px -30px rgba(0,0,0,0.1);
   box-shadow: 0 1px 6px rgba(69,85,96,0.15), inset 0 -20px 40px -30px rgba(0,0,0,0.1);
}
#banner img {
   margin:12px 0 12px 12px;
   /*width: 100%;*/
}
#banner-mobile {
   display:none
}
#main {
   padding:0 18px 36px;
   border-left:1px dashed #c7cccf;
   border-right:1px dashed #c7cccf
}
#main h2 {
   margin:0 0 8px;
   padding:4px 12px;
   font-size:11px;
   font-weight:bold;
   /*color:#254500;
   background:#bad531;*/
   color: #fff;
   background: #2178b5;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
}
#main h3 {
   margin:18px 0 6px;
   font-size:24px;
   line-height:27px;
   color:#172B00;
   font-weight:bold
}
#main p.link {
   font-size:14px;
   font-weight:bold
}
#main p.link.appstore {
   text-align:center
}
#main p.link.appstore a {
   text-decoration: none
}
#main p.link.appstore a img {
   border:none;
}
#leftrail,
.callout,
.comingsoon {
   padding:12px;
   /*background:#f0f4cf;*/
   background: #d6efff;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -moz-box-shadow:inset 0 0 5px -2px #2178b5;
   -webkit-box-shadow:inset 0 0 5px -2px #2178b5;
   box-shadow:inset 0 0 5px -2px #2178b5;
   
   background: -moz-linear-gradient(top, #ffffff 0%, #d6efff 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6efff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #ffffff 0%,#d6efff 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #ffffff 0%,#d6efff 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #ffffff 0%,#d6efff 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6efff',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, #ffffff 0%,#d6efff 100%); /* W3C */   
}
#leftrail.support span.desc {
   display: block;
   margin-bottom:1em
}
#leftrail p.intro {
   font-size:14px;
   line-height:18px
}
#leftrail h2,
#rightrail h2,
.callout h2 {
   margin:4px 0 8px;
   font-size:12px;
   font-weight:bold;
   color:#455560;
}
.callout,
.comingsoon {
   background:#fff;
   -moz-box-shadow:inset 0 0 20px #eee;
   -webkit-box-shadow:inset 0 0 20px #eee;
   box-shadow:inset 0 0 20px #eee;
   border: 1px solid #eee;
}
.callout .link {
   text-align: right;
}
.callout.related ul li {
   border-top: 1px dotted #eee;
   margin-top: 12px;
}
#rightrail ul {
   margin:0
}
#rightrail ul li {
   margin:0 0 12px
}
#rightrail ul li a {
   display:block;
   font-size:14px;
   line-height:17px
}
#rightrail ul li .desc {
   display:block;
   padding-top:2px;
   font-size:11px;
   line-height:14px;
   color:#455560
}
.photo img {
   width: 100%
}
#footer {
   margin-top:24px;
   font-size:11px;
   color:#7c888f;
   text-align:center
}
/* product-specific page styles */
body.mapfinds .product-icon {
   background: url('http://experimental.worldcat.org/landing/images/mapFinds-icon-productPage.png') -5px -3px no-repeat transparent;
   float: left;
   margin: 0 1em 0 0;
   width: 75px;
   height: 108px;
}
body.mapfinds .product-icon a {
   display: block;
   width: 75px;
   height: 75px;
   border: none;
}
.callout.related li.mapfast h3 {
   background: url('http://experimental.worldcat.org/mapfast/images/map-head-icon.png') 0 0 no-repeat transparent;
   margin: 12px 0;
   padding: 12px 0 12px 48px;
   font-weight: bold;
   font-size: 123.1%;
}
#main .comingsoon {
   width:240px;
   margin:16px auto;
   text-align:center;
   color:#455560;
   font-weight:bold;
}

/* media query for mobile */
@media screen and (max-width:600px) {
   #page {
      /*width:240px !important;*/
      /*width: 100% !important;*/
      min-width:240px;
      max-width:600px;
   }
   .yui3-u, .yui3-u-1, .yui3-u-1-4, .yui3-u-1-2, .yui3-u-3-4 {
      display:block;
      width:100%
   }
   #banner, .callout.related {
      display:none
   }
   #banner-mobile {
      display:block;
      margin:0 0 8px;
      padding:0 15px;
      text-align: center;
   }
   #banner-mobile img {
      width: 100%;
      max-width: 350px;
   }
   #main {
      padding:0 0 14px;
      border:none
   }
   #main h3 {
      font-size:16px;
      line-height:19px
   }
   #main .comingsoon {
      width:inherit;
   }
}