/*
	Blog Layout and Stylings for Leatherman.com
*/

	/* blog layouts */
	/* ------------------------------------- */
	#main > div{ overflow:hidden; padding:0px 10px 0px 10px; }
	#blog-right-col{ float:right; width:280px; }
	
		
		/* blog header */
		/*-------------------------------------- */
		#blog-header h1, html.ledlenser #blog-header h1{ margin:0px; font-size: 34px; padding:0px }
		
		/* blog post */
		/*-------------------------------------- */	
		.post{ margin-bottom:30px; padding:0px 6px;}
			#blog-posts .post{border-bottom: 2px solid #aaa;}
			.post-title, .post-title a{ font-size: 22pt; margin: 17px 0px -4px 0px; }
			.post-title-focus, .post-title-focus { font-size:22pt; margin:0px; font-family: ProximaNova-Bold,Arial,sans-serif; color:#5F6062; }
			.post-title-focus, .post-title-focus a,
			html.ledlenser .post-title-focus, html.ledlenser .post-title-focus a{ font-size:22pt; margin:0px; font-family: ProximaNova-Bold,Arial,sans-serif; color:#5F6062; }
			#post-category-list {font-size:1.1em;}
			#post-category-list ul{padding-left:15px; padding-top: 0px; margin:2px 0px; display:inline;padding-left:10px;}
			#post-category-list li{display:inline-block; margin-right:4px;}
			#post-category-list li:after{content:"/"; padding-left:6px;}
			#post-category-list li:last-child:after{content:""; padding-left:6px;}
			.post-date{ font-weight:bold; font-size:16px; margin-top: 10px;}
			div.header .post-date{
				margin-top: 6px;
			}
			.post-description , .post-body{ margin-top:15px; }
			.post-description{ font-size:14px; }
			.post-body{ font-size:14px; margin-left:auto; margin-right:auto; font-family: ProximaNova-Regular; margin-top:0px;}
			.post-body, #blog-main-col .header{  }
			.post-body ol {font-size: 14px; list-style: decimal outside none !important;}
			.post-body ol, .post-body ul, .post-body li {font-size: 16px !important;}
			.post-body ul {list-style: circle outside none !important;}
			.post-body p {text-align:justify; }
			.post-body p a, .post-body li a, .post-body ul a, .post-body ol a {font-size: inherit; text-decoration: underline; text-transform: none !important;}
			.post-body img , .featured-img { display:block; max-width:100%; margin-left:auto; margin-right:auto; }
			.post-body iframe{ display:block; margin:1em auto;}
			.post-links{ margin:15px 0px 15px 0px; padding-bottom: 10px;}
			.post-comment-link{ float:right;}
			.post-comments{}
			.post-comments .comment{}
			.post-comments > h2{ margin: 15px 0px; font-size: 40px; color: #999; }
			
			/* social media */
			/*-------------------------------------- */	
			#facebook-share-button{	background: #eceef5; border: 1px solid #cad4e7; 
									height:24px; line-height:24px; width:121px; text-align:center; margin-bottom:8px; 
									-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
			#facebook-share-button, #facebook-share-button a{ color: #3b5998; font-size:12px; text-transform: none;}
			
			/* post comments */
			/*-------------------------------------- */	
			#post-comments div{ font-size:14px !important; font-family: ProximaNova-Regular,Arial,sans-serif !important;}
			#post-comments h2{ margin: 20px 0px;font-family: ProximaNova-Bold,Arial,sans-serif; color:#5F6062; font-size:22pt; }
			#post-comments .comment-body{margin-bottom:5px; overflow:hidden; border-bottom:1px dashed #333; margin-bottom:4px;}
			#post-comments .comment-author{font-size:12pt; line-height:32px; margin-bottom: 8px;}
			#post-comments cite{ margin-left: 6px; }
			#post-comments .comment-author img{float:left;}
			#post-comments .comment-meta{line-height:8px;}
			#post-comments p{ margin:10px 0px 0px 0px;})
			#post-comments .comment-body p{padding-left: 0px; margin: 10px 0px; clear:both; }
			#post-comments .reply{ float:right; }
			#post-comments a{ font-size: 15px;}
			#post-reply input[type="text"], input[type="password"], textarea {padding:0.3em 0.5em; margin-bottom:0.2em; }
			#post-reply button { font-family: ProximaNova-Semibold;}
			#blog-right-col select {padding:0.3em; height:2em;font-family: ProximaNova-Regular,Arial,sans-serif;}
			#blog-right-col #category-container {margin-bottom:10px;}
			/* new comment */
			/*-------------------------------------- */	
			.post-reply{ background-color:#f6f6f6; overflow:hidden; padding-bottom:30px; margin:20px 40px; width:65%;}
			.post-reply h3 { margin: 15px 30px; font-size: 26px; color: #999;}
			.post-reply div{ margin: 4px 30px 0px 30px; }
			.post-reply input, .post-reply textarea{ margin-left: 15px; font-size:12pt;}
			.post-reply button{ margin-left: 15px; font-size:14pt;}
			.post-reply button { padding:10px; background-color:#999; color:#fff;}
			.post-reply input, .post-reply textarea{ width:80%;}
			.post-reply textarea{ height:100px;}
			
			/* comment reply */
			/*-------------------------------------- */	
			#comment-reply-box{ margin:0px; clear:both;}
			
			/* comment status */
			/*-------------------------------------- */
			.comment-status {	background-color: #ffffe0; border: 1px solid #e6db55; margin: 4px 0px; clear:both;
								-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
								color: #000; padding: 10px; font-size: 20px; text-align: center; }
			
			
			
		/* blog footer */
		/* ------------------------------------- */
		#post-count{ font-size: 19px; text-align: center; }
		#more-posts { text-align:center; margin: 30px 0px;}
		#more-posts a{ padding: 10px 30px; background-color: #999; color: #fff; font-size:16px; }
	
		/* sidebar */
		/* ------------------------------------- */
		#blog-right-col h4{ font-size:16px; margin: 24px 0px 9px 0px; text-transform:uppercase; }
		#blog-right-col h4:first-child{margin:4px 0px 9px 0px;}
		#blog-right-col ul{ padding:0px 30px 0px 11px; }
		#blog-right-col ul, #blog-right-col ul a{ font-size:14px; }
		#blog-right-col ul a{font-size:14px; font-family:ProximaNova-Regular, Arial, sans-serif; }
		#blog-right-col li{ margin-bottom: 14px; line-height: 20px; }
		#blog-tags{ margin-bottom: 10px; padding-left:0px; margin-left: 11px; word-wrap:break-word; }
		#blog-right-col #blog-tags{padding:15px; background: #eee; }
		/*#blog-right-col select *{ dispay:inline-block; padding:6px;       }*/
		
		#blog-main-col > .blog-social{display:none; font-size: 15pt; border-bottom: 1px solid #ccc;}
		#blog-main-col > .blog-social > h4{ margin: 5px 0px; font-size: 15px; }
		#blog-main-col > .blog-social > ul{ margin:10px 0px;}
		#blog-social-media-links{padding:0px; }
		#blog-social-media-links li{ display: inline-block; width:35px; height:35px; margin-right:9px;}
		#blog-social-media-links li a{ width:30px; height:30px; display:inline-block;  background: url("../images/footer-social-icons.png") no-repeat left top;}
		#rss-feed-link{ background-image: url("../images/rss_feed_icon.png") !important; }
		
		
		/* blog error */
		/* ------------------------------------- */
		#blog-post-error{ text-align:center; }
		#blog-post-error p, #blog-post-error a{ font-size:19pt }
		#blog-post-error p{ margin-bottom: 80px;}
		#blog-post-error a{ color: #aaa; }
	
	/* responsive media queries */
	/* ------------------------------------- */
	@media (max-width: 960px) {
		.post{ margin-bottom:25px;}
		#blog-header h1, .post-title-focus{font-size: 4vw; margin-top: 25px;}
		#blog-right-col{ display:none; }
		#post-count{display:none;}
		#more-posts{display:none;}
		ol.breadcrumb{display:none;}
		/* show mini social media */
		#blog-main-col > .blog-social{display:block;}
		/* space out post links */
		.post-links{padding: 22px 0px;}
		
		/* Comments */
		#post-comments ul{padding: 0px;}
		ol.children{padding: 0px 0px 0px 15px;}
		/*post reply*/
		.post-reply {margin:0px;}
		.post-reply div {margin: 4px 5px 0px 5px;}
		.post-reply input, .post-reply textarea, .post-reply h3{width: 80%;}
		.post-reply h3 {margin: 15px 19px;}
	}
	
	@media (max-width: 480px) {
	
		#blog-header h1, .post-title-focus{
			font-size: 6vw;
		}
		
		.post-title, .post-title a {
			font-size: 17pt;
			padding-bottom: 14px;
		}
		
		#blog-posts .post {
    		border-bottom: 1px solid #CCC;
		}
	}
	
/*
	Aditional Layouts for LED Lenser
*/
	

	html.ledlenser #blog-right-col li {
		margin-bottom: 19px;
		line-height: 31px;
	}