/*
Theme Name: Modularity
Theme URI: http://graphpaperpress.com/
Description: A multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 2.1
Tags: photography, one-column, two-column, theme options, minimal, widgets, white, portfolio, video, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
License: All Rights Reserved
*/

@import url("library/styles/screen.css");
@import url("library/styles/shichifish.css");

/************************* MODULARITY STYLES ***************************/
body {color:#999;background: #111}
.container {width:990px;margin:0 auto;background:#000;z-index:49}
.container-inner {width:950px; margin:0 auto;padding:1.75em 0 1em}
h1,h2,h3,h4,h5,h6 {color:#818181;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#818181;}
h3.sub,h2.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1.1em;font-weight: bold;line-height: 1em;text-transform: uppercase;letter-spacing: 2px;color: #818181;border-bottom: 1px solid #eee;}
a {color:#a89c8a;text-decoration:none;}
a:hover, a:focus {color:#666633;}
p {color:#818181;}
h6.top {color:#ccc;}
#top {width:990px;margin:0 auto 1em;padding:0 0 0.5em;color:#666;height:46px; position:relative;z-index:50}
#top a {color:#999}
.login {float:left;}
form#loginform {text-align:left;}
input #wp-submit {background:#000}
hr {height:1px;}

/* Masthead */
#masthead {float: left;margin-left:20px; padding-top:8px}
#masthead h4, #masthead span { margin: 0; padding:10px 0 0; line-height:2em }
#masthead h4 { font-weight: bold; text-transform: uppercase; float: left}
#masthead h4 a { color: #fff; text-decoration: none; }
#masthead span.description { position:absolute; top: 22px;font-weight: normal; color: #ccc; text-transform: lowercase; font-size: 11px; padding: 0 3em;}

/* Navigation overrides */
.sf-menu {position:absolute; top:16px; right:0;float:left; width:500px; margin-right:20px;}
.sf-menu #search #s {width:100px;}
#top .sf-menu a {color: #a7a7a7;}
#top .sf-menu a:hover {color: #666633;}

/* Posts */
.content {display:block;clear:both;}
.post {display:block;clear:both;}
.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:#515151;}
.postmetadata a:hover {color:#222;}
.underlined {border-bottom:1px solid #222;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#FFFFFF;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.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:#bbb}

/* 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:#515151;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:#696455;}
#sidebar ul li.active a{cursor:default;color:white;}
#sidebar ul ul{margin:0;list-style:none;}

/* Footer */
#footer-wrap {background:#000;}
#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}