.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none}
.sf-menu {line-height: 1.0}
.sf-menu ul {position: absolute; top: -999em; width: 12em;  }
.sf-menu ul li {width: 100%}
.sf-menu li:hover {visibility: inherit;  }
.sf-menu li {float: left; position: relative}
.sf-menu a {display: block; position: relative}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 2.5em;  z-index: 99}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 12em;  top: 0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em;  top: 0}
 .sf-menu {float: left}
.sf-menu a {text-decoration:none}
.sf-menu a, .sf-menu a:visited { color: #222}
.sf-menu li {}
.sf-menu li li {background: #fff}
.sf-menu li li li {background: #fff}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0}
 .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px;  }
.sf-sub-indicator {position: absolute; display: block; margin-top: 2px; left: 6.6em; top: 1.05em;  width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;  }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px;  }
 a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;  }
 .sf-menu ul .sf-sub-indicator {background-position: -10px 0}
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0}
 .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;  }
 .sf-shadow ul {background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px}
.sf-shadow ul.sf-shadow-off {background: transparent}
html {background: white}
body {margin: 0; padding: 0; font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left; color: #222}
a {color: #0d67e2}
a:hover {text-decoration: underline}
a.new {float: right; margin-bottom: 15px; color: green; font-weight: bold; font-size: 14px}
p {margin: 0 0 1.6em}
hr {margin: 20px 0}
blockquote {margin: 0}
hr {clear: both}
h1, h2, h3, h4 {color: #222}
#logo {margin: 10px 0; float: left}
#logo h1 {width: 151px; height: 51px; margin: 0; font-size: 22px; letter-spacing: -1px; text-indent: -9999px; background: url(/images/kicksite_logo.gif) no-repeat top left}
h1 {margin-top: 0; padding: 0}
h2 {font-size: 22px; margin-top: 0; padding: 0}
h3 {font-size: 18px}
h3.post {margin-bottom: 3px}
h4 {font-size: 14px; margin-bottom: 0}
h5 {margin-top: 0; font-size: 12px}
h4 span, h3 span, h2 span {font-weight: normal; letter-spacing: -1px; color: #ccc}
table {margin: 0; border-collapse: collapse}
td, th {padding: 0}
th {font-size: 12px}
td {vertical-align: top; text-align: left}
img {border: 0; margin: 0}
p.notice, p.error {width: 850px; margin: 0 auto; text-align: center; padding: 2px 0; font-weight: bold}
p.notice {background: lightgreen}
p.error {background: pink}
#header_box {float: left; width: 100%; background: #111}
#header_box #header {margin: 0 auto; width: 962px}
#header_box #header ul#nav {width: 100%; float: left}
#header_box #header ul#nav li {float: left; margin: 0; padding: 0; font-size: 14px; text-transform: uppercase}
#header_box #header ul#nav li.selected a {font-weight: bold; color: #fff}
#header_box #header ul#nav li a {color: #bbb; padding: 14px; text-decoration: none; display: block}
#header_box #header ul#nav li a:hover {text-decoration: none; color: #fff}
#header_box #header ul#nav li ul li a {padding-top: 7px; padding-bottom: 7px; background: #fff}
#header_box #header ul#nav li ul li.top a {padding-top: 15px}
#header_box #header ul#nav li ul li.bottom a {padding-bottom: 15px}
#header_box #header ul#nav li.sfHover a {color: #fff}
#header_box #header ul#nav li.sfHover ul li a {font-weight: normal; color: #222}
#header_box #header ul#nav li#features a {padding-right: 26px}
#header_box #header ul#nav li#support {float: right}
#header_box #header ul#nav li#support a {color: #db9e15}
#header_box #header ul#nav li#support a:hover {text-decoration: underline}
#header_box #header ul#nav li ul li a {color: #222}
#header_box #header ul#nav li ul li a:hover {color: #888}
#header_box #header ul#nav li#logo a, #header_box #header ul#nav li#facebook a, #header_box #header ul#nav li#twitter a {padding: 3px 5px 2px 0}
#header_box #header ul#nav li#facebook, #header_box #header ul#nav li#twitter {padding-top: 3px; float: right}
#footer {color: #666; padding: 10px 0 0; margin: 0 auto; width: 960px}
#footer p {padding-bottom: 12px}
#footer p strong {font-weight: normal; color: #555}
#footer p.left {float: left}
#footer p.right {float: right}
#footer a {color: #888}
#top_links {width: 600px; list-style-type: none; float: right; margin-right: 5px}
#top_links li {float: right; margin-left: 1px}
#top_links li a {font-weight: bold; padding: 2px 8px; display: block; background: #eee; color: #0d67e2; text-decoration: none}
#top_links li a:hover {text-decoration: underline}
body#blogposts #blog a, body#blogcategories #blog a, body#forums #forums a, body#topics #forums a, body#posts #forums a, body#pages ul.contact #contact a {font-weight: bold; background: #111; color: white}
.thin {width: 530px}
#intro, #content {margin: 0 auto; width: 960px}
#intro {padding: 20px 0 0}
#intro #home {padding-bottom: 20px; background: url(/images/kicksite-home-screenshot.png) no-repeat bottom right}
#intro #home img {margin-bottom: 20px}
#intro #home h1 {width: 360px}
#intro #home #signup_home {margin-top: 0px}
#intro #home #signup_home a {margin-top: 12px; width: 300px}
#content_box {padding: 30px 0; background: #f8f8f8; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5}
table.account_billing_pricing {background: #fff; width: 100%; border-left: 1px solid #222; border-top: 1px solid #222}
table.account_billing_pricing tr td, table.account_billing_pricing tr th {border-bottom: 1px solid #222; border-right: 1px solid #222; padding: 8px 10px; font-size: 14px}
table.account_billing_pricing tr td.footer, table.account_billing_pricing tr th.footer, table.account_billing_pricing tr td.header, table.account_billing_pricing tr th.header {background: #222; color: #fff; font-size: 12px; padding: 5px 10px}
h1.tour {text-align: center}
h2.tour {text-align: center}
h2 {color: #666; margin-top: 0; font-weight: normal}
p.intro {margin: 0; padding-right: 0; font-size: 14px; line-height: 1.3em; width: 335px}
#left {float: left; width: 500px; text-align: left}
#left h3 {margin-top: 0}
#left h3.heading {margin-bottom: 20px; line-height: 1.2em}
#left.home {width: 320px}
#left.home .benefit {float: left; margin-bottom: 20px; line-height: 1.3em}
#left.home .benefit h3 {color: #fff; background: #222; line-height: 1.25em; padding: .5em; margin-bottom: 7px}
#left.home .benefit p em {background: #db9f18; font-weight: bold; padding: 2px 0}
#left.home .benefit p img {float: right; margin-left: 10px}
#left.features {width: 140px}
#left ul {padding-bottom: 10px}
#left #feature_list ul {padding: 0; margin: 0}
#left #feature_list ul li {list-style-type: none}
#left #feature_list ul li a {padding: 6px 10px; display: block; text-decoration: none; font-size: 14px}
#left #feature_list ul li a:hover {background: #fff url(/images/side-nav-selected-bg.png) repeat-y top right}
body#dashboard #feature_list a.dashboard, body#user_accounts #feature_list a.user_accounts, body#automations #feature_list a.automations, body#messages #feature_list a.messages, body#media_pages #feature_list a.media_pages, body#invoices #feature_list a.invoices, body#attendances #feature_list a.attendances, body#billing #feature_list a.billing, body#website #feature_list a.website {background: #eee url(/images/side-nav-selected-bg.png) repeat-y top right; color: #222; font-weight: bold}
body#dashboard #feature_list a.dashboard:hover, body#user_accounts #feature_list a.user_accounts:hover, body#automations #feature_list a.automations:hover, body#messages #feature_list a.messages:hover, body#media_pages #feature_list a.media_pages:hover, body#invoices #feature_list a.invoices:hover, body#attendances #feature_list a.attendances:hover, body#billing #feature_list a.billing:hover, body#website #feature_list a.website:hover {background-color: #eee; color: #555}
h1 {font-size: 32px; margin-bottom: 7px; line-height: 1.1em; letter-spacing: -1px}
#right {float: right; width: 380px}
#right.home {width: 580px}
#right.feature {width: 800px}
#right.feature h3 {margin-top: 0; margin-left: 10px}
#right.feature img.screenshot {padding: 0; border: none; margin: 0; background: none}
#right.feature ol, #right.feature ul {margin-left: 20px; font-size: 14px; clear: both; padding-top: 10px; line-height: 20px; width: 600px}
#right table#features {margin: 0 auto}
#right table#features caption {font-size: 20px; text-align: left; padding-left: 15px; padding-bottom: 20px; line-height: 1.2em}
#right table#features td {width: 290px}
#right table#features td p {line-height: 1.3em; padding-left: 15px}
#right table#features td p:hover a {color: #0d67e2}
#right table#features td p a {color: #bbb}
#right .testimonial {margin-left: 15px; margin-bottom: 2em}
#right .testimonial h3 {margin-bottom: 5px}
#right .testimonial blockquote {font-size: 12pt; line-height: 1.25em; font-style: italic; color: #444}
#right .testimonial blockquote strong {font-style: normal}
#right .testimonial a {font-size: 10pt; font-style: normal}
#right h3 {margin-top: 0; line-height: 22px}
#right img {background: #fff; border: 1px solid #ccc; padding: 5px; float: right; margin-left: 15px}
.signup-btn {text-align: center; font-size: 20px; font-weight: bold; display: block; padding: 10px 10px 8px; border: 1px solid #db9e15; background: #f3dbab url(/images/signup-bg.gif) repeat-x bottom left; text-decoration: none; color: #5b3c00; line-height: 1.0em}
.signup-btn span {font-size: 13px; color: #966300; font-weight: normal}
.signup-btn:hover {text-decoration: none; border: 1px solid #b77900; color: #986400}
.signup_btn {float: right; background: #eefaff url(/images/signup_btn_bg.gif) repeat-x bottom left; font-size: 14px; padding: 7px; border: 1px solid #96ddff; margin: 5px 0 20px; width: 13em; display: block; font-weight: bold; text-align: center; text-decoration: none}
.signup_btn:hover {text-decoration: underline}
dl {margin: 25px 0 0}
dl dt {font-size: 14px; font-weight: bold}
dl dd {margin: 0 0 20px 0}
p.support {background: #ffd; border: 1px solid #ecdc37; padding: 6px 10px}
#categories {clear: right; float: right; width: 230px; background: #eee; margin-bottom: 20px}
#categories h4 {margin-bottom: 5px; margin-left: 15px}
#categories ul {margin-left: 15px; margin-bottom: 15px}
#categories ul li {color: #666}
#signup_intro h2 {text-align: center; margin: 15px 0 30px; font-size: 28px}
#signup_intro p {text-align: center; font-size: 16px; margin-bottom: 15px}
#demo_box {float: right; padding: 40px 50px; background: #e4f4ff; border: 1px solid #addeff}
#demo_box a.login_link {font-size: 18px; font-weight: bold}
#demo_box .credentials {margin: 10px 0 0}
table.price {width: 100%; border-top: 1px solid #bbe5f9; border-right: 1px solid #bbe5f9; background: #e5f7ff}
table.price th {border-left: 1px solid #bbe5f9; font-size: 16px; padding: 10px 4px 12px; color: #009600; border-bottom: 1px solid #bbe5f9; text-align: center; font-weight: normal}
table.price th strong {color: #222; font-size: 22px; display: block; margin-bottom: 5px; margin-top: 5px; padding: 0}
table.price th span {padding: 0 2px}
table.price tbody td {border-left: 1px solid #bbe5f9; padding: 12px; text-align: center; vertical-align: middle; border-bottom: 1px solid #bbe5f9}
table.price tbody td strong {font-size: 22px; color: #e60000}
table.price tfoot td {background: #ffd; border-left: 1px solid #bbe5f9; border-bottom: 1px solid #bbe5f9; text-align: center; padding: 10px; font-weight: bold}
p.all_plans {background: #ffd; text-align: center; width: 848px; margin: 0 0 25px; padding: 10px 0; border: 1px solid #ddd; border-top: none}
.inquiry_sent {margin: 0 auto; width: 400px; padding: 8px 20px; background: green; font-weight: bold; color: white}
form.inquiry {margin: 0 auto; padding: 15px 20px; width: 400px}
form.inquiry label {font-weight: bold}
form.inquiry input {display: block; margin-bottom: 10px; width: 300px}
form.inquiry input.submit {width: auto; margin-top: 15px; margin-bottom: 0}
h2.tour {text-align: center}
#screenshot_anchors {text-align: center; color: #666}
#screenshot_anchors a {padding: 1px 4px}
#tour_screenshots {margin: 30px 0 0 0}
#tour_screenshots img {margin-bottom: 60px}
#tour_screenshots #signup a {width: 480px; margin: 50px auto 0}
#tour_screenshots #more table {width: 840px; margin: 0 auto}
#tour_screenshots #more table caption {border-bottom: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: bold}
#tour_screenshots #more table td {width: 280px; padding: 12px 12px 0 0; line-height: 1.4em}
#tour_screenshots #more table td h5 {margin: 0}
form {background: #eee; padding: 10px 12px 15px}
form p {font-weight: bold}
form p textarea, form p input {width: 80%; font-size: 12px}
span.category {margin-left: 5px; color: #aaa}
#comment_form {background: #eee; border-top: 1px solid #ddd; margin-top: 2px}
#comment_form div {margin: 0 12px; padding: 12px 0 0 0}
#comment_form div table {margin-bottom: 12px}
#comment_form div table td, #comment_form div table th {padding: 5px 5px 5px 0}
#comment_form div table th {width: 3em; text-align: right; vertical-align: middle}
#comment_form div p textarea {width: 450px; height: 150px; font-size: 12px}
#comment_form div p.comment_note {line-height: 1.2em; width: 450px; font-size: 11px; color: #555}
#comment_form div p.comment_note strong {color: #222}
#comment_form div #submit {margin-bottom: 15px}
#mc_embed_signup {width: 320px; float: right}
#mc_embed_signup form {background: transparent}
#mc_embed_signup form p {font-weight: normal}
#mc_embed_signup form input.email {border: 1px solid #222; width: 95%; padding: .5em; border-radius: 4px; -webkit-border-radius: 4px; -opera-border-radius: 4px; -moz-border-radius: 4px}
#mc_embed_signup form input.submit {}
#mc_embed_signup form fieldset {background: #666; border: 1px solid #222; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -opera-border-radius: 4px; -moz-border-radius: 4px; padding: 1em}
#mc_embed_signup form fieldset legend {border: 1px solid #333; font-weight: bold; padding: .25em; border-radius: 4px; -webkit-border-radius: 4px; -opera-border-radius: 4px; -moz-border-radius: 4px; background-color: #db9e15}
.img-bar {clear: both; padding: 0 0 1em}
#browsers {overflow: hidden; width: 100%}
#browsers .browser {float: left; margin: 0 10px 0 0}
#browsers .description {color: #666; padding: 1em 0 0; clear: left}