/*
Theme Name: Newaukee
Theme URI: http://newaukee.com
Description: 
Version: 1.0
Author: Jordan Arentsen
Author URI: http://blissdev.com
Tags: newaukee, milwaukee
*/

@import url(css/reset.css);
@import url(css/columns.css);
@import url(css/typography.css);
body {
  background: #121212 url('images/Background2.jpg') left top repeat; }

#frame {
  background-color: #fff;
  margin: 0 auto;
  width: 960px; }
  #frame header {
    background: url(images/header_bg.jpg) left top no-repeat;
    height: 147px;
    position: relative; }
    #frame header a#logo {
      background: url(images/logo.png) left top no-repeat;
      display: block;
      height: 128px;
      width: 138px;
      top: 10px;
      left: 33px;
      position: absolute;
      text-indent: -3000px; }
  #frame nav {
    background-color: #000;
    padding: 12px 20px; }
    #frame nav ul {
      text-align: right; }
      #frame nav ul li {
        display: inline;
        line-height: 1; }
body #frame #top {
  height: 155px; }
  body #frame #top #page-banner {
    height: 155px;
    width: 681px; }
  body #frame #top #social-media {
    background: url(images/social_media_bg-small.jpg) left top no-repeat;
    height: 143px;
    width: 244px;
    padding: 12px 0 0 35px; }
    body #frame #top #social-media ul {
      list-style-type: none; }
      body #frame #top #social-media ul a {
        background: url(images/social_media_buttons-small.png) left top no-repeat;
        display: block;
        height: 42px;
        width: 206px;
        text-indent: -3000px; }
      body #frame #top #social-media ul a.facebook:hover {
        background-position: -210px 0; }
      body #frame #top #social-media ul a.twitter {
        background-position: 0 -46px; }
      body #frame #top #social-media ul a.twitter:hover {
        background-position: -210px -46px; }
      body #frame #top #social-media ul a.flickr {
        background-position: 0 -92px; }
      body #frame #top #social-media ul a.flickr:hover {
        background-position: -210px -92px; }
body.home #frame #top {
  height: 306px; }
  body.home #frame #top #next-event {
    height: 306px;
    width: 681px; }
  body.home #frame #top #social-media {
    background: url(images/social_media_bg-large.jpg) left top no-repeat;
    height: 300px;
    width: 265px;
    padding: 6px 0 0 14px; }
    body.home #frame #top #social-media ul {
      list-style-type: none; }
      body.home #frame #top #social-media ul a {
        background: url(images/social_media_buttons-large.png) left top no-repeat;
        display: block;
        height: 72px;
        width: 277px;
        text-indent: -3000px; }
      body.home #frame #top #social-media ul a.facebook:hover {
        background-position: -300px 0; }
      body.home #frame #top #social-media ul a.twitter {
        background-position: 0 -72px; }
      body.home #frame #top #social-media ul a.twitter:hover {
        background-position: -300px -72px; }
      body.home #frame #top #social-media ul a.flickr {
        background-position: 0 -144px; }
      body.home #frame #top #social-media ul a.flickr:hover {
        background-position: -300px -144px; }
      body.home #frame #top #social-media ul a.newsletter {
        background-position: 0 -216px; }
      body.home #frame #top #social-media ul a.newsletter:hover {
        background-position: -300px -216px; }
  #frame #content {
    background: url(images/content_bg.png) left top repeat-y;
    padding-bottom: 50px; }
    #frame #content #main {
      width: 681px; }
      #frame #content #main p {
        margin-bottom: 10px;
      }
      #frame #content #main #main-bucket {
        margin: 0 25px 0; }
      #frame #content #main #main-bucket p {
        margin-bottom: 10px;
      }
      #frame #content #main #post-content {
        margin: 0 25px; }
      .page-id-8 #frame #content #main #post-content div {
        margin-bottom: 15px;
      }  
        
      #frame #content #main article {
        margin: 20px 25px; }
        #frame #content #main article h1 {
          margin-left: 0;
          margin-bottom: 5px;
        }
        #frame #content #main article h2 a {
          color: #00c0ff;
          font-family: Arial, sans-serif;
          font-size: 21px;
          margin: 20px 0 15px;
        }
        #frame #content #main article h2 a:hover {
          color: #FFDA62;
        }
        #frame #content #main article .post-meta {
          font-size: 12px;
        }
        #frame #content #main article .post-content {
          margin-top: 15px;
        }
      #frame #content #main #comments {
        margin: 0 25px;
      }
        #frame #content #main #comments label {
          display: block; }
      #frame #content #main .buckets {
        border-top: 1px dashed #918F8F;
        padding-top: 15px;
        margin-left: 20px;
        margin-top: 25px; }
        #frame #content #main .buckets .bucket {
          background: url(images/bucket_bg.jpg) left top repeat;
          
          box-shadow: -3px -3px 3px #bbb;
          -webkit-box-shadow: -3px -3px 3px #bbb;
          -moz-box-shadow: -3px -3px 3px #bbb;
          -o-box-shadow: -3px -3px 3px #bbb;
        
          padding: 20px 15px;
          width: 281px; }
        #frame #content #main .buckets .left {
          margin-right: 15px; }
      #frame #content #main #profiles {
        border-top: 1px dashed #333;
        margin: 25px 25px;
        padding-top: 20px;
      }
        #frame #content #main #profiles h2 {
          color: #00c0ff;
          font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
          font-size: 21px;
          margin-bottom: 15px;
        }
        #frame #content #main #profiles .profile {
          background: url(images/profile_bg.jpg) left top repeat-y;
          float: left;
          font-size: 12px;
          margin-right: 23px;
          margin-bottom: 40px;
          padding: 8px 8px;
          width: 171px;
          box-shadow: 3px 3px 3px #bbb;
          -webkit-box-shadow: 3px 3px 3px #bbb;
          -moz-box-shadow: 3px 3px 3px #bbb;
          -o-box-shadow: 3px 3px 3px #bbb;
        }
        #frame #content #main #profiles .profile h3 {
          font-size: 14px;
          color: #00C0FF;
        }
    #frame #content #sidebar {
      padding-top: 5px;
      width: 279px; }
      #frame #content #sidebar .ads {
        margin: 15px; }
        #frame #content #sidebar .ads .ad {
          margin-bottom: 15px; }
      #frame #content #sidebar #old-events {
        margin: 15px;
      }
      #frame #content #sidebar #old-events h3 {
        font-family: "Helvetica Neue", helvetica, arial, sans-serif;
        font-size: 16px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 10px;
      }
      #frame #content #sidebar #old-events p {
        margin-left: 10px;
      }
      #frame #content #sidebar .tweets {
        border-bottom: 1px dotted #918F8F;
        border-top: 1px dotted #918F8F;
        margin: 15px;
        padding-left: 15px; }
        #frame #content #sidebar .tweets h3 {
          font-family: Arial, sans-serif;
          font-size: 18px;
          margin: 15px 0 10px; }
        #frame #content #sidebar #tweet-list ul { list-style-type: none; }
        #frame #content #sidebar #tweet-list ul li { font-family: "Helvetica Neue", helvetica, arial, sans-serif; margin-bottom: 15px; font-size: 12px; margin-right: 15px;}
        #frame #content #sidebar #tweet-list ul li > a { display: block; font-size: 10px; margin-top: 2px; color: #333; text-decoration: none; }
        #frame #content #sidebar .tweets .tweet {
          margin-bottom: 15px; }
          #frame #content #sidebar .tweets .tweet p {
            font-size: 13px; }
          #frame #content #sidebar .tweets .tweet span.info {
            font-size: 11px; }
  #frame footer {
    background-color: #393939;
    color: #fff;
    font-family: Arial, sans-serif;
    padding: 15px 0;
    text-align: center; }
    #frame footer p {
      font-size: 12px; }
    #frame footer ul {
      list-style-type: none;
      margin-bottom: 5px; }
      #frame footer ul li {
        display: inline;
        text-transform: uppercase; }
        #frame footer ul li a {
          color: #fff;
          font-size: 12px;
          padding: 0 5px;
          text-decoration: none; }
        #frame footer ul li a:hover {
          color: #ffda62; }