/*
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.9.4
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("styles/screen.css");
@import url("styles/nav.css");
/* THEME COLORS AND TYPOGRAPHY */
/* global */
body { background-color: #111; color:#999; margin-top: 35px; }
.container { background-color: white; }
a, a:visited, .welcomebox h2 a { color: #000; text-decoration: none; font-size: 14px; }
a:hover, a:active, a:focus { color: #000; text-decoration: none;}
h2 a:hover {text-decoration: underline;}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { color: #222; }
h2.sub, h3.sub { border-bottom: 1px solid #eee; color: #BF2429; font-size: 0px; font-weight: bold; line-height: 1em; letter-spacing: 2px; text-transform: uppercase; }
h2.sub2, h3.sub2 { border-bottom: 1px solid #eee; color: #BF2429; font-size: 25px; font-weight: bold; line-height: 1em; letter-spacing: 2px; text-transform: uppercase; }
h6.top { color: #ccc; }
p, ul, ol, dl, address, table, pre { color:#515151; }
blockquote { color: #666; }
hr { background: #ddd; color: #ddd; }
hr.space { background: white; color: white; }
abbr, acronym { border-bottom: 1px dotted #666; }
del { color: #666; }
thead th { background: #c3d9ff; }
tbody tr:nth-child(even) td, tbody tr.even td { background: #e5ecf9; }
caption { background: #eee; }
.quiet { color: #666; }
.loud { color: black; }
.highlight { background: #ff0; }
.added { background: #060; color: white; }
.removed { background: #900; color: white; }
fieldset { border: 1px solid #ccc; }
input[type=text], input[type=password], input.text, input.title, textarea { background-color: white; border: 1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus { border-color: #666; }
select { background-color: white; }
.error, .alert, .notice, .success, .info { border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; border-color:#fbc2c4; color: #8a1f11;}
.notice { background: #fff6bf; border-color: #ffd324; color: #514721; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }
.border { border-right: 1px solid #ddd; }
.colborder { border-right: 1px solid #ddd; }
.box { background: #e5eCf9; }
form#loginform {text-align:left;}
/* top + masthead */
#top { color: #666; }
#masthead #logo h1 { font-weight: bold; text-transform: uppercase; }
#masthead #logo h1 a { color:white; font-size: 0.45em; }
/* navigation overrides*/
.sf-menu { background: black; font-size: 11px; }
.sf-menu a, .sf-menu a:visited { color: #999; }
.sf-menu li, .sf-menu li li, .sf-menu li li li { background: black; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #1a1a1a; color: white; }
.sf-menu #search form#searchform input#s { background:white; }
/* posts */
.postmetadata { background: none; color: #999; font-size: 0px;}
.postmetadata a { color: #515151; }
.postmetadata a:hover { color:#222; }
.welcomebox { background-color: #eee; }
.underlined { border-bottom: 1px solid #222; }
.nav a, .navi a { background: #eee; color: #222; }
.nav a:hover,.navi a:hover { background:#222; color:white; text-decoration: none; }
.prev a, .next a { color: #222; }
.byline, .byline a { color: #bbb; font-size: 11px; }
/* sidebar */
#sidebar ul { font-size: 1em; }
#sidebar ul li a, ul.txt li { border-bottom: 1px solid #ccc; color:#222; }
#sidebar ul li a:hover, ul.txt li:hover { background-color: #e5ecf9; color:#515151; }
#sidebar ul li a span, ul.txt li, h4 a span{ color: #696455; }
#sidebar ul li.active a { color: white; }
/* footer */
#footer-wrap { background: black; height: 215px;}
#footer, #footer h3, #footer p { color:#000; }
#footer ul { font-size:1em; }
#footer ul li a:hover, ul.txt li:hover { color: white; background: #111; }
#footer ul li a span, ul.txt li,h4 a span{ color: #696455; }
#footer ul li.active a { color: white; }
#footer #wp-calendar caption { background: #111; }
#footer #wp-calendar thead th { background: #222; }
/* sidebar and footer */
#sidebar ul#recentcomments, #footer ul#recentcomments { font-size: 1em; }
#sidebar ul#recentcomments li.recentcomments a:hover, #footer ul#recentcomments li.recentcomments a:hover { background: #111; color: white; }
#sidebar ul#recentcomments li.recentcomments a span, #footer ul#recentcomments li.recentcomments a span{ color: #696455; }
.gallery .gallery-item { text-align: center; }
/* misc. */
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 30px; text-align: center; font-style: italic; }
/* search */
#search #s { background-color: #ddd; border:1px solid #ccc; color: #222; font-size: 1em; }
#search #s:hover { background-color: white; color: black; }
/* thumbnail slider : apps/slider.php */
.sliderGallery { background: white; }
.sliderGallery ul li a span { background: black; border-right: 4px solid black; color: #ccc; text-align: center; }
.sliderGallery ul li a span:hover { color: white; }
#slider-handle span { color: #aaa; font-size: 70%; }
.ui-slider-handle { background: #aaa; }
#slider-handle { background: #ddd; }
/* post slider : apps/slider-posts.php */
ul#slider-nav a { background: #ddd; color: white; }
ul#slider-nav a.activeSlide, ul#slider-nav a:hover { background:#aaa; }
.slide { background:black; }
.slide-details h2 a { color:#eee; font-style: italic; }
.slide-details .description p { color: #999; font-size: 1.1em; }
a.button { color: white; text-decoration: none; }
a.button:hover { color: #ccc; }
.slide a { color: #ccc; }
.slide a:hover { color: #eee; }
/* slideshow : apps/slideshow.php */
#slideshow .slide { text-align: center; }
/* category columns: apps/category-columns.php */
#category-section ul { border-top: 1px solid #eee; font-size: 1em; }
#category-section ul li a, ul.txt li { border-bottom: 1px solid #eee; line-height: 1.2em; }
#category-section ul li a:hover,ul.txt li:hover { background-color: black; color: white; }
#category-section ul li.active a { color: white; }
/* photoshelter -> default styles */
img.wp-photoshelter-img { background: #eee; }
img.wp-photoshelter-img:hover { background: #ccc; }
#GPP_CUSTOM_FTR #footer ul li a, ul.txt li { line-height: 1.2em; }
/* comment list */
ol.commentlist li { border-top: 5px solid #eee; }
ol.commentlist li:hover { background: #f7f7f7; }
ol.commentlist li.comment-author-admin { border-top: 5px solid #222; }
ol.commentlist li div.vcard { color: #222; font-weight: bold; }
ol.commentlist li div.vcard a { color: #222; }
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:#333; }
ol.commentlist li div.comment-meta { background: #eee; font-size: 11px; text-align: right; }
ol.commentlist li div.comment-meta a { color: #bbb; text-decoration: none; }
ol.commentlist li div.comment-meta a:hover { color: black; }
ol.commentlist li.comment-author-admin div.comment-meta { background: #222; }
ol.commentlist li.comment-author-admin div.comment-meta a:hover { color: white; }
ol.commentlist li div.reply { text-align: center; }
ol.commentlist li div.reply a { background: #eee; color: #222; line-height: 1em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
ol.commentlist li div.reply a:hover { color: white; background: #222; }
ol.commentlist li ul.children { text-indent: 0; }
/* comment form */
#commentform input { font-size: 1.2em; }
#commentform textarea { border: 5px #eee solid; font-size: 1.2em; }
#commentform textarea:hover { border: 5px solid #222; }
#commentform #submit { background-color: #111; border:1px solid #222; color:#bbb; font-size: 1.3em; font-weight: bold; }
#commentform #submit:hover { background: black; color: white; }
/* misc. submit button */
#wp-submit { background-color: #111; border:1px solid #222; color:#bbb; font-size: 1.3em; font-weight: bold; }
#wp-submit:hover { background: black; color: white; }
/* THEME LAYOUT */
/* global */
.container { margin:0 auto; width:986px; z-index: 49; }
.container-inner { margin:0 auto; padding:1.6em 0 1em; width: 950px; }
h2.sub, h3.sub { margin: 0 0 10px 0; padding: 0 0 5px 0; }
/* top + masthead */
#top { height:46px; margin: 0 auto 1em; padding: 0 0 0.5em; position: relative; width: 992px; z-index:30; }
#masthead { float: left; margin-left: 20px; padding-top: 8px; }
#masthead #logo h1 { float: left; margin: 0; padding: 0; }
#masthead #logo .description { float: right; margin: 1.5em 2em; vertical-align: middle; }
/* navigation overrides */
.sf-menu { float: left; margin-right: 20px; position: absolute; right: 0; top:38%; width: auto; text-decoration: none;}
.sf-menu li { margin-right: 12px; }
.sf-menu #search #s { width:100px; }
.sf-menu .search ul, .sf-menu .search ul li { width: 142px !important; }
.sf-menu #search form#searchform input#s { width:125px; }
/* posts */
.content { display: block; clear: both; }
.post { display: block; clear: both; }
.postmetadata { border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1em; }
.welcomebox { border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; padding: 1.5em; -webkit-border-radius: 5px; }
.nav { float: left; margin-bottom: 25px; width: 100%; }
.navi { float: left; margin-bottom: 15px; }
.nav a, .navi a { border-radius: 5px; display: block; font-weight: bold; font-size: 12px; line-height: 1em; -khtml-border-radius: 5px; -moz-border-radius: 5px; padding: 8px 10px 8px; -webkit-border-radius: 5px; }
.prev a, .next a { text-decoration: none; padding: 4px 10px 4px 10px; font-size: 13px; display: block; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.prev a { float: left; }
.next a { float: right; }
.byline { margin: 0; }
/* sidebar */
#sidebar { margin: 0; }
#sidebar h3 { margin: 0; padding:0 0 .6em 0; }
#sidebar .item { margin: 0 0 3em 0; }
#sidebar ul{ list-style: none; margin:0 0 1.6em 0; padding-left: 0; }
#sidebar ul li a, ul.txt li { background-image: url('images/li.png'); background-position: 0; background-repeat: no-repeat; display: block; height: 1%; line-height: 1.2em; padding: 6px 0 6px 8px; }
#sidebar ul li a:hover, ul.txt li:hover { background-image: url('images/li-white.png'); background-position: 3px 10px; background-repeat: no-repeat; }
#sidebar ul li.active a{ cursor: default; }
#sidebar ul ul{ list-style: none; margin: 0; }
/* footer */
#footer { margin: 0 auto; padding: 1.5em 0; text-align:left; width: 950px; }
#footer h3 { margin: 0; padding: 0 0 .6em 0; border-bottom: none; }
#footer .item { margin:0 0 4em 0; }
#footer ul{ list-style: none; margin: 0 0 1.6em 0; padding-left: 0; }
#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; }
#footer ul li.active a { cursor: default; }
#footer ul ul { margin: 0; list-style: none; }
/* sidebar and footer */
#sidebar ul#recentcomments, #footer ul#recentcomments { list-style: none; margin: 0 0 1.6em 0; }
#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 { border: 0; background-image: none; }
#sidebar ul#recentcomments li.recentcomments a:hover, #footer ul#recentcomments li.recentcomments a:hover { background-position: 1px 0.8em; }
/* misc. */
.wp-caption p.wp-caption-text { margin: 0; padding: 10px; }
#filters { clear: both; height: 2em; margin-bottom: 1em; }
#filters li { float: left; margin-right: 2em; }
.double-border { background-image: url('images/double-border.png'); background-position: bottom; background-repeat: repeat-x; border: none; clear:both; height: 8px; float: none; margin: 1em 0; width:100%; }
.ad-main, .ad-sidebar { clear: both; display:block; margin: 0 0 0.5em; }
.login { float: left; }
.hide { display: none; text-indent: -9999px; }
.app { margin-bottom: 15px; }
/* search */
#search { margin: 0; padding: 0; }
#search #s { background-image: url('images/search.png'); background-position: 2px 3px; background-repeat: no-repeat; margin:0; padding: 4px 0 4px 17px; width: 150px; }
#search #s:hover { background-image: url('images/search_hover.png'); background-position: 2px 3px; background-repeat: no-repeat; }
#search input { border: none; }
.search-excerpt { margin: 0; }
/* THEME IMAGE HANDLING */
/* image alignment */
.alignleft { float: left !important; }
.alignright { float: right !important; }
.aligncenter { display: block; float: none !important; margin: 0 auto; }
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; }
.middle { float: none !important; margin: 0 auto; }
/* thumbnail management */
.thumbnail,
.attachment-thumbnail,
#featured-section .timthumbnail,
.archive .timthumbnail,
.search .timthumbnail,
#category-stack .timthumbnail { max-width: 400px; margin: 0 1.5em 1.5em 0; float: left !important; }
.alignright .attachment-thumbnail { margin-right: 0; }
.attachment-medium { display: inline; max-width: 950px; overflow: hidden; }
.attachment-large { display: inline; max-width: 950px; overflow: hidden; }
#category-section img.attachment-thumbnail,
#category-section img.thumbnail,
#category-section img.timthumbnail { display: block; float: none !important; }
#category-section img.timthumbnail { margin: 0 1.5em 1.5em 0; max-width: 400px; }
/* misc. image management */
.content .size-medium, .content size-large { margin: 0 1.5em 1.5em 0; }
.home .size-medium, .home .size-large { height: auto; max-width: 590px; margin: 0 .5em .5em 0; overflow: hidden; }
/* wordpress gallery management */
.gallery { display: block; clear: both; margin: 0 auto; overflow: hidden; }
.gallery .gallery-row { clear: both; display: block; margin: 0; overflow: hidden; }
.gallery .gallery-item { overflow: hidden; list-style: none; padding: 0; margin: 0 auto;}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail { border:none !important; height: auto; max-width: 100%; padding: 0; }
.gallery-caption {margin-left: 0;}
.gallery-item .attachment-thumbnail {float:none !important; margin: 0 auto; }
.gallery-item dd{ clear: both; }
/* image sizes depending on the number of columns */
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }
/* IPHONE VIDEO HANDLING */
/* default styles */
.play { position: relative; }
.play span { background-color : transparent; background-image: url('images/play.png'); background-repeat: no-repeat; height: 100%; left: 40%; position: absolute; top: 25%; width: 100%; z-index: 100; }
/* MODULARITY APPLICATIONS LAYOUT */
/* thumbnail slider : apps/slider.php */
.sliderGallery { height: 150px; overflow: hidden; padding: 0; position: relative; width: 1658px; }
.sliderGallery ul { list-style-type: none; margin: 0; padding: 0; }
.sliderGallery ul li { display: inline; margin: 0; padding: 0; }
.sliderGallery ul li a { display: block; float: left; height: 150px; margin: 0 1.2em 0 0; position: relative; width: 150px; }
.sliderGallery ul li a span { bottom: 0; filter: alpha(opacity=70); height: 18px; left: 0; -moz-opacity: .70; opacity:.70; overflow: hidden; padding: 2px 0 2px 4px; position: absolute; z-index: 20; width: 142px; }
.sliderGallery ul li a img { filter: alpha(opacity=90); margin: 0; -moz-opacity: .90; opacity:.90; padding: 0; }
.sliderGallery ul li a img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity:1; }
.slider { height: 17px; padding: 1px; position: relative; top: 160px; width: 950px; }
#slider-handle span { position: relative; top: -16px; z-index:0; }
#slider-handle .slider-1 { left: 8px; }
#slider-handle .slider-2 { left: 103px; }
#slider-handle .slider-3 { left: 198px; }
#slider-handle .slider-4 { left: 293px; }
#slider-handle .slider-5 { left: 388px; }
#slider-handle .slider-6 { left: 483px; }
#slider-handle .slider-7 { left: 578px; }
#slider-handle .slider-8 { left: 673px; }
#slider-handle .slider-9 { left: 768px; }
#slider-handle .slider-10 { left: 862px; }
#content-slider { height: 10px; margin-left:10px; -moz-border-radius:4px; position: relative; -webkit-border-radius:4px; z-index:1; width: 930px; }
.ui-slider-handle { height: 10px; margin-left:-10px; -moz-border-radius:4px; position: absolute; -webkit-border-radius: 4px; top: 0px; width: 20px; }
* html .ui-slider-handle { top: -2px; }
#slider-section { height: 160px; margin-top: 0px; overflow: hidden; position: relative; width: 950px; }
#slider-handle { display: block; height: 10px; margin-bottom: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 950px; }
/* post slider : apps/slider-posts.php */
#slider-posts { height: 428px; margin: 1em 0 2em 0; }
ul#slider-nav { margin: .5em 0; padding: 0; }
ul#slider-nav a { border-radius: 12px; -moz-border-radius:12px; padding: 5px 9px; -webkit-border-radius: 12px; margin: 0 12px 0 0; }
.slide { display: block; height: 404px; margin: 0; padding: 12px; overflow: hidden; position: relative; width:930px; }
.slide-thumbnail { float:left; width:590px; }
.slide-thumbnail img { max-width: 590px; width: 590px; }
.slide-thumbnail img.attachment-thumbnail { margin: 0; padding: 0; }
.slide-details { float: right; width: 325px; }
.slide-details h2 { margin:0; }
.slide-details .description p { margin-top:10px; }
a.button { background-image:url('images/button.png'); background-repeat: no-repeat; background-position: 0px 0px; bottom: 20px; display: block; height: 50px; padding: 20px 20px 5px 20px; position: absolute; right: 35px; width: 260px; }
a.button:hover { background-image: url('images/button.png'); background-repeat: no-repeat; background-position: 0px -75px; }
/* slideshow : apps/slideshow.php */
/*the min-height and height CSS values are set in includes/theme-css.php*/
#slideshow { list-style: none; margin: 0 0 1em; overflow: hidden; padding: 0; }
#slideshow .slide { background: none; padding: 0; width:950px; }
#slideshow .slide h4 { margin: 0 0 .5em 0; text-transform: uppercase; padding: 0 16px; }
#slideshow .slide img { display: block; max-width: 950px; text-align: center; margin: 0 auto; }
/* category columns: apps/category-columns.php */
#category-section { float: left; margin-bottom: 20px; }
#category-section ul{ list-style: none; margin: 0; padding: 0; }
#category-section ul li a, ul.txt li { display: block; height: 1%; margin:0; padding: 6px 0 6px 8px; }
#category-section ul li a:hover, ul.txt li:hover { background-position: 1px 0.8em; }
#category-section ul li.active a { cursor: default; }
/* PHOTOSHELTER */
/*default styles*/
img.wp-photoshelter-img { padding: 4px; margin: 0 1em 1em 0; }
#psContent .slide { margin: auto; }
#GPP_CUSTOM_FTR #footer ul li a, ul.txt li { height: auto; padding:6px 0 6px 8px; }
/* COMMENTS */
/* comment list */
ol.commentlist { list-style: none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { height: 1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard img.avatar { left:0; position: absolute; top: 5px; }
ol.commentlist li div.comment-meta { padding: 6px 4px 4px 4px; position:absolute; right:0; top: 0; }
ol.commentlist li div.reply { width:36px; }
ol.commentlist li div.reply a { padding:6px 10px 3px; }
ol.commentlist li ul.children { list-style: none; margin:1em 0 0; }
ol.commentlist li ul.children li.depth-2 { margin: 0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin: 0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin: 0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; }
h3#comments { margin: 2em 0; }
/* comment form */
#commentform { margin-bottom: 60px; }
#commentform input { margin: 5px 5px 1px 0; padding: 2px; }
#commentform textarea { margin-top: 5px; padding: 2px; width: 95%; }
#commentform #submit { margin-top: 5px; padding: 5px; }
#commentform #submit:hover { cursor: pointer; }
/* misc. submit button */
#wp-submit { margin-top: 5px; padding: 5px; }
#wp-submit:hover { cursor: pointer; }
.img.wp-post-image { width: 400px; }
#top #search #s, #search #s {
width: 350px;
}
#top #search #s, #search #s { (;width: 350px;); }
#top #search #s, #search #s { [;width: 350px;]; }