/*
Theme Name: Poetry Project
Description: Theme for the Poetry Project, located at St. Mark's Church in NYC
Version: 2.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: poetry, featured content, non-profit
*/



/* Structure */
* {
margin: 0;
padding: 0;
}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Helvetica, Sans-Serif;
color: #000;
background: #FFF url('images/TPP_web_background.jpg') no-repeat top center;
text-align: center;
}
#header {
background: #000;
width: 100%;
height: 39px;
text-align: center;
}
#content {
width: 980px;
margin: 0 auto;
text-align: left;
position: relative;
}
#main {
float: right;
width: 705px;
padding-top: 50px;
margin-bottom: 10px;
}
#sidebar {
float: left;
width: 250px;
margin: 250px 0 30px;
}
.block {
padding: 20px;
margin-bottom: 20px;
background: #FFF;
border: 1px solid #999;
clear: both;
}
.homepage .block {
clear: right;
}
#footer {
clear: both;
width: 940px;
padding: 15px 20px;
background: #2095B4 url(images/tpp_footer_bg.gif) no-repeat top right;
margin: 0 auto 30px auto;
text-align: left;
color: #FFF;
overflow: hidden;
}


/* Typography */
p, ul, ol {
font-size: 1.2em;
margin-bottom: 1.5em;
line-height: 1.5em;
}
ul p, ol p {
font-size: 1em;
}
h1, h2, h5 {
font-weight: bold;
}
h3, #sidebar span.title, .recent-news h5, .ec3_list li {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
color: #2095B4; /* blue */
}
h1 a {
height: 0px !important;
font-size: 3.2em;
line-height: 1em;
width: 244px;
padding-top: 202px;
overflow: hidden;
background: url('images/TPP_logo-trans.png') no-repeat top left;
position: absolute;
top: 25px;
left: 0;
z-index: 2;
}
h2 {
font-size: 3.2em;
line-height: 1.125em;
margin-bottom: .5625em;
}
h3 {
font-size: 2.4em;
margin-bottom: .75em;
}
h4 {
font-size: 2.0em;
color: #B1B800; /* green */
margin-bottom: .9em;
clear: both;
}
#sidebar span.title, .ec3_list li {
font-size: 1.6em;
line-height: 1.125em;
}
span.title a:hover, h4 a {
color: #B1B800; /* green */
}
span.title a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
text-decoration: none;
}
h5 {
font-size: 1.4em;
line-height: 1.2857em;
color: #B1B800; /* green */
margin-bottom: 1.2857em;
} 
h6 {
font-size: 1.2em;
line-height: 1.5em;
color: #B1B800;
font-weight: bold;
margin-bottom: 1.5em;
}
.recent-news h5 {
font-size: 1.8em;
}
a {
color: #2095B4; /* blue */
text-decoration: none;
}
h2 a {
color: #000;
}
a:hover {
text-decoration: underline;
}
ul {
list-style: none;
}
ul ul {
font-size: 1em;
padding-left: 1em;
}
h3 small {
display: block;
font-size: .6em;
line-height: 1em;
font-weight: bold;
color: #000;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
}
.featured strong {
font-size: 1.2em;
}
blockquote {
background: url(images/blockquote.png) no-repeat scroll 0 0;
padding:0 0 0 50px;
font-size: 1.2em;
line-height: 1.5em;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}
blockquote p, blockquote ul, blockquote ol {
font-size: 1em;
}


/* Images */
a img {
border: none;
}
p img, p a img {
padding: 3px;
border: 2px solid #B1B800; /* green */
max-width: 95%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 7px 7px;
clear: right;
}
img.alignleft {
margin: 0 15px 7px 0;
clear: left;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* superfish top nav */

/*** ESSENTIAL STYLES ***/
#nav, #nav * {
margin:	0;
padding: 0;
list-style: none;
text-align: left;
z-index: 1000;
}
#nav {
font-size: 1.4em;
line-height: 1.0;
}
#nav ul {
position: absolute;
top: -999em;
width: 16em; /* left offset of submenus need to match (see below) */
font-size: .8em;
line-height: 1.1em;
padding-top: .5em;
}
#nav ul li {
width: 100%;
}
#nav li:hover {
visibility:	inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
float: left;
position: relative;
}
#nav a {
display: block;
position: relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
top: -999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
left: 16em; /* match ul width */
top: 0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
top: -999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
left: 16em; /* match ul width */
top: 0;
}

/* */
#nav {
width: 980px;
margin: 0 auto;
}
#nav a {
padding: .75em 1em;
text-decoration: none;
}
#nav ul li a {
padding: .25em 1.25em .8em 1.25em;
}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #2095B4;
}
#nav li {
background:	#000;
}
#nav li li {
background:	#000;
}
#nav li li li {
background:	#000;
}
#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active, body.date #nav li.current-cat-parent a:hover {
color: #B1B800;
outline: 0;
}
#nav li.current-cat a, #nav li.current_page_item a, #nav li.current-cat-parent a, #nav li.current_page_parent a {
color: #B1B800;
text-decoration: none;
}
/* hack for mysterious highlighting for archive posts */
body.date #nav li.current-cat-parent a {
color: #2095B4;
}
#nav li.home a {
width: 18px;
height: 0px !important;
padding: 18px 0 0 0;
overflow: hidden;
background-image: url(images/home_icon_stack.png);
background-repeat: no-repeat;
background-position: 0 0;
margin: .6em 1.25em 0 0;
}
#nav li.home a:hover, #nav li.home.sfHover a ,#nav li.home.current a {
background-position: 0 -18px;
}
#nav li.current_page_parent ul li a, #nav li.current-cat-parent ul li a {
color: #2095B4; 
}
#nav li ul li.current_page_item a, #nav li ul li.current-cat a, #nav li ul li a:hover, #nav li ul li.sfHover a {
color: #B1B800; 
}

/* Content */
p.navigation {
width: 100%;
overflow: hidden;
}
div.navigation {
width: 100%;
overflow: hidden;
}
p.attachment {
text-align: center;
}
p.attachment img {
border: none;
}
p.date {
font-weight: bold;
}
.post {
width: 100%;
overflow: hidden;
}
#main .post {
background: url(images/post_bottomline.png) no-repeat bottom center;
padding-bottom: 1.8em;
margin-bottom: 1.6em;
}
#main.page .post {
background: none;
min-height: 680px;
}
#main .post ul li:before {
content: "- ";
}
#main.page .post table {
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
font-size: 1.1em;
}
#main.page .post table td {
vertical-align: top;
padding: 5px;
border: 1px solid #2095B4;
}
#main.page .post table th {
width: 30%;
font-size: 1.2em;
padding: 5px;
}
#main.page .post table th.date {
width: 10%;
}
#main.page .post img.alignleft {
margin: 0 15px 15px 0;
}
ul#subnav {
text-align: left;
margin: 0 0 1em 0;
font-size: 1.4em;
list-style: none;
overflow: hidden;
}
ul#subnav li {
display: block;
float: left;
margin-right: 1em;
}
ul#subnav li a {
padding: .2em;
color: #000;
}
ul#subnav li a:hover, ul#subnav li.current-cat a, ul#subnav li.current_page_item a, #main.photos li.page-item-336 a {
background: #000;
color: #B1B800; /* green */
text-decoration: none;
}
.category-program-calendar img.alignleft {
margin-top: 7px;
}
.pub {
width: 100%;
overflow: hidden;
}
.pub ul {
margin-left: 140px;
}
.pub p, .donate-now p {
margin-bottom: 0;
}
.donate-now p img {
margin-top: 5px;
}
.signUp, .donate-now{
background: #B1B800 url(images/signup_corner_green.gif) no-repeat top right; 
color: #000;
border: none;
}
.signUp h4, .donate-now h4 {
line-height: 1em;
margin-bottom: 0;
}
.signUp h4 a, .donate-now h4 a {
color: #000;
}
.signUp h4 a:hover, .donate-now h4 a:hover {
color: #FFF;
}
.workshop_reg {
border-top: 1px dashed #000;
padding-top: 18px;
}
.follow h5 {
margin-bottom: .5em;
}
.follow ul li {
margin-bottom: 4.5px;
}
.follow ul.twitter li {
margin-bottom: 9px;
}

/*comments */
#commentform textarea {
width: 95%;
padding: 2px;
}
.comments-template h4 {
font-size: 1.6em;
font-weight: normal;
}

/* homepage-specific styles */
.homepage #sidebar {
float: left;
width: 220px;
margin: 250px 0 30px 0;
}
.recent-news {
/*min-height: 170px;*/
float: right;
clear: right;
width: 250px;
margin-bottom: 30px;
}
.recent-news p a {
color: #000;
}
.upcoming-events {
width: 250px;
float: right;
margin: 140px 0 20px 0;
}
h2.quote {
position: absolute;
top: 70px;
left: 285px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.4em;
font-style: italic;
font-weight: normal;
color: #000;
}
h2.quote span.credit {
font-size: .5em;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
}

/* galleries */
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.gallery a img {
padding: 3px;
border: 2px solid #B1B800; /* green */
}
.gallery .gallery-row {
display: block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
margin: 0;
padding: 0 20px 20px 0;
text-align: left;
line-height: 1em;
}
.gallery-caption {
margin-left: 0;
}

/* Sidebar */
.block.recent ul li {
padding-bottom: 1.25em;
margin-bottom: .75em;
background: url(images/post_bottomline_sm.png) no-repeat bottom center;
}

/* Event Calendar */
div.category-program-calendar {
overflow: hidden;
width: 100%;
}
#wp-calendar table {
width:100%;
}
#wp-calendar #prev {
text-align:left;
}
#wp-calendar #next {
text-align:right;
}
.ec3_eventday {
background-color: #B1B800; /* green */
}
.ec3_eventday a {
color: #000 !IMPORTANT;
}
.ec3_eventday a:hover {
color: #FFF !IMPORTANT;
}
#wp-calendar table td, #wp-calendar table th {
text-align:center;
}
#wp-calendar table td, #wp-calendar table td.pad:hover, #wp-calendar table.nav tr td {
padding:1px;
border:none;
}
#wp-calendar table td:hover, #wp-calendar table #today {
padding:0px;
border:solid 1px #999;
}
.block.widget_text {
padding-bottom: 0;
}
.block.widget_text p {
margin-bottom: 0;
font-size: 1.0em;
}

/* The EC graphic. */
.ec3_ec {
display:none;
float:right;
border:none;
width:13px;
height:9px;
}
.ec3_ec span { 
display:none 
}


/***
 ***  Popup
 ***/
.ec3_popup {
margin:0 !IMPORTANT;
padding:0 !IMPORTANT;
border:none;
position:absolute;
border-collapse:collapse;
z-index:30000;
}
.ec3_popup td {
padding:0;
}
.ec3_popup table {
border: solid #B1B800 1px;        /* popup border */
background-color: #FFF;        /* popup background colour */
font-size: 1em;            /* popup font size */
line-height: 1.2em;
color: #000;
text-align: left;
}
.ec3_popup table td {
padding:1.5px 3px 1.5px 3px;
}
#ec3_shadow0 div { 
width:8px; 
height:32px; 
}
#ec3_shadow0 {
margin:0;
padding:0;
border:none;
width:8px;
background-repeat:no-repeat;
background-position:bottom right;
vertical-align:bottom;
}
#ec3_shadow1 {
margin:0;
padding:0;
border:none;
height:16px;
background-repeat:repeat-x;
}
#ec3_shadow2 div { 
width:8px; 
height:32px; 
}
#ec3_shadow2 {
margin:0;
padding:0;
border:none;
width:8px;
background-repeat:no-repeat;
background-position:bottom left;
vertical-align:bottom;
}

/***
 ***  Event list
 ***/
 
.ec3_events li.ec3_list ul {
padding-left: 0;
margin-bottom: 0;
}
.ec3_list {
padding-bottom: 1.25em;
margin-bottom: .75em;
background: url(images/post_bottomline_sm.png) no-repeat bottom center;
}

/***
 ***  Schedule
 ***/

table.ec3_schedule {
font-size: 1.4em;
line-height: 1em;
font-weight: bold; 
margin: 0 0 .5em 0;
}
table.ec3_schedule td {
color: #B1B800;
font-weight: bold;
}
td.ec3_start { 
text-align:right; 
}
td.ec3_to { 
text-align:center; 
}



/* Footer */
#footer p {
margin-bottom: 1em;
}
#footer a {
color: #FFF;
text-decoration: underline;
}
#footer h2 {
font-size: 1.4em;
line-height: 1em;
width: 292px;
height: 0px !important;
overflow: hidden;
margin-top: 10px;
padding: 37px 0 0 0;
background: url('images/TPP_logo_footer-trans.png') no-repeat top left;
}
.hidden {
visibility: hidden;
}
#footer .alignright {
text-align: right;
}
#footer .alignright form, #footer .alignright p {
clear: both;
}
#searchform {
margin: 10px 0;
padding: 0 0 10px 3px;
text-align: left;
}
#footer .alignright #searchform {
text-align: right;
}
#searchsubmit, .join, a.purchase, .button {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
border: none;
font-size: 10px;
background-color: #000;
color: #FFF;
margin-right: 0;
font-size: 1.2em;
padding: .25em;
margin-left: .5em;
}
.mc_form_inside {
width: 100%;
overflow: hidden;
}
.mc_merge_var {
float: left;
}
.mc_signup_submit {
float: left;
margin-top: 10px;
}
a.purchase.friday {
letter-spacing: -.05em;
}
#searchsubmit:hover, .join:hover, a.purchase:hover {
color: #B1B800; /* green */
text-decoration: none;
}
a.purchase {
font-size: 1em;
margin-left: 0;
padding: .25em .5em;
}