/* Js-Kit Echo theme */
 
/* colors */
.js-singleCommentBg { background-color:#FFFFFF; }
.jsk-PrimaryBackgroundColor { background-color: #FFFFFF; }
.jsk-SecondaryBackgroundColor { background-color: #f4f4f4; }
.jsk-PrimaryHighlightColor { color: #fffea9 }
.jsk-SecondaryHighlightColor { color: #ffff00 }
.jsk-PrimaryFontColor { color: #3a3a3a; }
.jsk-SecondaryFontColor { color: #636363; }
.jsk-ThreadWrapper a, .jsk-LinkColor { color: #005BAA; }
.jsk-H1Color { color: #878487; }
.js-kit-miniProfile { background-color:#FFFFFF; }
.jskit-MenuContainer { background-color:#FFFFFF; }
.jskit-MenuItemMO { background-color: #EDEDED; }
 
/* fonts */
.jsk-PrimaryFont, .jsk-CommentFormSurface input { font-family: arial, helvetica, sans-serif; font-size:1em; }
.jsk-PrimaryFont { font-size: 1em; font-weight: normal; }
.jsk-H1Font { font-size: 1.38em; font-weight: bold; line-height: 1.4em; }
.jsk-LinkFont, .jsk-ThreadWrapper a, .jsk-ThreadWrapper a:hover { text-decoration: none; font-weight: normal; }


/* Custom non style-guide changes */
.js-CommentsArea { width: 584px; margin-left:20px; }

.js-kit-miniProfile-name { color:#343434; }
.js-kit-linksContainerTitle { font-size:0.8em; font-weight:normal; color:#343434; }

/* Change link colour to our blue */
.js-kit-linksItem-link,
.jskit-MenuTitle,
div.js-kit-profileComments div.js-singleCommentOrigin a,
.js-CreateComment .js-kit-tab-title { color:#005BAA; }

div.js-kit-profileComments div.js-singleCommentBg span.js-singleCommentDate { color:#636363; }

/* Use Arial as the font */
div.js-kit-profileComments div,
.jskit-controller { font-family: arial, helvetica, sans-serif; }

/* Elements with 0.9em font size */
div.js-kit-profileComments div.js-singleCommentBg span.js-singleCommentDate,
.js-CommentsSkin-echo .js-singleCommentDate,
.js-kit-from-to-menu-title,
.jskit-GoogleLikeMenuBar { font-size:0.9em; }

/* Elements with 1.0em font size */
div.js-kit-profileComments div.js-singleCommentOrigin a,
div.jskprof-dataLoading-message div.jskprof-dataLoading-label,
.js-kit-privateMsgsNotice,
.js-singleCommentOrigin,
.js-singleComment,
input.jsk-CommentFormButton,
.js-kit-tab-title,
.js-singleCommentAvatar,
.js-kit-miniProfile-viewDetails,
.js-kit-follow-label, .js-kit-follow-description,
.js-kit-images-form .js-uploadImageInputLabel,
.jskit-MenuItemTitle { font-size:1em; }

/* Hide Echo branding - are we allowed to do this? */
.jsk-HeaderInfoBox, .js-poweredBy, .jsk-MenuAdmin, .js-singleViaLinkWrapper { display:none; }