/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Blog Styling
 */
 
 /* General layout */
#blog-wrapper {padding:0; /*position:relative;*/}
#blog-wrapper.gallery .itemList  { margin: 1.5em 0 3em }
#blog-wrapper.gallery div.catItemView  { margin: 1.5em 10px 0 10px }
#blog-wrapper div.clr, div.clr, div.blogItemsBlock li.clearList {position:absolute; top:-999em; clear:none;}
div#itemListLeading,
div#itemListPrimary,
div#itemListSecondary {}

/*div.portfolio #itemListLeading,
div.portfolio  #itemListPrimary,
div.portfolio  #itemListSecondary {margin-bottom: 1.5em;}*/

div.itemList > div:last-child {/*margin-bottom: 1.5em !important;*/}
div.portfolio div.itemList > div:last-child {/*margin-bottom: 3em !important;*/}

/* user */
.userBlock h2{ margin: 0; line-height: 1}

div.userBlock p.userAdditionalInfo {
    border-top: 0 none;
    margin: 0;
    padding: 0;
}
div.userBlock {
    background: #F6F6F6;
    border: 0 none;
    box-shadow: 0 0 0 1px #ddd inset; -webkit-box-shadow: 0 0 0 1px #ddd inset;
	border-radius: 3px; -webkit-border-radius: 3px;
    padding: 0.75em 10px;
	overflow:hidden;
	margin: 0 0 1.5em 0
}
div.userBlock img {
    background: #FFFFFF;
    border: 0 none;
    box-shadow: 0 0 2px #CCCCCC;  -webkit-box-shadow: 0 0 2px #CCCCCC;
	border-radius: 3px; -webkit-border-radius: 3px;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
	height: 90px !important; width: auto !important;
}

div.userBlock div.userAdditionalInfo {
    margin: 0;
    padding: 0;
	border:0;
}
div.userBlock div.userAdditionalInfo p {margin-bottom: 0;}

div.userItemList {}
div.userItemsCategory {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

div.userItemsCategory span.category_Title { position:absolute; top:0; right:20px; }

div.userItemList {padding:0;}
span.userItemDateCreated {
    color: #999;
    font-size: 12px !important;
    margin: 0;
}
div.userItemHeader h3.userItemTitle {
    font-family: Helvetica, Verdana, Aria, sans-serif;
    font-size: 20px;
    line-height: 0.9;
    margin: 0 0 0.9em 0;
    font-weight: normal;
    padding: 0;
}
div.userItemBody {padding:0}
div.userItemCategory { border:0; margin: 0 /*10px 0 0*/; padding: 0 5px 0 0; font-size:11px; line-height:1.6363;display:inline;}
div.userItemCategory span {color: #222; font-weight: bold; padding: 0; }
div.userItemIntroText {padding:0;}
div.userItemLinks {margin: 0;}

div.userItemView {padding: 0 0 1.5em; border:0; margin-bottom: 1.5em;}
div.userItemView:last-child {padding-bottom: 0}

div.userItemTagsBlock ul.userItemTags li {background: none;}

div.catItemTagsBlock ul.catItemTags li a, 
div.itemTagsBlock ul.itemTags li a, 
div.latestItemTagsBlock ul.latestItemTags li a, 
div.userItemTagsBlock ul.userItemTags li a {
	color: #fff; font-size: 10px; text-transform:uppercase; text-decoration:none; 
	background: #555; padding: 0 5px; margin-left: 3px; display: inline-block;
	border-radius: 3px; -webkit-border-radius: 3px;
	text-shadow: none !important;
}

div.catItemTagsBlock ul.catItemTags li a:hover,
div.itemTagsBlock ul.itemTags li a:hover, 
div.latestItemTagsBlock ul.latestItemTags li a:hover,
div.userItemTagsBlock ul.userItemTags li a:hover { text-decoration: none; background: #333; color:#fff}

div.userItemTagsBlock span {
    color: #222;
    font-weight: bold;
    padding: 0 5px 0 0;
}

div.userItemTagsBlock ul.userItemTags  {display:inline;}

div.userItemTagsBlock {
	margin-left:10px;
    border-bottom: 0;
    padding: 0;
	font-size:11px; line-height:1.6363;
	display:inline;
}
div.userItemCommentsLink, div.userItemReadMore {text-transform:uppercase; font-size:11px;line-height:1.6363; margin: 1.6363em 10px 1.6363em 0;}
div.itemCommentsForm form span#formLog {
    color: #cc0000;
    font-weight: bold;
    margin: 15px 0 0;
    padding: 0;
}

div.userItemCommentsLink, div.userItemReadMore {display:inline}


/* Comments */
#commentform {  }
#comments { margin: 1.5em 0; float: left }
#comments label { font-size: 12px }

#comments p.comment-notes {color: #999; margin: 0 0 1.5em; border-top: 1px solid #ddd; padding: 15px 0 0}

#comments p input[type="text"],
#comments p textarea { margin: 0 }
.comment-meta > a{
    display: block;
}

#comments p textarea { width: 97.5%; display: block; margin: 0 auto }

@media screen and (min-width:280px) and (max-width:480px) {	
	#comments h3 { width: 93%; display: block; margin-left: auto; margin-right: auto }
	#comments p.logged-in-as,
	#comments p.comment-notes,
	#comments p label,
	#comments p input[type="text"],
	#comments p textarea { width: 93%; display: block; margin: 0 auto }
}

ol.commentlist li {list-style: none}
.comment-author img {float: left; margin-right: 10px; border-radius: 3px; -webkit-border-radius: 3px; }


/* item page */
div.itemHeader {}
div.itemDateCreated { color: #999999; font-size: 11px !important; line-height:1.6363; display:inline !important; margin: 1.5em 0 }
span.itemAuthor {color:#999;display:inline !important; line-height:1.6363 !important; font-size: 11px;}

div.itemCategory {display:inline; float:right;}
div.itemTagsBlock ul.itemTags li {background: none}

div.itemBody {
    margin: 0;
    padding: 0;
	background: url(../img/pb3.png) repeat-x left bottom;
}

div.itemView {
    border-bottom: 0;
    margin: 0 0 1.5em !important;
    padding: 0 !important;
}
div.itemHeader h2.itemTitle {
    font-family: Helvetica, Verdana, Aria, sans-serif;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 0.5em 0;
    font-weight: 300;
    padding: 0;
}

div.itemHeader h2.itemTitle span sup {
    left: -999em;
    position: absolute;
}
div.itemImageBlock {
    margin: 1.5em 0 0;
    padding: 0;
}


span.itemImage {
    margin: 0; text-align:left;
}
span.itemImage a {line-height:0; display:block;}
span.itemImageCaption, span.itemImageCredits {margin: 0 0 1.6363em; font-size: 11px; line-height: 1.6363;}

div.itemIntroText {
    font-size: 100%;
    font-weight: normal;
    line-height: normal;
    padding: 0;
	margin-top: 1.5em;
	clear:both;
}

div.itemAuthorBlock {
    background: #fff;
    border: 0 none;
    background: url(../img/pb3.png) repeat-x left bottom;
    margin: 3em 0 1.5em;
    padding: 0.75em 10px;
	overflow:hidden;
	clear:both;
}

div.itemAuthorBlock img.itemAuthorAvatar {
    background: #FFFFFF;
    border: 0 none;
    box-shadow: 0 0 2px #CCCCCC;  -webkit-box-shadow: 0 0 2px #CCCCCC; 
    border-radius: 3px; -webkit-border-radius: 3px;
	display: block;
    float: left;
    margin: 0 15px 8px 0;
    padding: 0;
	width: auto;
	height: 64px;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {border:0;}

div.itemAuthorBlock div.itemAuthorDetails {
    margin: 0;
    padding: 0;
}
div.other-articles {background:url(../img/pb2.png) repeat-x bottom; overflow:hidden;}
.other-articles li { background:none }
div.itemAuthorLatest, div.itemRelated {clear:right; margin-bottom: 1.5em; float:left; width: 48%; }
div.itemRelated { border-left: 1px solid #eee;  padding: 0 0 0 15px;}
div.itemAuthorLatest h3, div.itemRelated h3 {margin:0}
div.itemAuthorLatest ul, div.itemRelated ul {margin:0 !important;}
div.itemCommentsForm h3, div.itemComments h3.itemCommentsCounter {
    margin: 0;
    padding: 0;
}
div.itemCommentsForm h3 { padding: 10px 0;}
div.itemComments h3.itemCommentsCounter { padding: 0; margin: 0 0 1.5em}

div.itemCommentsForm p.itemCommentsFormNotes {
    border-top: 2px solid #eee; color:#999;
}


div.itemCommentsForm form label {color:#333;}
div.itemCommentsForm form textarea.inputbox {
    width: 608px; max-width: 98%; min-width: 98%; height: 180px; min-height:90px; max-height:360px;
}
div.itemCommentsForm form input#submitCommentButton {
    background: #fff;
    border: 0 none;
    display: block;
    font-size: 10px;
    margin: 16px 0 0;
    padding: 3px 5px;
}

div.itemCommentsForm form .inputbox {color: #999; font-family: Helvetica, Arial, sans-serif;}

div.itemCommentsForm form input#submitCommentButton:hover,
div.itemCommentsForm form input#submitCommentButton:focus {background: #ccc;}

div.itemComments ul.itemCommentsList li {
    background: none;
    border-bottom: 0;
    clear: both;
    margin: 0 0 3em;
    padding: 0;
}
div.itemComments ul.itemCommentsList li img {
    background: #FFFFFF;
    border-bottom: 0;
    margin: 0 10px 0 0;
    padding: 0;
	box-shadow: 0 0 0 1px #ddd inset;  -webkit-box-shadow:0 0 0 1px #ddd inset;
	height:54px !important; width:auto !important;
}
div.itemComments ul.itemCommentsList li span.commentDate {
    border-right: 1px solid #CCCCCC;
    font-size: 12px; color:#999;
    font-weight: normal;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
    font-size: 12px;
    font-weight: normal; color:#999;
}
div.itemComments ul.itemCommentsList li p {padding:0;margin:0;color:#333;}

div.itemCommentsPagination {
    margin: 0 0 1.5em;
    padding: 0;
}
div.itemExtraFields {
    border-top: 0;
    margin: 1.5em 0 0;
    padding: 0;
}

div.itemExtraFields ul li,
div.catItemExtraFields ul li {background:none; padding: 0;}
div.itemExtraFields h3 { padding: 0;}
div.itemExtraFields ul { margin: 0 0 1.5em !important;}
div.itemExtraFields ul li span.itemExtraFieldsLAbel { font-weight: normal; width: 20%;color:#999;}

div.itemNavigation {
    background: none;
    border-bottom: 0 none;
    border-top: 0 none;
    margin: 1.5em 0;
    padding: 0;
	clear:both;
}

span.itemImage img {width: 100% !important; height: auto; border-radius: 3px; -webkit-border-radius: 3px }

/* category */
div.itemList {margin-top:1.5em; /*overflow:hidden;*/ clear:both;}
div.itemListCategoriesBlock {}
div.catItemView { padding: 0; position:relative;}
div.catItemIntroText { padding: 0; margin-top: 0; float:left; width: 64.9%; 	}

div.itemIntroText img,
div.catItemIntroText img { border-radius: 3px; -webkit-border-radius: 3px; }

div.catItemBody {padding: 0; background: url(../img/pg.png) repeat-x left top; overflow: hidden;}
div.catItemBody.media {background:0; }
div.catItemBody.has-image { background: none;}
div.itemListCategory p {margin:1.5em 0 0;}
div.itemListCategory { background: #f6f6f6; border: 0;margin: 1.5em 0; padding: 1.5em 15px; box-shadow: 0 0 0 1px #ddd inset; -webkit-box-shadow: 0 0 0 1px #ddd inset; border-radius: 3px; -webkit-border-radius: 3px;}
div.itemListCategory img { border-radius: 3px; -webkit-border-radius: 3px;
    background: none; border: 0; margin: 0 10px 0 0; padding: 0;
	height:54px !important; width: auto !important;
}
div.catItemHeader span.catItemDateCreated {
    font-size: 14px;
	line-height:1.285;
	/*margin: 1.5em 10px 0 20px 0 13px 0;*/
	display:block;
}
div.catItemHeader span.catItemAuthor {
    display: block;
    margin: 0;
    padding: 0;
	display:inline;
	font-size: 12px;
}
div.catItemHeader span.catItemAuthor a {}
div.catItemHeader h2.catItemTitle {
    font-size: 28px;
    line-height: 1.285;
    margin: 0 0 0.643em 0;
    font-weight: 300;
    padding: 0;
	position:relative;
	letter-spacing: -0.05em
}
div.catItemHeader h2.catItemTitle span {
    position: absolute;
    right: 0;
    top: 1px;
}

div.catItemImageBlock.media {margin: 1.5em 0 0}
div.catItemImageBlock {
    margin: 0;
    padding: 0;
}

span.catItemImage {
    margin: 0;
    text-align: left;
	display:inline-block
}
span.catItemImage {}
span.catItemImage a { display:block; line-height:0;}
span.catItemImage img { border-radius: 3px; -webkit-border-radius: 3px }
.has-image span.catItemImage img { width: 100% !important }
span.catItemDateCreated {font-size: 11px; line-height: 1.6363; font-weight:bold; color: #111;}
div.catItemCategory { border-bottom: 0; padding: 0; font-size: 12px; display:inline;font-size: 11px; line-height: 1.6363; }
.post-categories{ list-style: none; margin:0; padding: 0;}
.post-categories li{ list-style: none; margin:0; padding: 0; display: inline;}
span.catItemAuthor { display:inline; font-size: 11px; line-height: 1.6363; }
div.catItemTagsBlock { border-bottom: 0; padding: 0;  /*font-size: 11px; line-height: 1.6363;*/ }
div.catItemTagsBlock span {clear:both; width:100%; float:left;}
div.catItemCategory span, div.catItemTagsBlock span { font-weight:bold; font-size: 11px; line-height: 1.6363; color:#111; padding:0; font-family: Helvetica, Verdana, Arial, sans-serif;}

div.catItemLinks {    
    margin: 0;  clear:both;
    padding: 1.5em 0 0;
    background: url(../img/pg.png) repeat-x left top;
}

div.catItemLinks > div {display: inline-block}

div.catItemHitsBlock {
    border-bottom: 0;
    padding: 0;
}
span.catItemHits {font-size: 11px; line-height: 1.6363;}
span.catItemHits b {color:#111}
div.catItemView div.catItemCommentsLink {display:block; border:0;margin:0;padding:0;}
div.catItemCommentsLink span {font-size: 11px;}
div.catItemCommentsLink a, div.catItemReadMore a { text-transform:uppercase }
div.catItemView div.catItemCommentsLink a {line-height: 1.6363}

div.itemContainer { /*padding-bottom: 1.5em;*/ margin-bottom: 3em;}
div.itemListView.portfolio div.itemContainer { /*padding-bottom: 1.5em;*/ margin-bottom: 0;}
div.itemContainer:last-child/*, div.itemContainerLast*/  {/*margin-bottom:0 !important;*/ padding-bottom:0 !important;}
div.itemComments {
    background: #f9f9f9;
	border:0;
	box-shadow: 0 0 0 1px #eee inset; 
	-webkit-box-shadow: 0 0 0 1px #eee inset;
    padding: 1.5em 15px;
	clear:both;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.catItemTagsBlock ul.catItemTags li {background:none; display:inline-block;}
div.catItemTagsBlock ul.catItemTags li a {/*line-height: 1.8*/}

div.subCategory { background: none;  border: 0; margin: 0 0 1.5em; padding: 0;}
div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover {float:left;}

div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
    background: none;  border: 0; margin: 0 10px 0 0;  padding: 0;
	height:54px; width: auto;
}

div.subCategoryContainer {
    width: 50% !important; margin: 0 0 1.5em;
}

div#itemListLinks { background: none; border: 0; margin: 0; padding: 1.5em 0 0; clear:both; overflow:hidden;}
div#itemListLinks div.itemContainer {margin:0;padding:0;}
div#itemListLinks h4 {margin:0;}
div#itemListLinks h2.catItemTitle {font-size:12px;line-height:1.5; margin:0;}
div.subCategory h2 {margin-top:0}

div.catItemView h2.catItemTitle a{ color:#333;}
div.catItemView h2.catItemTitle a:hover,div.catItemView h2.catItemTitle a:active,div.catItemView h2.catItemTitle a:focus{ /*color:#10B7E1;*/}


/* category */
div.catItemBody.has-image  div.catItemArticleTools {
    background: rgb(35,35,35);
    background: rgba(0,0,0,0.7);
	color:#eee;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    text-align: right;
    top: 150px; width: 30%;
	border-radius: 0 3px 3px 0;	-webkit-border-radius: 0 3px 3px 0;
	border-right: 0
}

div.catItemBody.has-image  div.catItemArticleTools a:hover {color:#fff}

div.catItemBody.has-image  div.catItemCategory span,
div.catItemBody.has-image  div.catItemArticleTools span.catItemHits b,
div.catItemBody.has-image  div.catItemArticleTools span.catItemDateCreated {color:#fff}

div.catItemBody.has-image div.catItemIntroText {width: 100%}

.itemContainer.format-video .has-image p:first-child { margin-top: 0 }

div.catItemHeader h2.catItemTitle {}

div.catItemVideoBlock h3, div.itemVideoBlock h3 {display:none;}
div.catItemVideoBlock, div.itemVideoBlock {
    background: none;
    margin: 1.5em 0 0;
    padding: 0;
}

div.catItemBody.has-image div.catItemVideoBlock {margin: /*1.5em 0*/ 0}

div.catItemVideoBlock div.catItemVideoEmbedded {text-align:left;}
div.catItemVideoBlock div.catItemVideoEmbedded p {margin:0; text-align:center}

div.itemTagsBlock ul.itemTags, div.catItemTagsBlock ul.catItemTags {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div.userItemTagsBlock ul.userItemTags li,
div.latestItemTagsBlock ul.latestItemTags li, 
div.catItemTagsBlock ul.catItemTags li, 
div.itemTagsBlock ul.itemTags li {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
	background: none;
}

div.catItemTagsBlock {}

div.catItemReadMore {}

a.blogReadMore {
	background-image: url(../img/arrow-w.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #444;
    border: 0;
    border-radius: 3px; -webkit-border-radius: 3px;
    color:#eee; font-weight:bold; text-shadow: none !important;
    font-family: Helvetica,Verdana,Arial,sans-serif !important;
    font-size: 10px;
	display:inline-block;
    padding: 1px 7px 1px 17px;
    text-decoration: none;
    text-transform: uppercase;
	text-align:center;
	-moz-transition: background-color 0.2s ease-out 0s; 
	-webkit-transition: background-color 0.2s ease-out 0s; 
	transition: background-color 0.2s ease-out 0s; 
}

.browserIE9 div.catItemReadMore a.blogReadMore {padding-top: 1px}
.browserIE8 div.catItemReadMore a.blogReadMore,
.browserIE7 div.catItemReadMore a.blogReadMore {padding-top: 0px}

div.catItemReadMore a.blogReadMore:hover { /*background-color: #10B7E1 !important;*/ color:#fff !important; background-image: url(../img/arrow-w.png);}

div.portfolio.cols-2 div.catItemReadMore,
div.portfolio.cols-3 div.catItemReadMore,
div.portfolio.cols-4 div.catItemReadMore {text-align:left; width:100%; float:none; clear:both; margin: 0 0 1.5em}

div.portfolio.cols-2 div.catItemReadMore a,
div.portfolio.cols-3 div.catItemReadMore a,
div.portfolio.cols-4 div.catItemReadMore a {text-align:left; float:none; margin:0}

div.tagcloud a {
	border-radius: 3px; -webkit-border-radius: 3px;
	background: #ccc;
	padding: 0px 0.5em 0px 0.5em; margin: 0 5px 0.75em 0;
	font-size: 10px !important;
	color:#fff; font-weight: bold;
	line-height:14px;height:15px; display:inline-block;
}

div.tagcloud a {}

/* define class according to counts */
div.tagcloud a.c2 {background-color: #bbb;}
div.tagcloud a.c3 {background-color: #aaa;}
div.tagcloud a.c4 {background-color: #999;}
div.tagcloud a.c5 {background-color: #888; }
div.tagcloud a.c10 {background-color: #777; }
div.tagcloud a.c25 {background-color: #666; }
div.tagcloud a.c50 {background-color: #555; }
div.tagcloud a.c100 {background-color: #444; }
div.tagcloud a.c250 {background-color: #333; }
div.tagcloud a.c500 {background-color: #222; }
div.tagcloud a.c1000 {background-color: #111; }
div.tagcloud a.c2500 {background-color: #FF6600; }
div.tagcloud a.c5000 {background-color: #ff3000; }
div.tagcloud a.c10000 {background-color: #D80E0E; }


div.tagcloud a:hover {
    background: #fff; 
	color:#333;
}

div.tagcloud {
    padding: 1.5em 0;
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
    background-color: transparent !important;
}

/* masonry portfolio */
#blog-wrapper.portfolio div.itemList {margin-top:0; margin-bottom: 1.5em}

div.portfolio.cols-2 h2.catItemTitle,
div.portfolio.cols-3 h2.catItemTitle,
div.portfolio.cols-4 h2.catItemTitle {font-size:16px; text-transform:none; line-height:1.125; margin:1.125em 0; letter-spacing: -0.01em;}

div.portfolio.cols-2,
div.portfolio.cols-3,
div.portfolio.cols-4 {margin: 0 -10px}

div.portfolio.cols-2 div.itemContainer,
div.portfolio.cols-3 div.itemContainer,
div.portfolio.cols-4 div.itemContainer { display:inline-block; vertical-align: top; }

div.portfolio.cols-2 div.itemContainer div.catItemView,
div.portfolio.cols-3 div.itemContainer div.catItemView,
div.portfolio.cols-4 div.itemContainer div.catItemView {margin: 0 10px; }

div.portfolio.cols-2 div.itemContainer {width: 49.9%}
div.portfolio.cols-3 div.itemContainer {width: 33.2%}
div.portfolio.cols-4 div.itemContainer,
div.portfolio.cols-5 div.itemContainer,
div.portfolio.cols-6 div.itemContainer {width: 24.9%}

div.portfolio.cols-2 span.catItemImage img,
div.portfolio.cols-3 span.catItemImage img,
div.portfolio.cols-4 span.catItemImage img,
div.portfolio.cols-5 span.catItemImage img,
div.portfolio.cols-6 span.catItemImage img { /*max-width: 98%; width: 98% !important*/ }

div.portfolio.cols-2 div.catItemBody.media span.catItemImage img,
div.portfolio.cols-3 div.catItemBody.media span.catItemImage img,
div.portfolio.cols-4 div.catItemBody.media span.catItemImage img {max-width: 100% !important; width: 100% !important}

div.portfolio div.catItemHeader h2.catItemTitle {}

div.itemExtraFields,
div.catItemExtraFields {margin:0}

div.catItemExtraFields.portfolio ul li span.catItemExtraFieldsLabel {
    color: #111111;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 45%;
}