/*
Theme Name: Layershift Blog
Author: Jake Stubbs
Description: Custom theme for Layershift Blog 
Version: 1.0
Text Domain: layershiftblog

*/

@import url("fonts/fonts.css");
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700|Oxygen:400,300,700);

/*********************
*****   GENERAL  *****
**********************/
body{
	margin: 0;
	/*background: url("img/main-bg.png");*/
	color: #28373D;
	font: 400 14px Oxygen, Verdana, Segoe, sans-serif;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
h1 {
	font: 700 48px Oxygen, Verdana, Segoe, sans-serif;
	color: #de4047;
}
h1 a {
	text-decoration: none;
	color: #de4047;
}
h2 {
	font: 700 22px Oxygen, Verdana, Segoe, sans-serif;
	color: #de4047;
	clear: left;
}
h3 {
	font: 700 18px Oxygen, Verdana, Segoe, sans-serif;
	color: #27739a;
	clear: left;
}
p, ul, ol {
	font-size: 1em;
	line-height: 1.5;
}
a {
	text-decoration: none;
	color: #27739a;
}
a:hover {
	color: #de4047;
}
table {
	font-size: 1em;
}
#div960, #content, .inner {
	width:960px;
	margin:0 auto;
}
blockquote {
	margin: 1em 20px;
	font-style: italic;
	font-size: 0.95em;
}
.alignleft {
	float: left;
	padding-right: 15px;
}
.alignright {
	float: right;
	padding-left: 15px;
}
.clear {
	clear: both;
}
.aligncenter {
	text-align: center;
}

/*********************
*****   HEADER   *****
**********************/
#logo {
	margin-top: 32px;
}
.navigation {
	font: 400 20px Oswald, Verdana, Segoe, sans-serif;
	text-transform: uppercase;
	background-color: #27739a;
	height: 105px;
}
.navigation .inner > ul {
	float: right;
	padding: 0;
	margin-top: -9px;
	list-style: none;
}
.navigation .inner > ul > li {
	font: 400 20px Oswald, Verdana, Segoe, sans-serif;
	display: inline-block;
}
.navigation .inner > ul > li:not(:first-child) {
	margin-left: 15px;
}
.navigation ul > li ul {
	font: 400 16px Oxygen, Verdana, Segoe, sans-serif;
	text-transform: none;
	visibility: hidden;
	position: absolute;
	min-width: 180px;
	padding: 5px 0px 0px;
	margin: 0px 0px 0px -10px;
	background-color: #27739a;
	border-top: 1px solid #23678A;
	z-index: 1;
}
.navigation ul > li ul > li {
	display: block;
	cursor: pointer;
	background-color: #27739a;
	-webkit-transition: background-color 0.1s ease-out;
	-moz-transition: background-color 0.1s ease-out;
	-o-transition: background-color 0.1s ease-out;
	transition: background-color 0.1s ease-out;
}
.navigation ul > li ul > li a {
	display: block;
	padding: 5px 10px;
}
.navigation ul > li ul > li:hover {
	background-color: #de4047;
	-webkit-transition: background-color 0.1s ease-in;
	-moz-transition: background-color 0.1s ease-in;
	-o-transition: background-color 0.1s ease-in;
	transition: background-color 0.1s ease-in;

}
.navigation a {
	color: #fff;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;

}
.navigation .inner > ul > li > a:hover {
	color: #94d3fe;
	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;
}
.header-links {
	float: right;
}
.header-links a {
	font-size: 16px;
	padding: 5px 10px;
}
.header-links a:hover {
	background-color: #de4047;
}
.header-links .control {
	background: #53b7ea;
}
.header-links .support {
	background: #53b7ea;
}
.header-links .support-selected {
	background-color: #de4047;
}
.social-links {
	float: right;
	text-transform: initial;
	font-size: 16px;
	padding: 3px;
}
.social-links a {
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	float: left;
	margin-right: 7px;
}
.social-links a:before {
	content: url('https://www.layershift.com/img/header/social-sprite-twgpfb.png');
	display: inline-block;
	font-size: 0;
	line-height: 0;
}
.social-links a.twitter:before {
	margin: 0;
}
.social-links a.twitter:hover:before,
.social-links a.twitter:focus:before,
.social-links a.twitter:active:before {
	margin: -32px 0 0;
}
.social-links a.gplus:before {
	margin: 0 0 0 -32px;
}
.social-links a.gplus:hover:before,
.social-links a.gplus:focus:before,
.social-links a.gplus:active:before {
	margin: -32px 0 0 -32px;
}
.social-links a.fb:before {
	margin: 0 0 0 -64px;
}
.social-links a.fb:hover:before,
.social-links a.fb:focus:before,
.social-links a.fb:active:before {
	margin: -32px 0 0 -64px;
}
.nav-selected {
	color: #94d3fe !important;
}

/****************************
           Banners
*****************************/
.banner {
	background-color: #53b7ea;
	color: #fff;
}
.banner h1 {
	margin: 0;
	color: #fff;
}
.banner-large {
	height: 225px;
	padding: 35px 0px 0px;
}
.banner-small {
	height: 68px;
	padding: 20px 0px;
}
.banner-sticky {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 20;
}
.banner-left {
	float: left;
	width: 50%;
}
.banner-right {
	float: right;
	width: 50%;
}
.banner-video {
	padding: 12px;
	width: 300px;
	height: 160px;
	margin: 2px 0px 0px 95px;
	background-color: #fff;
}

/****************************
           Icons
*****************************/
.help-tooltip {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url('https://www.layershift.com/img/help-tooltip.png') no-repeat;
}
.uk-flag {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAGYUlEQVRYw+1Xe1CUVRT/fcvuwrIgoiDoQAYqhCJDY2KFpaAYapOPTNGxfDFqOlRkNo4ajuNoU9pg4mTiM5+oKTOCgeCzQTIbM5/EKCSCoCKwugvIfq/Ovd+3umj6p//k2T37nfnm3nN+53nvAi/oBf3fSYAgGIuSk8WQJUsgWX3xw77L2JD7N2RFfebGK/vGo3xAHGS7HX3KypAwKx+3GlqeuWd8Ug98bPgLLfkHETB7NgbMm2diAHyOfPiRPSoxAdb+/WEOC0O97QGOnqlFa5sMk9GDMyMPD7ZcoKcBKcN6wLZ/P1RRhH9KCg7+WgV7sxOqqkKWNfCiJHP2NBmQEGGF5fxvMHh7w3fwYFTerEXfvtG+RlpnTK2NQUFEDOybNsEcEoJOpPD9xJfxy6lqFJbWQKVAaV/2I3DlE8gb+7FjUFpbOYCTZ2vReL8NhADsw7+qgrdfDUayeg2OH4/COnYsLP364fa9NkxaeISpMTIAqK23Y+3xBgyIn4S3Gs+hLiMDgVOnYvTgfoiNDEB2bjluN7SCa2UwDBoIVZJ4BBhJ5LUoKvoaIMDPEzPi/eFbuAdShw7oumgRVG8rDpVcx+mL9SivauLrjJomFTZHG3JLanA6IAyzU6LRmLMTLaWlCJs+HSvmxuHAsX94mBVaKyg6ADLeDoCscHlI/24YLVxF8/ad8Js4EZa4ONy848D6XX+iosYGby8jt/kIAKEWJYVz9W0HMg61YkzCDAxp+APV6ekIpIKZMGwA+vUORNaeKxSx5icB0N5OHbwwd1An+OVth+Tnh27LlwM+PgS+ErnkQJtT5GlhdlyR0iOgkAcK9wJgT2DPiWqUBPZE+rRYNP60Ec0nTyKcgGR+/gZyDl/jxehKAZPfjA3CyNZLsG/YhI7TpsE6cCBqyOvMrDO4esNGJhRunBlmtqAq7hFQ4HQSizIp86AcExBadL3OgfT9zVTxc5F8pxQ3CECXtDRMHhHPa1F1OjnzsJ/aCtHLC6GZmRAo5zlFFdhdeI3rdBlWqbVVVYaR15DycA50PFVS0hQeHq63mgdng8HAWdCr3l3mG0muoKpWmpvR6/Bh3n4uYrKiKO1kxrIsc2ZUWVmJ+IED/TmALX5+TRExMQC1lIE2eAi84WDQny6DQrsJ1p7Ux2QXIJ5U3poUVAaGOWGxoOz0aaSKoj9PgdTSAoHyqbBwstyySiePXUq454LwVIP/ScyobpjrZBHRdRtMJgg0kHDvnlYD4QUF6BEdrU+5J1Pgzu4pKKOhYqAqj6QCfTwF7vx4Cti7louXgKShGoDhaYcQ1fsGHK0SaWZGXfkW4Gk2YubYKKSOjoJia0Ld0qWQKWJhGzdCbaPJx7zRgdmPHkXtsmXwGT4Cud0SkZ1fqdeCC4xW/T4WI8quXNRqy9UFrAWdbBaIWp866RnZvSP2fjOUAPSG43AhKsaMgalPDH4elKYZZXOAUsfk1bsuwjIoET0OHIByswbDdizC9snB6BZo5bpEXTez4Wr3RwBUrQVFURtITOHcCdHY/fVQhHqKqKL2u0seNy1YhfFnutBgua5tYxHQ2/D7nMt4J60AlxtUhK5ZgyAaYMYln2Fj0DnMHBnOe18DoTnqmgOG9oNIRlS4P3JXJWHOuN6w5+fh2ogRMPeNRXbCAozLuorKWrvuAR9/GvOTT6H5bsN76UX4dtt5WIYMQ0RREaSaagzf9iVypnRFaLCPbocBkN0BSNRyCuZ88ApyViSiu0VCVWoq6jdsQONXazDq9yBszSvXj1fmiaqlgHlPzGSnpEXvgVPCdzsu0P0gDxfqFby0bh2C58+HeXEaNnc5i1nvhkFhoBU3AL1CrFi/IA7TKFS2Q/m4OmoUzK/FYXNyBlLWVaCOTkLXvUBjrUgNnp4QGJNspnfua6puOTD2i2ICQ7WRlIyI48chNzZg+N4MrBvfCSGBpkej+JMJkfCV76NyaRa8aRi1LVuLT4up4hvqEBLk87Dt9MMYQZ29NaN0d2BtyORQvk67Cwhugyj3xHWcLbuLxamx6Ll6Ne4UF6Np5UqkBgdjoQuAVF6OI9nZ6BD3Os53jsWFLSd4K5qfmHcayTYziouNqNVbsIqUmlrLnzqTblUBaRnnER/TBXFRHWGfMgUe+fkPzwIGPZjY5znfRx0MG7+UkuD16GR8bsTa58GL/wUv6F/KfEpjCF+QuQAAAABJRU5ErkJggg==');
}
.us-flag {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEfElEQVRYw+1XS2gUSRj+amYSMxoJIngw7EWIMxNnsoeIXnwQEEFED5KDwReJRuMDFbzubUGRBI0aHzGJUTx5CR4E2YuoJ91kYswkGePBRVjZZTWHPIzOo7v2/6urJ9WdkUVYNofNwM9X1d1V31f/q3tCWOBfaFHAooCFFyBECPKnXEXFEkxOZr57gzR+/u41gYoK2JOTiAlRwh4oAySePm3Ckye/Y8uW1Xj+/A9s3boaL1/+hc2bK5FMfsSGDasIPykcHPyE9etXYWDgI6KI0WrnJy0LUtKMUM1zOdhkMpNR193nxLJl+K2lhYdlIScMEvfvj6GurhLt7a/Q0FBFOIR9+yJobU1i//4ILl4cxIEDEVy4MEjztTh/Pqk2a+htoOXSIVaszpjNtu0CumM2IQTsTZuARCKkcqC0VGD79h9w584YkUZJzFsii+LevTc4dCiGu3cd7O1ljNJ8nDBC98dBapxTKW4552cm0tcYhSuM761cCbunx0xC9sA49u6t0qRRRdbYGENPTxpNTdUaY+juHsPhw9UKHdrcPNJiImB6aGoKtrcKJOrr1yiSxkYme6NIurrSOHKkGrdvj6K5eR06O0dx9GhcIc+7ukhE34PC5h4ybXxyQe5nU7nhhuXcOaC21hVgKw8cPBhRmzY3xwtkt26N4tixOG7cGEFLyzrCFKEzV79duxzib3jBzI2CF5YuhfXokdcDnHg3b47S5gnCERw/nsD16yM4cSKBa9eGcepUDa5eTREmCIcVdnSkaG3WW2NmHmivCCMP1H1KPcsbApvc/JoSby2uXEkqEZcvDyjyS5f6CeNUDb8qEW1t/Th5MkHzfrXyyy8PvSfVY856c8xmUQgsXaLWu3cAVUJBAJdWRwef2Dnp6dM1VIopnDlTQ2JSOHv2R8LXHmxvH4aoqyvebMy6p3GAWRi5BMNhWC9eeEPQ2TmGbNYmDwyT6gCdnFHQSYdU3ba1DaknW1tfaRzSLs4Vb3dGzJnUIg8ocg5HSYm3Ch4/3ol4PK6IgsGgskAgoIyvmVaIbWFcPz/2vkqQRhUIDgFds0YoibdtcwRYO3ZAxGIQMzNOsriEbhLx2Cg1E+cd3L3HAo01wi1JvlBeDiudnvOASot8HiKbdRaaJ9Wt0z3xPwnwe0Eae7l9QRKXpwqsvj7QWwaCXC/I7WDXu2NXUJEw+MvNfBf4G5Fyvw4FW56TcPduR0B+zx6gshJyehryWyfSxLKIF6QPi/UDz63ly5H/8GHOA9xKsvTaDJKV+jb2n7jQUIqFgZ6V8yKhK0Hvx67PUQiyZgi+dnfj88aN9FYshaAaDZaVIUDdyg2B8FUDjEQ13S58FaCyXyPPbSK26dsgMzuL2WfPQG83R0CGXgzTK1YgTKQhsjCXoK6CgFEJamOjOlAsFDpp4TYfsqBGfs4iEZ8p2WcnJuY8EKQvlCSRLiHycmoSYe4Fmujf+in3k6gvtO8UiQgRJ0gEC8g3vX9fxdX5H3+PzjA3C/hK9ucCfCHnmZu+iGVeq1n8Y/L/FPA3/7tunQ7qxrgAAAAASUVORK5CYII=');
}
.sg-flag {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADhUlEQVRYw+2WTW8cRRCGn5rp3fXaywU7IVdQgAiQwilEBCScA0JIiAO/hBsSR/4AP4ArN+CAlFMunEJQYkISEaIcECKyiYAQ7PXuzkx3dXGYjx2P14mRolzikko1Pdtd9fZbHztwJEfytIsg4i6/cNqnoxG6uwuAFQXEiCwNIUlAA4g8tqB1rLO/Xu85YMkMXvzkY2yWYSGQHlvFvXwSZjlsbkGWQ5oiziECkqQV+lKstlExA1Mt194TQ8AKj5k1+2S4xC+ffgaw5AAXMfLffke37uFeeYne+lv4768SLn5HsrxM/9wZ9PJVbDIlcQ4EBEEqVkrnVj3TBIuNjcRYPhuQrj1LLPc7B2C9HnE6w/o9Bh++T7y7SXHhIumJYzDNiJt/YEFJ11aJD/5FQsRkzsE8uDU0mxlS20proDHLsF4PgAQgYsTtHZK1VWS0QvjxBqQJ/XNvIKrolWtIjPTePIOkKXgPQSGESrWjAVFtfrN6X/XOdic1AziAaGW+iDrP7faY4psLiCriHLYzJv/6W8Ss5DHGBRXdZsHADDHK22NYrFhwgVhtSwAUAwG9u4WNd3GnX8PyjOT4GoN3z0OeM3jvPMlzx7Fp1tzcKqWlzdorUrOkLba0ZEkrBkoAZlhQ7ME2+Zdf4U4+z/CjD+Dvf/A/3YCg+Gs3sT//Ao1Y4cs0tNQKv++9+So97ZR5j3mPWjsFQJbnEJXi0g/k9+8zeOdteP1VwqUrkGXIzVuIc5BIPUD20D9vsnkX1BrNiFZ2g8YIUsZsAKgZFL7Md5IQb90h+/kO6fIQEUFiLK0qKHtmwIHSqgWJRoIR684oOgysfPE5z5w6hYjgnCNJEtI0LYN2tCm4zmTstmBXVZUYIyEEzIyV27dhfb1iQHVPgLY9LICHk2H7fGs1LfcBeJh2wT0qWBts188+AAc5/b8AFgHq+qtTshBAl/5FYBb+rbbet4Mu8ikihBDmc6Be1AVz2Bt1AT3qbHvfHgBFUVAUBd77PTlc5PAwdbIIcJIkiAgaIz4EiqKYpyDLMiaTCf1+HxEhTdPmwEFFtOj2i1qzzjn1QFIlzzKm0+mcgTzPGY/HTKdTvPeISAOgtt0WPMy6PttcqKq3yWTSAHAAaZqysbHBYDBgNBoxHA6bQfS4pK782WzGzs4OrvwUQRAZASeA0RP+Ht0F7gkiDliq2XiCEoCMI3nq5T9iEHKJTuVexwAAAABJRU5ErkJggg==');
}

/*********************
****    SIDEBAR   ****
**********************/
#sidebar-wrapper {
	float: right;
	width: 185px;
	margin: 30px 0px 25px 0px;
}
#sidebar-categories {
	margin-top: 20px;
	-webkit-box-shadow: 2px 4px 1px #dddddd;
	-moz-box-shadow: 2px 4px 1px #dddddd;
	box-shadow: 2px 4px 1px #dddddd;
}

/*********************
**  SEARCH WIDGET   **
**********************/
#searchform {
	background-color: white;
}
#searchform input[type='submit'] {
	display: none;
}
#searchform input[type='text'] {
	width: 72%;
	background: url('img/search.png') no-repeat 15px;
	border: 1px solid #bbbbbb;
	margin: 0;
	padding: 20px 10px 20px 40px;
	-webkit-box-shadow: 2px 4px 1px #dddddd;
	-moz-box-shadow: 2px 4px 1px #dddddd;
	box-shadow: 2px 4px 1px #dddddd;
}

/*********************
*   CATEGORY WIDGET  *
**********************/
#categories {
	background-color: white;
	border: 1px solid #bbbbbb;
	-webkit-box-shadow: 2px 4px 1px #dddddd;
	-moz-box-shadow: 2px 4px 1px #dddddd;
	box-shadow: 2px 4px 1px #dddddd;
	padding: 10px 28px;
}
#categories h2 {
	color: #de4047;
}
#categories ul {
	list-style-type: none;
	padding: 0;
}

/*********************
******   POSTS   *****
**********************/
.content-box {
	float: left;
	width: 670px;
	margin-top: 30px;
	background-color: white;
	border: 1px solid #bbbbbb;
	-webkit-box-shadow: 2px 4px 1px #dddddd;
	-moz-box-shadow: 2px 4px 1px #dddddd;
	box-shadow: 2px 4px 1px #dddddd;
	padding: 15px 30px;
}
.post {
	float: left;
	padding-bottom: 0px;
}
.post h1 {
	font-size: 40px;
}
.post h2 {
	padding: 5px 0px 0px;
}
.post ul {
	font-size: 1em;
}
.post ul li {
	padding: 0.5em 0;
}
.post img {
	border: none;
}
.post-meta p {
	display: inline;
	font-size: 0.8em;
	color: gray;
	padding-right: 15px;
}
.post-tags {
	font-size: 0.8em;
	color: #333;
	background-color: lightgray;
	margin: 0;
	padding: 0;
	float: right;
}
.post-tags p {
	margin: 0;
	height: 20px;
	padding: 5px 10px 0px;
}
.post-nav {
	float: left;
	width: 670px;
	margin-top: 25px;
}
.post-nav p {
	text-align: center;
}
.wp-caption p {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
}

/*********************
*****    WIDGET  *****
**********************/
.jelastic-signup {
	padding-bottom: 30px;
}
.jelastic-signup br {
	display: none;
}
.jelastic-signup > .input-group, .jelastic-signup-top > .input-group {
	margin-top: 20px;
}
.signup-email {
	width: 346px;
	height: 30px;
	border: #27739a 3px solid;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	padding: 5px;
	font-size: 14px;
}
.signup-button {
	background: #56A21B url("img/small-arrow-white.png") no-repeat right;
	background-position-x: 134px;
	border: none;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	font-size: 16px;
	color: white;
	padding: 1px 48px 2px 12px;
	margin-left: -5px;
	height: 46px;
}
.signup-button:hover {
	-webkit-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
}
.signup-success {
	width: 540px;
	font-size: 12px !important;
	font-weight: bold;
	padding:10px;
	background-color: rgba(0, 255, 0, 0.2);
	border: 2px solid green;
	margin: 10px auto;
}
.signup-error {
	width: 540px;
	font-size: 12px !important;
	font-weight: bold;
	padding:10px;
	background-color: rgba(255, 0, 0, 0.2);
	border: 2px solid red;
}

/*********************
*   Click to tweet   *
**********************/
.tm-click-to-tweet {
	border: none !important;
}
.tm-powered-by {
	display: none;
}

/*********************
*****   FOOTER   *****
**********************/
footer {
	background-color: #27739a;
	color: #fff;
	min-height: 46ex;
	padding-top: 25px;
	clear: both;
	margin-top: 30px;
	margin-bottom: -20px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #94d3fe;
}
.footer-block {
	display: inline-block;
	vertical-align: top;
}
.footer-block:not(:first-child) {
	padding-left: 40px;
}
.footer-block h3 {
	color: #fff;
	font-size: 16px;
}
.footer-block ul {
	padding: 0;
	list-style: none;
}
.footer-block ul li {
	padding-top: 5px;
}
.footer-block .location {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 20px;
	padding: 0 15px 40px 0;
}
.footer-block  .us-flag {
	padding-left: 10px;
	background-position-x: 10px;
}
.footer-block  .sg-flag {
	padding-left: 3px;
	background-position-x: 3px;
}
.footer-block .location p {
	margin: 0;
}
blockquote.great-support {
font-family: Oxygen, Verdana, Segoe, sans-serif;
font-size: 16px;
font-style: italic;
width: 600px;
margin: 0.25em 0;
padding: 0.25em 20px;
line-height: 1.45;
position: centre;
color: ##000000;
border-left:5px solid #53b7ea;
background:##FFFFFF;
}

blockquote.great-support cite {
color: #efefef;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote.great-support cite:before {
content: "\2014 \2009";
}