/*
Theme Name: Gnip
Theme URI: http://www.gnip.com/
Description: Custom theme developed for Gnip.
Author: Hatch
Author URI: http://www.madebyhatch.com/
Tags: hatch
*/

* {margin:0; padding:0; outline:0}
body {font:13px Verdana,Arial; color:#333; background:#fff url(images/page-bg.gif) repeat-x}
img {border:none}
a {color:#255162; text-decoration:none}
a:hover {color:#000}
#top {width:859px; margin:0 auto}
#header {height:119px; width:839px; margin:0 10px}
#logo {float:left; margin-top:28px}
#nav {float:left; list-style:none; font:14px Arial,Verdana; font-weight:bold; width:100%; height:43px; background:url(images/subnav-bg.gif) 0 35px no-repeat}
#nav li {float:left; height:43px}
#nav a, #nav span {float:left; height:25px; padding:10px 16px 0; color:#366577; text-decoration:none}
#nav span {color:#000}
#nav a:hover {color:#000}
#homebody #nav {background:none; height:35px}
.navdiv a, .navdiv span {border-left:1px solid #a9a9a9}
.navactive {background:url(images/active-arrow.png) 50% 35px no-repeat}
#try {float:right; width:221px; height:82px; margin-top:19px; background:url(images/get-started.gif) no-repeat}
#try:hover {background-position:0 -82px}
#try span {display:none}
#bottom {clear:both; height:98px; background:url(images/footer-bg.gif) repeat-x}
#footer {width:849px; height:60px; padding-top:50px; background:url(images/footer-icon.gif) 50% 20px no-repeat; margin:0 auto; padding-right:10px; color:#999; font-size:11px; text-align:center}
#footer p {color:#666; margin-bottom:6px}
#footer a {color:#999; text-decoration:none}
#footer a:hover {color:#666}
#copyright {float:right; margin-top:21px; color:#999; font-size:11px; font-weight:bold}
#page {float:left; padding:0 10px; width:839px; background:url(images/subnav-bg.gif) 0 -8px no-repeat}
#page h1 {font:18px Arial,Verdana; color:#fff; height:30px; padding-left:6px; font-weight:bold}
#subnav {height:23px; padding:1px 0 0 3px; color:#f5e7db}
#subnav a {color:#f5e7db; text-decoration:none; margin:0 4px}
#subnav a:hover {color:#fff; border-color:#fff}
.activesub {padding-bottom:2px; border-bottom:1px solid #f5e7db}
#clear {clear:both; height:75px}
#title {font:26px Arial,Verdana; color:#0a2631; height:55px; font-weight:bold; padding:24px 0 0; margin-bottom:28px}
#left {float:left; width:585px; padding-top:45px}
.post {padding-bottom:11px; border-bottom:1px solid #e4e4e4; margin-bottom:25px}
.info {float:left; width:585px; border-bottom:1px solid #e4e4e4; padding-bottom:20px}
.info h2 {float:left; width:450px; font:24px Arial,Verdana; font-weight:bold}
.info h2 a {color:#0a2631}
.info div {float:right; text-align:center; color:#bbb}
.day {float:right; font-size:40px}
.monthyear {float:right; height:31px; border-left:1px solid #bbb; margin:9px 0 0 10px; padding-left:10px}
.author {clear:both; float:left; width:585px; padding:5px 0 6px; border-bottom:1px solid #e4e4e4; font-size:11px; color:#999}
.author span {float:right}
.author p {float:left;}
.text {clear:left; padding-top:18px}
.text p {margin-bottom:14px; line-height:1.4}
.text ol, .text ul {margin:0 0 11px 15px}
.text li {margin-bottom:4px}
.text h1 {font-size:18px; margin:0 0 14px 0}
.text h2 {font-size:17px; margin:0 0 14px 0}
.text h3 {font-size:16px; margin:0 0 14px 0}
.text h4 {font-size:15px; margin:0 0 14px 0}
.text h5 {font-size:14px; margin:0 0 14px 0}
.text h6 {font-size:13px; margin:0 0 14px 0}
.text pre {margin-bottom:14px; overflow-x:auto; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
img.alignright {display:inline; margin:0 0 2px 7px; padding:4px}
img.alignleft {display:inline; margin:0 0 2px 7px; padding:4px}
.alignleft {clear:both; float:left}
.alignright {clear:both; float:right}
.pageleft {float:left}
.pageright {float:right}
#right {float:right; width:215px; padding-top:45px}
#right h4 {padding:5px 0 6px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; color:#e36a00; font-weight:normal}
#follow {padding:8px 0 9px; border-bottom:1px solid #e4e4e4; margin-bottom:25px}
#follow a {margin-right:2px}
#respond h3 {margin-bottom:20px}
#right h3 {font:18px Arial,Verdana; margin-bottom:7px; color:#e36a00}
#right h3 a {color:#666; color:#e36a00}
#right h3 a:hover {color:#333}
#right ul {margin-bottom:25px; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; text-decoration:none; list-style:none}
#right li {margin:10px 0 10px 10px; background:url(images/bullet.gif) 0 4px no-repeat; padding-left:42px; line-height:1.3}
.pagetitle {margin-bottom:25px}
#commentform p {margin-bottom:10px}
#comment {width:585px}
#comments {margin-bottom:20px}
#submit {float:right; padding:2px 8px}
#commentlist {list-style:none}
#commentlist li {float:left; margin-bottom:20px}
.url {display:block; width:80px; margin-top:6px}
.comment-left {float:left; width:125px; font-size:11px}
.commentmeta {font-size:11px; margin-bottom:8px}
.comment-right {float:left; width:419px; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:20px; font-size:12px}