/* =======================================================
/* BASE
/* ======================================================= */

body { background:#fff; font-size:14px; font-family:'share-regular','helvetica',arial,sans-serif; font-weight:400; }

h1 { font-size:3em; font-weight:400; color:#102c4c; }
h2 { font-size:2em; font-weight:400; color:#102c4c; }
h3 { font-size:1.6em; font-weight:400; color:#102c4c; }

/* =======================================================
/* HEADER
/* ======================================================= */

.header { background-color:#fff; border-bottom:6px solid #000; z-index:0; }

.headerBrand { float:left; width:30%; }
.headerBrand a { display:block; }
.headerBrand a img { display:block; width:100%; -ms-interpolation-mode:bicubic; }

.headerMain { float:left; width:70%; padding:10px 0 0; z-index:0; }
.headerMainMenu { margin:0; padding:0; float:right; z-index:0; }
.headerMainMenu li { position:relative; z-index:1; margin:0; padding:0; list-style:none; display:block; float:left; width:auto; }
.headerMainMenu li a { cursor:pointer; display:inline-block; padding:20px; color:#3f6786; font-size:1.6em; font-family:'share-regular','helvetica',arial,sans-serif; font-weight:400; text-transform:lowercase; text-decoration:none; }
.headerMainMenu li a:hover { color:#000; }
.headerMainMenu li.current-menu-ancestor a,
.headerMainMenu li.current-menu-item a { background-color:#000; color:#fff; }

	.sub-menu { position:absolute; z-index:1000000000; display:none; }
	.sub-menu li { float:none; clear:both; left:-50px; *left:-80%; *top:60px; /*left:-80%\9; top:60px\9;*/ }
	.sub-menu li a { padding:10px; font-size:1.3em; border:3px solid #000; width:200px; text-align:center; background:#000; color:#fff; }
	.sub-menu li a:hover { background-color:#fff; color:#000; }
	.headerMainMenu li.open .sub-menu { display:block; }

@media screen and (max-width:1024px) {
	.headerBrand, .headerMain { float:none; width:100%; clear:both; }
	.headerBrand a { width:50%; margin:0 auto; text-align:center; }
	.headerMain { display:table; }
	.headerMainMenu { float:none; display:table-row; }
	.headerMainMenu li { float:none; display:table-cell; }
	.headerMainMenu li a { display:block; padding:20px 0; text-align:center; }
}
@media screen and (max-width:750px) {
	.headerBrand a { width:80%; margin:0 auto; text-align:center; }
}
@media screen and (max-width:490px) {
	.headerMainMenu li a { font-size:1.3em; }
}

/* =======================================================
/* HEADER TITLE
/* ======================================================= */

h5.headerTitle { background:#000; height:11px; margin:0 5px 10px 5px; }
h5.headerTitle span { display:inline-block; background:#fff; color:#000; font-weight:400; font-size:12px; font-family:'share-regular','helvetica',arial,sans-serif; font-weight:bold; line-height:12px; height:12px; padding-right:10px; text-transform:uppercase; vertical-align:top; }

/* =======================================================
/* CONTENT > LAYOUT
/* ======================================================= */

.content { position:relative; z-index:0; margin-top:100px; }
.content .wrapper-inner { margin-top:100px; background-color:#fff; padding:60px; }

.contentMain { float:left; width:70%; padding-right:40px; }
.contentSide { float:left; width:30%; padding-bottom:40px; }

@media screen and (max-width:750px) {
	.contentMain, .contentSide { float:none; width:100%; clear:both; padding:0; }
	.contentSide { margin-top:30px; padding-bottom:40px; }
}

/*
ks blue = #15314e
nice blue = #2d6caf
orange = #ec8803

/* =======================================================
/* CONTENT > MAIN > FONTS
/* ======================================================= */

.contentMain h1 { color:#000; font-weight:700; }
.contentMain h2 { color:#15314e; padding-top:20px; font-weight:700; }
.contentMain h3 { color:#15314e; padding-top:10px; font-weight:700; }
.contentMain h4 { color:#2d6caf; }
.contentMain h5 { color:#2d6caf; }
.contentMain h6 { color:#2d6caf; }
.contentMain p { color:#333; font-weight:400; font-size:1.1em; font-family:'Open Sans','helvetica',arial,sans-serif; line-height:1.4em; margin-bottom:10px; }
.contentMain a { color:#2d6caf; border-bottom:1px dotted #afceee; text-decoration:none; }
.contentMain a:hover { color:#ec8803; border-bottom:1px dotted #fcdfba; }
.contentMain ul li { margin-left:30px; list-style:disc; }
.contentMain li { color:#333; font-weight:400; font-size:1.1em; font-family:'Open Sans','helvetica',arial,sans-serif; }
.contentMain li li { font-size:100%; font-family:'Open Sans','helvetica',arial,sans-serif; }
.contentMain ul li li { list-style:disc; }
.contentMain ol li li { list-style:lower-alpha; }

/* overwrites */
	
.contentMain h1 a { color:#000; border:0; }
.contentMain h1 a:hover { border:0; }

/* Content Paging */

.contentMainPaging { border-top:1px solid #ccc; padding-top:10px; }
.contentMainPaging a { display:inline-block; margin-top:10px; margin-bottom:10px; background-color:#ccc; color:#666; text-decoration:none; -webkit-border-radius:7px;border-radius:7px; padding:10px 20px; border:0; font-weight:bold; }
.contentMainPaging a:hover { background-color:#333; color:#fff; border:0; }
.contentMainPagingLeft { float:left; width:48%; margin-right:2%; text-align:left; }
.contentMainPagingRight { float:left; width:48%; margin-left:2%; text-align:right; }

/* =======================================================
/* CONTENT > MAIN > ARTICLE
/* ======================================================= */

.contentArticle { margin-bottom:50px; }

.contentArticleImage,
.contentArticleHeader,
.contentArticleDate,
.contentArticleBody,
.contentArticleFooter { clear:both; margin-bottom:20px; }

/* Article Image */

	.contentArticle img { max-width:100%; }

/* Article Header */
	
	.contentArticleHeader { border-bottom:1px solid #efefef; }
	.contentArticleHeader h1 { font-size:3em; }
	.contentArticleHeader h1 a { color:#15314e; }

/* Article Body */

	.contentArticleBody blockquote { border:0; background:#f8f8f8; border-top:1px solid #cfcfcf; }
	.contentArticleBody blockquote p { font-size:normal; }
	.contentArticleBody pre { margin-bottom:10px; }
	.contentArticleBody li { margin-left:30px; }

/* Article Date */

	.contentArticleDate { color:#828282; margin-bottom:30px; text-transform:uppercase; }

/* Article Footer */

	.contentArticleFooter { background-color:#f7f7f7; border-top:1px solid #dbdbdb; padding:20px; font-size:1em; line-height:1.4em; color:#8f8f8f; }
	.contentArticleFooter a { color:#828282; font-weight:700; }
	.contentArticleFooter a:hover { color:#000; }
	
	.contentArticleFooterCats,
	.contentArticleFooterTags { clear:both; padding-left:30px; }
	
	.contentArticleFooterCats { background:transparent url(../img/icon-category.png) no-repeat left top; padding-bottom:6px; }
	.contentArticleFooterTags { background:transparent url(../img/icon-tag.png) no-repeat left top; }

/* Article Socials */

	.contentArticleSocials { background-color:#f7f7f7; border-top:1px solid #dbdbdb; padding:20px; font-size:1em; line-height:1.4em; color:#8f8f8f; margin-bottom:20px; }
	.contentArticleSocials ul { margin:0; padding:0; }
	.contentArticleSocials ul li { list-style:none; margin:0; padding:0; float:left; margin-right:10px; }
	.contentArticleSocials ul li a { display:block; border:0; }
	.contentArticleSocials ul li a:hover { border:0; }
	.contentArticleSocials ul li:first-child { padding-top:6px; font-weight:bold; }

/* Article Pre */

	.syntaxhighlighter { border:1px solid #ccc; padding:4px; }
	.syntaxhighlighter .alt1 { background-color:#fff !important; }
	.syntaxhighlighter .alt2 { background-color:#f9f9f9 !important; }

/* =======================================================
/* CONTENT > AUTHOR INFO
/* ======================================================= */

.authorInfo { padding:10px 0 30px; }
.authorInfo img.avatar { float:right; margin:0 0 10px 10px; }
.authorInfo p { font-weight:300; }

/* =======================================================
/* CONTENT > SIDE
/* ======================================================= */

.contentSide { background:#fff url(../img/bg-sidebar-subnav.jpg) no-repeat left bottom; }
.contentSide .sidebarWidget { margin:0; padding-bottom:20px; background:#fff url(../img/bg-sidebar-subnav.jpg) no-repeat left center; }
.contentSide .sidebarWidget:first-child { background-position:left top; }
.contentSide .sidebarWidget h5 { margin:0 0 6px 20px; padding:0; }
.contentSide .sidebarWidget p { font-family:'Open Sans','helvetica',arial,sans-serif; font-weight:300; font-size:0.9em; }
.contentSide .sidebarWidget ul { margin:0; }
.contentSide .sidebarWidget ul li { list-style:none; margin:0; padding:0; }
.contentSide .sidebarWidget ul li a { display:block; border-bottom:1px dotted #efefef; font-family:'Open Sans','helvetica',arial,sans-serif; font-size:0.9em; font-weight:300; text-decoration:none; padding:10px 0 10px 20px; color:#8a8a8a; }
.contentSide .sidebarWidget ul li a:hover { color:#319acf; }

.contentSide .sidebarWidget form { padding:10px 0 10px 20px; }
.contentSide .sidebarWidget form label { display:block; padding:0; margin:0; font-family:'Open Sans','helvetica',arial,sans-serif; font-weight:300; font-size:0.9em; }
.contentSide .sidebarWidget form br { clear:both; height:1px; margin:0; padding:0; line-height:1px;}
.contentSide .sidebarWidget form input { font-family:'Open Sans','helvetica',arial,sans-serif; font-weight:400; font-size:0.9em; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
.contentSide .sidebarWidget form input[type="text"] { width:100%;  padding:4px; color:#000; outline:none; border:1px solid #ccc; }
.contentSide .sidebarWidget form input[type="text"]:focus { border-color:#000; }
.contentSide .sidebarWidget form input[type="submit"] { background:#2d6caf; border:0; margin:0; padding:6px 10px; color:#fff; }
.contentSide .sidebarWidget form input[type="submit"]:hover { background:#15314e; }

/* tagcloud */

.widget_tag_cloud .tagcloud { padding:10px 10px 10px 20px; }
.widget_tag_cloud .tagcloud a { color:#ccc; text-decoration:none; font-weight:300; line-height:1em; }
.widget_tag_cloud .tagcloud a:hover { color:#000; }

/* archives */
.widget_archive select { margin:10px 20px; }

/* search */
.widget_search form { padding:10px 10px 10px 20px; }

/* search */
.jetpack_subscription_widget form { padding:10px 10px 10px 20px; }

/* whitepaper */
.widget_ns_mailchimp input[type="submit"] { margin-top:6px; }

/* signup */
.jetpack_subscription_widget p { padding:10px 10px 0 20px; margin-bottom:0; }
.jetpack_subscription_widget form p { padding:0; margin-bottom:10px; }
.jetpack_subscription_widget .success p { color:rgb(4, 165, 49); }

/* =======================================================
/* CONTENT > SLIDER BG
/* ======================================================= */

.slidebg { position:relative; clear:both; width:100%; z-index:0; }
.slidebgWindow { 
	position:absolute; z-index:-1;
	height:580px; width:100%;
	background: rgb(221,228,235);
	background: -moz-linear-gradient(top, rgba(221,228,235,1) 0%, rgba(168,184,199,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,228,235,1)), color-stop(100%,rgba(168,184,199,1)));
	background: -webkit-linear-gradient(top, rgba(221,228,235,1) 0%,rgba(168,184,199,1) 100%);
	background: -o-linear-gradient(top, rgba(221,228,235,1) 0%,rgba(168,184,199,1) 100%);
	background: -ms-linear-gradient(top, rgba(221,228,235,1) 0%,rgba(168,184,199,1) 100%);
	background: linear-gradient(to bottom, rgba(221,228,235,1) 0%,rgba(168,184,199,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde4eb', endColorstr='#a8b8c7',GradientType=1 );
}

/* =======================================================
/* CONTENT > COMMENTS
/* ======================================================= */

h3.comments { font-weight:300; }

ol.commentlist { border-top:1px solid #dbdbdb; background-color:#f7f7f7; padding:4px; margin-bottom:20px; }
ol.commentlist li { list-style:none; padding:10px; border-bottom:1px solid #fff; background-color:#fefefe; font-family:'Open Sans','helvetica',arial,sans-serif; font-size:13px; font-weight:300; margin-bottom:2px; }
ol.commentlist li.depth-1 { padding-left:10px; }
ol.commentlist li.depth-2 { padding-left:50px; }
ol.commentlist li.depth-3 { padding-left:90px; }

.comment-body {}
.comment-author { padding:5px; border-bottom:1px solid rgb(228, 228, 228); margin-bottom:5px; background-color:#f9f9f9; overflow:hidden; font-style:normal; }
.comment-author .avatar { float:left; margin-right:10px; border:2px solid #fff; }
.comment-author cite { font-weight:700; font-style:normal;}
.comment-author a { border:0; }
.comment-author a:hover { border:0; }
.comment-meta { font-size:12px; margin-bottom:6px; }
.comment-meta a { color:#999; border:0; }
.comment-body p { font-family:'Open Sans','helvetica',arial,sans-serif; font-size:13px; font-weight:300; }

#respond p { font-family:'Open Sans','helvetica',arial,sans-serif; font-size:1em; font-weight:300; }

/* =======================================================
/* CONTENT > FOOTER > TWITTER FEED
/* ======================================================= */

.twitterFeed { clear:both; margin:20px 0 10px; background:transparent url(../img/shadow-down.jpg) no-repeat center top; padding-top:40px; overflow:hidden; }

.twitterFeedHeader { }

.twitterFeedBody { margin:0 5px; padding:60px 100px 60px 300px; background:#f4f7f7 url(../img/twitter-bg.png) no-repeat -100px 10px; }
.twitterFeedBody ul { margin:0; padding:0; width:100%; position:relative; overflow:hidden; }
.twitterFeedBody .tweet { clear:both; position:relative; width:100%; margin:0; padding:10px; list-style:none; color:#757f84; font-size:1em; font-weight:300; font-family:'Open Sans','helvetica',arial,sans-serif; }
.twitterFeedBody .tweetAuthor { float:left; width:20%; text-align:right; }
.twitterFeedBody .tweetAuthor img { border:4px solid #abcfe5; margin-right:10px; width:100%; max-width:56px; -ms-interpolation-mode:bicubic; }
.twitterFeedBody .tweetPost { float:left; width:80%; }
.twitterFeedBody .tweetPost .tweetPostText a { font-weight:700; text-decoration:none; border-bottom:1px dotted #cdd1d2; text-shadow:0 1px 1px #fff; }
.twitterFeedBody .tweetPost .tweetPostText a.twitterTag { color:#757f84; }
.twitterFeedBody .tweetPost .tweetPostText a.twitterUrl { color:#319acf; }
.twitterFeedBody .tweetPost .tweetPostText a.twitterUser { color:#086898; }
.twitterFeedBody .tweetPost .tweetPostDate { padding-top:4px; color:#c0c6c9; font-size:0.8em; font-weight:400; }
.twitterFeedBody .tweetPost .tweetPostText a:hover { color:#ec8803; }

@media screen and (max-width:1200px) {
	.twitterFeedBody { padding:40px 60px 40px 100px; }
	.twitterFeedBody .tweetAuthor { width:30%; }
	.twitterFeedBody .tweetPost { width:70%; }
}
@media screen and (max-width:1024px) {
	.twitterFeedBody { padding:20px; }
	.twitterFeedBody .tweetAuthor { width:30%; }
	.twitterFeedBody .tweetPost { width:70%; }
}
@media screen and (max-width:750px) {
	.twitterFeedBody .tweetAuthor { width:30%; }
	.twitterFeedBody .tweetPost { width:70%; }
}

/* =======================================================
/* FOOTER
/* ======================================================= */

.footer { clear:both; background-color:#050708; margin:0 5px; font-size:1.2em; line-height:1em; padding-bottom:40px; }

.footerLeft { float:left; width:40%; width:40%\9; color:#545454; padding:10px; line-height:1.3em; }
	
	.footerLeft .textwidget { background:transparent url(../img/footer-keyhole-software.png) no-repeat left top; padding:20px 0 0 110px; }
	.footerLeft .title {  font-weight:700; font-size:1.4em; }
	.footerLeft .phone { color:#808080; font-weight:700; font-size:1.3em; line-height:1.1em; }

.footerRight { float:right; width:40%; color:#545454; text-align:right; padding:20px 10px 10px; }
.footerRight .menu-main-menu-container, .footerRight .textwidget { clear:both; }
.footerRight .menu { margin:0; padding:0; float:right; }
.footerRight .menu li { margin:0 0 0 10px; padding:0; list-style:none; display:block; float:left; font-weight:700; font-family:'share-regular','helvetica',arial,sans-serif; }
.footerRight .menu li a { display:block; float:left; color:#545454; text-decoration:none; }
.footerRight .menu li a:hover { color:#fff; }

	.footerRight .textwidget { font-size:0.7em; margin-bottom:20px; font-family:'Open Sans','helvetica',arial,sans-serif; }
	
	.footerRight #menu-social-menu li { width:28px; overflow:hidden; }
	.footerRight #menu-social-menu li a img { display:block; width:100%; }

/* =======================================================
/* WORDPRESS
/* ======================================================= */

.alignnone { margin:5px 20px 20px 0; }

.aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; }

.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
.aligncenter { display:block; margin:5px auto 5px auto; }

a img.alignright { float:right; margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left; margin:5px 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.wp-caption { background:#fff; border:1px solid #f0f0f0; max-width:96%; padding:5px 3px 10px; text-align:center; }
.wp-caption a { border:0; }
.wp-caption a:hover { border:0; }
.wp-caption.alignnone { margin:5px 20px 20px 0; }
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }

#respond textarea { width:100%; }