.soasta-header-wrap { width: 90%; margin: 0 auto; }

.soasta-header {
  padding-top: 30px;
  background: #003c7c url(../images/bg-header.gif) repeat-x left top;
  color: white;
}

body, p { font-family: Calibri, Lato, "Helvetica Neue", sans-serif; }

h1, h2, h3 { line-height: normal; font-weight: normal; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; margin-bottom: 0.3em; }
h3 { margin-top: 1em; color: #28d; }
p, li  { line-height: 1.6em; font-size: 1.15em; }

div.body { margin: 2% 5%; }

.logo { font: bolder 2.5em "Baskerville", "Cooper Black", serif; margin: 0% 5%; }
.logo span { color: #800; }
.logo a, .logo a:hover { color: black; text-decoration: none;}

.newlogo { font: bolder 2.5em "Baskerville", "Cooper Black", serif; /* margin: 0% 5%; */color: #fff;}
.newlogo span { color: #13b5ea; }
.newlogo a, .logo a:hover { color: #fff; text-decoration: none;}

h1.title { font: bolder 4.5em "Baskerville", "Cooper Black", serif; margin: -0.4em 0 0 0; }
h1.title a, h1.title a:hover { color: black; text-decoration: none; }
h1.title span { color: #800; }
p.tagline { color: #000; margin: 0.2em 0 1em 0; font-size: 1.4em;}
p.greet { font-size: 1.2em; background-color: #ffd; margin: -0.7em 0 0.7em; padding: 0.5em 1em; border: solid 1px #ea8; border-radius: 2px; font-family: Georgia, serif; font-style: italic;}
p.greet .event { color: #800; }

ol.content { margin-top: 1.5em; }
ol.content li { margin: 0 0 1.6em 0; list-style-type: none; padding: 2px 0 2px 62px; background: url('//www.lognormal.net/i/sprite.png') no-repeat; }
ol.content li p { margin: 0; font-size: 1.1em; line-height: 1em; }
ol.content li h2 { margin: -0.2em 0 0.5em 0; font-size: 1.4em; }
li#measure { }
li#analyze { background-position: 0 -60px; }
li#improve { background-position: 0 -120px; }
div.content p, div.content ul { margin-bottom: 1.5em; }

div.invites { clear: both; float: right; width: 35%; margin: -2em 0 0 6em; border: solid 1px #ddd; background-color: #eee; padding: 1.618em; }
div.invites h2, div.login h2 { font-size: 1.6em; margin-top: 0; }
.invites label { display: block; font-size: 0.95em; margin-top: 0.5em; font-weight: bolder; }
.invites button { display: block; }
.invites input, .invites textarea { width: 75%; font: 0.7em "Lucida Grande", sans-serif; }
.invites .btn-container{margin: 5% 0; text-align: center;}
.invites .btn-large { font-size: 1.8em; }

p.greet + div.invites { margin-top: 0; }

div.login { margin-top: 3em; }

.footer { clear: both; background: #444 url('//www.lognormal.net/i/histogram.png') bottom center no-repeat; color: #fff; border-top: solid 2px #555; padding: 0px 0px 145px 10%; }
.footer div { float: left; width: 12em; margin-right: 5%; }
.footer h2 { font-size: 1.1em; font-weight: bold; margin: 1.5em 0 0.6em 0; border-bottom: solid 1px #aaaaaf; padding-bottom: 3px; color: #aab; }
.footer ul { list-style-type: none; margin: 0; padding: 0; }
.footer ul li { margin-bottom: 0.8em; font-size: 0.9em; }
.footer a { color: #eeeeff; text-decoration: none; padding: 0 2px 2px 0; }
.footer a:hover { color: #eef; text-decoration: none; border-bottom: solid 2px #666; }
.footer div.copyright { margin-top: 1.5em; font-size: 0.9em; width: 30em; float: right;}

.footer div#ln_widget {float:right;margin:0;width:25em;}

.logoicon { font: bolder 20em "Baskerville", "Cooper Black", serif; color: #000; letter-spacing: -8px; } 
.logoicon:before { content: "l"; color: #800; }
.logoicon:after { content: "n"; }

/* override some bootstrap styles */
.navbar .nav > li > a { text-shadow: none; padding: 10px 1.1em 11px; }
.navbar .nav .dropdown-toggle .caret { border-top-color: #000; }
.navbar-inner { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.navbar .nav > li > a.btn { color: white; padding-top: 3px; padding-bottom: 4px; margin-left: 1em; }
.navbar .nav > li > a.btn:hover { background-color: #51A351; }

div.legal { max-width: 650px; margin: auto; }
div.legal p, div.legal dd, div.legal li { line-height: 2em; margin-bottom: 2em; }
div.legal h2 { margin-bottom: 0.5em; }
div.legal h3 { color: black; }
div.vcard { margin: 1em 0 2em 1em; }
div.vcard p { margin: 0 0 0.5em 0; }
div.legal dl dt { font-weight: bolder; }

div.page-title { padding: 0.8em 0; }

div.plans p.summary { font-size: 1.5em; text-align: center; margin-bottom: 1em; }
div.plans div.plan { width: 40%; float: left; border: solid 1px #eee; padding: 1em 1.6em 1.6em; margin-right: 4%; box-shadow: 0 0 0.5em #888; }
div.plan h2 { font-size: 1.6em; color: #28d; margin-bottom: 0.4em; }
div.plan ul { margin-bottom: 1.5em; }
div.plan ul li { line-height: 1.8em; }
div.plan a.btn-large { width: 8em; }
div.plan span.price { font-size: 1.4em; line-height: 1.8em; margin-left: 2em; }

div.featured { padding: 1em; border-top: solid 1px #eee; border: solid 1px #eee; float: right; width: 30%; margin: 0 -5% 1em 1em; background-color: #f8f8fa; }
div.featured div.plan { box-shadow: none; border:none; width: auto;}
div.featured span.price { margin-left: 1.2em; }
div.featured p.summary { text-align: left; font-size: 1em; }

div.container div.featured { float: none; width: 100%; margin: 2em 0; overflow: auto; }

div.plandetails { margin-top: 3em; clear: both; }
div.plandetails h2 { color: #800; }
div.plandetails table th, div.plandetails table td { border: solid 1px #ddd; padding: 0.5em 1em; }
div.plandetails table thead th { width: 15em; background-color: #efefef; }
div.plandetails table thead td { border: none; }
div.plandetails table tbody th { text-align: left; font-weight: normal; background-color: #fafaff;}
div.plandetails table tbody td { text-align: center; font-size: 1.2em; }
div.plandetails table tbody tr:nth-child(2n+1) td, div.plandetails table tbody tr:nth-child(2n+1) th { background-color: #f6f6f8; }
div.plandetails table tfoot td { text-align: center; background-color: #efefef; }
div.plandetails a.btn-large { width: 8em; }
div.plandetails .vcard { text-align: center; font-size: 1.6em; margin-top: 1.4em; }

div.team-member { width: 33%; margin: 0 8% 2em; float: left; min-width: 240px; }
div.photo { max-width: 210px; max-height:267px; overflow:hidden; margin-top: 1em; margin-bottom: 0.6em; box-shadow: 0px 2px 0.9em #000; }
p.accreditation { font-size: 0.85em; color: #888; }

p.subheading { color: #888; font-family: serif; font-style: italic; font-size: 1.2em; }

img { box-shadow: 0 0 0.5em #555; margin-bottom: 1em; max-width: 99%; }
div.photo img { margin-bottom: 0; max-width: 100%; }

td abbr[title] { border-bottom: none; cursor: default; }

p.availability { padding-left: 2em; }
p.availability:before { content: "\2713"; margin-right: 0.6em; margin-left: -2em; }
p.pro:before { content: "\2713\2713"; font-size: 1.1em; }

div.customers { border-top: solid 1px #eee; border-bottom: solid 2px #aaa; margin-bottom: 2em; padding: 0.5em 1em;
	background-image: -webkit-linear-gradient(#f8f8f8, #f4f4f4, #e8e8e8);
	background-image:    -moz-linear-gradient(#f8f8f8, #f4f4f4, #e8e8e8);
	background-image:      -o-linear-gradient(#f8f8f8, #f4f4f4, #e8e8e8);
	background-image:         linear-gradient(#f8f8f8, #f4f4f4, #e8e8e8);
}
div.customers h2 { color: #555; font-size: 1.1em; }
div.customers ul { margin: 0; padding: 0; text-align: center; }
div.customers ul li { display: inline-block; margin-right: 2em; margin-bottom: 0.5em; }
div.customers ul li a { display: inline-block; text-indent: 100%; white-space:nowrap; overflow:hidden; background: url('/images/customer-logos.png') no-repeat; height: 90px; width: 194px; }
div.customers ul li.etsy a { background-position: left top; }
div.customers ul li.wayfair a { background-position: left -90px; }
div.customers ul li.coupons a { background-position: left -180px; }
div.customers ul li.modcloth a { background-position: left -270px; }
div.customers ul li.cdnplanet a { background-position: left -360px; }
div.customers ul li.angieslist a { background-position: left -450px; }
div.customers ul li img { box-shadow: none; max-height: 6em; }

.blog h1 { font: bolder 3.5em "Baskerville", "Cooper Black", serif; margin: 0 0 0.5em 0; }
.blog h1 a, .blog h1 a:hover { color: black; text-decoration: none; }
.blog h1 span { color: #800; }
.blog h2 { margin-top: 1em; }
.blog h3 { margin: 1.6em 0 0.6em 0; }
.blog .post-content { width: 75%; min-width: 320px; float: left; }
.blog .post-content code { white-space: pre; }

.blog ul.posts { margin:0; padding:0; }
.blog ul.posts li.post { list-style-type: none; margin-left: 0em; }
.blog ul.posts li.full { margin-left: 0em; padding-bottom: 1.5em; border-bottom: dotted 1px #ddd; }
.blog ul.posts li.full h2.title a { font-size: 1.5em; color: #800; }
.blog ul.posts li.full h2 { font-size:1.4em; }
.blog ul.posts li.full p.more a::after { content: " \00bb"; }

.blog .sidebar { float: right; opacity: 0.8; width: 22%; }
@media (max-width: 800px) {
    .blog .sidebar { float: none; clear: left; width: 100%; padding-top: 0.5em; }
    .blog .sidebar h2:first-child { padding-top: 2em; border-top: solid 2px #800; }
}
.blog .sidebar h2 { font-size: 1em; font-weight: bold; color: #800; text-transform: uppercase; margin-bottom: 0.5em; }
.blog .sidebar ul { margin-left: 0; padding-left: 0; list-style-type: none; margin-bottom: 2.5em; }
.blog .sidebar ul li { margin-bottom: 0.7em; }
.blog .sidebar .meta { font-family: "Baskerville", "Garamond", serif; font-style: italic; font-size: 1.1em; margin-left: 0.5em; }
.blog .sidebar .meta a { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-size: 0.9em; }
.blog .sidebar .about { margin-top: 5em; }
.blog .sidebar div.about:nth-child(1) { margin-top: 0em; }
.blog .meta { display: block; opacity: 0.6; font-size: 0.85em; }
.blog div.meta { margin-bottom: 0em; padding: 0.5em 1em 1em; border-top: solid 1px #eee;
	background-image: -webkit-linear-gradient(#ddd, #eee 80%, #fff);
	background-image:    -moz-linear-gradient(#ddd, #eee 80%, #fff);
	background-image:      -o-linear-gradient(#ddd, #eee 80%, #fff);
	background-image:         linear-gradient(#ddd, #eee 80%, #fff);
}
.blog div.log { white-space: pre; font-family: "Andale mono", monospace; line-height: 1.5em; width: 70%; border-left: solid 2px #d82; border-radius: 15px; padding-left: 1em; margin-bottom: 1em;}
.blog div.log p.annotate { font-family: helvetica, sans-serif; font-size: 0.9em; color: #555; white-space: normal; background-color: #ffd; border: solid 1px #fda; margin: 0 0 0em 10%; padding: 0.5em;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.blog div.log p.annotate em { font-weight:bold;font-family:monospace;font-style: normal; }

#disqus_thread { margin-top: 2em; padding: 1em; border-top: solid 1px #eee;
	background-image: -webkit-linear-gradient(#ddd, #eee 10%, #fff 30%);
	background-image:    -moz-linear-gradient(#ddd, #eee 10%, #fff 30%);
	background-image:      -o-linear-gradient(#ddd, #eee 10%, #fff 30%);
	background-image:         linear-gradient(#ddd, #eee 10%, #fff 30%);
}

ul.dsq-comment-meta li a { font-family: "Baskerville", "Garamond", serif; font-style: italic; font-size: 1.1em; }

@media screen and (max-width: 60em) { .invites .btn-container{margin:15% 0;font-size: 0.9em;} .footer div.copyright { clear: left; float: none; text-align: center; width: 90%; padding-top: 1.5em; }}
@media screen and (max-width: 47em) { .invites .btn-container{margin:10% 0;} div.invites {width:90%;margin:5% auto; float: none; }}
@media screen and (max-width: 36em) { ol.content li h2 { margin-bottom: 0.2em;} ol.content li p { line-height: 1.3em; color: #666; } .footer div.copyright { text-align: left; }}
@media screen and (max-width: 25em) { .invites .btn-container{font-size: 0.7em;} div.invites { width: 85%; } ol.content { font-size: 0.85em; margin-left: 1em; } ol.content li h2 { margin-bottom: 0.3em; } }

.hll { background-color: #ffffcc }
.c { color: #408080; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #408080; font-style: italic } /* Comment.Multiline */
.cp { color: #BC7A00 } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic } /* Comment.Single */
.cs { color: #408080; font-style: italic } /* Comment.Special */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #008000 } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #B00040 } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BA2121 } /* Literal.String */
.na { color: #7D9029 } /* Name.Attribute */
.nb { color: #008000 } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #0000FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #19177C } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BA2121 } /* Literal.String.Backtick */
.sc { color: #BA2121 } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BA2121 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BA2121 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BA2121 } /* Literal.String.Single */
.ss { color: #19177C } /* Literal.String.Symbol */
.bp { color: #008000 } /* Name.Builtin.Pseudo */
.vc { color: #19177C } /* Name.Variable.Class */
.vg { color: #19177C } /* Name.Variable.Global */
.vi { color: #19177C } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */