/*
* Name: Blog Manager
* Version: 1.3.3
* Author: Echothemes
* Author URL: http://www.echothemes.com
* Copyright (c) 2011 - 2013  Echothemes. All right Reserved

* This stylesheet is adapted to work with Fortis Opencart Theme
*/

#blogCatArticles { 
	margin-bottom:25px;
	overflow:hidden;
	font-size:0;
}
#blogCatArticles p iframe {
	width: 100% !important; 
}
.livemarks a { 
	background: url(../image/livemarks.png) no-repeat; 
	float:right; 
	height: 20px !important; 
	margin-top:-45px; 
	width: 20px !important; 
}
#blogArticle .articleHeader h1 a, #blogCatArticles .articleHeader h3, #blogCatArticles .articleHeader h3 a { 
	font-size:24px; 
	margin:0 0 10px 0; 
}
#blogArticle .articleHeader h1 a:hover, #blogCatArticles .articleHeader h3 a:hover { 
	
}
#blogCategory { 
	margin-bottom:25px; 
	overflow:hidden;
	
}
.articleCat { 
	margin-bottom:25px; 
	display:inline-block;
	vertical-align:top;
	font-size:12px;
}
.articleHeader { 
	margin-bottom:15px;
}
.articleHeader span, .articleHeader span a { 
	color:#777;  
}
.articleHeader span a { 
	font-style:italic; 
	text-decoration:none; 
}
.articleHeader span a:hover { 
	text-decoration:underline; 
}
.articleContent { 
	overflow:hidden; 
}
.articleContent img { 
	max-width:100%;
	height:auto !important;
}
#blogCatArticles .imageFeatured {   
	margin:0 20px 15px 0; 
	float:left;
}
div.articleCat div a img {   
	border-radius: 2px;
	padding:0;
}
#blogCatArticles .imageFeaturedLink .imageFeatured:hover {
	opacity:0.9;
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;
}
#blogCatArticles .articleContent span ol, #blogCatArticles .articleContent span ul { 
	float:left; 
}
.articleContent .readMore { 
	padding:10px 0px 20px;
	border-bottom:1px solid #eeeeee;
}
.articleContent .readMore span { 
	margin-right:10px; 
}
.readMore a { 
	font-size:12px; 
	text-decoration:none;
	color:#222222;
	
}
.articleContent .readMore span:nth-of-type(1) a { 
	background: url(../image/blogcomment.png) 0px 0px no-repeat;
	padding-left:20px;
}
.articleContent .readMore span a:hover { 
	
}
#blogArticle { 
	 
}

.tags-update { 
	text-align:left; 
	margin-top:10px; 
}
.tags-update .tags { 
	display:block;
	margin-bottom:10px;
	color:#ffffff;
	line-height:30px;
}
.tags-update .tags b { 
	color:#333333;
}
.tags-update .tags a { 
	font-size:11px;
	color:#333333;
	padding:0px 8px 0px 14px;
	display:inline-block;
	line-height:22px;
	background:#eeeeee url(../image/blogtag.png) 0px 0px no-repeat;
	white-space:nowrap;
	-moz-border-radius:0px 2px 2px 0px; 
	-webkit-border-radius:0px 2px 2px 0px; 
	border-radius:0px 2px 2px 0px;
}
.tags-update .tags a:hover { 
	color:#000000;
}
.updateInfo { 
	color:#777777;  
	display:block; 
}
.articleBottom { 
	margin-top:20px; 
}
.articleBottom > div { 
	
}
.addthis_toolbox {
	height:20px;
	padding:5px 0px 20px 0px
}
.addthis_toolbox .addthis_button_tweet {
	margin-left:15px;
	margin-right:-15px;
}
.addthis_toolbox .custom_feed {
	margin-left:-15px;
}
.articleBottom h4, #blogCategory h4 { 
	margin:20px 0 10px; 
	font-size:16px; 
	clear:both; 
	letter-spacing:0; 
}
.articleBottom ul, #blogCategory ul { 
	margin:0 0 0 20px; 
	padding:0; 
	list-style:none; 
	float:left; 
	width:40%; 
}
.articleBottom li, #blogCategory li { 
	padding:3px 0; 
	padding-left:15px; 
	background:url(../image/arrow.gif) no-repeat 0 7px; 
}
.articleBottom #articleRelated { }
.articleBottom #productRelated { }
#productRelated .box-product { 
	width:100%; 
	margin:0; 
}
#productRelated .relProduct { 
	width:19%; 
	margin:0 0 15px; 
	background:none; 
	padding:0; 
	text-align:center; 
}
#blogArticle .attention img { 
	margin:0 10px; 
}
#articleComments { 
	margin:20px 0; 
	padding:10px 15px; 
	background:#f6f6f6; 
	border-top:4px solid #bbb; 
	border-bottom:2px solid #c8c8c8; 
}
#articleComments h4 { 
	margin:0 0 10px; 
	font-size:20px; 
	letter-spacing:0; 
}
#articleComments h4 span { 
	font-size:14px; 
	font-weight:normal; 
}
#articleComments #comments { 
	overflow:hidden; 
}
#comments .commentEmpty { 
	background:#fff; 
	padding:8px 10px;
	border:1px solid #d8d8d8; 
	margin-bottom:10px;
}
#comments .commentList { 
	list-style:none; 
	padding:0; 
	margin:15px 0 0; 
}
.commentList li { 
	border:1px solid #ddd; 
	min-height:75px; 
	padding:10px 10px 10px 90px; 
	margin-bottom:10px; 
	position:relative; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px; 
}
.childComment li { 
	border:1px solid #fff; 
}
.commentList li .avatar { 
	background:#eee; 
	padding:2px; 
	border:1px solid #ddd; 
	position:absolute; 
	left:10px; top:10px;
}
.commentList li .badge {  
	background:#222; 
	padding:2px 5px;
	color:#fff; 
	font-size:10px; 
	margin-right:5px; 
	cursor:default;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px;
}
.commentList li .default {  
	background:#0555C6; 
}
.commentList li .top, .commentList li .admin {  
	background:#FF0000; 
}
.commentList li .name, .commentList li .name a {  
	font-size:15px; 
	text-decoration:none; 
	cursor:default; 
}
.commentList li .name a {  
	cursor:pointer; 
}
.commentList li .name a:hover {  
	text-decoration:underline; 
}
.commentList li .created {  
	font-size:10px; 
	color:#888; 
	margin:2px 0 8px; 
}
.commentList li .reply {  
	text-align:left; 
	height:30px; 
	margin-top:15px; 
}
.commentList li .reply a {  
	background:#D7D7D7; 
	color:#333333; 
	font-size:12px; 
	padding:6px 10px; 
	text-decoration:none; 
	display:inline-block;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px;
}
.commentList .even {  
	background:#fff; 
}
.childComment .even {  
	background:#f8f8f8; 
}
.commentList .odd {  
	background:#eee; 
}
.childComment .odd {  
	background:#e6e6e6; 
}
#comments .pagination {  
	font-size:11px; 
	color:#666; 
	border:none; 
	padding:0; 
}
#comments .pagination .links a, #comments .pagination .links b {  
	font-size:10px; 
	padding:2px 5px; 
}
#comments .pagination .links a { 
	background:#fff; 
	color:#666; 
}
#comments .pagination .links b {  
	background:#0481CF; 
	color:#fff; 
}
#articleComments #commentRespond {  
	padding:15px 0; 
}
#commentRespond h4 {  
	font-size:18px; 
}
#commentRespond #commentTitle {
	margin-bottom:10px;
}
#comments #commentTitle {  
	display:none; 
}
#commentRespond #replyTitle {  
	display:none; 
}
#comments #commentRespond {  
	margin-top:15px; 
	border-top:1px solid #ccc; 
}
#comments #replyTitle {  
	display:block; 
	margin-bottom:10px; 
}
#commentRespond #cancelCommentReply {  
	float:right; 
	margin-top:-28px;
	margin-right:10px; 
}
#commentRespond table {  
	width:100%; 
}
#commentRespond input[type="text"], #commentRespond textarea {  
	
}
#commentRespond input[disabled]  {  
	background:none; 
	border:none; 
}
#commentRespond input[type="text"]  {  
	/*width:200px;*/ 
}
#commentRespond .captcha input[type="text"]  {  
	width:85px; 
}
#commentRespond textarea {  
	display:block; 
}
#commentRespond td {  
	padding:3px 5px; 
}
#commentRespond .note {  
	font-size:10px; 
	color:#888;
	margin-left:5px;
}
#commentRespond td:first-child {  
	width:125px; 
	vertical-align:top; 
	padding-top:6px; 
}
#commentRespond td.captcha {  
	padding-top:0; 
}
#commentRespond td.captcha div {  
	overflow:hidden; 
}
#commentRespond td.captcha span {  
	float:right; 
	min-width:120px; 
}
#commentRespond td.captcha span.captchaImage {  
	padding-top:9px; 
	margin-right:25px; 
}
#commentRespond .error {  
	font-size:11px; 
	color:#d00; 
	display:inline-block; 
	margin:0 8px; 
}
#commentRespond .right {  
	text-align:left;
	padding-top:10px;
}
.blogSearch {  
	margin:15px 0; 
	overflow:hidden; 
}
.blogSearch ul {  
	line-height:20px; 
	list-style:none; 
	margin:0; 
	padding:0; 
}
.blogSearch a {  
	text-decoration:none; 
}
.blogSearch .title {  
	font-size:14px; 
}
.blogSearch .info, .blogSearch .readmore {  
	color:#888; 
	font-style:italic; 
	font-size:11px; 
}
.blogSearch img {  
	background:#f8f8f8; 
	padding:3px; 
	border:1px solid #e8e8e8; 
}
.blogSearch p {  
	margin:0; 
}
.blogSearch .plain {  
	padding-left:20px; 
	margin-bottom:15px; 
}
.blogSearch .plain li {  
	padding-left:15px; 
	background:url(../image/arrow.gif) no-repeat 0 6px; 
}
.blogSearch .plain .info {  
	margin-left:15px; 
}
.blogSearch .compact { }
.blogSearch .compact li {  
	width:47%; 
	margin-bottom:20px;
	float:left; 
	padding:0 1.5%; 
}
.blogSearch .compact div {  
	margin-left:110px; 
}
.blogSearch .compact .title {  
	font-size:18px; 
}
.blogSearch .compact .info {  
	display:block; 
}
.blogSearch .compact img {  
	float:left; 
}
.blogSearch .grid { }
.blogSearch .grid > div {  
	display:inline-block; 
	vertical-align:top; 
	margin-bottom:25px;
}
.blogSearch .grid img {  
	margin:0 auto; 
	display:block; 
	margin-bottom:8px;
}
.blogSearch .grid .info {  
	display:block; 
	font-size:10px; 
}
#tab-related-article {  
	overflow:hidden;
}
#tab-related-article ul {  
	line-height:20px; 
	list-style:none; 
	margin:0; 
	padding:0; 
}
#tab-related-article li {  
	width:31%; 
	float:left; 
	padding:0 2% 0 0; 
	overflow:hidden;
	margin-bottom:15px;
}
#tab-related-article a {  
	text-decoration:none;
}
#tab-related-article .blogTitle {  
	font-size:14px;
}
#tab-related-article .blogImage {  
	float:left; 
	margin-right:10px; 
}
#tab-related-article .info {  
	color:#888; 
	font-style:italic; 
	font-size:11px; 
	display:block;
	margin-right:8px; 
}
#tab-related-article img {  
	background:#f8f8f8; 
	padding:3px; 
	border:1px solid #e8e8e8; 
}
#tab-related-article p {  
	margin:0; 
}
.blockClear:after {  
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0;	
}

/* Blog Class Suffix */
#blogCatArticles.imageBlock .imageFeatured {  
	display:block; 
	margin:0 auto 15px; 
	float:none; 
}
/* 1 column */
.imageFeatured {   
	padding-right:15px;
}
/* 2 columns */
.blogCol2 .articleCat {  
	width:48%; 
	padding:0px; 
	margin:0 4% 25px 0px;
}
.blogCol2 .articleCat:nth-of-type(2n) {  
	margin-right:0;
}
/* 3 columns */
.blogCol3 .articleCat {  
	width:31%; 
	padding:0px; 
	margin:0 3.5% 25px 0;
}
.blogCol3 .articleCat:nth-of-type(3n) {  
	margin-right:0;
}
#blogCatArticles.blogCol3 .articleCat .articleHeader h3 a {  
	font-size:18px;
}
#blogCatArticles.blogCol3 .articleCat .articleHeader h3 {
	line-height:20px;
}
/* 4 columns */
.blogCol4 .articleCat {   
	width:23%; 
	padding:0px; 
	margin:0 2.5% 25px 0;
}
.blogCol4 .articleCat:nth-of-type(4n) {  
	margin-right:0;
}
#blogCatArticles.blogCol4 .articleCat .articleHeader h3 a {  
	font-size:16px;
}
#blogCatArticles.blogCol4 .articleCat .articleHeader h3 {
	line-height:18px;
}
#blogCatArticles.blogCol4 .articleCat .articleContent .readMore span:nth-of-type(2) a { 
	display:none;
}

.blogCol2 .imageFeaturedLink, .blogCol3 .imageFeaturedLink, .blogCol4 .imageFeaturedLink {  
	display:block;
	height:auto !important;
}
.imageContent {  
	background:#f4f4f4; 
	padding:4px; 
	margin:0 10px 10px 0; 
	border:1px solid #e4e4e4; 
}

/* Responsive design start */
/* Fix to avoid style on IE 7-8 */
@media only screen and (max-width: 999px) {
.articleCat {  
	height:auto !important;
}
.blogSearch .grid > div, #tab-related-article li {  
	width:98% !important;
}
.blogSearch .grid img {  
	float:left;
	margin-right:15px;
}
.blogSearch .compact li {  
	width:97%; 
}
}
@media only screen and (max-width: 420px) {
/* Article page */
.commentList li .avatar {
	position:static;
}
.commentList li { 
	padding-left:10px; 
}
}
/* Article listings */
@media only screen and (max-width: 520px) {
/* 1 column */
#blogCatArticles .imageFeatured {   
	float:none;
}
/* 2 columns */
.blogCol2 .articleCat {  
	display:block;
	width:100%; 
}
.blogCol2 .articleCat:nth-of-type(2n+1) {  
	margin-left:0%;
}

}
/* 3 columns */
@media only screen and (max-width: 620px) {
.blogCol3 .articleCat, .blogCol4 .articleCat {  
	display:block;
	width:100%; 
}
.blogCol3 .articleCat:nth-of-type(3n), .blogCol3 .articleCat:nth-of-type(4n) {  
	margin-left:0%;
}
#blogCatArticles.imageBlock .imageFeatured {  
	margin:0 auto 15px 0; 
}
}