/*
Theme Name: Startup Marketing
Description: Custom theme for Startup Marketing
Version: 1
Author: KISSmetrics
*/

/* RESET: =reset
-----------------------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* GENERAL: =general
-----------------------------------------------------------------------------------------*/
body {
  background-color: #e4ebee;
  font-family: arial, helvetica, sans-serif;
  padding-bottom: 30px;
}
#wrapper {
  margin: 0 auto;
  width: 940px;
}
a img { border: none; }

/* HEADER: =header
-----------------------------------------------------------------------------------------*/
#header {
  margin: 25px 0 20px 0;
  overflow: auto;
}
#header .title {
  float: left;
  margin-right: 10px;
  width: 730px;
}
#header h1 a {
  background: url(images/title.png) 0 0 no-repeat;
  display: block;
  height: 26px;
  margin: 2px 0;
  text-indent: -9999px;
  width: 291px;
}
#header p.description {
 background: url(images/description.png) 0 0 no-repeat;
 height: 14px;
 text-indent: -9999px;
 width: 165px;
}
#header h2.by {
  background: url(images/by.png) 0 0 no-repeat;
  float: right;
  height: 49px;
  margin-left: 10px;
  text-indent: -9999px;
  width: 152px;
}

/* MAIN: =main
-----------------------------------------------------------------------------------------*/
#main {
  background-color: #fff;
  float: left;
  margin: 0 10px 30px 0;
  width: 730px;
}
#main a {
  color: #ff5a00;
  font-weight: bold;
  text-decoration: none;
}
#main a:hover {
  color: #db5912;
  text-decoration: underline;
}
#main p {
  color: #4a4a4a;
  font-size: 12px;
  line-height: 22px;
  margin: 0 20px 16px 20px;
}
#main h2 {
  color: #2e2e2e;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 22px;
  margin: 30px 20px 0 20px;
}

/* POSTS: =posts
---------------------------------------------*/
#main .post {
  background: url(images/hr.png) bottom left repeat-x;
  overflow: auto;
  padding: 30px 20px 1px 20px;
}
#main .post .date {
  float: left;
  margin-right: 10px;
  width: 97px;
}
#main .post .date p {
  color: #a9a9a9;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px;
}
#main .post .content {
  float: left;
  margin-left: 10px;
  width: 573px;
}
#main .post .cats,
#main .post .cats a {
  color: #a4a4a4;
  font-size: 10px;
  font-weight: normal;
  line-height: 18px;
}
#main .post .cats a:hover {
  color: #908f8f;
  text-decoration: underline;
}
#main .post .num_comments a {
  color: #2676b0;
  font-size: 14px;
}
#main .post .num_comments a:hover {
  color: #246798;
  text-decoration: underline;
}
#main .post h2,
#main .post h2 a {
  color: #2e2e2e;
  margin: 0 0 16px 0;
}
#main .post h3,
#main .post h3 a {
  color: #4a4a4a;
  font-size: 16px;
  margin-bottom: 8px;
}
#main .post h4 {
  color: #4a4a4a;
  font-size: 14px;
  margin-bottom: 8px;
}
#main .post h5 {
  color: #4a4a4a;
  font-size: 12px;
  margin-bottom: 8px;
}
#main .post p { margin: 0 0 16px 0; }
#main .post ul,
#main .post ol { margin: 0 0 16px 30px; }
#main .post ul li,
#main .post ol li {
  color: #4a4a4a;
  font-size: 12px;
  line-height: 22px;
}
#main .post blockquote {
  font-style: italic;
  margin-left: 20px;
  padding-left: 5px;
}
#main .post blockquote cite {
  display: block;
  margin-top: 6px;
  text-align: right;
}
#main .post table {
  border-collapse: collapse;
  color: #4a4a4a;
  margin-bottom: 16px;
}
#main .post table thead th {
  border-bottom: 2px solid #ccc;
  font-size: 12px;
  padding: 5px 5px 2px 5px;
  vertical-align: bottom;
}
#main .post table tbody th,
#main .post table tbody td {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  padding: 5px;
}
#main .post table thead th.left { text-align: left; }
#main .post table tbody th.center,
#main .post table tbody td.center { text-align: center; }
#main .post table tbody tr.alt th,
#main .post table tbody tr.alt td { background-color: #efefef; }

/* COMMENTS: =comments
---------------------------------------------*/
#comments {
  background: url(images/hr.png) bottom left repeat-x;
  overflow: auto;
  padding: 20px 0 1px 0;
}
#comments h3 {
  color: #4a4a4a;
  font-size: 14px;
  margin: 0 0 30px 127px;
}
#comments p { margin: 0 0 16px 0; }
#comments ol {
  list-style: none;
  margin-bottom: 20px;
}
#comments ol li {
  background: url(images/hr_comments.png) bottom left repeat-x;
  overflow: auto;
  padding: 15px 0 15px 127px;
}
#comments ol li.author,
#comments ol li.admin { background-color: #fffbe2; }
#comments .cite {
  display: block;
  float: left;
  font-style: normal;
  font-weight: bold;
  margin: 12px 20px 0 0;
  text-align: right;
  width: 120px;
}
#comments .cite p {
  line-height: 18px;
  margin: 0;
}
#comments .cite a { color: #328fae; }
#comments .cite a:hover { color: #2d7b95; }
#comments .cite a.comment_date {
  color: #a9a9a9;
  font-size: 11px;
  font-weight: normal;
}
#comments .cite a.comment_date:hover { color: #979797; }
#comments blockquote {
  border-left: 1px solid #e5e5e5;
  display: block;
  float: left;
  padding: 8px 0 0 20px;
  width: 422px;
}
#comments .moderation {
  font-style: italic;
  font-weight: bold;
}

/* COMMENT FORM: =commentform
---------------------------------------------*/
#commentform { margin: 0 0 30px 127px; }
#commentform p {
  margin: 0 0 10px 0;
  overflow: auto;
}
#commentform label {
  color: #797979;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  width: 120px;
}
#commentform .border {
  border-left: 1px solid #e5e5e5;
  float: left;
  margin-left: 20px;
  padding-left: 20px;
  width: 422px;
}
#commentform .text {
  border: 1px solid #ccc;
  color: #4a4a4a;
  font-weight: bold;
  padding: 6px;
  vertical-align: middle;
  width: 200px;
}
#commentform textarea {
  border: 1px solid #ccc;
  color: #4a4a4a;
  font-weight: bold;
  height: 138px;
  margin: 2px 0;
  padding: 6px;
  width: 400px;
}
#commentform .required {
  color: #da474a;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  margin-left: 5px;
}
#commentform #submit { margin-left: 161px; }

/* PAGINATE: =paginate
---------------------------------------------*/
ul#paginate {
  background-color: #f9f9f9;
  list-style: none;
  overflow: auto;
  padding: 22px 20px;
}
ul#paginate li {
  color: #cfcfcf;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 345px;
}
ul#paginate li.new {
  float: right;
  text-align: right;
}
ul#paginate li a { color: #2676b0; }
ul#paginate li a:hover {
  color: #246798;
  text-decoration: underline;
}

/* SIDE: =side
-----------------------------------------------------------------------------------------*/
#side {
  float: left;
  margin: 0 0 30px 10px;
  width: 190px;
}
#side ul { list-style: none; }
#side ul li { margin-bottom: 18px; }
#side ul ul li {
  color: #606060;
  font-size: 12px;
  margin: 9px 0 0 10px;
}
#side ul ul li a {
  color: #2676b0;
  text-decoration: none;
}
#side ul ul li a:hover {
  color: #246798;
  text-decoration: underline;
}
#side h2 {
  background-color: #417194;
  color: #fff;
  font-size: 14px;
  padding: 8px 10px 7px 10px;
}
#side ul li.pagenav ul li a { font-weight: bold; }
#side .linkcat h2 { background-color: #59a8c2; }
#side ul li.linkcat ul li a { color: #328fae; }
#side ul li.linkcat ul li a:hover { color: #307f99; }

/* SEARCH FORM: =searchform
---------------------------------------------*/
#searchform {
  background: url(images/search_bg.png) 0 0 no-repeat;
  height: 27px; /*47-20*/
  padding: 10px;
  width: 170px; /*190-20*/
}
#searchform input { vertical-align: middle; }
#searchform .text {
  color: #4a4a4a;
  font-weight: bold;
  padding: 4px 5px;
  width: 100px;
}

/* LINKEDIN: =linkedin
---------------------------------------------*/
.linkedin { text-align: center; }

/* SUBSCRIBE FORM: =subscribeform
---------------------------------------------*/
.subscribe p {
  color: #606060;
  font-size: 11px;
  margin: 10px 0 10px 10px;
}
.subscribe a {
  color: #ff5a00;
  font-weight: bold;
  text-decoration: none;
}
.subscribe a:hover {
  color: #db5912;
  text-decoration: underline;
}
#email_subscribe {
  background: url(images/hr.png) 0 0 repeat-x;
  margin-left: 10px;
  padding-top: 1px;
}
#email_subscribe p { margin-left: 0; }
#email_subscribe input {
  margin-top: 6px;
  vertical-align: middle;
}
#email_subscribe .text {
  color: #4a4a4a;
  font-weight: bold;
  padding: 4px 5px;
  width: 93px;
}

/* FOOTER: =footer
-----------------------------------------------------------------------------------------*/
#footer {
  clear: both;
  padding: 0 20px;
}
#footer p {
  color: #4a4a4a;
  font-size: 12px;
  font-weight: bold;
}
#footer a {
  color: #2676b0;
  text-decoration: none;
}
#footer a:hover {
  color: #246798;
  text-decoration: underline;
}