/*
Theme Name: Modularity Lite
Theme URI: http://graphpaperpress.com/2008/10/06/modularity-lite-theme-framework-for-wordpress/
Description: A minimally styled multimedia theme framework for Wordpress.  The Theme Options page allows for rapid theme customization and includes a selectable one or two-column layout, color selector, and homepage slideshow options.
Version: 1.0
Tags: photography, one-column, two-column, theme options, minimal, widgets, white, portfolio, video, framework
Author: Thad Allender
Author URI: http://thadallender.com
License: GPL
*/

/*
    Copyright 2008 Graph Paper Press

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/************************* GLOBAL STYLES ***************************/
* body {
background:none repeat scroll 0 0 #000000;
color:#000000;
}
.container-inner {
background:none repeat scroll 0 0 #FFFFFF;
margin:0 auto;
padding:0;
width:950px;
}
.container {
background:none repeat scroll 0 0 #FFFFFF;
padding:10px;
}
h1, h2, h3, h4, h5, h6 {
color:#000000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#000000;
}
h3.sub, h2.sub {
border-top:1px solid #DDDDDD;
color:#616161;
font-size:1.1em;
font-weight:bold;
letter-spacing:2px;
line-height:1em;
margin:10px 0;
padding:10px 0;
text-transform:uppercase;
}
a {
color:#616161;
text-decoration:none;
}
a:hover, a:focus {
color:#000000;
text-decoration:underline;
}
p {
color:#000000;
font-family:'Helvetica-Neue','Helvetica',Verdana,Arial,Sans-Serif;
}
h6.top {
color:#CCCCCC;
}
#top {
color:#666666;
margin:0 auto 1em;
padding:0 0 2.5em;
width:1000px;
}
#top a {
color:#666666;
}
.login {
float:left;
}
#masthead {
float:left;
height:36px;
}
#masthead h4, #masthead span {
line-height:1em;
margin:0;
padding:0 0 0;
}
#masthead h4 {
color:#000000;
float:left;
font-family:'Helvetica',Verdana,Arial,Sans-Serif;
font-size:3em;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
}
#masthead h4 a {
color:white;
text-decoration:none;
}
#masthead span.description {
color:#CCCCCC;
font-size:0.5em;
font-weight:normal;
padding-bottom:5px !important;
text-transform:uppercase;
}
#nav {
background:none repeat scroll 0 0 #000000;
float:right;
margin:0 0 0;
padding:6px 4px 4px 10px;
}
#nav ul, #nav ul li {
margin:0;
padding:0;
}
#nav ul li {
color:#7D7D7D;
float:left;
font-size:12px;
font-weight:normal;
list-style:none outside none;
margin-right:15px;
position:relative;
text-transform:uppercase;
}
#nav ul li a {
color:#616161;
text-decoration:none;
}
#nav ul li a:hover {
color:#FFFFFF;
}
#nav ul li ul {
display:none;
}
#nav ul li.drop:hover ul {
display:block;
}
#nav ul li ul {
margin-left:-10px;
padding-top:7px;
position:absolute;
z-index:200;
}
#nav ul li ul li {
float:none;
font-size:10px;
font-weight:normal;
margin-right:0;
z-index:210;
}
#nav ul li ul li a {
background:none no-repeat scroll 5px 50% #111111;
color:#EEEEEE;
display:block;
padding:7px 10px;
width:130px;
}
#nav ul li ul li a:hover {
background:none repeat scroll 0 0 #111111;
color:#FFFFFF;
text-decoration:none;
}
#nav ul li ul li a.icon {
padding-left:30px;
}
#nav ul li ul li a.entries {
background-image:url("images/rss.png");
background-position:5px 50%;
background-repeat:no-repeat;
}
#nav ul li ul li a.comments {
background-image:url("images/chat.png");
background-position:5px 50%;
background-repeat:no-repeat;
}
#nav ul li ul li a.phone {
background-image:url("images/phone.png");
background-position:5px 50%;
background-repeat:no-repeat;
}
#nav ul li ul li a.email {
background-image:url("images/email.png");
background-position:5px 50%;
background-repeat:no-repeat;
}
#nav ul li ul.push {
margin-top:12px;
z-index:211;
}
#nav ul li.enhanced {
margin-right:0;
padding-right:15px;
z-index:211;
}
#nav ul li.enhanced span {
float:left;
padding-right:7px;
z-index:211;
}
#nav ul li.enhanced a.arrow {
display:block;
float:left;
height:15px;
overflow:hidden;
position:relative;
top:-2px;
width:18px;
}
#nav ul li.enhanced a.arrow:hover {
cursor:pointer;
}
#nav ul li.enhanced a.arrow img {
border:0 none;
display:block;
position:relative;
}
#nav ul li.enhanced a.rest img {
top:0;
}
#nav ul li.enhanced a.hover img {
top:-15px;
}
#nav ul li.enhanced a.open img {
top:-30px;
}
.content {
}
.post {
clear:both;
display:block;
}
.post h4, .post h6 {
font-family:'Helvetica-Neue',Verdana,Arial,Sans-Serif;
}
.postmetadata {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:medium none;
color:#999999;
font-size:1em;
padding:1em;
}
.postmetadata a {
color:#999999;
}
.postmetadata a:hover {
color:#000000;
}
p.postmetadata {
margin:0;
padding:0;
}
.underlined {
border-bottom:1px solid #EEEEEE;
}
h6.underlined {
margin:0 0 1em;
}
.welcomebox {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #EEEEEE;
margin-bottom:1.5em;
padding:1.5em;
}
.welcomebox h2 {
color:#000000;
}
.welcomebox p {
color:#000000;
font-size:1.1em;
}
.nav-image-left, .nav-image-up, .nav-image-right {
float:left;
margin:0 10px 0 2px;
text-align:center;
width:25px;
}
.nav-image-left a, .nav-image-up a, .nav-image-right a {
background:none repeat scroll 0 0 #EEEEEE;
color:#000000;
padding:2px 48%;
text-decoration:none;
}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {
background:none repeat scroll 0 0 #111111;
color:#FFFFFF;
}
.nav {
color:#616161;
margin:0 0 1em;
}
.nav:hover {
}
.prev a, .next a {
color:#616161;
padding:0.2em 1em;
text-decoration:none;
}
.prev a:hover, .next a:hover {
color:#000000;
text-decoration:underline;
}
.nav-interior {
clear:both;
display:inline;
margin:0;
padding:0;
}
.nav-interior .next {
color:#000000;
float:right;
text-decoration:none;
}
.nav-interior .prev {
color:#000000;
float:left;
text-decoration:none;
}
#sidebar {
margin:0;
}
#sidebar .item {
margin:0 0 4em;
}
#sidebar ul {
font-size:1em;
list-style:none outside none;
margin:0 0 1.6em;
}
#sidebar ul li a, ul.txt li {
border-bottom:1px solid #000000;
color:#EEEEEE;
display:block;
height:1%;
line-height:1.2em;
padding:6px 0 6px 8px;
}
#sidebar ul li a:hover, ul.txt li:hover {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
}
#sidebar ul li a span, ul.txt li, h4 a span {
color:#696455;
}
#sidebar ul li.active a {
color:white;
cursor:default;
}
#sidebar ul ul {
list-style:none outside none;
margin:0;
}
#footer-wrap {
background:none repeat scroll 0 0 #000000;
}
#footer {
background:none repeat scroll 0 0 #000000;
border-top:1px solid #444444;
color:#999999;
margin:20px auto;
padding:10px 0;
text-align:left;
width:1000px;
}
#footer p {
color:#616161;
}
#footer h3 {
border:medium none;
color:#616161;
margin:0;
padding:0 0 0.6em;
}
#footer .item {
margin:0 0 4em;
}
#footer a:hover {
color:#FFFFFF;
text-decoration:none;
}
#footer ul {
font-size:1em;
list-style:none outside none;
margin:0 0 1.6em;
}
#footer ul li a, ul.txt li {
display:block;
height:1%;
line-height:1.2em;
padding:6px 0 6px 8px;
}
#footer ul li a:hover, ul.txt li:hover {
background-position:1px 0.8em;
color:#FFFFFF;
}
#footer ul li a span, ul.txt li, h4 a span {
color:#616161;
}
#footer ul li.active a {
color:white;
cursor:default;
}
#footer ul ul {
list-style:none outside none;
margin:0;
}
#footer ul#recentcomments {
font-size:1em;
list-style:none outside none;
margin:0 0 1.6em;
}
#footer ul#recentcomments li.recentcomments {
display:block;
padding:4px 0 4px 8px;
}
#footer ul#recentcomments li.recentcomments a {
background-image:none;
border:0 none;
}
#footer ul#recentcomments li.recentcomments a:hover {
background:none repeat scroll 0 0 #111111;
color:#FFFFFF;
}
#footer ul#recentcomments li.recentcomments a span {
color:#696455;
}
.right {
float:right;
}
.left {
float:left;
}
.middle {
float:left;
margin:0 auto;
}
.clear {
clear:both;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
max-width:950px;
}
img.alignright {
display:inline;
margin:3px 0 2px 10px;
max-width:950px;
padding:4px;
}
img.alignleft {
display:inline;
margin:3px 10px 2px 0;
max-width:950px;
padding:0;
}
img.alignnone {
display:block;
margin:3px 10px 2px 0;
max-width:950px;
padding:0 4px 4px 0;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
margin:0;
padding-top:0;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
background:none repeat scroll 0 0 #000000;
font-size:11px;
line-height:17px;
margin:0;
max-width:950px;
padding:0.5em 0;
text-align:center;
}
.home .wp-caption p.wp-caption-text {
background:none repeat scroll 0 0 #000000;
font-size:11px;
line-height:17px;
margin:0;
max-width:590px;
padding:0.5em 0;
text-align:center;
}
.thumbnail, .attachment-thumbnail {
float:left;
margin:0 1.5em 1.5em 0;
max-width:284px;
}
.attachment-medium {
display:inline;
max-width:600px;
overflow:hidden;
}
.attachment-large {
display:inline;
max-width:950px;
overflow:hidden;
}
.content .size-medium, content size-large {
margin:0 1.5em 1.5em 0;
}
.home .size-medium, .home .size-large {
height:auto;
margin:0 0.5em 0.5em 0;
max-width:590px;
overflow:hidden;
}
dl.gallery-item .gallery-caption {
clear:both;
float:none;
width:150px;
}
dl.gallery-item {
padding:10px;
width:170px;
}
.gallery-icon .attachment-thumbnail {
margin:0;
padding:0;
}
.gallery {
width:auto;
}
.home img {
display:inline;
height:auto;
max-width:590px;
overflow:hidden;
}
#filters {
clear:both;
height:2em;
margin-bottom:1em;
}
#filters li {
float:left;
margin-right:2em;
}
.prev {
}
.next {
}
:focus {
outline:0 none;
}
.advertisement .box {
background:none repeat scroll 0 0 #E5ECF9;
}
#search {
margin:0;
padding:0;
}
#search #s {
background:url("images/search.png") no-repeat scroll 0 center #DDDDDD;
border:1px solid #333333;
color:#222222;
font-size:1em;
margin:0;
padding:4px 0 4px 17px;
width:150px;
}
#search input {
border:0 none;
}
#search #s:hover {
background:url("images/search_blue.png") no-repeat scroll 0 center #FFFFFF;
color:#0066CC;
}
.search-excerpt {
margin:0;
}
h3#comments {
background:none repeat scroll 0 0 #000000;
margin:10px 0 0;
padding:20px 10px;
}
h3#comments span.comments-subscribe {
background:url("images/rss.png") no-repeat scroll 0 50% transparent;
color:#CCCCCC;
float:right;
font-size:0.7em;
margin-left:3px;
padding:0 0 0 19px;
}
h3#respond {
background:none repeat scroll 0 0 #000000;
margin:10px 0 0;
padding:20px 10px;
}
ol.commentlist {
border-top:5px solid #EEEEEE;
list-style-type:none;
margin:0;
padding:0;
}
ol.commentlist li strong {
padding-left:1em;
}
ol.commentlist li .comment-entry {
border-bottom:5px solid #EEEEEE;
line-height:2em;
margin:-135px 0 0;
padding:5px 150px 0;
}
ol.commentlist li .avatar {
border:1px solid #000000;
margin:2em 1em 1em 0;
padding:1em;
}
#commentform {
background:none repeat scroll 0 0 #000000;
border-top:10px solid #333333;
margin:0 0 7px;
padding:30px 150px 6px;
}
ul#portfolio {
list-style:none outside none;
margin:20px 0 20px;
max-height:590px;
overflow:hidden;
padding:0;
}
ul#portfolio li {
list-style:none outside none;
padding:0;
}
ul#portfolio li h4 {
margin:0 0 0.5em;
padding:0 16px;
text-transform:uppercase;
}
ul#portfolio li img {
margin:0;
max-width:950px;
text-align:center;
}
ul.children {
padding-left:15px;
}
.archivegrid {
display:inline;
float:left;
margin-left:30px;
margin-right:30px;
max-width:300px;
}
.archivegrid img {
border:5px solid #000000;
padding:0;
}
#copyright {
background-color:#000000;
border-top:0 solid #DDDDDD;
clear:both;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
#copyright p {
color:#4A4A4A;
font-size:9px;
letter-spacing:1px;
}
#copyright a {
color:#636363;
}
#copyright p a:hover {
text-decoration:underline;
}