/*
Theme Name: Gridline
Theme URI: http://graphpaperpress.com/
Description: A minimalist multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 1.7
Tags: photography, one-column, two-column, theme options, minimal, widgets, white, portfolio, video, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
License: GPL
*/

@import url("library/styles/screen.css");

/************************* GRIDLINE STYLES ***************************/
body {color:#333;padding-top:24px;background: #fff url('images/gridline.gif') top repeat-"clear";}
.container {width:990px;margin:0 auto;}
.container-inner {width:950px; margin:0 auto;padding:1.75em 0 1em}
h1,h2,h3,h4,h5,h6 {color:#222;font-family:Georgia;color:#000;}
h2, h3, .h2 {line-height:1.00em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000;}
.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #eee;}
a {color:#FF3706;text-decoration:none;}
a:hover, a:focus {color:#000;}
p {color:#999;}
h6.top {color:#ccc;}
#top {width:950px;margin:0 auto 3em;padding:0 0 0.5em;color:#666;}
#top a {color:#666}
.login {float:left;}
form#loginform {text-align:left;}
input #wp-submit {background:#000}
hr {height:1px;}
.linkcat {list-style:none}
.span-8 h6, .span-8 p {line-height: 1.4;}


/* Masthead */
#masthead {display:block;clear:both;padding-top:0px;margin-top:0px}
#masthead h4, #masthead span { margin: 0; padding:10px 0 0; line-height:2em }
#masthead h4 { font-family:Helvetica; font-weight: bold; text-transform: uppercase; float: left}
#masthead h4 a { color: #000; text-decoration: none; }
#masthead span.description { font-weight: normal; color: #ccc; text-transform: lowercase; font-size: 11px; margin-left:18px;}

/* Posts */
.content {display:block;clear:both;}
.post {display:block;clear:both;}
.post {font-size: 14px; line-height: 22px;}
.post {font-family: Arial, Helvetica, sans-serif;}
.postmetadata {background:#eee;padding:1em;color:#999; font-size:11px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.postmetadata a {color:#999;}
.postmetadata a:hover {color:#000;}
.underlined {border-bottom:1px solid #222;}
.nav {float:left; margin-bottom: 25px;width:100%;}
.navi {float:left; margin-bottom: 15px;}
.nav a, .navi a {background:#eee; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:8px 10px 8px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display: block}
.nav a:hover,.navi a:hover {background:#222;color:#fff}
.prev a, .next a {color:#222;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.byline {font-size:11px;margin:0;color:#bbb}
.byline a {color:#ccc}
.byline a:hover {color:#000;}

/* Sidebar */
#sidebar {margin:0;}
#sidebar h3 {margin:0;padding:0 0 .6em 0}
#sidebar .item {margin:0 0 4em 0}
#sidebar ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#sidebar ul li a,ul.txt li{color:#222;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
#sidebar ul li a:hover,ul.txt li:hover{color:#000;background-position:1px 0.8em;background: #E5ECF9 url(images/li-white.png) no-repeat 3px 10px;}
#sidebar ul li a span,ul.txt li,h4 a span{color:#FF3706;}
#sidebar ul li.active a{cursor:default;color:white;}
#sidebar ul ul{margin:0;list-style:none;}


/* Footer */
#footer-wrap {background:#fff; clear: both;}
#footer {width:950px;padding:1.5em 0;margin:0 auto;color:#999;text-align:left}
#footer p {color:#999}
#footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:none; color:#999}
#footer .item {margin:0 0 4em 0}
#footer ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#footer ul li a,ul.txt li{height:1%;line-height:1.2em;display:block;padding:6px 0 6px 8px;}
#footer ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #111}
#footer ul li a span,ul.txt li,h4 a span{color:#6
#footer a { color: #826247; }
#footer a:hover { color: white; }