@charset "utf-8";
/* ccPixs CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 / License: none (public domain) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1; background-color:#333;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}

/* GENERAL */
body{font-size:14px; background-color:#fff; font-family:'Source Sans Pro Extra Light',Verdana,sans-serif;}
@font-face{font-family:'Source Sans Pro Extra Light'; font-style:normal; src:local('Source Sans Pro Extra Light'),local('SourceSansPro-ExtraLight'),url('http://www.ccPixs.com/common/fonts/SourceSansPro-ExtraLight.ttf');}
a{color:#000; text-decoration:none;}
h1, h2{margin-bottom:5px; font-weight:normal;}
h1{font-size:34px;}
h2{font-size:28px;}
*:focus,input,textarea,select,checkbox{outline:0px none;}
.container{width:1000px; margin:0 auto;}
.header{position:fixed; padding:10px 0; left:0; right:0; z-index:1000; box-shadow:0 1px 5px #999; background-color:#fff;}
.headertitle{text-align:center; font-size:36px; letter-spacing:.25em;}
.headertitle a{color:#666; text-decoration:none;}
.headersearch{float:right; margin:3px 13px 0 -250px; }
.adplace{text-align:center; padding-top:100px;}
.content{padding-top:100px;}
.contentright{float:right; margin:40px 0 0 10px; width:360px;}
.contentright ul{padding:18px 0; font-family:Arial,Helvetica,sans-serif;}
.contentright li{padding:5px; font-size:14px; margin-left:40px;}
.otherimages{text-align:justify; margin-bottom:25px;}
.otherimages div{display:inline-block; width:180px; height:123px; vertical-align:top;}
.otherimages a:hover img{border:1px solid #aaa;}
.otherimages:after{content:'';width:100%;display:inline-block;}
.thumbcontainersmall a:hover img{border:1px solid #aaa;}
.thumbcontainer{float:left; margin:0 10px 10px 0; position:relative; width:320px; height:220px;}
.thumbcontainer a:hover img{border:1px solid #337ab7;}
.thumbnails{padding:10px; border:1px solid #ddd;}
.clearboth{clear:both;}
.footer{padding:20px 0 60px 0; text-align:center;}
.footercopy{font-size:18px; letter-spacing:.15em;}
.button{border:1px solid #3079ed; color:#fff; text-shadow:0 1px rgba(0,0,0,0.1); background-color:#4d90fe; background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed); background-image:linear-gradient(top,#4d90fe,#4787ed); border-radius:4px; letter-spacing:.075em; display:inline-block; font-size:1.75rem; padding:15px 0; -webkit-transition:all .15s linear; transition:all .15s linear; text-align:center; width:100%;}
.button:focus,.button:hover{border:1px solid #2f5bb7;text-shadow:0 1px rgba(0,0,0,0.3); background-color:#357ae8; background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8); background-image:linear-gradient(top,#4d90fe,#357ae8);}
#codetocopy{width:98%; margin-top:4px;}
.cclicense{margin-bottom:40px;}
.ccimage{padding:5px 0 0 0; float:left;}
.cctext{margin-left:160px; padding-top:7px; font-size:14px; font-family:Arial,Helvetica,sans-serif; line-height:1.15em;}
.cctext a{color:#3079ed;}
.ccattribute{padding:10px 0 40px 0; font-size:14px; font-family:Arial,Helvetica,sans-serif; line-height:1em; font-style:italic;}
.imagestats{font-size:11px; font-family:Arial,Helvetica,sans-serif; color:#777; margin-top:10px;}
.newicon{position:absolute; left:272px; top:0;}
.pagination{text-align:center; margin-top:20px;}
.pagination UL{display:inline-block;}
.pagination LI{display:inline; font-size:20px;}
.pagination A{border:1px solid #ccc; padding:8px 15px; margin:0;}
.pagination A:Hover{background-color:#ddd;}
.pagination LI.active{background-color:#337ab7; cursor:default; padding:8px 15px; margin:0; color:#fff; border:1px solid #337ab7;}
UL.social{padding:5px 0 40px 0; float:right;}
.social LI{margin:0; padding:0;}
.social .item{display:inline-block; list-style-type:none;}
.social .fb-share-button{width:60px;}
.social .pinterest{width:55px; vertical-align:top;}
.social .twitter{width:65px;}
.social .google{width:38px;}
.social .linkedin{}
.tags{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.tags a{display:inline-block;padding:8px;margin:0 0 15px 12px;font-size:12px;letter-spacing:0.1em;color:#888;border:1px solid  #cecece;border-radius:8px;text-transform:lowercase;transition:.2s;}
.tags a:hover{color:#0a88d3;border-color:#0a88d3}
.tags i{position:absolute;opacity:0}

.123pagination {
  display: inline-block;
  padding-left: 0;
  margin: @line-height-computed 0;
  border-radius: @border-radius-base;

  > li {
    display: inline; // Remove list-style and block-level defaults
    > a,
    > span {
      position: relative;
      float: left; // Collapse white-space
      padding: @padding-base-vertical @padding-base-horizontal;
      line-height: @line-height-base;
      text-decoration: none;
      color: @pagination-color;
      background-color: @pagination-bg;
      border: 1px solid @pagination-border;
      margin-left: -1px;
    }
    &:first-child {
      > a,
      > span {
        margin-left: 0;
        .border-left-radius(@border-radius-base);
      }
    }
    &:last-child {
      > a,
      > span {
        .border-right-radius(@border-radius-base);
      }
    }
  }

  > li > a,
  > li > span {
    &:hover,
    &:focus {
      z-index: 2;
      color: @pagination-hover-color;
      background-color: @pagination-hover-bg;
      border-color: @pagination-hover-border;
    }
  }

  > .active > a,
  > .active > span {
    &,
    &:hover,
    &:focus {
      z-index: 3;
      color: @pagination-active-color;
      background-color: @pagination-active-bg;
      border-color: @pagination-active-border;
      cursor: default;
    }
  }

  > .disabled {
    > span,
    > span:hover,
    > span:focus,
    > a,
    > a:hover,
    > a:focus {
      color: @pagination-disabled-color;
      background-color: @pagination-disabled-bg;
      border-color: @pagination-disabled-border;
      cursor: @cursor-disabled;
    }
  }
}