/* base stuff */
/* blog stuff */
/* mixins */
body {
  background: #f9bdc1 url(/images/bg_content.png) repeat-y 50% 0;
  color: #753220;
  font: 85%/1.5 Helvetica Neue, helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center; }

/* === HEADER === */
#header {
  background: url(/images/bg_header.png) repeat-x;
  height: 310px;
  width: 100%; }
  #header .wrapper {
    background: url(/images/header.png);
    height: 310px;
    margin: 0 auto;
    position: relative;
    width: 927px; }
    #header .wrapper h1 {
      height: 138px;
      left: 12px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 10px;
      width: 247px; }
      #header .wrapper h1 a {
        background: url(/images/logo.png) no-repeat;
        display: block;
        height: 138px;
        overflow: hidden;
        text-indent: -9999px;
        width: 247px; }
    #header .wrapper img {
      bottom: 25px;
      left: 263px;
      position: absolute; }

/* === NAVIGATION === */
#navigation {
  height: 31px;
  left: 263px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 20px;
  width: 366px; }
  #navigation li {
    float: left;
    margin: 0;
    padding: 0 32px 0 0; }
    #navigation li a {
      display: block;
      height: 32px;
      overflow: hidden;
      text-indent: -9999px; }

#navigation li#nav_contact {
  padding: 0; }

/* === NAV ITEMS === */
#nav_home a {
  background: url(/images/navigation.png) 0 0;
  width: 42px; }
  #nav_home a:hover {
    background: url(/images/navigation.png) 0 31px; }

#nav_about a {
  background: url(/images/navigation.png) -74px 0;
  width: 46px; }
  #nav_about a:hover {
    background: url(/images/navigation.png) -74px 31px; }

#nav_menu a {
  background: url(/images/navigation.png) -150px 0;
  width: 42px; }
  #nav_menu a:hover {
    background: url(/images/navigation.png) -150px 31px; }

#nav_media a {
  background: url(/images/navigation.png) -224px 0;
  width: 49px; }
  #nav_media a:hover {
    background: url(/images/navigation.png) -224px 31px; }

#nav_contact a {
  background: url(/images/navigation.png) -305px 0;
  width: 59px; }
  #nav_contact a:hover {
    background: url(/images/navigation.png) -305px 31px; }

/* === CONTENT === */
#content {
  margin: 0 auto;
  text-align: left;
  width: 756px; }
  #content #content-main {
    float: left;
    width: 481px; }
  #content #content-sub {
    text-align: center;
    float: right;
    width: 253px; }
    #content #content-sub #connect {
      position: relative; }
      #content #content-sub #connect .follow {
        position: absolute;
        top: 13px;
        left: -2px; }
      #content #content-sub #connect .social {
        width: 98px;
        position: absolute;
        top: 7px;
        right: 2px; }

/* === FOOTER === */
#footer {
  background: url(/images/footer.png) no-repeat 0 20px;
  clear: both;
  margin: 0 auto;
  padding: 20px 0;
  text-align: left;
  width: 782px; }
  #footer p {
    background: url(/images/god_bless.jpg) no-repeat right center;
    font-size: .9em;
    line-height: 1.3;
    padding: 2em 13px; }

/* === SIDEBAR === */
#photos img {
  display: block;
  margin: 20px auto;
  padding: 3px;
  border: 1px #bfbfbf solid; }

#support {
  margin: 1em 0; }
  #support p {
    margin: 0; }
    #support p a {
      background: transparent url(/images/support.png) no-repeat center;
      display: block;
      height: 149px;
      overflow: hidden;
      text-indent: -9999px;
      width: 238px; }

#kidventure {
  margin: 1em 0; }
  #kidventure p {
    margin: 0; }
    #kidventure p a {
      background: transparent url(/images/kidventure.jpg ) no-repeat center;
      display: block;
      height: 149px;
      overflow: hidden;
      text-indent: -9999px;
      width: 252px; }

/* === HTML === */
a:link, a:visited {
  color: #f18092; }
a:hover, a:active {
  color: #a75965; }

img {
  display: block;
  border: 0; }

img.contact {
  margin: 0 0 15px 0; }

img.crown {
  display: inline; }

/* === CLIPS === */
.clip {
  margin: 1.5em 0 2.5em; }
  .clip h3 {
    font-size: 1.25em;
    line-height: 1.2;
    margin: 0 0 .25em; }
  .clip p {
    margin: 0; }

.video {
  text-align: center; }

/* === MISC === */
.pink {
  color: #f18092; }

.menus {
  text-align: center;
  font-size: 20px; }
  .menus ul {
    list-style: none; }
    .menus ul li {
      padding: 10px; }

/* === SITE ADMIN === */
#administration {
  background: #333;
  border-bottom: 1px solid #000;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000; }
  #administration h4 {
    color: #fff;
    display: inline;
    margin: 0;
    padding: 0 2em; }
  #administration ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
    #administration ul li {
      display: inline;
      margin: 0;
      padding: 0 1em; }
      #administration ul li a {
        color: #cc9;
        font-size: .9em;
        line-height: 2em; }

table.admin {
  border-collapse: collapse; }
  table.admin th, table.admin td {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px;
    vertical-align: top; }
  table.admin label {
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-weight: normal; }

ul.social {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.social li {
    float: left;
    height: 32px;
    padding-right: 17px;
    text-indent: -9999px;
    overflow: hidden;
    display: block; }
    ul.social li.youtube {
      background: transparent url(/images/social_icons.png) no-repeat 0 0; }
    ul.social li.twitter {
      background: transparent url(/images/social_icons.png) no-repeat -50px 0; }
    ul.social li.facebook {
      background: transparent url(/images/social_icons.png) no-repeat -99px 0; }
    ul.social li.linkedin {
      background: transparent url(/images/social_icons.png) no-repeat -149px 0; }
    ul.social li.rss {
      padding-right: 0;
      background: transparent url(/images/social_icons.png) no-repeat -199px 0; }
    ul.social li a {
      display: block;
      height: 32px;
      width: 32px; }

.clearfix {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.post .date {
  background: #f9bdc1;
  width: 38px;
  float: left;
  padding: 3px;
  text-align: center;
  line-height: 1.5;
  font-family: Helvetica Neue, helvetica, arial, sans-serif; }
  .post .date .month {
    font-size: 1em;
    text-transform: uppercase; }
  .post .date .day {
    font-size: 1.8em; }
.post .post_main {
  margin-left: 64px;
  margin-bottom: 50px;
  font-family: Helvetica Neue, helvetica, arial, sans-serif; }
  .post .post_main h3 {
    margin: 0;
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: 1.8em;
    border-bottom: 1px solid #753220;
    font-weight: normal; }
    .post .post_main h3 a {
      text-decoration: none;
      color: #753220; }
.post .tagline {
  text-align: right; }
.post .meta {
  font-size: .8em;
  font-style: italic; }
  .post .meta a {
    font-style: normal;
    padding-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent url(/images/partition.gif) right no-repeat;
    margin: 0; }
    .post .meta a.end {
      background: transparent; }

h2.blogname {
  color: #753220;
  font-size: 2.3em;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  margin-bottom: .5em; }
  h2.blogname a {
    color: #753220;
    text-decoration: none;
    font-style: normal; }

#comments {
  margin: 1em 0.5em; }
  #comments .comment-container {
    padding: 0.5em 1em; }

.grey {
  background: #E9E6E1;
  border: 1px dotted #D1D1D1; }

table.admin {
  width: 100%; }

.post {
  margin: 0 0 20px 0; }
  .post p {
    margin: 10px 0; }

#comments {
  margin: 1em 0.5em; }
  #comments .comment-container {
    padding: 0.5em 1em; }
  #comments .strikethrough {
    text-decoration: line-through; }

.flash {
  font-size: 1.4em;
  margin: 0 0 1em;
  padding: 5px;
  width: 100%; }

.flash-notice {
  display: block;
  color: #0a0;
  padding: 10px 6px 10px 55px;
  background: transparent url(/images/success.png) 1% 10% no-repeat; }

.flash-error {
  color: #a00; }

.fieldWithErrors input {
  border: 2px solid red; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff; }

#errorExplanation p {
  color: #333;
  margin: 1em 0;
  padding: 5px; }

#errorExplanation ul {
  margin: 1em; }

#errorExplanation ul li {
  color: #666;
  font-size: 12px;
  list-style: square; }