/************
    * Title: CSS Reset, based on Eric Meyer's Reset
    ************/
    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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
    body { 
       line-height:1;
       color:black;
         }

    /* tables still need 'cellspacing="0"' in the markup */
    table { border-collapse:separate;border-spacing:0; }
    caption,th,td { text-align:left;font-weight:normal; }
    blockquote:before,blockquote:after,
    q:before,q:after { content:""; } 
    blockquote,q { quotes:"" ""; }


/* Background patterns:
http://static.tumblr.com/mfp5qld/E4jlkd5qu/bgbody.gif -darker
*/

::selection { background: #4A98DF; color: #fff; }

::-moz-selection { background: #4A98DF; color: #fff; }

 
    /* include margin and padding in the width calculation of input and textarea - from Wordpress */
    input[type="text"],
    input[type="password"],
    textarea {
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	-ms-box-sizing: border-box; /* ie8 only */
    	box-sizing: border-box;
    }
 
    /* avoid line height problems when sup and sub's exist... can throw off consistent line height */
    sup, sub { line-height: 0px; }
 
  
    body { background-color: #f7f7f7; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; font-size: 15px;  }
    
    
    a {
       color: #4A98DF;
    }
    
    a:hover {
       color: #1a5081;
    }
    
    
   body:before{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   }
    
    #header{
     width: 100%;
     min-width: 750px;
     margin-bottom: 0;
     top:0;
     position:fixed;
     z-index:3;
     background: #F7F7F7;
     height: 60px;
    }
    #headercontent{
     margin: 0px auto;
     height: 60px;
     width: 80%;
     }
     
     #shadow{
     margin-top:0px;
     height: 20px;
     width: 100%;
     background:#F7F7F7;
	-webkit-box-shadow: 0 8px 16px -8px #777;
	   -moz-box-shadow: 0 8px 16px -8px #777;
	        box-shadow: 0 8px 16px -8px #777;
	 }
     
     
    
     h1 {
          padding-top: 30px;
    }
   
    h1 a{
     font-family: 'PT Sans', arial, serif;
     text-transform: uppercase;
     font-size: 24px;
     font-weight: 700;
     color: #333;
     text-decoration: none;
      }
        h1 a:hover{
      -webkit-transition:color 0.2s ease-in; 
      -moz-transition:color 0.2s ease-in;
      -o-transition:color 0.2s ease-in;
      transition:color 0.2s ease-in;
      color: #555;
     }

	ul#pagination {
	display: none;
	}
	
	#infscr-loading {
text-align: center;
z-index: 100;
position: fixed;
left: 40px;
bottom: 60px;
width: 5%;
padding: 2px;
opacity: 0.4;
color: white;
}
    
      .description{
         height: 120px;
         margin: 0 auto;
         width: 80%;
      }
     
     .description h2{
     font-family: 'Droid Serif', arial, serif;
     font-size: 20px;
     line-height: 38px;
     color: #333;
     padding-left: 5px;
     font-style: italic;
     margin-top: 34px;
     text-align: center;
     }
      
     #container {
      min-width: 750px;
      min-height: 1000px;
       }
       
              
       ul.social {
        list-style: none;
        float: right;
          margin-top: -32px;
          height: 36px;
          display:block;
       }
       
       ul.social li {
          padding-left: 5px;
          display: inline;
          float: left;
       }
     
       
       ul.nav {
          list-style:none;
          float:right;
          margin: -22px 0 40px 0;
           }
       
       ul.nav li {
      padding-left: 15px;
      display: inline;  
      float: left;
            }
       
       ul.nav li a{
       text-decoration: none;
       font-family: "PT Sans", serif;
       text-transform: uppercase;
       font-size: 12px;
       padding: 6px 11px;
       color: #000;


       }
       ul.nav li a:hover{
       border-bottom: 1px solid #000;
   /*
    background: #4A98DF;
       color: #FFF;
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
       border-radius: 2px;
        -webkit-transition:background 0.15s ease-in, color 0.15s ease-out;  
        -moz-transition:background 0.15s ease-in, color 0.15s ease-out;  
        -o-transition:background 0.15s ease-in, color 0.15s ease-out;  
        transition:background 0.15s ease-in, color 0.15s ease-out;  
*/
        }
        
       ul.nav li a.current:hover{
       text-decoration: none;
       border-bottom: none;
       }

        
       ul.nav li.babes a.current{color: #ff3366;}
       ul.nav li.images a.current{color: #F09C2E;}
       ul.nav li.luxury a.current{color: #3399ff;}
       ul.nav li.nsfw a.current{color: #ff0000;}
       ul.nav li.places a.current{color: #33ff99;}
       ul.nav li.ask a.current{color: #d8533d;}


.masonry-brick {
  -webkit-transition-duration: 600ms;
     -moz-transition-duration: 600ms;
      -ms-transition-duration: 600ms;
       -o-transition-duration: 600ms;
          transition-duration: 600ms;
             -webkit-transition-timing-function:cubic-bezier(0.7,0,0,1) -moz-transition-timing-function:cubic-bezier(0.7,0,0,1) -o-transition-timing-function:cubic-bezier(0.7,0,0,1) transition-timing-function:cubic-bezier(0.7,0,0,1)}

}

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

.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}




   



       h3 {
        margin: 20px auto 20px auto;
        width: 270px;
        text-align: center;
        font-size: 12pt;
        font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
         }
         

      
       ol#posts p, ol#posts ul{
         margin: 2px auto 10px auto;
         padding-bottom: 6px;
         font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size: 11pt;
         color: #444;
         line-height: 1.4;
       }

       
       
       .icon {
display: block;
width: 28px;
height: 28px; 
background: url('http://static.tumblr.com/mfp5qld/Lc0lkny9d/icon_flickr.png') no-repeat;
}


a .facebook, a .flickr, a .twitter, a .dribbble, a .lastfm{
         -webkit-transition:background-position 0.2s ease-out;  
         -moz-transition:background-position 0.2s ease-out;  
         -o-transition:background-position 0.2s ease-out;  
         transition:background-position 0.2s ease-out;   
}



      /* No-color Styled Social Buttons 
      a .flickr {background: url('http://static.tumblr.com/mfp5qld/BdNlko90r/icon_flickr.png') 0 -27px no-repeat;}
      a:hover .flickr, a:active .flickr {background: url('http://static.tumblr.com/mfp5qld/BdNlko90r/icon_flickr.png') 0 0 no-repeat;}
      a .facebook {background: url('http://static.tumblr.com/mfp5qld/PPHlko6ca/icon_facebook.png') 0 -27px no-repeat;}
      a:hover .facebook, a:active .facebook {background: url('http://static.tumblr.com/mfp5qld/PPHlko6ca/icon_facebook.png') 0 0 no-repeat;}
      a .twitter {background: url('http://static.tumblr.com/mfp5qld/6PTlko6lv/icon_twitter.png') 0 -27px no-repeat;}
      a:hover .twitter, a:active .twitter {background: url('http://static.tumblr.com/mfp5qld/6PTlko6lv/icon_twitter.png') 0 0 no-repeat;  }
      a .dribbble {background: url('http://static.tumblr.com/mfp5qld/oUZlko8j7/icon_dribbble.png') 0 -27px no-repeat;}
      a:hover .dribbble, a:active .dribbble {background: url('http://static.tumblr.com/mfp5qld/oUZlko8j7/icon_dribbble.png') 0 0 no-repeat;  }
      a .lastfm {background: url('http://static.tumblr.com/mfp5qld/CWwlko84s/icon_lastfm.png') 0 -27px no-repeat;}
      a:hover .lastfm, a:active .lastfm {background: url('http://static.tumblr.com/mfp5qld/CWwlko84s/icon_lastfm.png') 0 0 no-repeat;}
      */
      
      a .flickr {background: url('http://static.tumblr.com/mfp5qld/avHlko909/icon_flickr_alt.png') 0 -27px no-repeat;}
      a:hover .flickr, a:active .flickr {background: url('http://static.tumblr.com/mfp5qld/avHlko909/icon_flickr_alt.png') 0 0 no-repeat;}
      a .facebook {background: url('http://static.tumblr.com/mfp5qld/Gb8lko8tk/icon_facebook_alt.png') 0 -27px no-repeat;}
      a:hover .facebook, a:active .facebook {background: url('http://static.tumblr.com/mfp5qld/Gb8lko8tk/icon_facebook_alt.png') 0 0 no-repeat;}
      a .twitter {background: url('http://static.tumblr.com/mfp5qld/GkVlko8w9/icon_twitter_alt.png') 0 -27px no-repeat;}
      a:hover .twitter, a:active .twitter {background: url('http://static.tumblr.com/mfp5qld/GkVlko8w9/icon_twitter_alt.png') 0 0 no-repeat;}
      a .dribbble {background: url('http://static.tumblr.com/mfp5qld/WOFlko8qm/icon_dribbble_alt.png') 0 -27px no-repeat;}
      a:hover .dribbble, a:active .dribbble {background: url('http://static.tumblr.com/mfp5qld/WOFlko8qm/icon_dribbble_alt.png') 0 0 no-repeat;}
      a .lastfm {background: url('http://static.tumblr.com/mfp5qld/CAmlko8vn/icon_lastfm_alt.png') 0 -27px no-repeat;}
      a:hover .lastfm, a:active .lastfm {background: url('http://static.tumblr.com/mfp5qld/CAmlko8vn/icon_lastfm_alt.png') 0 0 no-repeat;}
      

     ol#posts {
        margin: 80px auto 300px auto;
        padding-bottom: 200px;
		height: 100%;     }

ol#posts li.post{
width: 300px;
list-style:none;
padding: 0;
background: #F7F7F7;
border: 2px solid #F7F7F7;
margin: 5px;

   }

ol#posts li.post:hover{

border: 2px solid #f6f6f6;

   }
   
    ol#posts li.post img {
   overflow:hidden;
   max-width: 100%;
 }
   
ol#posts li.photo:hover img {
opacity: 0.9;
cursor: pointer;
}

.post .info_bar {
	width: 100%;
	position: absolute;
	bottom: 8px;
	left: 5px;
	text-align: left;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	
}
.post:hover .info_bar {
	opacity: 1;
	cursor: pointer;
}
.post .info_bar a {
	text-decoration: none;
}
.post .info_bar img {
	margin: 0 0px -6px 0;
}
.post .info_bar .notecount {
	background: rgba(0,0,0,0.5);
	border: rgba(0,0,0,0.2) solid 1px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	filter: dropshadow(color=rgba(0,0,0,0.5), offx=0, offy=1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}
.post .info_bar .notecount span {
	color: #FFF;
}

 ol#posts li.post:hover{
   background: #EEE;
 }

 ol#posts li .caption {
    margin-top:12px;
 }
 
 
 #tiles{
 list-style-type: none;
position: relative;
margin: 0;}


 
 ol#posts li .caption p{
  margin: 8px auto 0 auto;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11pt;
color: #444;
line-height: 1.4;
text-align: center;
}

p.quote {
  font-style: italic;
}
 
ol#posts li.chat ul.chat {
  list-style: none;
}



.audio_player {
  margin: 20px auto 0 auto;
  width: 210px;
}

ul.tags {
margin-top: 2px;
margin-bottom:20px;
}
ul.tags li {
 list-style:none;
 display: inline;  
 font-size: 12px;
 padding-right: 5px;
}
ul.tags li a{
 color: #4A98DF; 
 font-style: italic;
 text-decoration: none;
 font-size: 10px;
}

ul.tags li a:hover, .dateauthor a:hover{
   text-decoration: none;
}
 
 .notecircle {
    width: 50px;
    height: 50px;
    background: url('http://static.tumblr.com/mfp5qld/kB2lkhett/notebutton.png');
    z-index: 5;
    position: relative;
    margin: -20px 0 0 240px;
    
 }
 
 .notecircle p{
    padding: 18px 0 0 1px;
    font-family: Georgia, serif;
    font-size: 15px;
    text-align: center;
    color: #4a98df;
    font-style: italic;
    font-weight: bold;
 }
 
 .dateauthor a{
  font-size: 12px;
  font-family: 'Helvetica', arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
 }
 
 .dateauthor {
    margin-top: -15px;  
 }
 
 .dateauthor .date a{
    color: #222;
    }
     .dateauthor .date a:active{
position: relative;
top: 1px;
}

 .dateauthor .author a{
    padding-left: 3px;
    color: #6E6E6E;
    text-transform: capitalize;
 }


.dividerbar {
 width: 100%;
 height: 1px;
 background: #DFDFDF;
 margin-top: 30px;  
 margin-bottom: 20px;
}


#permalinkpage {
   margin: 0 auto;
   width: 82%
 }

  #permalinkpage .topblock .topblockleft {
width: 70%;
float:left;
}

  #permalinkpage .topblock .topblockright {
width: 28%;
overflow:hidden;
float:right;
margin-top: 20px;
}

 #permalinkpage .topblock .highresimage {
  margin-left: 0;
  display: block;
  -webkit-box-shadow: 0 8px 26px -7px #777;
-moz-box-shadow: 0 8px 26px -7px #777;
box-shadow: 0 8px 26px -7px #777;
 }

 #permalinkpage .topblock .highresimage img {
  border: solid 9px #F7F7F7;
  display: block;
  margin: 12px auto 0 auto;
  width: 98%;

}
#permalinkpage .topblock .dateauthor {
   margin: 20px 0 30px 0;
   text-align: center;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
  width: 200px;
 }

 #permalinkpage .topblock .highresimage p{
 }
 
 .images a{
 }
 
 ol.notes{
 	width: 70%;
 	border-bottom: 1px solid #DDD;
 	border-left: 1px solid #DDD;
 	border-right: 1px solid #DDD;
	background: #FFF;
  	margin: 20px auto 30px auto;
	float:left;
    list-style: none;
   font-size: 10px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       border-radius: 3px;
      
 }
 
 ol.notes li, ol.notes p {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size: 1.1em;
color: #999;
border-top: 1px solid #DDD;
padding: 8px 0 8px 23px;
position: relative;
}

ol.notes li a{
color: #999;
}
 
 
.sidemeta .tags li {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 0.847em; line-height: 1;
}
.sidemeta .tags li a {
	float: left;
	display: inline;
	padding: 5px 7px 6px;
	background: #d6d6d6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
}
.sidemeta .tags li a:hover {
	color: #fff;
	border: none;
	background-color: #F09C2E;

}
 
 ol.permalinkbg{
 background:#F7F7F7 !important;
 border-radius: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
 }
 #permalinkpage h3 a{
   font-size: 24pt;
   text-decoration: none;
   color: #333;
   padding-bottom: 20px;
 }
 
 #permalinkpage h3 a:hover{
 color: #555;
 }

 #permalinkpage ul.tags {
   margin: 10px auto 30px auto;
   text-align: center;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
 }

 #permalinkpage .caption {
   margin: 20px 0 10px 0;
   text-align: center;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
  width: 200px;
  float:right;
 }



.sidemeta {
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
       border-radius: 2px;
             }
       
 .sidemeta ul.info {
 list-style: none;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 background: #FFF;


  }
  
  ol#posts #permalinkpage .topblock .topblockright .sidemeta ul.info li p {
  color: #999;
  font-size: 11px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  }

 .sidemeta ul.info li{
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size: 11px;
color: #999;
border-top: 1px solid #DDD;
padding: 10px 0 10px 36px;
position: relative;
line-height: 1.385;
background: url('http://static.tumblr.com/qxrkgx6/ozblzcu6g/meta-sprite.png') no-repeat 10px 2px;
}
 
 
  .sidemeta ul.info li a{
  color: #999;}

    .sidemeta ul.info li.notes {
 background-position: 12px -99px;
 }
 .sidemeta ul.info li.links {
background-position: 12px -264px;
 }
 .sidemeta ul.info li.date {
 background-position: 12px -45px;
  }
 .sidemeta ul.info li.reblog {
 background-position: 12px -209px;
 }
   .sidemeta ul.info li.source {
 background-position: 12px -318px;
 } 
   .sidemeta ul.info li.theme {
 background-position: 12px -154px;
 }  
 
  .sidemeta ul.info li img{
margin: 0 6px -7px 0;
 }
 
   .sidemeta ul.info .fb-like{
margin: 0 6px -7px 0;
 }
 
   .sidemeta ul.info li.social {
   padding: 8px 0 10px 23px;
   background: none;
   }

 .fb_edge_widget_with_comment {
 width: 86px;
 }
 
#toTop {
position: fixed;
bottom: 80px;
right: 20px;
cursor: pointer;
background: url(http://static.tumblr.com/mfp5qld/vuVlmu56e/totop.png) no-repeat;
text-indent: -9999px;
width: 51px;
height: 51px;
display:none;
}

p.footer {
	display: block;
	width: 400px;
    font-family: 'Helvetica', arial, sans-serif;
    font-size: 10pt;
    margin: 10px auto 10 auto;
    padding-bottom: 200px;
    text-align: center;
    color: #777;
}

h1 a .pink {color:#F36;}
h1 a .blue {color:#39F;}
h1 a .orange {color:#F09C2E;}
h1 a .greenish {color:#3F9;}