@charset utf-8;
/*
Theme Name: StorefrontNews
Description: Designed by Angie Waller, coded by Jonathan.
Author URI: https://lagrimasdeoro.nyc
Version: 1.0
*/
@import url('css/reset.css');
@import "js/jplayerskin/jplayer.css";
@import "js/jquery.fancybox/jquery.fancybox.css";

body { 
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	color:#000;
	background-color: #FFF;
	margin:0px 24px 48px 0px;
	padding:0px;
	min-width: 1003px;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.morelink {
	font-weight:bold;
}

a img {
	border:none;
}

#main_content a {
	text-decoration:underline;
}

#main_content h1 a {
	text-decoration:none;
}

#main_content h1 a:hover {
	text-decoration:underline;
}

#auction_artists_table a {
	text-decoration:none;
}

#auction_artists_table a:hover {
	text-decoration:underline;
}

#benefit_map {
	margin-top:16px;
}

#blackbox h2 a, #homecol4 a {
	text-decoration:none;
}

#blackbox h2 a:hover, #homecol4 a:hover {
	text-decoration:underline;
}

form, input {
	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
}

table, tr, td {
	margin:0px;
	padding:0px;
	border:none;
	vertical-align:top;
}

ul {
	list-style:disc;
}

#programming_benefit_page ul, #support__page ul {
	list-style:disc;
	margin-left:16px;
}

br.clearer {
	clear:both;
}

#container {
	width:983px;
	margin-top:162px;
}

#footer {
	float:none;
	clear:both;
	height:20px;
}

#header {
	position:absolute;
	top:0px;
	width:100%;
	height:148px;
	margin:0px -24px -24px 0px;
	background-color:#DEDEDE;
}

#logo {
	width:230px;
	height:49px;
	background: transparent url(images/logo.gif) no-repeat;
	margin-left:12px;
	margin-top:88px;
	position:relative;
}

#logo a {
	display:block;
	width:100%;
	height:100%;
}

.home #logo a {
	display:none;
}

#topmenu {
	position:absolute;
	left:261px;
	top:119px;
	width:725px;
}

#topmenu select {
	width:131px;
	margin-left:14px;
	background-color:#DEDEDE;
	font-size:10px;
	margin-right:0;
}

#topmenu select:first-child {
	margin-left:0;
}

html #get_involved {
	display:inline-block;
}

#sidebar {
	width:243px;
	margin-right:18px;
	float:left;
}

#breadcrumb {
	font: 10px/16px Arial, Helvetica, Verdana, sans-serif;
	width:722px;
	margin-bottom:17px;
	text-transform:lowercase;
}

#breadcrumb a {
	text-decoration:none;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

.home #breadcrumb {
	display:none;
}

#main_content {
	width:722px;
	float:left;
}

#rightcol {
	width:206px;
	float:left;
	margin-top:33px;
}

body.archive.single #rightcol, body.programming.single #rightcol {
	margin-top:0;
}

body.archive #rightcol #monthlist li, body.archive #rightcol #yearlist li {
	display:inline-block;
	width:34px;
}

/*3 COL LAYOUT*/
body.archive #main_content, body.book #main_content, body.programming #main_content, body.membership #main_content, body.educational-partnerships #main_content, body.benefit #main_content, body.auction-artist #main_content, body.special-events #main_content, body.donations #main_content {
	width:498px;
	margin-right:18px;
}

p {
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
}

h1 { /*events headers*/
	font: 24px/30px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}

.sidebarbox h1 {
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}

body.benefit #main_content h1 { /*benefit headers*/
	font: 18px/22px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin-top:32px;
}

#blackbox h1 { /*homebox headers*/
	font: 18px/22px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin-bottom:4px;
}

.homecolumn h1, .home_side_text, .home_side_text p { /*homebox headers*/
	font: 14px/18px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}

.homecolumn .home_content_box h3 {
	margin-bottom:4px;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	line-height:18px;
}

#main_content .homecolumn .home_content_box h3 a {
	text-decoration:none;
}

#main_content .homecolumn .home_content_box h3 a:hover {
	text-decoration:underline;
}

.homecolumn p a {
	text-decoration:underline;
}

h2 { /*events datelines*/
	font: 11px/18px Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	color:#000;
	margin-bottom:15px;
}

.post h2 {
	color:#5A5A5A;
	font-size:12px;
	line-height:16px;
}

body.archive .post h2 {
	color:#000;
	font-size:11px;
	line-height:18px;
	margin-bottom:0;
}

body.archive.single .post h2 {
	margin-bottom:15px;
}

.bookinfo h2 {
	font-weight:bold;
	margin-bottom:0;
}

#sidebar #donate_form {
	overflow:auto;
}

#sidebar #donate_amt {
	width:118px;
	height:14px;
	padding:1px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:10px;
	border:1px solid #999999;
	margin-left:11px;
	margin-top:11px;
	margin-bottom:5px;
	float:left;
}

#sidebar #donate_link a {
	display:block;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:11px;
	margin-top:12px;
}

#sidebar #social_media {
	margin-top:19px;
	margin-bottom:15px;
	overflow:auto;
}

#sidebar #social_media a {
	display:block;
	height:45px;
	float:left;
}

#sidebar #social_media a#link_twitter {
	width:20%;
	background:transparent url(images/socialmedia_twitter.gif) no-repeat;
	background-size: 99%;
	margin-left:20px;
}

#sidebar #social_media a#link_facebook {
	width:16%;
	background:transparent url(images/socialmedia_facebook.gif) no-repeat;
	background-size: 99%;
}

#sidebar #social_media a#link_vimeo {
	width:15%;
	background:transparent url(images/socialmedia_vimeo.gif) no-repeat;
	background-size: 99%;
}

#sidebar #social_media a#link_flickr {
	width:20%;
	background:transparent url(images/socialmedia_flickr.gif) no-repeat;
	background-size: 99%;
}

#sidebar #social_media a#link_instagram {
	width:20%;
	background:transparent url(images/socialmedia_instagram.gif) no-repeat center 5px;
	background-size: 85%;
	margin-top: 5px;
}


#programming_archive_page h2 {
	font: 11px/18px Arial, Helvetica, Verdana, sans-serif;
	color:#000;
}

#books_store_page h2 {
	color:#000;
	font-weight:bold;
	margin-bottom:0px;
}

.homecolumn h2, #blackbox h2 { /*homebox subhead*/
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	color:#000;
	margin-bottom:4px;
}

.homecolumn h2 a {
	text-decoration:none;
}

.homecolumn h2 a:hover {
	text-decoration:underline;
}

#blackbox h2 {
	color:#FFF;
}

.infoClass h2 {
	color:#000;
}

h3 { /*events titles on archivelist, event nav headers*/
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}

#rightcol h3, #audioplayers h3 {
	text-transform:uppercase;
}

h3.booktitle {
	margin-top:26px;
}

h3.bio_title {
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin-bottom:16px;
}

.press_item h3 {
	margin-bottom:4px;
}

h4 { /*bylines*/
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	color:#5A5A5A;
}

.post h2+h4 {
	margin-top:-15px;
	margin-bottom:15px;
}

body.archive #main_content h4, body.programming.single h4 {
	margin-top:-15px;
	margin-bottom:15px;
}

body.archive #main_content h4+h4, body.programming.single h4+h4 {
	margin-bottom:0;
}

h5, .archive_tags { /*photo captions*/
	font: 10px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
}

#rightcol .archive_tags {
	font-size:12px;
}

.archive_tags li {
	display:inline-block;
	margin-right:2px;
}

h5.program_title {
	color:#666;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

#programintro {
	color:#666;
	padding-bottom:15px;
	font-weight:normal;
}

.sidebarbox p {
	margin-left:11px;
	width:208px;
}

#sidebar h2 {
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	text-transform:none;
	margin-left:11px;
	margin-top:15px;
	margin-bottom:0;
	width:208px;
	color:#000;
}

#sidebar p {
	margin-left:11px;
	width:208px;
}

.sidebarbox {
	width:219px;
	padding:8px 12px 8px 12px;
	background-color:#F2F2F2;
	margin-bottom:4px;
}

.left_form {
	margin-left:11px;
	margin-top:7px;
	margin-bottom:4px;
}

#blackbox {
	width:184px;
	height:163px;
	padding:8px;
	background-color:#000;
	color:#FFF;
	float:left;
}

#blackbox a {
	color:#FFF;
}

#main_box {
	width:522px;
	height:179px;
	float:left;
}

#main_box a {
	width:522px;
	height:179px;
	display:block;
}

.homecolumn {
	width:172px;
	float:left;
	margin-right:5px;
}

#homecol4 {
	background-color:#FFF;
	width:191px;
	margin-top:5px;
	margin-right:0px;
}

.home_content_box {
	padding:8px 8px 16px 8px;
	min-height:48px;
	background-repeat:no-repeat;
	background-color:#DDD;
	margin-top:5px;
	position:relative;
}

.home_content_box.with_img > a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.home_side_box {
	width:175px;
	padding:98px 8px 8px 8px;
	background-color:#DDD;
	background-repeat:no-repeat;
	margin-bottom:5px;
	position:relative;
}

.home_side_box a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.home_side_text {
	padding:8px;
	background-color:#DDD;
	margin-bottom:5px;
}

#side_box_archive_of_the_day {
	padding:98px 8px 8px 8px;
	position:relative;
	font-weight:bold;
	font-size:14px;
}

#aotd_image {
	width:191px;
	height:90px;
	background-position:center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}

.navgroup {
	margin-bottom:16px;
}

.navgroup a {
	color:#5A5A5A;
	text-decoration:underline;
}

.navgroup h3 a {
	text-decoration:underline;
	color:#000;
}

.navgroup a:hover, .navgroup h3 a:hover {
	color:#000;
	text-decoration:underline;
}

.navgroup ul {
	list-style-type: none;
}

body.programming .post, .press_item {
	margin-bottom:18px;
	padding-bottom:34px;
	border-bottom: 1px dashed #7F7F7F;
}

.pressImage_item {
	margin-top:18px;
	padding-top:34px;
	border-top: 1px dashed #7F7F7F;
}

#pressImage_text {
	margin-bottom:18px;
}

.blog_text, .book_text, .press_text {
	margin-top:11px;
}

#blog_pager {
	float:none;
	clear:both;
	display:inline-block;
}

#pagerholder {
	clear:both;
	float:none;
	text-align:center;
}

#blog_pager li {
	display:inline-block;
	float:left;
	margin-left:4px;
}

#blog_pager li:first-child {
	margin-left:0;
}

#blog_pager li.here {
	font-weight:bold;
}

.eventThumb {
	float:left;
	margin-right:6px;
	margin-bottom:2px;
}

.related {
	clear:both;
	float:none;
	margin-bottom:11px;
	overflow:auto;
}

body.archive .post {
	clear:both;
	float:none;
}

body.archive .archive_thumb {
	width:140px;
	height:120px;
	float:left;
	margin-bottom:40px;
}

body.archive .post-content {
	width:358px;
	float:left;
	margin-bottom:40px;
	margin-top:0;
}

body.archive.single .post-content {
	width:auto;
}

body.archive.single .post-content p {
	margin-bottom:16px;
}

#bookgrid {
	width:722px;
}

td.bookcell {
	width:250px;
	padding-bottom:22px;
}

.bookthumb {
	display:table-cell;
	vertical-align:middle;
	margin-bottom:8px;
	width:222px;
	height:222px;
}

.bookform {
	margin-top:8px;
}

#books_store_page .eventThumb {
	width:62px;
	height:62px;
	margin-bottom:6px;
}

#programming_benefit_page #benefitmenu {
	position:fixed;
	left:782px;
	top:196px;
	padding-top:14px;
}

#benefit_ticket_table td {
	padding-bottom:20px;
	padding-right:10px;
}

#auction_artists_table, #benefit_ticket_table {
	width:508px;
	margin-top:16px;
}

#benefit_ticket_table {
	border-spacing: 3px;
    border-collapse: separate;
}

#benefit_ticket_table tr td:nth-child(1) {
	width:250px;
}

#benefit_ticket_table tr td:nth-child(2), #benefit_ticket_table tr td:nth-child(3) {
	width:80px;
}

#benefit_ticket_table .ticket_title {
	font-weight:bold;
}

#auction_artists_table td {
	width:100px;
	padding-bottom:16px;
	vertical-align:top;
	font: 10px/14px Arial, Helvetica, Verdana, sans-serif;
}

#supporters_row {
	width:700px;
	clear:both;
}

.supporters_col {
	width:215px;
	padding-right:15px;
	float:left;
	margin-bottom:24px;
}

.supporters_col p {
	margin:0px;
	padding:0px;
	margin-left:12px;
	text-indent:-12px;
}

.supporters_title {
	font-weight:bold;
	clear:both;
	float:none;
}

#supporters_text {
	margin-bottom:24px;
}

#membership_grid {
	margin-top:16px;
	width:498px;
}

#membership_grid td, #membership_grid th {
	padding-bottom:10px;
}

#membership_grid th {
	text-align:left;
}

#membership_grid th:first-child {
	width:100px;
}

#membership_grid th:first-child + th {
	width:317px;
}

#membership_grid .memberbutton {
	cursor:pointer;
	text-decoration:underline;
	display:inline-block;
}

.auctionitem p, .arttitle, .artdate {
	font: 11px/14px Arial, Helvetica, sans-serif;
	margin:0px;
}

.auctionitem {
	margin-bottom:32px;
}

.auctionimage_big {
	margin: 12px 0px;
}

.arttitle {
	font-style:italic;
}

#previous_artist {
	float:left;
}

#next_artist {
	float:right;
}

#addThis {
	margin-top:8px;
	margin-bottom:7px;
}

#main_content .prevnext {
	margin-top:22px;
	padding-top:5px;
	border-top:1px #5A5A5A dashed;
}

#main_content .prevnext a {
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	text-decoration:none;
	color:#5A5A5A;
}

#main_content .prevnext a:hover {
	text-decoration:underline;
}

#main_content .prevnext #bottomnav_prev {
	float:left;
}

#main_content .prevnext #bottomnav_next {
	float:right;
}

#rightcol .prevnext {
	font: 10px/16px Arial, Helvetica, Verdana, sans-serif;
	margin-bottom:18px;
}

#audioplayers {
	margin-top:35px;
}

#audioplayers h3 {
	margin-bottom:6px;
}


#fb_commentsholder {
	margin-top:24px;
}

#latest_tweet {
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	padding-left:27px;
	background:transparent url(images/twitter_logo_black.png) no-repeat 6px 4px;
}

#latest_tweet .tweet a.twtr-hashtag {
	font-weight:bold;
}

#latest_tweet .tweet a {
	font-weight:normal;
	text-decoration:underline;
}

.tweet_date {
	font-weight:normal;
}

#latest_tweet .tweet .time {
	font-weight:normal;
}

#address_and_hours {
	padding-left:16px;
	margin-top:24px;
}

h1.event_title {
	font-style:italic;
	margin-left:11px;
	margin-top:4px;
}

#rsvpbutton {
	display:block;
	width:41px;
	height:19px;
	margin-left:11px;
	margin:8px 0px 6px 11px;
	background:transparent url(images/bt_rsvp.gif) no-repeat;
	cursor:pointer;
}

#series_intro {
	margin-bottom:32px;
}

#copyright {
	padding-top:40px;
	margin-left:13px;
}