/*
Theme Name: iPin
Theme URI: http://ericulous.com/2012/09/21/wp-theme-ipin-pinterest-clone/
Author: Genkisan
Author URI: http://ericulous.com/
Description: Pinterest inspired design
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: pinterest, photo, gallery, portfolio
*/

body {
background: #f2f2f2;
padding-top: 65px;
padding-bottom: 15px;

}

/* Top Menu */
#topmenu {
border-top: 3px solid #2f2f2f;
}

.navbar-default {
background-color: #fff;
}

.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #fff;
}

#topmenu .logo {
height: 50px;
overflow: hidden;
padding: 0;
}

#topmenu .nav > .active > a,
#topmenu .nav > .active > a:hover,
#topmenu .nav > .active > a:focus {
background-color: #f7f7f7;
}

#topmenu .nav > li > a:focus,
#topmenu .nav > li > a:hover {
background-color: #fbfbfb;
}

#topmenu ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}

#topmenu .dropdown-menu {
background-color: #fbfbfb;
border: 1px solid #f5f5f5;
border-bottom: none;
margin: 0;
padding: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

#topmenu .dropdown-toggle {
cursor: pointer;
}

#topmenu .dropdown-menu li a {
border-bottom: 2px solid #f5f5f5;
padding-top: 5px;
padding-bottom: 5px;
}

#topmenu .dropdown-menu > li:last-child a {
border-bottom: 1px solid #f5f5f5;
}

#topmenu .dropdown-menu li a:hover, #topmenu .dropdown-menu li a:focus {
background-color: #39b3d7;
color: #fff;
}

#topmenu .dropdown-menu .active > a {
background-color: #fbfbfb;
color: #333;
}

#topmenu .dropdown-menu .active > a:hover {
background-color: #39b3d7;
color: #fff;
}

#topmenu .dropdown-menu .dropdown-menu {
left: 100%;
position: absolute;
top: 0;
display: none;
}

#topmenu .dropdown-menu li:hover .dropdown-menu {
display: block;
}

#topmenu .dropdown-menu .dropdown > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}

#topmenu .dropdown-menu .dropdown:hover > a:after {
border-left-color: #ffffff;
}

#topmenu #searchform {
margin-right: -15px;
}

#topmenu .navbar-form .search-query {
box-shadow: none;
width: 120px;
}

.topmenu-social {
color: #c5c5c5;
float: right;
font-size: 16px;
margin: 13px 20px 0 0;
}

.topmenu-social:hover {
color: #39b3d7;
}


/* Masonry */
#masonry {
margin: 0 auto;
min-height: 250px;
visibility: hidden;
}

#masonry .thumb {
background: #fff;
border: 1px solid #e5e5e5;
font-size: 0.9em;
float: left;
margin: 0 6px 12px 6px;
padding: 10px 10px 5px 10px;
position: relative;
width: 200px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;

}

#masonry .sticky {
background: #ffd;
}

#masonry .masonry-actionbar {
display: none;
height: 25px;
position: absolute;
top: 5px;
width: 200px;
text-align: center;
}

#masonry .masonry-actionbar button {
font-weight: bold;
}

#masonry .thumbtitle {
line-height: 1.3em;
margin: 6px 0;
text-align: center;
}

#masonry img {
width: 100%;
}

#masonry a {
color: #000;
}

#masonry a:hover {
text-decoration: none;
}

#masonry .masonry-meta {
border-top: 1px solid #f5f5f5;
clear: both;
color: #888;
font-size: 0.9em;
line-height: 1.3em;
padding: 5px 0;
}

#masonry .masonry-meta a {
color: #a1a1a1;
font-style: italic;
}

#masonry .masonry-meta a:hover {
color: #39b3d7;
}

#masonry .masonry-meta-author {
font-weight: bold;
}

#masonry .masonry-meta-comment {
margin-left: 35px;
}

#masonry .masonry-meta-avatar {
float: left;
height: 25px;
margin: 2px 0px 5px 0;
width: 25px;
}

#masonry .masonry-meta-avatar img {
border-radius: 50%;	
}

#ajax-loader-masonry {
left: 50%;
margin-left: -12px;
position: absolute;
top: 48%;
}

.ajax-loader {
background: transparent url("img/ajax-loader-2.gif");
height: 24px;
margin: 0 auto;
vertical-align: middle;
width: 24px;
}

#infscr-loading { 
background: #000;
bottom: 0;
color: #fff;
left: 50%;
margin-left: -60px;
opacity: 0.3;
padding: 5px;
position: fixed;
text-align: center;
width: 120px;
z-index: 100;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#infscr-loading img {
width: 43px;
}


/* Post */
.post-wrapper {
background: #fff;
border: 1px solid #e5e5e5;
margin-bottom: 50px;
}

.post-wrapper .h1-wrapper {
border-bottom: 1px solid #eee;
}

.post-wrapper .h1-wrapper h1 {
font-size: 1.5em;
line-height: 1.3em;
margin: 10px 25px;
text-align: center;
}

.post-wrapper .post-content {
margin: 25px;
}

.post-wrapper .post-content img {
max-width:100%;
height: auto;
}

.post-wrapper .post-meta-top {
margin: 0 25px;
padding: 5px 0 15px 0;
}

.post-wrapper .post-comments {
border-top: 1px solid #eee;
padding-top: 20px;
}

.post-wrapper .post-comments-wrapper {
margin: 0 25px;
}

.subpage-title h1 {
font-size: 1.8em;
line-height: 1.2em;
padding-bottom: 0.6em;
margin-bottom: 5px;
text-align: center;
}

.subpage-title p {
border-top: 3px double #ccc;
padding: 8px 0;
text-align: center;
}


/* Navigation */
#navigation {
clear: both;
}

#navigation .pager a, .post-wrapper .pager a {
border-radius: 5px;
}

#navigation .pager a:hover, .post-wrapper .pager a:hover {
background-color: #39b3d7;
color: #fff;
}

#scrolltotop {
bottom: 0;
position: fixed;
right: 15px;
z-index: 999;
}

#scrolltotop a {
color: #666;
display: block;
font-weight: bold;
line-height: 1em;
padding: 10px 20px;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: rgba(252,252,252, 0.9);
}

#scrolltotop a:hover {
color: #444;
text-decoration: none;
}


/* Comments */
.post-comments .commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}

.post-comments .commentlist li {
list-style: none;
padding-bottom: 1em;
}

.post-comments .commentlist ul.children li {
margin: 1em 0 0 0;
padding: 0;
}

.post-comments .comment-avatar {
float: left;
padding: 3px 10px 0 0;
}

.post-comments .comment-avatar img {
border-radius: 50%;
}

.post-comments .comment-reply-link {
padding: 2px 6px;
font-size: 0.8em;
line-height: 15px;
color: #888;
border: 1px solid #ddd;
border-radius: 4px;
}

.post-comments .comment-reply-link:hover {
background-color: #e6e6e6;
*background-color: #d9d9d9;
background-position: 0 -15px;
text-decoration: none;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

.post-comments .comment-content {
color: #333;
padding-bottom: 5px;
}

.post-comments .comment-content-with-avatar {
margin-left: 45px;
width: 80%;
}

.post-comments span.bypostauthor, .post-comments span.bypostauthor a.url {
background-color: #aaa;
color: #fff;
padding: 0 3px;
border-radius: 3px;
}

.post-comments span.bypostauthor a.url:hover {
background-color: #39b3d7;
text-decoration: none;
}

.post-comments span.bypostauthor:hover {
background-color: #39b3d7;
}

.post-comments #reply-title {
color: #666;
font-size: 18px;
}

.post-comments blockquote p {
font-size: 1em;
}

#commentform .commentform-input {
color: #666;
width: 33%;
}

#commentform label {
font-weight: normal !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 97%;
}

#commentform .commentform-input:nth-child(3) {
margin-right: 0;
}

#commentform .commentform-field {
width: 94%;
}

#commentform textarea {
width: 97%;
}

.post-comments #submit {
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #333;
background-color: #fff;
border-color: #ccc;
margin: 15px 0 5px;
padding: 10px;
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}

.post-comments #submit:hover {
text-decoration: none;
background-color: #39b3d7;
border-color: #269abc;
}


/* Sidebar */
.sidebar {
clear: both;
color: #666;
padding-top: 8px;
}

.sidebar a {
color: #999;
}

.sidebar > ul {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fafafa;
margin: 0;
padding: 0;
}

.sidebar ul > li {
border-top: 1px solid #fafafa;
border-bottom: 1px solid #e5e5e5;
list-style: none;
margin: 0;
padding: 5px 0;
}

.sidebar ul > li ul {
border: none;
}

.sidebar ul > li ul li {
border: none;
}

#double-left-column {
float: right;	
}


/* Footer */
#footer {
color: #7f7f7f;
margin: 20px auto 0 auto;
}

#footer a {
color: #a5a5a5;
}


/* Images */
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.gallery-caption {
color: #888;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

embed,
iframe,
object,
video {
max-width: 100%;
}


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
background-color: #f5f5f5;
border: 1px solid #ddd;
margin: 10px auto;
max-width: 95%;
padding: 10px 10px 0 10px;
text-align: center;
}

.wp-caption img {
margin: 0 0 5px 0;
padding: 0;
overflow: hidden;
width: 100%;
}

.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 5px 5px 5px;
}


/* Media Queries */
@media (max-width: 767px) {
	body {
	padding-top: 0;
	}
	
    .navbar-fixed-top {
    position: relative;
    top: auto;
    }
	
	#topmenu .navbar-collapse {
	max-height: none;
	}
	
	#topmenu .navbar-nav {
	margin-bottom: 0;
	margin-top: 0;
	}
	
	#topmenu .navbar-collapse .dropdown-menu {
	display: block !important;
	width: 100%;
	}
	
	#topmenu .nav > li {
	clear: both;
	}
	
	#topmenu #nav-main ul li a {
	background: #f7f7f7;
	border-top: 1px solid #fff;
	color: #333;
	}
	
	#topmenu #nav-main ul li a:hover {
	background: #efefef;
	color: #333;
	}

	#topmenu #nav-main > ul > li:first-child > a {
	border-top: none;
	}

	#topmenu .dropdown .dropdown-menu {
	background: #f7f7f7;
	left: 0;
	position: relative;
	top: 0;
	}

	#topmenu .dropdown .dropdown-menu li a {
	padding: 10px 30px;
	}

	#topmenu .dropdown .dropdown-menu .dropdown ul {
	padding-left: 20px;
	}

	#topmenu .open .dropdown-menu > li > a {
	color: #333;
	}

	#topmenu .dropdown-menu .dropdown > a:after {
	display: none;
	}
	
	#topmenu .dropdown .caret {
	display: none;
	}

	#topmenu #searchform .search-query {
	width: 50%;
	}

	#topmenu #searchform {
	margin-top: 0;
	}

	#topmenu #topmenu-social-wrapper {
	float: left;
	}
	
	#topmenu .topmenu-social {
	margin-top: -5px;
	margin-bottom: 3px;	
	}
	
	#double-left-column {
	float: none;
	}
	
	.post-wrapper .post-meta-top .pull-right {
	display: none;
	}
	
	#scrolltotop {
	right: 5px
	}

	#scrolltotop a {
	padding: 5px 10px;
	}
	
	.sidebar {
	padding-top:0;	
	}
}

@media (max-width: 480px) {
	#masonry .thumb {
	width: 89%;
	}
	
	#masonry img {
	height: auto !important;
	width: 100% !important;
	}
	
	#infscr-loading img {
	width: 43px !important;
	}
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.ajax-loader {
	background: transparent url("img/ajax-loader-2@2x.gif");
	background-size: 24px 24px;
	}
}