/* ===================================================
CSS for Poetry Translation Centre - v2.1

Author: 		whitespacedesign
Contact: 		north@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		17.06.09
=================================================== */

html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,del,em,img,small,strong,sub,sup,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;
	}
h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}
a img,:link img,:visited img {border:none;}
:link,:visited {text-decoration:none;}
ul,ol {list-style:none;}
address {font-style: normal;}

.item li a span, /*this is the country re-listed within link on countries list page*/
.screenreader {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}
	
h1, 
#col2 h2,
#col2 h3,
.imageReplace,
#col1 p.media span {text-indent: -9000px;}

.clearfix:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

a:active {outline: none;}
:focus {-moz-outline-style: none;}

body {
	font: 75% "Avant Garde", "Avantgarde", helvetica, sans-serif; /* reset font size to 12px; */
	background: #E8EAE8 url(../graphics/bg_back.jpg) repeat-x 90% 0;
	}
	
#bg {
	height: 880px;
	background: transparent url(../graphics/bg_front.png) repeat-x -80% 0;
	}

body #global {
	position: relative;
	width: 982px;
	margin: 0 auto;
	padding: 28px 0 60px 0;
	background: transparent url(../graphics/bg_spine.jpg) no-repeat 399px 0;
	}


/***********************   navs (mainNav, footer, batching, poem versions)  ***********************/
	
#mainNav {
	position: absolute;
	left:533px;
	top: 0;
	background: #BACDCE url(../graphics/bg_nav.jpg) repeat-x 0 bottom;
	}

#footer ul {
	background: #AAC2C3 url(../graphics/bg_nav_footer.jpg) repeat-x 0 0;
	margin: 0 0 0 11px;
	}
	
.nav {
	float: left;
	padding: 8px 0 12px 0;
	}
	
.nav li a {
	display: block;
	width: 170px;
	padding: 2px 20px 3px 15px;
	color: #320B17;
	font-size: 1.1em;
	}
.nav li a:hover {
	background: #FF3399;
	color: #FFF;
	}
.nav#browsePoems li a {width: 130px;}
#poems .nav li#poemsNav a, #poems .nav li#poemsNav a:hover,
#poets .nav li#poetsNav a, #poets .nav li#poetsNav a:hover,
#translators .nav li#translatorsNav a, #translators .nav li#translatorsNav a:hover,
#live .nav li#liveNav a, #live .nav li#liveNav a:hover,
#workshops .nav li#workshopsNav a, #workshops .nav li#workshopsNav a:hover,
#news .nav li#newsNav a, #news .nav li#newsNav a:hover,
#publications .nav li#publicationsNav a, #publications .nav li#publicationsNav a:hover,
#articles .nav li#articlesNav a, #articles .nav li#articlesNav a:hover,
#supportus .nav li#supportNav a, #supportus .nav li#supportNav a:hover,
#about .nav li#aboutNav a, #about .nav li#aboutNav a:hover,
#country .nav li#aboutNav a, #country .nav li#aboutNav a:hover,
#language .nav li#aboutNav a, #language .nav li#aboutNav a:hover,
#about.aboutsite .nav li#aboutTheSiteNav a, #about.aboutsite .nav li#aboutTheSiteNav a:hover,
#contact .nav li#contactNav a, #contact .nav li#contactNav a:hover,
#search .nav li#searchNav a, #search .nav li#searchNav a:hover,
#join .nav li#joinNav a, #join .nav li#joinNav a:hover,
#links .nav li#linksNav a, #links .nav li#linksNav a:hover,
#aboutSite .nav li#aboutTheSiteNav a, #aboutSite .nav li#aboutTheSiteNav a:hover {color: #FF3399;background: none;}

.batchNav {width: 506px;border-bottom: 1px solid #E8EAE7;padding-bottom: 10px;}
.batchNav ul li {float: left; padding: 0 5px 0 0;}
#col1 .batchNav p {padding: 2px 0 6px 20px;font-weight: bold;}
#col1 .batchNav p.batchNavLink {float:right;padding-right:20px;}
/*#col1 p.batchNavTitle {margin: 20px 0 0 0;}*/
#col1 p.batchViewAllLink {float: right;margin: 0 10px 0 0;}
#col1 .batchNav ul li a {padding: 4px 6px;}
#col1 .batchNav ul li a.pageOn {background: #A6C1CF; color: #FFF;}

#col1 ul#versionsNav {
	position: absolute;
	left: 454px;
	top: 143px;
	padding: 4px 0 6px 0;
	background-color: #1F4A5A;
	font-family:helvetica, sans-serif;
	}
#col1 ul#versionsNav a {
	display: block;
	color: #E8EAE8;
	background-color: #1F4A5A;
	padding: 2px 0 3px 15px;
	width: 150px;
	}
#col1 ul#versionsNav a:hover {
	color: #1F4A5A;
	background-color: #E8EAE8;
	}
.finalPoem #col1 ul#versionsNav li#final a,
.literalPoem #col1 ul#versionsNav li#literal a,
.originalPoem #col1 ul#versionsNav li#original a {color: #7FA8B2;background-color: #1F4A5A;}


/***************************   sub navs  ****************************/
	
.subNav,
#col2 p.subNav {
	padding: 8px 0 12px 0;
	width: 280px;
	background: #A6C1CF;
	}
.subNav.backLink li a {
	padding-left: 30px;
	background: transparent url(/graphics/back_arrow.png) no-repeat 10px center;
	}
#publications .subNav {margin-bottom: 20px;}
		
#aboutSubNav2 {margin: 1px 0;}
	
.subNav a {
	display: block;
	padding: 1px 0 2px 15px;
	color: #FFF;
	}  
	
.subNav a:hover {
	background: #DAE5EB;
	color: #FF3399;
	}
	
#about.whatwedo li#subNavItem1 a, .aboutWhatWeDo li#subNavItem1 a:hover,
#about.translation li#subNavItem2 a, .aboutTranslation li#subNavItem2 a:hover,
#about.workshops li#subNavItem3 a, .aboutWorkshops li#subNavItem3 a:hover,
#about.pairings li#subNavItem4 a, .aboutPairings li#subNavItem4 a:hover,
#about.howtotranslate li#subNavItem5 a, .aboutHowToTranslate li#subNavItem5 a:hover,
.patrons li#subNavItem6 a, .staff li#subNavItem6 a:hover,
.staff li#subNavItem7 a, .trustees li#subNavItem7 a:hover,
.trustees li#subNavItem8 a, .patrons li#subNavItem8 a:hover,
#language li#subNavItem9 a, #language li#subNavItem9 a:hover,
#country li#subNavItem10 a, #country li#subNavItem10 a:hover {color: #466B7E;background: none;}

.filter {float:left;}
.filter form {
	background: #A6C1CF;
	width: 320px;
	padding-top: 0;
	}
.filter select {
	border: 0;
	width: 300px;
	margin: 10px;
	font: 1em helvetica, sans-serif;
	color: #FFF;
	padding: 2px 0;
	background: #7FA8B2;
	}

#col1 p.eventNav span {float:right;}


/*******************************   header   ******************************/
	
#header {position: relative;}
	
#h1 {
	height: 58px;
	width: 450px;
	background: #ABCFD2 url(../graphics/bg_h1.jpg) repeat-x 0 bottom;
	margin: 15px 0 0 36px;
	}
	
h1 {float: left;
	height: 43px;
	width: 384px;
	margin: 10px 0 0 26px;
	}

#home h1 {background: transparent url(../graphics/h1_featured_poems.gif) no-repeat 0 0;}
#poems h1 {background: transparent url(../graphics/h1_poems.gif) no-repeat 0 0;}
#poets h1 {background: transparent url(../graphics/h1_poets.gif) no-repeat 0 0;}
#translators h1 {background: transparent url(../graphics/h1_translators.gif) no-repeat 0 0;}
#live h1 {background: transparent url(../graphics/h1_live.gif) no-repeat 0 0;}
#workshops h1 {background: transparent url(../graphics/h1_workshops.gif) no-repeat 0 0;}
#news h1 {background: transparent url(../graphics/h1_news.gif) no-repeat 0 0;}
#publications h1 {background: transparent url(../graphics/h1_publications_podcasts.gif) no-repeat 0 0;}
#articles h1 {background: transparent url(../graphics/h1_articles.gif) no-repeat 0 0;}
#supportus h1 {background: transparent url(../graphics/h1_support_us.gif) no-repeat 0 0;}
#about h1, #country h1, #language h1 {background: transparent url(../graphics/h1_about_us.gif) no-repeat 0 0;}
#contact h1 {background: transparent url(../graphics/h1_contact_us.gif) no-repeat 0 0;}
#search h1 {background: transparent url(../graphics/h1_search.gif) no-repeat 0 0;}
#join h1 {background: transparent url(../graphics/h1_join_our_mailing_list.gif) no-repeat 0 0;}
#error h1 {background: transparent url(../graphics/h1_oops.gif) no-repeat 0 0;}
#aboutSite h1 {background: transparent url(../graphics/h1_about_this_site.gif) no-repeat 0 0;}
#media h1 {background: transparent url(../graphics/h1_media.png) no-repeat 0 0;}
#links h1 {background: transparent url(../graphics/h1_links.gif) no-repeat 0 0;}


/*******************************   content   ******************************/

#col1,
#col2 {float: left;}

#col1 {
	width: 506px;
	padding-left: 62px;
	background: transparent url(../graphics/bg_h1_bottom.jpg) no-repeat 36px 0;
	font-family: palatino, georgia, times, serif;
	}

#col2 {
	width: 396px;
	margin-left: 18px; 
	margin-top:-12px;
	} 
#poems.single #col2 #introBlock div {margin-top: 19px;padding-top: 27px;} /* to allow room for poems subnav ROUGH ADD BY EMILY */

.rtl {
	direction: rtl;
	text-align: right;
	}

.item {
	float: left;
	background: #FFF;
	width: 506px;
	padding: 12px 0 12px 0;
	margin: 0 0 12px 0;
	}
#supportus .item {/*these are pages with no h2*/
	padding-top:24px;}
#translators.index .item,
#poets.index .item {/*these are poets/translators listings*/
	padding-bottom: 0;}
	
#col1 h2 {
	width: 466px;
	background: #FFF;
	color: #431C28;/*568799*/
	font-size: 2em; /* 24px */
	padding: .66em 20px 10px 20px;
	}
.single#poems #col1 h2 {width: 380px;padding-right:106px;}/*moves the h2 out of the way of the versionsnav*/
.single#poems #col1 h2.rtl {padding-top: 2em;padding-right:20px;width:auto;}

#col2 h2,
#col2 h3 {
	width: 396px;
	height: 37px;
	}

#home #introBlock h2 {background: transparent url(../graphics/h2_welcome.png) no-repeat 0 0;}   
#homenews h2 {background: transparent url(../graphics/h2_whats_going_on.png) no-repeat 0 0;}   
#contact #introBlock h2 {background: transparent url(../graphics/h2_before_you_get_in_touch.png) no-repeat 0 0;}
#supportus #introBlock h2 {background: transparent url(../graphics/h2_we_need_your_help.png) no-repeat 0 0;}
#poets #introBlock h2 {background: transparent url(../graphics/h2_who_we_work_with.png) no-repeat 0 0;}
#aboutSite #introBlock h2 {background: transparent url(../graphics/h2_site_credits.png) no-repeat 0 0;}
#aboutLinks h2 {background: transparent url(../graphics/h2_about_the_translation.png) no-repeat 0 0;}
#archiveNav h2 {background: transparent url(../graphics/h2_archive.png) no-repeat 0 0;}
#search #introBlock h2 {background: transparent url(../graphics/h2_using_the_search.png) no-repeat 0 0;}
#poems #introBlock h2,
#live.index #introBlock h2 {background: transparent url(../graphics/h2_intro.png) no-repeat 0 0;}
.filter h2 {background: transparent url(../graphics/h2_refine_the_list.png) no-repeat 0 0;}
#recentlyadded h2 {background: transparent url(../graphics/h2_recently_added.png) no-repeat 0 0;}
#publications #introBlock h2 {background: transparent url(../graphics/h2_how_to_download.png) no-repeat 0 0;}
#sponsored h3 {background: transparent url(../graphics/h3_sponsoredby.png) no-repeat 0 0;}
#links h2 {display:none;}
/*#links h3 {background: transparent url(../graphics/h3_links.png) no-repeat 0 0;} */
#related h3 {background: transparent url(../graphics/h3_relatedinfo.png) no-repeat 0 0;}
#othermedia h3 {background: transparent url(../graphics/h3_othermedia.png) no-repeat 0 0;}
#alsoByThisPoet h3 {background: transparent url(../graphics/h3_also_by_this_poet.png) no-repeat 0 0;}  
#otherpoems h3 {background: transparent url(../graphics/h3_otherpoems.png) no-repeat 0 0;} 
#participants h3 {background: transparent url(../graphics/h3_participants.png) no-repeat 0 0;}
#categories h3 {background: transparent url(../graphics/h3_categories.png) no-repeat 0 0;}
#alsoByThisPoet h3 {background: transparent url(../graphics/h2_also_by_this_poet.png) no-repeat 0 0;}
#otherArticles h3 {background: transparent url(../graphics/h3_other_articles.png) no-repeat 0 0;}
	
#col1 h3 {
	color: #568799;
	font-size: 1.66em;
	line-height: 1.2em;
	padding: 0 20px 12px 20px;
	}

#poets1 h3 {padding-bottom:0;}
#poets2 h3 {font-size: 1.33em;padding-bottom:0;}
#poets3 h3 {font-size: 1.1em;padding-bottom:0;}
	
#col1 h3 a {color: #FF3399;}
#col1 h3 a:hover {color: #431C28;}
	
#col1 h4,
#col1 h5 {
	color: #431C28;
	font-size: 1.1667em; /* 14px */
	line-height: 1.2857em; /* 18px */ 
	padding: 8px 24px 6px 20px;
	font-weight: bold;
	} 

p {	font-size: 1em;
	line-height: 1.5em;
	}

#col1 p,
address,
#col1 ul {
	font-size: 1.1em;
	line-height: 1.2857em; /* 18px */
	font-family: georgia, times, serif;
	padding: 0 20px 1.5em 20px;
	color:#431C28;
	} 
	#col1 blockquote p {
		font-style: italic;
		padding: 0 20px 1.5em 45px;
		}
#col1 p.moreLink,
#col1 p.poemCredit {
	font-size: 1em;
	line-height: 1em;
	color: #7F5864;
	}
#col1 p.poemCredit {font-style: italic;}
#poems.index #col1 p.poemCredit {float:left;}
#col1 p.moreLink a,
#col1 p.poemCredit a {
	font-style: normal; 
	font-family: helvetica, arial, sans-serif;
	background-color: transparent;
	}
#col2 p {padding: 0 15px 1em 10px;color:#431C28;}
#poets.index #col1 p {font-size: .9em;padding-bottom: .33em;}/*poet's listing page*/
#col1 .item ol li p {font-family: helvetica, arial, sans-serif;}
#col1 .item ol li p.original {font-family: palatino, georgia, times, serif;}
#col1 p.poemLiteralTranslator {padding: 1.5em 20px 0 20px;}
#col1 p.author {font-size: 1.1667em;}

	
#col1 p a, #col1 ul a {color:#FF3399;padding: 0 1px;}
#col1 p a:hover, #col1 ul a:hover {color: #431C28;}

.figure {
	float: right;
	margin: 5px 20px 15px 10px;
	}

.image {float: right;}

#col1 p.caption {
	padding: 0 20px 10px 20px;
	color:#666;
	font: .8em helvetica, arial, sans-serif;
	}

.publicationImage {
	margin: 0 20px 10px 10px;
	float:right;
	}
#col1 .publicationImage p.caption {padding:0;}

.addthis_toolbox {
	padding: 0 0 1.5em 1.5em; 
	clear: both;
} 
	#news .addthis_toolbox {
		clear: none;
		padding-bottom: 0px;
	}


/*********************************  listings   **************************/

#poets1 ol, #poets2 ol, #poets3 ol {
	background: transparent url(/graphics/underline.gif) repeat-x 0 bottom;
	float:left;
	width: 506px;
	}

ol li {
	border-bottom: 1px solid #E8EAE7;
	float: left;
	width: 506px;
	padding-top:12px;
	}
#poets1 ol li:last-child {border-bottom: none;}
#poets2 ol li,
#poets3 ol li {width: 253px;}
	
ol li img, 
.thumbnail,	
.item ul li img {
	float: right;
	margin: 0 20px 10px 20px;
	}
.item ol li p.original img,
.item ul.logoList li img {
	float: left;
	margin: 0;
	}
.item ol li p.original.rtl img {float: right;}
#col1 ul.logoList a {
	float: left;
	background:#FFF;
	}
	
	

#col1 p.date,
#col1 span.date {
	float:right;
	color:#431C28;
	}
#col1 span.date {
	padding: 0 20px 5px 10px;
	font-size: 1em;
	line-height: 1em;
	}
#live #col1 p.date {float: none;}
#live #col1 span.date {float: none; padding-left:0;}
#workshops #col1 p.date {
	padding: 0 10px 10px 20px;
	float: none;
	font-size:1.1em;
	font-weight:bold;
	}
#col2 p.date {
	font-weight:bold;
	}
#col2 p.date.newsdate {
	font-weight:normal;
	color:#CEE6EC;
	}
	
/*follow comment list styles*/
#col1 .commentlist span.date {padding: 8px 20px 6px 20px;color: #666;}

#col1 .commentlist p {font-family: helvetica, arial, sans-serif;}
	
span.newIcon {
	float: right;
	margin: 0 10px 0 10px;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF url(/graphics/newIcon.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#col1 p.hideToggle {
	float: right;
	padding: 2em 10px 0 10px;
	}
	

 /*******************************   media   ******************************/ 

#col1 p.media {
	float:right;
	padding: 0 5px 2px 5px;
	width: 496px;
	}

#col1 p.media span a {
	display: block;
	float: right;
	height: 26px;
	width: 34px; 
	background: url(/graphics/media_icons_lg_whitebg.gif) no-repeat;   
	padding: 0px;
	}
#col1 p.media span a {background-position: 0px;}
#col1 p.media span.audioIcon a {background-position: -34px 0px;}
#col1 p.media span.bookIcon a {background-position: -68px 0px;}
#col1 p.media span.podcastIcon a {background-position: -107px 0px;}
	
#poems.index #col1 p.media {width: 266px;padding-right:5px;}
#poems.index #col1 p.original {font-size: 1.66em;}  

#media #col1 ol li {padding-top: 10px;}
#media #col1 ol li p.date {padding-top: 0;}

#mediabox {width:506px; text-align:center;}
#mediabox .caption {text-align:right;}
	
#col1 .item#photoList ul {
	width: 465px;
	padding: 0 20px 1.5em;
	float: left;
	}
#col1 .item#photoList ul li {float: left;}
.item#photoList ul li img {margin: 0 0 2px 0;}

#media ol li img {
	float: left;
	margin: 0 10px 10px 10px;
	}

span.photoBack {float: left; position: relative;}
span.photoNext {float: right; position: relative;}  

#col1 p.photoNav a {
	position: absolute;	
	padding: 0px;
	display: block;
	width: 90px;
	height: 90px;
	}

#col1 p.photoNav span.photoBack a {background: transparent url(/graphics/photoNav_prev.png) no-repeat 0 0;} 
#col1 p.photoNav span.photoNext a {background: transparent url(/graphics/photoNav_next.png) no-repeat 0 0;} 
#col1 p.photoNav span.photoBack a:hover,
#col1 p.photoNav span.photoNext a:hover {background:none;} 
	
	
/*********************************  forms   **************************/

form {
	float:left;
	padding-top:20px;
	}
	
form ul li {
	padding: 4px 0 6px 0;
	float: left;
	width:486px;
	}

form label {
	float: left;
	display: block;
	width: 150px;
	font-size: 1.1em;
	line-height: 1.2857em; /* 18px */
	font-family: georgia, times, serif;
	color:#431C28;
	}
	
form label span {
	font-size: .8em;
	color: #666;
	}
	
input,
textarea {
	padding: 2px;
	background-color: #E7F4F9;
	width: 280px;
	border-top: 1px solid #ACB2B4;
	border-left: 1px solid #ACB2B4;
	border-right: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;
	}
	
li.checkbox input {width: auto;}

input.submit {
	float: right;
	width: auto;
	border: 0;
	color: #FF3399;
	padding-right: 15px;
	margin-right: 20px;
	background: #FFF url(/graphics/submit_arrow.gif) no-repeat right 8px;
	font-size: 1.5em;
	font-style: italic;
	font-family: "palatino", georgia, times, serif;
	}
input.submit:hover {
	color: #8C0046;
	background: #FFF url(/graphics/submit_arrow.gif) no-repeat right -182px;
	}
	
.item ul li#captcha img {padding-right: 50px;}
	
#querySuggestList {
	margin-left: 150px;
	background: #DDEEEF;
	}
#querySuggestList table {
	width: 276px;
	padding:2px;
	}
#querySuggestList td {width:50%;}

#col1 p.error {color:red;font-family:helvetica,arial,sans-serif;}
#col1 ul li p.error {padding: 20px 0;}

  /*/
 / /	mailchimp
/*/
#mc_embed_signup form {
	display:block;
	position:relative;
	text-align:left;
	padding:10px 0 10px 3%;
	float:none;
	}
#mc_embed_signup input {
	-webkit-appearance:none;
	}
#mc_embed_signup input[type=checkbox]{
	-webkit-appearance:checkbox;
	}
#mc_embed_signup input[type=radio]{
	-webkit-appearance:radio;
	}
#mc_embed_signup input:focus {
	border-color: #431C28;
	}
#mc_embed_signup .button {
	clear:both;
	background-color: #568799;
	border: 0 none;
	border-radius:4px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0 40px 10px 0;
	padding: 0 22px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
	float: right;
	}
#mc_embed_signup .button:hover {
	background-color: #5AB7D9;
	}
#mc_embed_signup .small-meta {
	font-size: 11px;
	}
#mc_embed_signup .nowrap {
	white-space:nowrap;
	}

#mc_embed_signup .mc-field-group {
	clear:left;
	position:relative;
	padding-bottom:3%;
	}
#mc_embed_signup .size1of2 {
	clear:none;
	float:left;
	display:inline-block;
	width:46%;
	margin-right:4%;
	}
* html #mc_embed_signup .size1of2 {
	margin-right:2%;
	/* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {
	display:block;
	padding: 4px 6px 9px 0;
    text-align: right;
	}
#mc_embed_signup .mc-field-group input {
	display:block;
	padding: 5px 0;
	text-indent:2%;
	}
#mc_embed_signup .mc-field-group select {
	display:inline-block;
	width:99%;
	padding:5px 0;
	margin-bottom:2px;
	}

#mc_embed_signup .datefield, 
#mc_embed_signup .phonefield-us{
	padding:5px 0;
	}
#mc_embed_signup .datefield input, 
#mc_embed_signup .phonefield-us input{
	display:inline;
	width:60px;
	margin:0 2px;
	letter-spacing:1px;
	text-align:center;
	padding:5px 0 2px 0;
	}
#mc_embed_signup .phonefield-us .phonearea input, 
#mc_embed_signup .phonefield-us .phonedetail1 input{
	width:40px;
	}
#mc_embed_signup .datefield .monthfield input, 
#mc_embed_signup .datefield .dayfield input{
	width:30px;
	}
#mc_embed_signup .datefield label, 
#mc_embed_signup .phonefield-us label{
	display:none;
	}

#mc_embed_signup .indicates-required {
	text-align:right;
	font-size:11px;
	margin-right:4%;
	}
#mc_embed_signup .asterisk {
	color:#c60;
	line-height: 0;
	font-size:200%;
	}
#mc_embed_signup .mc-field-group .asterisk {
	top:25px;
	right:10px;
	}        
#mc_embed_signup .clear {
	clear:both;
	}

#mc_embed_signup .mc-field-group.input-group ul {margin:0;
	 padding:5px 0;
	 list-style:none;
	}
#mc_embed_signup .mc-field-group.input-group ul li {
	display:block;
	 padding:3px 0;
	 margin:0;
	}
#mc_embed_signup .mc-field-group.input-group label {
	display:inline;
	}
#mc_embed_signup .mc-field-group.input-group input {
	display:inline;
	width:auto;
	border:none;
	}

#mc_embed_signup div#mce-responses {
	float:left;
	top:-1.4em;
	padding:0em .5em 0em .5em;
	overflow:hidden;
	width:90%;
	margin: 0 5%;
	clear: both;
	}
#mc_embed_signup div.response {
	margin:1em 0;
	padding:1em .5em .5em 0;
	font-weight:bold;
	float:left;
	top:-1.5em;
	z-index:1;
	width:80%;
	color: #431C28;
	}
#mc_embed_signup div.response a {
	color: #FF3399;
	}
#mc_embed_signup div.response a:hover {
	text-decoration: underline;
	}
#mc_embed_signup #mce-error-response {
	display:none;
	}
#mc_embed_signup #mce-success-response {
	color:#529214;
	display:none;
	}
#mc_embed_signup label.error {display:block;
	float:none;
	width:auto;
	margin-left:1.05em;
	text-align:left;
	padding:.5em 0;
	}

#mc-embedded-subscribe {clear:both;
	width:auto;
	display:block;
	margin:1em 0 1em 5%;
	}
#mc_embed_signup #num-subscribers {
	font-size:1.1em;
	}
#mc_embed_signup #num-subscribers span {
	padding:.5em;
	border:1px solid #ccc;
	margin-right:.5em;
	font-weight:bold;
	}
#mc_embed_signup {
	background:#fff;
	clear:left;
	}




/*******************************   right col   ******************************/


.bottomMargin {margin-bottom: 16px;} 
.topbox {margin-top: 56px;}    /* for when there is nothing in the introBlock (related media) so the h2 is pushed below version nav */

#introBlock div {
	width: 396px;
	background: #568799;
	padding: 12px 0 4px 0;
	}
#introBlock div p {color: #FFF;}
#introBlock div p a {color: #FFF;background: #396576;padding: 0 2px;}
#introBlock div p a:hover {color: #1F4A5A;background: #FFF;} 

#participants ul,
#related ul {
	padding: 8px 0 12px 0;
  	background-color: #568799;
	width: 270px;
	}
#participants ul.poets {margin-bottom: 1px;}
	
#participants ul a,
#related ul a {
	display: block;
	width: 240px;
	padding: 1px 15px 3px 15px;
	color: #FFF;
	}
#participants ul a:hover,
#related ul a:hover {
	background: #DAE5EB;
	color: #FF3399;
	}
#related ul li.media a {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #AAC2C3;
	}	
#related ul li.article a, #introBlock div p.article a {padding-left: 30px;width:225px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px -127px;}
#related ul li.event a, #introBlock div p.event a {padding-left: 30px;width:225px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px -104px;}
#related ul li.download a, 
#introBlock div p.book a {padding-left: 30px;width:225px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px -82px;}
#introBlock div p.podcast a {padding-left: 30px;width:285px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px -146px; display: block;}
#related ul li.audio a, #introBlock div p.audio a {padding-left: 30px;width:225px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px -27px;}
#related ul li.photos a, #introBlock div p.photos a {padding-left: 30px;width:225px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px 0;}
#related ul li.video a, #introBlock div p.video a {padding-left: 30px;width:225px;background: transparent url(/graphics/media_icons_related.gif) no-repeat 5px -54px;}

p.copyright {
	float: left;
	width: 466px;
	margin: 6px 0 0 62px;
	font-size: .9em;
	color: #666;
	}

#recentlyadded {float:left;}
	
.upcoming {
	background: #FFF;
	margin-bottom: 12px;
	}

.sidebox h4 {
	padding: 8px 0 2px 15px;
	background-color: #568799;
	color: #A6C1CF;
	width: 255px;
	font-size: 1.33em;
	font-weight: bold;
	margin-top: 1px;
	}

.sidebox ul,
#poems .sidebox p {
	padding: 8px 0 12px 0;
	background-color: #7FA8B2;
	width: 270px;
	} 
	.sidebox.medium ul {width: 320px;}

	.sidebox.small ul {
		background-color: #7fa8b2;
		width: 220px;
        } 

#participants ul.poets {margin-bottom: 1px;}
                  
.sidebox ul a {
	display: block;
	width: 255px;
	padding: 1px 0 2px 15px;
	color: #FFF;
	}
	.sidebox.small ul a {width: 205px;}
	.sidebox.medium ul a { width: 305px; }
	.sidebox ul a:hover {
		background: #DAE5EB;
		color: #FF3399;
		}
		
#otherArticles,
div#links {margin-top:20px;}
div#links.sidebox ul a {padding-bottom:12px;}

#sponsored div {
	background: #FFF;
	width: 280px;
	padding: 10px;
	}


/*******************************   homepage   ******************************/

#home #col1 div.poemExtract p {padding: 0 20px 0 20px; }/*to remove bottom padding below ellipsis*/

#home .item {
	margin-bottom: 10px;
	padding: 24px 0 2px;
	}
 
#home #col1 p.media {border-top: 1px solid #e8eae7;}

#booksBadge {
	width: 353px;
	height: 83px;
	background: #FFF url(/graphics/book_badge_pic.jpg) no-repeat right 0;
	margin-bottom: 20px;
	}
#booksBadge a {
	display: block;
	width: 341px;
	height: 68px;
	color: #568799;
	padding: 15px 0 0 12px;
	background: transparent url(/graphics/book_badge_text.gif) no-repeat 54px 53px;
	}
#booksBadge a span {padding-left: 30px;}

#homenews ul li {
	padding: 8px 10px 12px 0;
	margin-bottom: 1px;
	background-color: #7fa8b2;
	width: 310px;
	float: left;
	} 
#homenews ul li.item2 {margin-bottom: 0;} 

#col2 #homenews h3 {
	text-indent: 0;
	margin: 5px 0 0 10px;
	width: auto;
	height: auto;
	}
#col2 #homenews h3 a {
	font-size: 1.33em;
	color: #FFF;
	}
#col2 #homenews h3 a:hover {
	color: #1F4A5A;
	background: #FFF;
	}

#homenews img {
	margin: 0px 10px 10px 10px;
	float: left;
	}
 
#homenews p.date {color: #FFF;}         
#homenews p.date:before {
	content: 'on ';
	}
#col2 p.date.newsdate:before {
	content: none;
	}


/*******************************   search   ******************************/

#col1 p#did_you_mean,
#col1 p#result_report,
#col1 p#common_report {padding: 0 20px;}
#col1 div#searchMessage {margin-bottom: 20px;}


/*******************************   footer   ******************************/

.testa #footer {float:left;}

#footer.emptyRightCol {margin-top: 34px;}

#footer .nav li a {width: 120px;}

#footer img {margin: 12px 0 0 15px;}



#icons {
	margin-top: 10px;
	background: #B6C5C6;
	width: 371px;
	padding-bottom: 15px;
	float: left;
	}
#icons ul {
	float: left;
	margin: 10px 0 0 10px;
	width: 168px;
	}
#footer #icons ul {background: transparent;}

#icons ul li {float: left;}
	
#icons ul a {
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	float: left;
	background: #B6C5C6 url(/graphics/social_sprite_PTC.png) no-repeat;
	}
	
#icons ul a#youtubeButton {background: #B6C5C6 url(/graphics/social_sprite_PTC.png) no-repeat -160px -32px;}
#icons ul a#youtubeButton:hover {background-position: -160px 0;}

#icons ul a#facebookButton {background: #B6C5C6 url(/graphics/social_sprite_PTC.png) no-repeat 0 -32px;}
#icons ul a#facebookButton:hover {background-position: 0 0;}

#icons ul a#twitterButton {background: #B6C5C6 url(/graphics/social_sprite_PTC.png) no-repeat -96px -32px;}
#icons ul a#twitterButton:hover {background-position: -96px 0;}

#icons ul a#itunesButton {background: #B6C5C6 url(/graphics/social_sprite_PTC.png) no-repeat -128px -32px;}
#icons ul a#itunesButton:hover {background-position: -128px 0;}

a#donateButton {
	display: block;
	width: 183px;
	height: 32px;
	margin-top: 10px;
	float: left;
	background: #B6C5C6 url(/graphics/donate_button.png) no-repeat 0 -32px;
	}
a#donateButton:hover {background-position: 0 0;}