/* Theme Name: Project Row Houses WordPress Theme Theme URI: Description: This is the Project Row Houses theme based on the famous Kubrick. Version: 2.0 Author: Matthew Hensler Author URI: http://www.sixseventydesigns.com Tags: This theme was designed and built by Matthew Hensler, lead designer and founder of Six Seventy Designs http://www.sixseventydesigns.com/ */ * {margin: 0; padding: 0; border: none;} .clearfix {clear: both;} .alignleft {float: left; margin-right: 15px;} /*images and caption containers */ .alignright {float: right; margin-left: 15px;} /*images and caption containers */ .aligncenter {} /*images and caption containers */ div.wp-caption {padding: 5px 2px; background: #e7e7e7;} a:hover, a:active, a:focus, a:active {outline: none; -moz-outline-style: none;} body {font-family: "Trebuchet MS", Arial, sans-serif; background: #f8f8f8;} div#wrapper {margin: 0 auto; width: 940px;} div#header {margin-top: 15px; margin-bottom: 20px;} div#logo {float: left;} h1#h-logo {position: relative; width: 425px; height: 55px; overflow: hidden;} h1#h-logo span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/logo.jpg) no-repeat;} div#universal-nav {} #universal-nav ul {padding-top: 18px; list-style-type: none;} #universal-nav li {float: right; padding-left: 30px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.75em;} #universal-nav li a {color: #8f8f8f; padding: 2px; text-decoration: none;} #universal-nav li a:hover {color: #f8f8f8; background: #C97900;} div#navigation {margin-bottom: 25px; border-top: 1px solid #ddd9d5; border-bottom: 1px solid #ddd9d5;} /* primary navigation */ #navigation ul#primary-nav li {float: left; height: 40px; text-indent: -9999px; overflow: visible; position: relative; z-index: 900; background: url(images/navigation-c.jpg) bottom left no-repeat;} #navigation ul#primary-nav li a {display: block; height: 40px; background: url(images/navigation-c.jpg) top left no-repeat;} #navigation ul#primary-nav {margin: 10px 0; padding: 0; width: 735px; float: left; list-style-type: none;} #navigation ul#primary-nav li.home a {background-position: 0 0; width: 90px;} #navigation ul#primary-nav li.home a:hover, #navigation ul#primary-nav li.home a.selected {background-position: 0 -40px; } #navigation ul#primary-nav li.art a {background-position: -90px 0; width: 114px;} #navigation ul#primary-nav li.art a:hover, #navigation ul#primary-nav li.art a.selected {background-position: -90px -40px;} #navigation ul#primary-nav li.artsed a {background-position: -204px 0; width: 161px;} #navigation ul#primary-nav li.artsed a:hover, #navigation ul#primary-nav li.artsed a.selected {background-position: -204px -40px; } #navigation ul#primary-nav li.ymrp a {background-position: -365px 0; width: 227px;} #navigation ul#primary-nav li.ymrp a:hover, #navigation ul#primary-nav li.ymrp a.selected {background-position: -365px -40px; } #navigation ul#primary-nav li.community a {background-position: -592px 0; width: 142px;} #navigation ul#primary-nav li.community a:hover, #navigation ul#primary-nav li.community a.selected {background-position: -592px -40px; } /* secondary navigation */ #navigation ul#primary-nav li ul {position: absolute; left: 0; display: none; padding: 0; list-style-type: none; font-size: 0.90em; z-index: 999;} #navigation ul#primary-nav li ul li {float: none; position: static; height: auto; text-indent: 0; white-space: nowrap; background: #c0c0c0; } #navigation ul#primary-nav li:hover ul, #navigation ul#primary-nav li.over ul {display: block;} #navigation ul#primary-nav ul li a {height: auto; padding: 5px 10px 5px 10px; font-size: 0.875em; font-weight: bold; color: #313131; background: #c0c0c0; text-decoration: none; border-bottom: 1px solid #747474;} #navigation ul#primary-nav ul li a:hover {color: #f8f8f8; background: #434343;} #navigation ul#primary-nav li ul .sub-link a {width: 200px;} #navigation ul#primary-nav li ul .sub-ymrp a {width: 205px; padding-left: 13px;} #navigation ul#primary-nav li ul .sub-artsed a {width: 142px;} #navigation ul#primary-nav li ul .sub-art a {width: auto; padding-left: 12px;} #navigation ul#primary-nav li ul .sub-comm a {width: 122px;} /* search functionality in navigation header */ div#quick-search {float: right; padding-top: 18px; font-family: "Trebuchet MS";} #quick-search label {display: none;} #quick-search input {padding: 2px; font-size: 0.70em; border: 1px solid #434343;} #quick-search input#s {width: 125px;} #quick-search input#searchsubmit {color: #fff; text-transform: uppercase; background: #434343; border: none; cursor: pointer;} #quick-search input#searchsubmit:hover {color: #f8f8f8; background: #8f8f8f;} div#banner {clear: both; margin-bottom: 25px; height: 290px; background: url(images/banner/b-banner-c.jpg) no-repeat #C97900;} #banner div.banner-left {float: left; padding: 15px; width: 440px; height: 250px;} #banner div.banner-right {float: right; padding: 15px; width: 440px; height: 250px;} #banner div#nav {position: relative; top: 230px; right: 15px; float: right; z-index: 1000; padding: 3px 7px 7px 7px; background: url(images/b-banner-nav.png);} #banner div#nav a {margin: 0 10px; padding: 2px 7px; background: #c97900; text-decoration: none; font-size: 0.75em; color: #f8f8f8; border: 1px solid #8a5401;} #banner div#nav a:hover {color: #292929; background: #f8f8f8;} #banner div#nav .activeSlide {color: #292929; background: #f8f8f8;} div#content {background: url(images/b-content.jpg) repeat-y top center;} /* content linking styles */ #content-left a, #content-main a, #content-right a, #content .navigation a, .post a {color: #c97900; padding: 2px;} #content-left a:hover, #content-main a:hover, #content-right a:hover, #content .navigation a:hover, .post a:hover {color: #f8f8f8; background: #c97900; text-decoration: none;} #content-right div.module-content ul a {padding: 2px; color: #1c1c1c; text-decoration: none;} #content-right div.module-content ul a:hover {color: #f8f8f8; background: #c97900;} #content-right div.module-content .read-more, #content-right div.module-content-gray {font-size: 80%;} #content-main h2 a, #content-main h3 a, #content-single-article h2 a, #content-single-article h3 a {text-decoration: none;} div#content-left {float: left; width: 220px; padding-right: 15px; font-family: "Trebuchet MS";} #content-left h2#h-news {text-indent: 15px; margin-bottom: 0; padding: 5px; font-size: 14px; font-weight: lighter; text-transform: uppercase; color: #1c1c1c; background: url(images/bullet-house-trans.png) no-repeat left center; border-bottom: 1px solid #d9d9d9;} #content-left div.news-story {margin-bottom: 10px; padding: 15px 0 15px 0; border-bottom: 1px solid #e6e6e6;} #content-left div.news-story h3, #content-left div.news-story-first h3 {margin-bottom: 10px; font-size: 0.875em; line-height: 1.0em; font-weight: lighter; color: #c97900;} #content-left div.news-story p, #content-left div.news-story-first p, #content-left div.news-story ul {margin-bottom: 10px; font-size: 0.75em; line-height: 1.50em;} #content-left div.news-story ul {padding-left: 15px;} #content-left div.news-story ul.post-footer {list-style-type: none; font-size: 0.75em;} #content-left div.news-story h3 a {text-decoration: none;} #content-left div.news-story img {margin-bottom: 5px; padding: 2px; border: solid 1px #d9d9d9;} div#content-main {float: left; width: 465px;} #content-main div.post {margin-bottom: 25px; padding-bottom: 45px; background: url(images/b-entry.jpg) no-repeat bottom center;} #content-main div.article {padding: 0 15px 15px 15px;} #content-main div.article h1, #content-main div.article h2, #content-single-article h1, #content-single-article h2, #content-single-image h2 {margin-bottom: 15px; font-size: 1.5em; font-weight: lighter; color: #c97900;} #content-main div.article h3, #content-main div.article h4, #content-single-article h3, #content-single-article h4 {margin-bottom: 5px; font-size: 0.875em; text-transform: uppercase; font-weight: lighter; color: #c97900;} #content-main div.article p, #content-single-article p {margin-bottom: 15px; font-size: 0.90em; line-height: 1.7em; color: #1c1c1c;} #content-main div.article ul, #content-single-article ul {margin-bottom: 15px; padding-left: 15px; font-size: 0.90em; line-height: 1.7em; color: #1c1c1c;} #content-main div.article img, #content-single-article img {padding: 2px; border: solid 1px #d9d9d9;} #content-main div.article .wp-caption img, #content-single-article .wp-caption img {margin-left: 2px} #content-main div.article .wp-caption p, #content-single-article .wp-caption p {clear: both; margin-bottom: 5px; padding: 5px 5px 0 5px; font-size: 0.625em; font-style: italic; line-height: 1.0em; color: #5c5c5c;} #content-main div.article .wp-caption a:hover, #content-single-article .wp-caption a:hover {background: none;} /* single posts and image attachment pages */ div#single div#content {background: url(images/b-content-calendar.jpg) repeat-y top center;} div#content-single-article, div#content-single-image {float: left; width: 695px;} #content-single-article div.navigation {padding-bottom: 15px; font-size: 0.75em; } #content-single-article div.navigation .alignleft {float: left;} #content-single-article div.navigation .alignright {float: right;} #content-single-article {margin-bottom: 15px;} #content-single-image div.entry img {display: block; margin: 0 auto;} #content-single-image a:hover {color: #C97900; background: none;} #content-single-image div.navigation {margin: 0 auto; padding: 8px 5px 5px 5px; width: 685px; background: #e6e6e6;} #content-single-image div.navigation ul {list-style-type: none; margin: 0; padding: 0;} #content-single-image div.navigation li {float: right; margin: 0; padding: 0;} #content-single-image div.navigation li a {display: block;} #content-single-image div.navigation li.next {padding-left: 5px;} #content-single-image div.navigation li.next a {margin-top: 18px; width: 71px; height: 22px; background: url(images/b-next-image.png) no-repeat;} #content-single-image div.navigation li.previous {float: left; padding-right: 5px;} #content-single-image div.navigation li.previous a {margin-top: 18px; width: 71px; height: 22px; background: url(images/b-previous-image.png) no-repeat;} #content-single-image div.navigation li.next a img, #content-single-image div.navigation li.previous a img {display: none;} #content-single-image div.navigation div.alignright, #content-single-image div.navigation div.alignleft {margin: 0; padding: 0;} #content-single-image div.navigation img {padding: 3px; width: 50px; height: 50px; background: #8f8f8f;} #content-single-image div.navigation img:hover {background: #C97900;} #content-single-image div.navigation a:hover {background: none;} div#archive div#content {background: url(images/b-content-calendar.jpg) repeat-y top center;} div#content-right {float: right; width: 220px; padding-left: 15px;} #content-right div.module-container {padding-bottom: 5px; width: 220px; overflow: hidden;} #content-right div.module-container ul {list-style-type: none; padding: 5px; font-size: 0.75em;} #content-right div.module-container ul li ul {font-size: 100% !important;} #content-right div.module-container div.module-top {width: 220px; height: 5px; background: url(images/b-module-top.jpg); overflow: hidden;} #content-right div.module-container div.module-content-container {border-left: solid 1px #cdcdcd; border-right: solid 1px #cdcdcd; background: #eee;} #content-right div.module-container div.module-bottom {width: 220px; height: 5px; background: url(images/b-module-bottom.jpg) no-repeat top;} /* module: gray background with white box */ #content-right div.module-container div.module-content {margin: 0 auto; padding: 5px; width: 198px; border: solid 1px #cdcdcd; background: #f8f8f8;} div.module-content h3, div.module-container h3 {margin-bottom: 5px; height: 16px; text-indent: 15px; padding: 5px; font-size: 14px; font-weight: lighter; text-transform: uppercase; color: #C97900; background: url(images/bullet-house-medium.jpg) no-repeat left center; border-bottom: 1px solid #D6D5D5;} div.module-content p {padding: 5px; font-size: 0.75em;} div.module-content ul {position: relative; padding: 5px; font-size: 0.75em; list-style-type: none;} div.module-content li {padding: 3px 0 3px 10px; background: url(images/bullet-triangle-gray.jpg) left center no-repeat;} /* module: gray background */ div.module-content-gray {padding: 0 5px 5px 5px;} div.module-content-gray h3 {text-indent: 15px; margin-bottom: 10px; padding: 5px; font-size: 14px; font-weight: lighter; text-transform: uppercase; color: #ce8328; background: url(images/bullet-house-medium.jpg) no-repeat left center; border-bottom: 1px solid #D6D5D5;} div.module-content-gray p {padding: 5px; font-size: 0.75em;} /* small image gallery */ div.module-content-gray div.img-container {text-align: center;} div.module-content-gray img {margin: 2px; padding: 0; border: 1px solid #777;} #content-right div.img-container a {padding: 0;} #content-right div.img-container a:hover {background: none;} /* calendar widget list of upcoming events */ #content-right div.module-container ul li ul div.event-title, #content-right div.module-container ul li ul div.event-title-break, #content-right div.module-container ul li ul span span {display: none;} #content-right div.module-container ul li ul span span.movie {display: block !important;} /* module gallery */ div.module-gallery {margin-bottom: 25px; padding: 2px; color: #fff; border: 1px solid #777;} div.module-gallery-wrap {background: #434343;} div.module-gallery h3 {text-indent: 15px; height: 16px; margin-bottom: 5px; padding: 5px; font-size: 14px; font-weight: lighter; text-transform: uppercase; color: #fff; background: url(images/bullet-house-trans.png) no-repeat left center; border-bottom: 1px solid #D6D5D5;} div.module-gallery p, div.module-gallery ul {padding: 5px; font-size: 0.75em;} div.module-gallery a:hover {background: none !important;} div.module-gallery img {margin: 0; padding: 0; /*width: 87px; height: 87px; */ border: 1px solid #777;} div.module-gallery ul.img-list li {display: inline;} div.module-gallery a:hover {background: none;} div.module-gallery img.involved {width: 195px; height: auto; margin: 0; padding: 5px; border: 0 !important; text-align: center;} /* pages */ div#thin-banner {clear: both; margin-bottom: 25px; height: 115px; background: url(images/banner/b-thin-banner-c.jpg) no-repeat #C97900;} #thin-banner div.thin-banner-left {float: left; width: 470px; height: 115px;} #thin-banner div.thin-banner-right {float: right; width: 470px; height: 115px;} #thin-banner h2 {margin: 0; padding: 0; width: 470px; height: 115px; text-indent: -9999px; } #thin-banner h2#art-banner {background: url(images/banner/thin-banner-art.png);} #thin-banner h2#arts-ed {background: url(images/banner/thin-banner-arts-ed.png);} #thin-banner h2#young-mothers {background: url(images/banner/thin-banner-young-mothers.png);} #thin-banner h2#community {background: url(images/banner/thin-banner-community.png);} #thin-banner h2#about {background: url(images/banner/thin-banner-about.png);} #thin-banner h2#calendar {background: url(images/banner/thin-banner-calendar.png);} div#content-left div#page-nav {} #content-left #page-nav ul {width: 220px; list-style-type: none;} #content-left #page-nav li {} #content-left #page-nav ul li a {display: block; width: 210px; padding: 8px 0 5px 10px; color: #292929; font-size: 1.3em; text-decoration: none; background: url(images/b-nav-border.gif) no-repeat top left;} #content-left #page-nav ul li a:hover, #content-left #page-nav ul li a.current-link {color: #f8f8f8; background: #c0c0c0;} #content-left #page-nav ul li a.current-link {color: #f8f8f8; background: #434343;} #content-left #page-nav ul li.last-nav {background: url(images/b-nav-border.gif) no-repeat bottom left;} /* gallery home page */ div.gallery-home ul#gallery-list {margin: 0; padding: 0; list-style-type: none;} div.gallery-home ul#gallery-list li {float: left; margin-bottom: 15px; margin-right: 15px; padding: 15px 15px 0 15px; width: 285px; height: 150px; border-bottom: 3px solid #b1afaf; background: #eeeeee;} div.gallery-home ul#gallery-list li:hover { } div.gallery-home ul#gallery-list li span.posted {font-size: 80%; font-style: italic; color: #a3a2a2;} /* gallery */ div.gallery dl.gallery-item dt.gallery-icon a:hover {background: none !important;} div.gallery dl.gallery-item dt.gallery-icon img {padding: 4px; border: 1px solid #d9d9d9 !important;} div.gallery dl.gallery-item dt.gallery-icon img:hover {background: #C97900; border: 1px solid #C97900;} #content-single-article .article ul.gallery {padding-left: 0;} .galleria_container {float: right;} .galleria {float: left; list-style:none; width: 455px;} .galleria li {display:block; width: 105px; height: 105px; overflow: hidden; float: left; margin: 0 5px 5px 0; background: #1c1c1c;} .galleria li a {display:none;} .galleria li div {position: absolute; display:none; top:0; left:180px;} .galleria li div img {cursor: pointer;} .galleria li.active div img,.galleria li.active div {display: block;} .galleria li img.thumb {cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;} .galleria li .caption {display:block; padding-top:.5em;} .galleria_container .caption {font-size: 0.75em; font-style: italic;} * html .galleria li div span {width:400px;} /* MSIE bug */ /* calendar */ div#content-calendar div#content {background: url(images/b-content-calendar.jpg) repeat-y top center;} div#content-calendar div#content-main {width: 695px;} div#content-calendar div#content-main div.post {background: none;} table.calendar-table {font-size: 0.69em; } table.calendar-table td {padding: 2px; width: 120px; height: 57px; border: 1px solid #B5B5B5; vertical-align: top;} table.calendar-table td.calendar-heading, table.calendar-table td.calendar-heading table td {border: 0; height: 15px;} table.calendar-table td.normal-day-heading, table.calendar-table td.weekend-heading {height: 15px; text-align: center;} table.calendar-table td.calendar-month {text-align: center; font-size: 1.25em;} table.calendar-table td.calendar-next {text-align: right;} table.calendar-table div.event-title, table.calendar-table .cat-key {display: none;} table.calendar-table span.calnk {padding-bottom: 10px;} table.calendar-table span.calnk a {padding: 0; text-decoration: none; } table.calendar-table span.calnk a:hover {color: #000; background: red;} table.calendar-table span.list {display: none;} /* 404 */ .error div#content-main-error {} .error div#content-main-error h2 {margin-bottom: 15px; font-size: 1.5em; font-weight: lighter; color: #C97900;} .error div#content-main-error p {margin-bottom: 15px; font-size: 0.90em; line-height: 1.7em; color: #1c1c1c;} /* donate */ a#donate-now img {text-align: center; border: 0 !important;} a#donate-now:hover {background: none;} /* footer */ div#footer {clear: both; background: #C97900; color: #f8f8f8;} #footer div#footer-container {margin: 0 auto; width: 940px; clear: both;} #footer div#footer-container div.footer-box {width: 910px; padding: 5px 3px 3px 3px;} #footer div#footer-container div.footer-box-container {float: left; padding-right: 25px; width: 415px;} #footer div#footer-container h3 {margin-bottom: 10px; font-size: 0.875em; text-transform: uppercase; font-weight: lighter;} #footer div#footer-container h4 {margin-bottom: 5px; text-transform: uppercase; font-size: 0.675em; font-weight: lighter; text-decoration: underline;} #footer div#footer-container p {margin-bottom: 5px; font-size: 0.675em;} #footer div#footer-container a {color: #fff; background: none; text-decoration: underline; padding: 2px;} #footer div#footer-container a:hover {color: #fff; background: #1c1c1c; text-decoration: none;} div#footer-fix {display: none;}