/*
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
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 "library/styles/screen.css";
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:1.75em 0 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:1px solid #EEEEEE;
color:#515151;
font-size:1.1em;
font-weight:bold;
letter-spacing:2px;
line-height:1em;
margin:0 0 10px;
padding:0 0 5px;
text-transform:uppercase;
}
a {
color:#428CE7;
text-decoration:none;
}
a:hover, a:focus {
color:#666666;
}
p {
color:#515151;
}
h6.top {
color:#CCCCCC;
}
#top {
color:#666666;
height:38px;
margin:0 auto 1em;
padding:0 0 0.5em;
width:990px;
}
#top a {
color:#666666;
}
.login {
float:left;
}
form#loginform {
text-align:left;
}
input #wp-submit {
background:#000000 none repeat scroll 0 0;
}
#masthead {
float:none;
padding-top:8px;
}
#masthead h4, #masthead span {
line-height:2em;
margin:0;
padding:3px 0 0;
}
#masthead h4 {
float:left;
font-weight:bold;
text-transform:uppercase;
}
#masthead h4 a {
color:#FFFFFF;
text-decoration:none;
}
#masthead span.description {
color:#CCCCCC;
font-size:11px;
font-weight:normal;
text-transform:lowercase;
}
div.wrapper {
background-color:#000000;
display:block;
height:37px;
margin:0 400px;
position:relative;
width:590px;
z-index:102;
}
div.nav-wrapper {
display:block;
margin:0 auto;
padding:0;
position:absolute;
width:990px;
}
#nav-drop {
float:left;
}
#nav-drop {
display:block;
margin:0;
padding:0;
position:absolute;
z-index:999;
}
#nav-drop .wrapper {
margin:0 auto;
position:absolute;
width:950px;
}
#nav-drop li {
display:block;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
#nav-drop a {
display:block;
}
#nav-drop ul {
display:none;
left:0;
margin:0;
padding:0;
position:absolute;
}
* html #nav-drop ul {
line-height:0;
}
#nav-drop ul a {
}
#nav-drop ul li {
float:none;
}
#nav-drop ul ul {
top:0;
}
#nav-drop ul {
width:170px;
}
#nav-drop ul ul {
left:170px;
}
#nav-drop {
height:37px;
}
#nav-drop :hover {
}
#nav-drop a {
border-right:1px solid #EEEEEE;
color:white;
font-size:11px;
line-height:1;
padding:13px 87px 12px 14px;
}
#nav-drop li.hover a {
background-color:#222222;
}
#nav-drop ul {
top:37px;
}
#nav-drop ul li a {
background-color:#222222;
}
#nav-drop ul a.hover {
background-color:#000000;
}
#nav-drop ul a {
border-right:medium none;
/*border-top:1px solid #333333;*/
}
#nav-drop ul li a.children {
background-image:url(images/arrow.png);
background-position:right center;
background-repeat:no-repeat;
}
div.nav-wrapper #search {
background:#222222 url(images/search.jpg) no-repeat scroll left top;
float:left;
height:22px;
position:relative;
right:-430px;
top:8px;
width:150px;
}
div.nav-wrapper #search:hover {
background:#FFFFFF url(images/search-hover.jpg) no-repeat scroll left top;
}
div.nav-wrapper #search #s {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#CCCCCC;
display:block;
float:left;
font-size:11px;
margin:0;
padding-left:5px;
vertical-align:bottom;
width:130px;
}
#search #s:hover {
background:transparent none repeat scroll 0 0;
color:#000000;
}
div.nav-wrapper #search #s:hover {
background:transparent none repeat scroll 0 0;
color:#000000;
}
.content {
clear:both;
display:block;
}
.post {
clear:both;
display:block;
}
.postmetadata {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
background:#EEEEEE none repeat scroll 0 0;
color:#999999;
font-size:11px;
padding:1em;
}
.postmetadata a {
color:#515151;
}
.postmetadata a:hover {
color:#222222;
}
.underlined {
border-bottom:1px solid #222222;
}
.welcomebox {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
background:#EEEEEE none repeat scroll 0 0;
margin-bottom:1.5em;
padding:1.5em;
}
.nav a {
-x-system-font:none;
background:#EEEEEE 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:#222222 none repeat scroll 0 0;
color:#FFFFFF;
}
.prev a, .next a {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
color:#222222;
display:block;
font-size:14px;
padding:4px 10px 6px;
text-decoration:none;
}
.byline {
color:#BBBBBB;
font-size:11px;
margin:0;
}
.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:1.5em 0;
text-align:left;
width:950px;
}
#footer p {
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 {
display:block;
height:1%;
line-height:1.2em;
padding:6px 0 6px 8px;
}
#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:950px;
}
img.alignright {
display:inline;
margin:3px 0 2px 10px;
max-width:950px;
padding:4px 0 4px 4px;
}
img.alignleft {
display:inline;
margin:3px 10px 2px 0;
max-width:950px;
padding:4px 4px 4px 0;
}
img.alignnone {
display:block;
margin:3px 10px 2px 0;
max-width:950px;
padding:4px 4px 4px 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:950px;
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;
}
.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 {
-x-system-font:none;
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 {
-x-system-font:none;
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:100%;
}
#commentform textarea:hover {
border:5px solid #222222;
}
#commentform #submit {
background:#111111 none repeat scroll 0 0;
border:1px solid #222222;
color:#BBBBBB;
font-size:1.3em;
font-weight:bold;
margin-top:5px;
padding:5px;
}
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 1em;
overflow:hidden;
padding:0;
position:relative;
width:950px;
z-index:10;
}
.sliderGallery ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
white-space:nowrap;
z-index:11;
}
.sliderGallery ul li {
display:inline;
padding:0 1.2em 0 0;
z-index:12;
}
.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 0 6px;
padding:0;
position:relative;
}
.slider-item span.slider-title {
background:#000000 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:#CCCCCC;
text-decoration:none;
}
.slider-item span.slider-title a:hover {
color:#FFFFFF;
}
.slider-item .attachment-thumbnail {
float:none;
height:150px;
margin:0;
opacity:0.9;
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:90px;
}
.slider .slider-2 {
left:180px;
}
.slider .slider-3 {
left:270px;
}
.slider .slider-4 {
left:360px;
}
.slider .slider-5 {
left:450px;
}
.slider .slider-6 {
left:540px;
}
.slider .slider-7 {
left:630px;
}
.slider .slider-8 {
left:720px;
}
.slider .slider-9 {
left:810px;
}
.slider .slider-10 {
left:900px;
}
ul#portfolio {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1em;
max-height:425px;
overflow:hidden;
padding:0;
}
ul#portfolio li {
list-style-image:none;
list-style-position:outside;
list-style-type: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;
}
#category-section ul {
border-top:1px solid #EEEEEE;
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;
}