/*
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: 1.4.3
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");

/************************* MODULARITY STYLES ***************************/
body {
background:#111111 none repeat scroll 0 0;
color:#999999;
}
.container {
background:#FFFFFF none repeat scroll 0 0;
margin:0 auto;
width:990px;
}
.container-inner {
margin:0 auto;
padding:1em 1em 0em 1em;
width:950px;
}
h1, h2, h3, h4, h5, h6 {
color:#222222;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#222222;
}
h3.sub, h2.sub {
border-bottom:3px dotted thistle;
color:#404040;
font-size:1em;
font-weight:normal;
letter-spacing:5px;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
text-transform:lowercase;
}
a {
color:GoldenRod;
text-decoration:none;
}
a.more-link {
color:GoldenRod;
font-size:1.1em;
font-weight:bold;
letter-spacing:5px;
text-transform:lowercase;
}
a:hover.more-link {
color:#666666;
}
a:hover, a:focus {
color:#666666;
}
p {
color:#515151;
}
h6.top {
color:#CCCCCC;
}
.span-8 h6{
font-weight:normal;
}
#top {
color:#666666;
height:0px;
margin:0 auto 1em;
padding:0 0 0.5em;
width:950px;
}
#top a {
color:#666666;
}
.login {
float:left;
}
form#loginform {
text-align:left;
}
input #wp-submit {
background:#000000 none repeat scroll 0 0;
}
#masthead {
float:left;
padding-top:8px;
}
#masthead h4, #masthead span {
line-height:2em;
margin:0;
padding:10px 0 0;
}
#masthead h4 {
float:left;
font-weight:bold;
display:none;
}
#masthead h4 a {
color:#FFFFFF;
font-size:1.25em;
letter-spacing:5pt;
text-decoration:none;
display:none;
}
#masthead span.description {
color:thistle;
font-size:0.85em;
font-weight:inherit;
letter-spacing:7pt;
margin:15px;
padding:0;
text-transform:lowercase;
display:none;
}
#nav {
background:none none repeat scroll 0 0;
float:right;
margin:17px 0 0;
padding:8px 0 6px 10px;
}
#nav ul, #nav ul li {
margin:0;
padding:0;
}
#nav ul li {
color:#999999;
float:left;
font-size:11px;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:15px;
position:relative;
text-transform:lowercase;
}
#nav ul li a {
color:#000000;
font-size:1.2em;
font-variant:small-caps;
font-weight:bold;
text-decoration:none;
}
#nav ul li a:hover {
color:thistle;
}
#nav ul li ul {
display:none;
text-align:left;
}
#nav ul li.drop:hover ul {
display:block;
}
/* Navigation interaction */
#nav ul li ul { display: none; text-align:left;}
#nav ul li.drop:hover ul { display: block; }

/* Sub-navigation */
#nav ul li ul { padding-top: 7px; margin-left: -10px; position: absolute;z-index:200}
#nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210}
#nav ul li ul li a { display: block; background: #1a1a1a; padding: 7px 10px; width: 431px; color: thistle; background-repeat: no-repeat; background-position: 5px 50%; letter-spacing:3px; text-transform:lowercase;font-variant: normal;font-size:1em;}
#nav ul li ul li a:hover { text-decoration: none; background:#000;}
#nav ul li ul li a.icon { padding-left: 30px; }
#nav ul li ul li a.entries {  background: #1a1a1a url(images/rss.png) 5px 50% no-repeat;}
#nav ul li ul li a.comments { background: #1a1a1a url(images/chat.png) 5px 50% no-repeat;}
#nav ul li ul li a.phone { background: #1a1a1a url(images/phone.png) 5px 50% no-repeat; }
#nav ul li ul li a.email { background: #1a1a1a url(images/email.png) 5px 50% no-repeat;}
#nav ul li ul li a.entries:hover { background: #000 url(images/rss.png) 5px 50% no-repeat;}
#nav ul li ul li a.comments:hover { background: #000 url(images/chat.png) 5px 50% no-repeat;}
#nav ul li ul li a.phone:hover { background: #000 url(images/phone.png) 5px 50% no-repeat;}
#nav ul li ul li a.email:hover { background: #000 url(images/email.png) 5px 50% no-repeat;}
#nav #search {margin:0; padding:0;}
#nav #search #s {color: #999;font-size: 1em;margin:0;padding: 8px 0 8px 10px;width: 140px;border:none;background:#1a1a1a}
#nav #search input {border:0}
#nav #search #s:hover {color: #fff;background: #000}

#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 {
color:#000000;
float:left;
font-size:1.2em;
font-variant:small-caps;
font-weight:bold;
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 {
clear:both;
display:block;
}
.post {
clear:both;
display:block;
}
.post h2 {
display:none;
letter-spacing:5px;
text-align:center;
text-transform:lowercase;
}
.postmetadata {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#EEEEEE none repeat scroll 0 0;
font-size:11px;
padding:1.4em;
text-transform:lowercase;
}
.postmetadata a {
color:#515151;
}
.postmetadata a:hover {
color:#222222;
}
.underlined {
border-bottom:1px solid #222222;
}
.welcomebox {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
margin-bottom:0.75em;
padding:0;
}
.welcomebox h2, .welcomebox h6, .welcomebox p {
color:#BBBBBB;
font-size:1.1em;
text-align:center;
}
.nav {
float:left;
margin-bottom:15px;
}
.nav a {
background:Khaki none repeat scroll 0 0;
color:#222222;
font-family:helvetica,arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1;
padding:6px 10px 3px;
}
.nav a:hover {
background:Thistle none repeat scroll 0 0;
color:#FFFFFF;
}
.prev a, .next a {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color:#222222;
display:block;
font-size:14px;
padding:4px 10px 6px;
text-decoration:none;
}
.byline {
color:#BBBBBB;
font-size:11px;
margin:0;
text-transform:lowercase;
}
.byline a {
color:#BBBBBB;
}
#sidebar {
margin:0;
}
#sidebar h3 {
margin:0;
padding:0 0 0.6em;
}
#sidebar .item {
margin:0 0 4em;
}
#sidebar ul {
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1.6em;
}
#sidebar ul li a, ul.txt li {
background:transparent url(images/li.png) no-repeat scroll 0 50%;
border-bottom:1px solid #CCCCCC;
color:#222222;
display:block;
height:1%;
line-height:1.2em;
padding:6px 0 6px 8px;
}
#sidebar ul li a:hover, ul.txt li:hover {
background:#E5ECF9 url(images/li-white.png) no-repeat scroll 3px 10px;
color:#515151;
}
#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-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
#footer-wrap {
background:#000000 none repeat scroll 0 0;
}
#footer {
color:#999999;
margin:0 auto;
padding:0;
text-align:left;
width:950px;
}
#footer p {
color:#999999;
}
#footer a{
color: #999999;
}
#footer a:hover{
color: #999999;
}
#footer h3 {
border-bottom:medium none;
color:#999999;
margin:0;
padding:0 0 0.6em;
}
#footer .item {
margin:0 0 4em;
}
#footer ul {
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1.6em;
}
#footer ul li a, ul.txt li {
color:khaki;
display:block;
height:1%;
letter-spacing:3px;
line-height:1.2em;
padding:6px 0 6px 8px;
text-transform:uppercase;
}
#footer ul li a:hover, ul.txt li:hover {
background:#111111 none repeat scroll 0 0;
color:#FFFFFF;
}
#footer ul li a span, ul.txt li, h4 a span {
color:#696455;
}
#footer ul li.active a {
color:white;
cursor:default;
}
#footer ul ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
#sidebar ul#recentcomments, #footer ul#recentcomments {
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1.6em;
}
#sidebar ul#recentcomments li.recentcomments, #footer ul#recentcomments li.recentcomments {
display:block;
padding:4px 0 4px 8px;
}
#sidebar ul#recentcomments li.recentcomments a, #footer ul#recentcomments li.recentcomments a {
background-image:none;
border:0 none;
}
#sidebar ul#recentcomments li.recentcomments a:hover, #footer ul#recentcomments li.recentcomments a:hover {
background:#111111 none repeat scroll 0 0;
color:#FFFFFF;
}
#sidebar ul#recentcomments li.recentcomments a span, #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:940px;
}
img.alignright {
display:inline;
margin:3px 0 2px 10px;
max-width:940px;
padding:0px 0 0px 0px;
}
img.alignleft {
display:inline;
margin:3px 10px 2px 0;
max-width:940px;
padding:0px 0px 0px 0;
}
img.alignnone {
display:block;
margin:3px 10px 2px 0;
max-width:940px;
padding:0px 0px 0px 0;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.thumbnail, .attachment-thumbnail {
float:left;
margin:0 1.5em 1.5em 0;
max-width:150px;
}
.attachment-medium {
display:inline;
max-width:940px;
overflow:hidden;
}
.attachment-large {
display:inline;
max-width:940px;
overflow:hidden;
}
.content .size-medium, content size-large {
margin:0 1.5em 1.5em 0;
}
.home .size-medium, .home .size-large {
border: black 5px solid;
height:auto;
margin:0 0.5em 0.5em 0;
max-width:585px;
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;
}
.wp-caption p.wp-caption-text {
font-size:11px;
font-style:italic;
line-height:30px;
margin:0;
padding:10px;
text-align:center;
}
#filters {
clear:both;
height:2em;
margin-bottom:1em;
}
#filters li {
float:left;
margin-right:2em;
}
.prev {
}
.next {
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
.sticky {
background:#EEEEEE none repeat scroll 0 0;
border-color:#BBBBBB;
border-style:solid;
border-width:1px 0;
font-size:24px;
padding:15px;
}
.double-border {
background:transparent url(images/double-border.png) repeat-x scroll center bottom;
border:medium none;
clear:both;
float:none;
height:8px;
margin:1em 0;
width:100%;
}
.ad-main, .ad-sidebar {
clear:both;
display:block;
}
#search {
margin:0;
padding:0;
}
#search #s {
background:#DDDDDD url(images/search.png) no-repeat scroll 0 center;
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:#FFFFFF url(images/search_blue.png) no-repeat scroll 0 center;
color:#0066CC;
}
.search-excerpt {
margin:0;
}
ol.commentlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-indent:0;
}
ol.commentlist li {
border-top:5px solid #EEEEEE;
height:1%;
margin:0 0 10px;
padding:5px 7px 5px 57px;
position:relative;
}
ol.commentlist li:hover {
background:#F7F7F7 none repeat scroll 0 0;
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment-author-admin {
border-top:5px solid #222222;
}
ol.commentlist li.comment {
}
ol.commentlist li div.comment-author {
padding:0 170px 0 0;
}
ol.commentlist li div.vcard {
color:#222222;
font-weight:bold;
}
ol.commentlist li div.vcard a {
color:#222222;
}
ol.commentlist li div.vcard cite.fn {
font-style:normal;
}
ol.commentlist li div.vcard cite.fn a.url {
text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
color:#333333;
}
ol.commentlist li div.vcard img.avatar {
left:0;
position:absolute;
top:5px;
}
ol.commentlist li div.vcard img.avatar-32 {
}
ol.commentlist li div.vcard img.photo {
}
ol.commentlist li div.vcard span.says {
}
ol.commentlist li div.commentmetadata {
}
ol.commentlist li div.comment-meta {
background:#EEEEEE none repeat scroll 0 0;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:6px 4px 4px;
position:absolute;
right:0;
text-align:right;
top:0;
}
ol.commentlist li div.comment-meta a {
color:#BBBBBB;
text-decoration:none;
}
ol.commentlist li div.comment-meta a:hover {
color:#000000;
}
ol.commentlist li.comment-author-admin div.comment-meta {
background:#222222 none repeat scroll 0 0;
}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {
color:#FFFFFF;
}
ol.commentlist li p {
}
ol.commentlist li ul {
}
ol.commentlist li div.reply {
text-align:center;
width:36px;
}
ol.commentlist li div.reply a {
background:#EEEEEE none repeat scroll 0 0;
color:#222222;
font-family:helvetica,arial,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1;
padding:6px 10px 3px;
text-decoration:none;
text-transform:uppercase;
}
ol.commentlist li div.reply a:hover {
background:#222222 none repeat scroll 0 0;
color:#FFFFFF;
}
ol.commentlist li ul.children {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li {
}
ol.commentlist li ul.children li.alt {
}
ol.commentlist li ul.children li.bypostauthor {
}
ol.commentlist li ul.children li.byuser {
}
ol.commentlist li ul.children li.comment {
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0.25em;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0.25em;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0.25em;
}
ol.commentlist li ul.children li.depth-5 {
}
ol.commentlist li ul.children li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.pingback {
}
ol.commentlist li.pingback.parent {
}
ol.commentlist li.pingback div.vcard {
padding:0 170px 0 0;
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
ol.commentlist li.comment-author-admin {
}
h3#comments {
margin:2em 0;
}
#respond {
border-top:5px solid #F7F7F7;
margin:30px 0;
padding:10px 0;
}
#commentform {
margin-bottom:60px;
}
#commentform input {
font-size:1.2em;
margin:5px 5px 1px 0;
padding:2px;
width:170px;
}
#commentform textarea {
border:5px solid #EEEEEE;
font-size:1.2em;
margin-top:5px;
padding:2px;
width:50%;
}
#commentform textarea:hover {
border:5px solid #222222;
}
#commentform #submit {
background:#111111 none repeat scroll 0 0;
border:1px solid #222222;
color:Khaki;
font-size:1em;
font-weight:bold;
margin-top:5px;
padding:5px;
text-transform:lowercase;
letter-spacing:3px;
}
legend {
font-size:1.2em;
font-weight:bold;
padding:2px 10px;
}
#commentform #submit:hover {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
#wp-submit {
background:#111111 none repeat scroll 0 0;
border:1px solid #222222;
color:#BBBBBB;
font-size:1em;
font-weight:bold;
padding:5px;
}
#wp-submit:hover {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
.sliderGallery {
background:#FFFFFF none repeat scroll 0 0;
height:190px;
margin:0 0 0em;
overflow:hidden;
padding:0;
position:relative;
width:950px;
}
.sliderGallery ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
white-space:nowrap;
}
.sliderGallery ul li {
display:inline;
padding:0 1.2em 0 0;
}
.slider {
background:transparent url(images/product-arrows.png) no-repeat scroll 0 0;
height:17px;
padding:1px;
position:relative;
top:160px;
width:950px;
}
.slider-item {
margin:0;
padding:0;
position:relative;
}
.slider-item span.slider-title {
background:khaki none repeat scroll 0 0;
bottom:3px;
display:block;
height:18px;
left:0;
opacity:0.7;
overflow:hidden;
padding:4px;
position:absolute;
text-align:center;
width:142px;
z-index:10;
}
.slider-item span.slider-title a {
color:#404040;
text-decoration:none;
}
.slider-item span.slider-title a:hover {
color:#FFFFFF;
}
.slider-item .attachment-thumbnail {
float:none;
height:150px;
opacity: .9;
margin:0;
padding:0;
width:150px;
}
.slider-item .attachment-thumbnail:hover {
opacity:1;
}
.handle {
background:transparent url(images/product-handler.png) no-repeat scroll 0 0;
cursor:move;
height:17px;
position:absolute;
top:0;
width:181px;
z-index:11;
}
.slider span {
color:#BBBBBB;
cursor:pointer;
font-size:80%;
position:absolute;
top:3px;
z-index:12;
}
.slider .slider-1 {
left:86px;
}
.slider .slider-2 {
left:172px;
}
.slider .slider-3 {
left:258px;
}
.slider .slider-4 {
left:344px;
}
.slider .slider-5 {
left:430px;
}
.slider .slider-6 {
left:516px;
}
.slider .slider-7 {
left:602px;
}
.slider .slider-8 {
left:688px;
}
.slider .slider-9 {
left:774px;
}
.slider .slider-10 {
left:860px;
}
ul#portfolio {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1em;
max-height:590px;
overflow:hidden;
padding:0;
}
ul#portfolio li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
text-align:center;
width:950px;
}
ul#portfolio li h4 {
margin:0 0 0.5em;
padding:0 16px;
text-transform:uppercase;
}
ul#portfolio li img {
margin:0;
max-width:940px;
text-align:center;
}
#category-section {
float:left;
margin-bottom:20px;
}
#category-section img {
border:5px solid #111111;
}
#category-section h2.sub a{
}
#category-section h3.sub a{
color:#404040;
font-size:1em;
font-weight:normal;
letter-spacing:15px;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
text-transform:lowercase;
}
#category-section h3.sub a:hover{
color:#404040;
font-size:1em;
font-weight:normal;
letter-spacing:15px;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
text-transform:lowercase;
}
#category-section ul {
border-top:3px dotted thistle;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#category-section ul li a, ul.txt li {
border-bottom:1px solid #EEEEEE;
display:block;
height:1%;
line-height:1.2em;
margin:0;
padding:6px 0 6px 8px;
}
#category-section ul li a:hover, ul.txt li:hover {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
#category-section ul li.active a {
color:white;
cursor:default;
}
p img {
border:5px solid #111111;
}
.span-8 img {
background-color:#111111;
border:1px solid #111111;
max-height:145px;
max-width:145px;
padding:4px;
}
.span-8 img:hover {
background-color:khaki;
border:1px solid #111111;
}
#category-section h6 a{
font-weight:normal;
}
#category-section h6.sub a:hover{
font-weight:normal;
}
#category-section h6.sub a{
color:GoldenRod;
text-transform: lowercase;
font-weight:bolder;
letter-spacing: 2px;
}
#category-section h6.sub a:hover{
color:#666666;
text-transform:lowercase;
font-weight:bolder;
letter-spacing: 2px;
}
ul.archive{
margin:0;
}
.archive a img{
background:black none repeat scroll 0 0;
border:1px solid #111111;
float:none;
margin:0;
padding:4px;
}
.archive a:hover img{
background:khaki none repeat scroll 0 0;
border:1px solid #111111;
float:none;
margin:0;
padding:4px;
}
h2.archive{
display:block;
font-family:inherit;
font-size:1.1em;
font-weight:normal;
letter-spacing:0;
margin-bottom:5px;
margin-top:15px;
text-transform:none;
}
.grouped{
float:left;
height:200px;
margin-top:10px;
text-align:center;
width:190px;
margin-bottom:20px;
}
