/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }

/* only to clear floats - to be used with any class as addition */
.clear { clear:both; }

@font-face {
    font-family: 'Didot';
    src: url('http://static.tumblr.com/m0tc8zy/Ieen9yjds/didot.eot');
    src: url('http://static.tumblr.com/m0tc8zy/Ieen9yjds/didot.eot?#iefix') format('embedded-opentype'),
         url('http://static.tumblr.com/m0tc8zy/o4pn9yje8/didot.woff') format('woff'),
         url('http://static.tumblr.com/m0tc8zy/Pi6n9yjel/didot.ttf') format('truetype'),
         url('http://static.tumblr.com/m0tc8zy/U0Hn9yjf1/didot.svg#Didot') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Light';
    src: url('http://static.tumblr.com/m0tc8zy/cdQn9yjff/gotham-light.eot');
    src: url('http://static.tumblr.com/m0tc8zy/cdQn9yjff/gotham-light.eott?#iefix') format('embedded-opentype'),
         url('http://static.tumblr.com/m0tc8zy/3Opn9yjfx/gotham-light.woff') format('woff'),
         url('http://static.tumblr.com/m0tc8zy/Ee6n9yjg9/gotham-light.ttf') format('truetype'),
         url('http://static.tumblr.com/m0tc8zy/IxPn9yjgn/gotham-light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

body	 {
	color:#222;
}
a {
	color:#000;
}
a:hover {
	color:#000;
	text-decoration:none;
}
ul {
	list-style-type:none;
}
.main {
	padding:20px 0 0 0;
	margin:0 0 0 290px;
}
.sidebar {
	text-align:center;
	width:290px;
	float:left;
	padding:20px 0 0 0;
	position:fixed;
}
.sidebar ul {
	text-align:center;
	padding:0;
	margin:0 0 0 -7px;
}
.sidebar ul li{
	display:inline;
	margin:0;
}
.item {
	width:33%;
	float:left;
	position:relative;
	padding:1px;
}
.item img {
	width:100%;
}
.item .postMeta img {
	width:auto;
}
.item .shares{
	display:none;
	list-style-type:none;
	position:absolute;
	top:45%;
	left:50%;	
	margin-left:-95px;	
	padding:0;
}
.item:hover .shares {
	display:block
}
.item .shares li{
	float:left;
	margin:0 10px;
	background-color:#000;
	-webkit-border-radius:13px;
    border-radius:13px; 
	width:26px;
	height:26px;  
	padding:5px;
	z-index:100;
}
.innerhover {
	position:relative;
}
.logo {
	margin:0 0 200px 0;
}
.subtitle {
	display:inline;
	position:absolute;
	top:0;
	left:0;	
}
.blurb {
	margin:0 0 20px 0;
}
.shop {
	margin:0 0 200px 0;
}
.cats {
	position:absolute;
	top:75px;
	left:74px;
	z-index:101;
	width:100%;
}
.cats-inside {
	position:relative;
}
.cats img {
	display:inline-block;
}
.cats .menu-drawer {
	display:inline-block;
}
.menu-drawer {
	position:absolute;
	top:2px;
	left:127px;	
	width:auto;
	opacity:0.91;
	background-color:#d6d6d7;	
	height:95px;
	padding:0 0 0 40px;
}
.slideoutmenu {
	font-family: 'Gotham-Light', Arial, sans-serif;
	display:none;
	height:95px;
	line-height:95px;	
	position:absolute;
	top:2px;
	left:127px;	
	width:auto;
}
.slideoutmenu .bg {
	background-color:#d6d6d7;	
	opacity:0.91;	
	height:95px;
	padding:0 0 0 40px;		
	display:inline-block;
}
.slideoutmenu .bg a{
	display:inline-block;
	line-height:95px;
	padding:0 20px;	
	color:#000;	
	text-decoration:none;
}
.caret-open {
	position:absolute;
	top:20px;
	left:127px;	
	padding:10px 5px;
	display:inline-block;
	opacity:0.91;
	background-color:#d6d6d7;	
}
.caret-close {
	display:inline;		
}
.highres {
	max-width:800px;
}
.modal-content {
	-webkit-border-radius:0;
	border-radius:0;
	position:relative;
}
.modal-content .closeX {
	position:absolute;
	top:-20px;
	right:-20px;
	font-family: 'Gotham-Light', Arial, sans-serif;
	background-color:#000;
	text-align:center;
	color:#FFF;
	font-size:30px;
	padding:0 15px;
	line-height:60px;
	opacity:0.8;
}
.imageTags {
	width:100%;
	background-color:#e8e8e8;
	height:40px;
	font-size:10px;
	font-family: 'Gotham-Light', Arial, sans-serif;
	line-height:40px;
}
.imageTags ul {
	text-align:center;
	padding:0;
	margin:0;
}
.imageTags ul li {
	margin:0 5px;
	display:inline; 
}
.pagi {
	font-family: Georgia, Arial, sans-serif;
	font-size:16px;
	display:inline-block;
	margin:20px auto;
}
.pagi .pagOld {
	margin:0 30px 0 10px;
}
.pagi .pagNew {
	margin:0 10px 0 30px;
}
.postMeta {
	text-align:center;
}
.postMenu {
	font-family: 'Gotham-Light', Arial, sans-serif;
	margin:0 0 80px 0;
}
.postMenu a {
	display:inline-block;
	padding:0 20px;	
	color:#000;	
	text-decoration:none;
}
.postIcons li {
	display:inline;
	padding:0;	
} 
.postIcons {
	margin:0;
	padding:0;
} 
.white {
	color:#FFF;
}
.fa-facebook {
	margin:0 0 2px 3px;
	padding:0 0 2px 0;
}
.fa-twitter {
	padding:0 0 2px 0;
}
.shares .fa-lg {
	vertical-align:0;
}
.closePlink {

}

#closePlinkdiv {
	position:absolute;
	top:0;
	right:-130px;
	width:47px;
}

/**** Transitions ****/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**Tablet Style**/
.tabletHead {
	padding:15px 15px 0 15px;
	position:fixed;
	top:0;
	width:100%;
	z-index:40;
	background-color:#FFF;
}
.tabletHead  .tabLogo{
	float:left;
}
.tabletHead .tabSocial {
	float:right;
	margin:20px 0 0 0;
}
.tabletHead .tabSocial li{
	float:left;
	margin:0 0 0 15px;
}
.tabletHead  .tabMenu{
	width:100%;
	margin:15px 0 0 0;
}
.tabletHead  .tabMenu a{
	padding:0 0 0 0;
	display:inline-block;
}
.tabletHead  .tabMenu a.align{
	text-align:center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .main {
	margin:90px 0 0 0;
  }
}

#thumbs-container{display:inline-block; min-width:600px; overflow:hidden;}

.slideoutmenu {
font-family: 'Gotham-Light', Arial, sans-serif;
display: none;
height: 95px;
line-height: 95px;
position: fixed;
top: 76px;
left: 202px;
width: 85%;
z-index: 99;
}

.slideoutmenu .bg {
background-color: #d6d6d7;
opacity: 0.91;
height: 95px;
padding: 0 0 0 40px;
display: inline-block;
width: 100%;
}

.slideoutmenu .bg a {
display: inline-block;a
line-height: 95px;
padding: 0 6.5%;
color: #000;
text-decoration: none;
}

.caret-close{display:none;}