/*
Theme Name: Tweet Archive
Theme URI: http://stopdesign.com/tweets/
Description: A theme for a browsable and searchable archive of tweets
Version: 1.0
Author: Douglas Bowman
Author URI: http://stopdesign.com/
Tags: twitter, tweets, archive

*/

body {
  background:#fff;
  margin:0;
  padding:0;
  font:15px/22px "Helvetica Neue",Arial,Sans-serif;
  color:#333;
  }


/* !Links
----------------------------------------------- */
a {
  color:#08b;
  text-decoration:none;
  }
a:hover {
  background:#ffd;
  color:#069;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* !Header
----------------------------------------------- */
#header {
  background:#666;
  padding:6px 0;
  color:#ccc;
  font-size:12px;
  }
#header2 {
  width:820px;
  margin:0 auto;
  }
#header h1 {
  margin:0 5px 0 0;
  display:inline;
  font-size:13px;
  color:#fff;
  }
#header a {
  color:#fff;
  }
#header a:hover {
  background:none;
  }


/* !Structure
----------------------------------------------- */
#container {
  width:820px;
  margin:0 auto;
  padding:30px 0;
  }
#content {
  background:#fff;
  float:left;
  width:540px;
  padding:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
#sidebar {
  float:right;
  width:240px;
  }


/* !User
----------------------------------------------- */
#user {
  float:left;
  width:100%;
  margin:0 0 30px;
  line-height:22px;
  color:#ccc;
  }
#user .avatar {
  float:left;
  width:48px;
  margin:0 10px 0 0;
  }
#user-info {
  margin-left:58px;
  }
#user-fn {
  margin-right:2px;
  font-size:18px;
  color:#333;
  }
#username {
  color:#666;
  }
#user-loc {
  color:#666;
  }


/* !Tweets
----------------------------------------------- */
#tweets h2 {
  margin:0 0 10px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  font-size:24px;
  }
#tweets .post, #tweet .post {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  }
#tweets .post p, #tweet .post p {
  margin:0;
  }
#tweets a {
  font-weight:bold;
  }
#tweets .meta a {
  font-weight:normal;
  }
#tweets .post .meta, #tweets .post .meta a, #tweet .post .meta, #tweet .post .meta a {
  font-size:12px;
  color:#999;
  }
#tweet .tweet {
  font-size:24px;
  line-height:30px;
  }
#tweet .post .meta, #tweet .post .meta a {
  font-size:15px;
  line-height:30px;
  }
.post:hover .meta a {
  text-decoration:underline;
  }
#tweets .post .meta a:hover, #tweet .post .meta a:hover {
  color:#666;
  }


/* !Searchform
----------------------------------------------- */
#searchform {
  float:left;
  width:100%;
  margin:0 0 20px;
  padding:0 0 18px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
#searchform .inner {
  padding:0 10px;
  }
#searchform label {
  display:block;
  padding:0 0 2px;
  font-size:13px;
  line-height:18px;
  color:#999;
  }
#searchform .txt {
  float:left;
  width:150px;
  margin:0;
  padding:2px 5px;
  border:1px solid #ddd;
  border-top-color:#ccc;
  border-right-width:0;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  border-top-left-radius:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-left-radius:5px;
  border-bottom-left-radius:5px;
  font:15px/22px "Helvetica Neue",Arial,Sans-serif;
  color:#333;
  }
#searchform .btn {
  background:#6ab url("img/bg-searchbutton.png") no-repeat 55% 100%;
  float:left;
  width:32px;
  margin:0;
  padding:2px 0;
  border:1px solid #367;
  border-left-width:0;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
  border-top-right-radius:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-right-radius:5px;
  font:15px/22px "Helvetica Neue",Arial,Sans-serif;
  }


/* !Nav
----------------------------------------------- */
#nav {
  float:left;
  width:100%;
  padding:0 0 20px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-size:13px;
  }
#nav h2 {
  display:none;
  margin:0;
  font-size:18px;
  }
#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#nav li {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  }
#nav li a {
  display:block;
  padding:1px 4px 1px 10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  color:#666;
  }
#nav li a:hover, #nav li.current a, #nav li.current a:hover {
  background:#eee;
  text-decoration:none;
  }
#nav li.current a {
  font-weight:bold;
  }
#nav li a:hover {
  background:#f6f6f6;
  }
#nav li .count {
  background:rgba(255,255,255,0.5);
  float:right;
  line-height:14px;
  margin-top:2px;
  padding:2px 5px;
  color:#999;
  font-size:11px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  }
#nav li.current a {
  color:#333;
  }
#nav li.current .count {
  background:rgba(0,0,0,0.6);
  color:#fff;
  font-weight:normal;
  }


/* !Misc
----------------------------------------------- */
.pagination {
  float:left;
  width:100%;
  }
.pagination .older {
  float:left;
  width:45%;
  }
.pagination .newer {
  float:right;
  width:45%;
  text-align:right;
  }
.reset {
  display:block;
  clear:both;
  height:1px;
  font-size:1px;
  line-height:1px;
  }


/* !Footer
----------------------------------------------- */
#footer p {
  padding:10px 0;
  color:#999;
  font-size:12px;
  }
#footer a {
  color:#666;
  }