/*

Theme Name: Project Row Houses WordPress Theme
Theme URI:
Description: This is the Project Row Houses theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
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: 15px;}

	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 */
	ul#primary-nav {float: left; margin: 10px 0; width: 940px; height: 40px; list-style-type: none; background: url(images/navigation-e.jpg) no-repeat 0 0;}
	ul#primary-nav li {float: left; position: relative; z-index: 900;}
	ul#primary-nav li a {position: relative; display: block; height: 40px; text-indent: -9999px; background: url(images/navigation-items-e.jpg) no-repeat 0 0;}
		ul#primary-nav li#home a {background-position: 0 0; width: 60px;}
		ul#primary-nav li#home a:hover {background-position: 0 -40px;}
		ul#primary-nav li#art a {margin-left: 50px; background-position: -112px 0; width: 85px;}
		ul#primary-nav li#art a:hover, ul#primary-nav li#art:hover a {background-position: -112px -40px;}
		ul#primary-nav li#artsed a {margin-left: 50px; background-position: -245px 0; width: 119px;}
		ul#primary-nav li#artsed a:hover, ul#primary-nav li#artsed:hover a {background-position: -245px -40px;}
		ul#primary-nav li#ymrp a {margin-left: 48px; background-position: -415px 0; width: 191px;}
		ul#primary-nav li#ymrp a:hover, ul#primary-nav li#ymrp:hover a {background-position: -415px -40px;}
		ul#primary-nav li#community a {margin-left: 54px; background-position: -659px 0; width: 101px;}
		ul#primary-nav li#community a:hover, ul#primary-nav li#community:hover a {background-position: -659px -40px;}
		ul#primary-nav li#projects a {margin-left: 52px; background-position: -810px 0; width: 130px;}
		ul#primary-nav li#projects a:hover, ul#primary-nav li#projects:hover a {background-position: -810px -40px;}
		
		
		/* secondary navigation */

		ul#primary-nav li ul {display: none; position: absolute; top: 40px; padding: 0; height: auto; list-style-type: none; background: #dadada; }
		ul#primary-nav li:hover ul {display: block;}
		ul#primary-nav li ul li {float: none; margin: 0; border-bottom: 1px solid #747474;}
		ul#primary-nav li ul li a {display: block; left: 0!important; margin: 0!important; padding: 5px 10px; width: auto!important; height: auto; text-indent: 0; font-size: 0.88em; color: #313131; text-decoration: none; background: #dadada; z-index: 999;}
		ul#primary-nav ul li a:hover {color: #f8f8f8; background: #434343;}

		ul#primary-nav li#art ul {margin-left: 26px; width: 200px;}
		ul#primary-nav li#artsed ul {margin-left: 27px; width: 200px;}
		ul#primary-nav li#ymrp ul {margin-left: 28px; width: 230px;}
		ul#primary-nav li#community ul {margin-left: 30px; width: 200px;}
		ul#primary-nav li#projects ul {margin-left: 26px; width: 156px;}

		/* tertiary navigation */

		ul#primary-nav li ul li ul, ul#primary-nav li:hover ul li ul {display: none; position: absolute; top: -1px; left: 90%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */}
		ul#primary-nav li ul li:hover ul {display: block;}
		ul#primary-nav li ul li ul li {margin-left: -6px; border-top: 1px solid #747474; border-bottom: 0;}
		ul#primary-nav li ul li:hover a {color: #fff; background: #434343;}
		ul#primary-nav li ul li ul li a:hover {color: #313131; background: #dadada;}

	/* 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; font-family: MuseoSans500; background: url(images/banner/b-banner-c.jpg) no-repeat #C97900; overflow: hidden;}
	#banner div.banner-left {float: left; padding: 20px; width: 430px; height: 250px; color: #290c01;}
	#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;}
	#banner h2, #banner p.h2 {margin: 0 0 15px 0; padding-left: 24px; color: #f9f9f9; font-weight: normal; font-size: 28px; text-shadow: 1px 1px 1px #b06000;
		filter: dropshadow(color=#, offx=1, offy=1); background: url(images/house-banner.gif) no-repeat 0 4px;}
	#banner p, #banner ul {margin-bottom: 8px; font-size: 20px; }
	#banner h2 a {color: #f9f9f9; text-decoration: none;}
	#banner h2 a:hover {text-decoration: underline;}
	#banner p.learn-more a {padding-left: 10px; font-size: 60%; color: #290c01; font-weight: bold; text-transform: uppercase; text-decoration: none; background: url(images/learn-more.gif) no-repeat 0 1px;}
	#banner p.learn-more a:hover {text-decoration: underline;}


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);}
	#thin-banner h2#round-35 {background: url(images/banner/thin-banner-current.png);}
	#thin-banner h2#communograph {background: url(images/banner/thin-banner-communograph.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, #content-left #page-nav ul li.nav-parent {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;}

	#content-left #page-nav ul li ul {margin-top: 5px;}
	#content-left #page-nav ul li ul li {float: right;}
	#content-left #page-nav ul li ul li a {padding: 4px 0 5px 10px; font-size: 0.75em; width: 180px; margin-right: 10px; background: none;}


/* 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;}
table.calendar-table span.calnk span.event-title {display: none;}

/* round content pages */

.page-template-round-35-php #thin-banner h2 {float: left; width: 940px!important; height: 115px;}
div#content-round div#content {background: url(images/b-content-calendar.jpg) repeat-y top center;}
div#content-round div#content-main {width: 695px;}
div#content-round div#content-main div.post {background: none;}
div#content-round #content-main div.article {padding-left: 0;}
div#content-round #content-main div.article h3 {margin: 1.5em 0; padding: 5px 0; font-size: 1.25em; text-transform: none; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
div#content-round #content-main div.article h4 {margin-bottom: 0.875em; padding-top: 0.875em; color: #363636; font-weight: bold; text-transform: none; border-top: 1px dotted #cdcdcd;}
div#content-round #content-main div.article h4 a {color: #363636;}
div#content-round #content-main div.article h4.first-child {padding-top: 0; border-top: none;}
div#content-round #content-main div.article p {margin-bottom: 0.875em;}
#content-right ul.artist-list li {margin-bottom: 8px;}

/* communograph */

.page-template-communograph-php #thin-banner h2 {float: left; width: 940px!important; height: 115px;}

/* 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;}
