/*  
Theme Name: TwentyTen AscensionNYC Theme
Theme URI: http://ascensionnyc.org/
Description: The AscensionNYC theme is a child theme of the WordPress Twenty Ten theme. Requires WordPress 3.0 or higher.
Tags: light, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post, translation-ready
Author: Derek Baker
Author URI: http://derekbaker.com/
Template: twentyten
Version: 3.0

*/


@import url("../twentyten/style.css");

@import url('https://fonts.googleapis.com/css?family=Quintessential');

body, h1, h2, h3, h4, h6, ul#sidebar, ul#sidebar-homepagesidebar, ul.widgets, li, ul#sidebar li ul, ul#sidebar-homepagesidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,
form, img
	{
	margin:0;
	padding:0;
	border: 0;
	}


/* ==============
	TYPE & COLOR
   -------------- */

/* Default font */
body, textarea#comment, input#author, input#email, input#url
	{
font-family: Calibri, Helvetica, Arial, Verdana, sans-serif; line-height: 1.5; }

/* Sans-serifs */
ul#sidebar, ul#sidebar-homepagesidebar, div#footer, a.more-link, div.authormeta, div.postmeta, div.commentmeta, 
div.comment-author, div.comment-meta, p.commentloggedin, div.reply, div.cancel-comment-reply, h6.listhead, 
div.post ul, div.page ul, div.post ol, div.page ol, div.nav
	{
	font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Trebuchet, Tahoma, Verdana, "Nimbus Sans L", sans-serif;
	color: #777;
	}


div#header h3, h4
{
	font-family: SabonSC, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif;
	color: #777;
	}

/* Default font size */
div#content, textarea#comment, input#author, input#email, input#url
	{ font-size: 16px; }


/* Medium-small font */
a.more-link, div.comment-body p
	{ font-size: 14px; }

/* Small font */
div#content small, div#copy, div.postmeta, ul#sidebar, ul#sidebar-homepagesidebar, div#footer, p.commentloggedin, div.reply, div.feed, span.small
	{ font-size: 12px; }

/* Headers */
div#content h1, div#content h2, div#content h3, div#content h4, div#content h6
	{
	color: #333;
	margin-bottom: 7px;
	}


div#content h1
	{
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 8px;
	border: 1px solid #e8e8e8;
	border-width: 0 0 1px 0;
	}
	div#content h6.listhead { background: #e4e4e4; margin: 0 10px 20px 0px; padding: 10px 10px 8px 10px !important; font-size: 16px; letter-spacing: 0; text-transform: uppercase; color: #777; }
		div#content h6.listhead strong { color: #333; }

div#content h1, div#content h2	{
	font-size: 28px;
	line-height: 1.25;
	}
	body.single div#content h2, body.page div#content h2 { margin-top: 36px; }
	body.home div#content h2, body.archive div#content h2, body.search div#content h2, body.error404 div#content h2 { font-family: Sabon, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif; font-weight:normal; }

div#content h3
	{
	font-size: 18px;
	line-height: 18px;
	font-family: SabonSC, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif;
	font-weight: normal; 
	}
div#content h4
	{
	font-size: 15px;
	font-family: SabonSC, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif;
	font-weight: normal; 
	}
	div#footer h2 { margin-bottom: 7px; }
div#content h6, ul#sidebar h2, ul#sidebar-homepagesidebar h2, div#footer h2, div.nav
	{
	font-size: 12px;
	}

ul#sidebar h2, ul#sidebar-homepagesidebar h2 { margin-bottom: 7px; padding-bottom: 3px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }

/* common type */
div#content p
	{
	margin: 0 0 1.5em 0;
	line-height: 1.5;
	font-size: 16px;
	}
	div.comment-body p { margin-bottom: 10px !important; }

div#content p.wp-caption-text {
	font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
	}

/* =======
	LINKS
   ------- */

/* default */
a:link, a:active, a:visited, span.pgee-read-more a
	{
	color: #53290B;
	text-decoration: none;
	border-bottom: 2px #53290B dotted;
	background-color: none;
	}

a.more
	{
	border-bottom: none;
	}


div.postmeta span.comments a { font-size:12px; font-weight:bold; padding: 2px 2px 1px 8px !important; text-transform: uppercase; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }

h1 a:link, h1 a:active, h1 a:visited, h2 a:link, h2 a:active, h2 a:visited
	{
	color: #53290B;
	padding: 10px 0 0 0;
	}

a:hover { padding-bottom: 0px; background: none; border-bottom: #53290B medium dotted; }

.cs-hero-button:hover { padding-bottom: 0.75em; }

a:hover.more, #site-info a:hover  { color: #fff; background: #53290B; border: 0px; text-decoration: none;  }

div.twtr-doc a:hover { color: #53290B; background: none; text-decoration: underline; }

div.wp-caption a, div.wp-caption a:hover, div.wp-caption a:active, div.wp-caption a:link, div.wp-caption a:visited
{background:none; }

#access a:hover {border-bottom: none; }


/* dark grey links */
ol.commentlist a:link, ol.commentlist a:active, ol.commentlist a:visited,
	{
	color: #111;
	text-decoration:underline;
	}
	ol.commentlist a:hover, { color: #fff; background: #53290B; border: 0px; text-decoration: none; }

/* meta */
div.postmeta a:link, div.postmeta a:active, div.postmeta a:visited, a.more-link
	{ color: #444; padding: 1px; font-style:normal; font-weight:bold; }
	div.postmeta a:hover, div.postmeta span.comments a:hover { color: #fff; background: #53290B; border: 0px; text-decoration: none; }


/* ========
	LAYOUT
   -------- */

.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

div.widecolumn { width: 620px; }

div.column, ul.column, ul#sidebar, ul#sidebar-homepagesidebar
	{ width: 320px; 
	  }

div#columnA, div#columnB, div#columnC
	{ width:200px;
	}
	
div#columnA, div#columnB
	{ margin-right: 10px;
	}

div.column-title
	{ width:200px; height:114px; vertical-align:bottom;
	}

div#content div.column-title h3
	{ vertical-align:bottom; padding:85px 0px 5px 5px; color:white;
	}

div#columnA div.column-title
	{ background-image:url(./images/home-images/columnA.png); margin-bottom:5px;
	}
	
div#columnB div.column-title
	{ background-image:url(./images/home-images/columnB.png); margin-bottom:5px;
	}
		
div#columnC div.column-title
	{ background-image:url(./images/home-images/columnC.png); margin-bottom:5px;
	}

div.tricolumn
	{ border: solid #963; 
	border-width: 5px 0 0 0;
	border-color: #963; }

/*

div.tricolumn, ul.tricolumn
	{ width: 187px; padding-right: 10px; margin-right: 5px; }
*/

div.tricolumn h6 a {
	border-bottom: 2px #53290B dotted; background: #fff; }
	
div.tricolumn h6 a:hover, div.tricolumn h6 a:active  {
	border-bottom: 1px #fff dotted; background: #53290B; color: #fff; }
	
	

div.tricolumn h6 {
	margin-top: 20px;
	}

div#content div.tricolumn p, div#content div.tricolumn em, div#content div.tricolumn span {
	font-size: 12px;
	line-height: 1.5;
	}

div#content div.tricolumn h6  {
	margin-bottom: 0px;
	}

div#site { width: 100%; float:left; }

div#wrap
	{
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	}
	div#toplist { position:relative; width: 960px; }
		div#toplist div.feed { float:right; padding: 5px 0; }
			div#toplist div.feed a { padding: 5px; background: #444; color: #fff; }
				div#toplist div.feed a:hover { color: #fff; background: red; border: 0px; text-decoration: overline; }

div#header
	{
	width: 100%;
	float:right;
	margin: 10px 0 0 0;
	padding-bottom: 0px;
	border: none;
	text-align: right;
	}
	div#header div.desktop h1 { 
		letter-spacing:-1px; font-size: 30px; font-weight:normal; line-height:18px; clear:none; margin-right:8px;
		}
		div#header div.desktop h1 span { 
		font-family: SabonSC; font-style: italic; color: #bbb; font-size: 20px; line-height:12px; text-align: right; 
		}

div#submenu-nav
	{
	width: 100%;
	background-color: saddlebrown;
	}

div#blog {
	width: 100%;
	float:left;
	}

div#content { float:left; margin-top: 0px; }
	div.post, div.page, div.attachment { padding: 10px 20px 0 20px; margin-bottom: 20px; overflow:hidden; }
		div.postmeta { width:100%; height:1%; float:left; margin-bottom: 10px; }
		body.single div#content div.postmeta, body.page div#content div.postmeta { margin-bottom: 10px; }
			div.postmeta span.author {}
				body.blog div.postmeta span.author { display:none; }
			div.postmeta span.categories {}
			div.postmeta span.tags {}
			div.postmeta span.timestamp {}
			div.postmeta span.comments { float:right; margin-left: 10px; }
				div.postmeta span.comments span {}
		p.attachmentnav { padding-top: 5px; color: #777; font-style:italic; }
			p.attachmentnav a { font-style: normal; }
		div.post div.entry, div.page div.entry { width:100%; float:left; }

	div.category-featured { margin-top: 0px; }			

div#featured { margin-top: 10px; }

 /* div#sticky { padding: 0px 20px 0px 15px; margin: 0px; background: #F8CB00; 
					background-image: -webkit-gradient(
					linear,
					left 50%,
					right 50%,
					color-stop(0.41, #F8CB00),
					color-stop(0.71, #FFFFFF)
				);
				background-image: -moz-linear-gradient(
					left center,
					#F8CB00 41%,
					#FFFFFF 71%
				);
				}
*/


	h2#comments { margin: 0 20px 20px 20px; padding-bottom: 10px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }
	ol.commentlist {}
		ol.commentlist li { margin: 0 20px 10px 20px; padding: 0; list-style:none; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }
			ol.commentlist li div.comment-author, ol.commentlist li div.comment-meta { font-size: 12px; }
				ol.commentlist li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }
				div.comment-author cite.fn { font-family: SabonSC, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif; font-size: 15px; font-style: normal; font-weight:bold; }
					div.comment-author cite.fn a { text-decoration: none; }
				div.comment-meta { margin-bottom: 10px; }
		ol.commentlist li.even {}
		ol.commentlist li.odd {}
		ol.commentlist li.bypostauthor {}
		ol.commentlist li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; }
			ol.commentlist li.pingback a { font-size: 12px; font-weight:normal; }
			ol.commentlist li.pingback p, ol.commentlist li.pingback span, ol.commentlist li.pingback div.comment-meta, ol.commentlist li.pingback div.reply { display:none; }
		div.reply { float:right; display:block; margin: -15px 0 0 0; }
			a.comment-reply-link { display:block; float:left; margin-left: 10px; }
		ul.children { margin: 20px 0 20px 20px; }
			ul.children li { margin: 10px 0; padding-left: 10px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }
	div#respond { margin: 20px; }
		div#respond h3 {}
		table.commenttable { border:0; padding: 0; }
		table.commenttable tr td { font-size: 12px; text-transform: uppercase;  }
		form#commentform {}
			input#author, input#email, input#url { margin-bottom: 5px; padding: 2px; width: 250px; font-style: italic; }
		
			textarea#comment { width: 556px; height: 150px; padding: 10px; font-style: italic; }
			input#submit { float:right; margin-bottom: 20px; }
	div.nav { float:left; display:block; }
		div.commentnav div.left, div.commentnav div.right { padding: 0 20px 20px 20px; }
	div.entry ul li ul.children { margin: 10px 20px; }
		div.entry ul li ul.children li { margin: 0 0 5px 0; padding-left: 0; border: 0; }

div.entry p a {
	border-bottom-style: dotted; }

div.entry {
	padding-bottom: 15px;
	border-bottom: 3px solid saddlebrown;
	}


ul#sidebar, ul#sidebar-homepagesidebar
	{
	float:right;
	margin: 0 0 0 20px;
/*	background-color: #A34719; */
	padding-top: 0px;	
	}

h3.widget-title
	{ background: #C89175;
	 background: -moz-linear-gradient(top, #C89175, #6C4E3F);
	 background: -webkit-gradient(linear, left top, left bottom, from(#C89175), to(#6C4E3F));
	 padding: 10px 20px;
	 margin: 0 0 10px 0;
	 position: relative;
	 width: 100%;

	-moz-box-shadow: 1px 1px 3px #663821;
	-webkit-box-shadow: 1px 1px 3px #663821;

	color: white;
	text-shadow: 0 1px 0 gray;
	}
/* .arrow
	{
	 width: 0; height: 0;
	 line-height: 0;
	 border-left: 20px solid transparent;
	 border-top: 10px solid #B48269;
	 top: 104%;
	 left: 0;
	 position: absolute;
		}
*/


ul#sidebar ul.children, ul#sidebar-homepagesidebar ul.children { margin: 5px 0 0 0; }
		ul#sidebar ul.children li, ul#sidebar-homepagesidebar ul.children li { border: 0; }
	ul#sidebar li { list-style: none; margin: 0 20px 20px 0; }
	ul#sidebar-homepagesidebar li { margin: 0 20px 20px 0; }
		ul#sidebar li ul, ul#sidebar-homepagesidebar li ul { margin-left: 5px; }
			ul#sidebar li ul li, ul#sidebar-homepagesidebar li ul li { margin-bottom: 5px; }
				ul#sidebar li ul li ul, ul#sidebar li ul li ul { margin: 5px 0 0 10px; }
	li#tag_cloud {}
		li#tag_cloud a { padding: 0 2px; }
	li#search {}
	ul#sidebar li.categories {}

	ul#sidebar.column li.widget_servicemusic ul li, ul#sidebar-homepagesidebar.column li#servicemusic ul li, ul#twitter_update_list
	{ list-style: square; margin-bottom: 8px;}

	li.widget-container p, ul#twitter_update_list li
	{ line-height: 1.25em; margin-bottom: 8px; }

	li.widget-container p.byline
	{ margin-bottom: 0px; }

	li.widget-container div.post div.entry-summary
	{ padding-top: 0.25em; }



div#footer
	{
	width: 100%;
	float:left;
	clear:both !important;
	margin: 20px 0 0 0;
	padding: 15px 0 1px 0;
	border: 1px solid #bbb;
	border-width: 1px 0 5px 0;
	border-bottom-color: #444;
	}
/* ul.footercol { width: 240px; float:left; } */
		ul.footercol li { list-style:none; margin-bottom: 15px; padding: 0 10px; }
			ul.footercol li ul { margin-left:1px; padding-left:0; }
				ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }
					ul.footercol li ul li ul { margin-left: 10px; }

	ul.fc-left { width: 187px; padding-right: 10px; margin-right: 5px; float:left; }
	
	ul.fc-right { padding-right: 20px;
					padding-top: 10px;
					 margin-left: -20px;
					 margin-top: -10px;
					 border: none;
					 position: relative;
					 width: 320px;
					float:right; }



div#copy
	{
	width:100%;
	float:left;
	clear:both;
	margin: 0;
	padding: 10px 0;
	background: #f8f8f8;
	border: 1px solid #bbb;
	border-width: 0 0 1px 0;
	}
	div#copy p { margin:0; padding:0 0 0 10px; }
	div#copy p.right { padding: 0 10px 0 0; }
	div.copycolumnwide { float:left; width:620px; }
	div.copycolumn { float:right; width:320px; }

div#finalword
	{
	width:100%;
	float:left;
	clear:both;
	margin: 0;
	padding: 20px 0;
	color: #777;
	text-align:center;
	font-size: 12px;
	font-style: italic;
	}
	div#finalword a:link, div#finalword a:active, div#finalword a:visited { color: #444; }
	div#finalword span { font-style:normal; }


/* ===================
	ELEMENTS & DESIGN
   ------------------- */

p.right { text-align:right; }
p.center { text-align:center; }
p.admin { color: #aaa; font-size: 12px; }
p.nocomments { padding: 0 20px; font-style: italic; color: #777; }

div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } /* for movies */

div#content p span.yellow { background: #ffc; }

div.post ul li, div.page ul li, div.post ol li, div.page ol li { margin-bottom: 5px; color: #333; }

blockquote { margin: 0 0 14px 20px; padding: 0 15px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; color: #777; font-style: italic; }
	blockquote.pullquote { width: 220px; padding: 5px 0; border: 0; font-size: 18px; }
		blockquote.pullquote p { margin-bottom: 0; }
ol.commentlist li blockquote { border: 0; padding:0; }

/* Images and aligns */
.alignleft, blockquote.alignleft { float:left; margin: 0 15px 15px 0; }
.alignright, blockquote.alignright { float:right; margin: 0 0 15px 15px; }
.frame { padding: 5px; border: 1px solid #e8e8e8; }
.wp-caption { padding: 10px 7px; border: 1px solid #e8e8e8; font-size: 12px; color: #777; font-style: italic; text-align:center; max-width:632px;	margin-bottom: 20px;
 }
p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 1.5 !important; }



div.gallery { margin-bottom: 14px; }
	dl.gallery-item {}
		dt.gallery-icon {}
			img.attachment-thumbnail { border:0; }
		dd.gallery-caption { margin-top: 8px; font-size: 12px; color: #777; font-style: italic; }

/* Quick color fixes */
div.postmeta { color: #777; }
span.alert { color: red; background:none; }
div#content strong { color: #333; }

/* TwentyTen Style Overrides  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	}

ul {
    list-style: square;
    margin: 0 0 18px 1.5em;
	}

body.page div.twitter-share {
	display:none;
	}

div.twitter-share ~ div.twitter-share {
	display:none;
	}

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
    margin: 0 auto;
    width: 960px;
	}

#header {
	padding: 0px;
	}
	
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {
    font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Trebuchet,Tahoma, Verdana, "Nimbus Sans L", sans-serif;
	}
	
h3.widget-title {
	font-family: Sabon, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif; font-weight: 600;
	}
	
#site-title {
	width: 960px;
	font-family: SabonSC, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif;
	margin: 0px;
	float: right;
	}
	
#visualheader {
	float: right; margin: 0 0 8px 0; padding:0px;
	}
	
#branding img {
    border-bottom: 0px;
    border-top: 0px;
    display: block;	
	}
	
div#visualheader img.alignright {
	margin: 0 0 0 8px;
	}
	
div#visualheader div.alignleft {
	margin: 0 0 8px 0;
	}

.home .sticky, div#announcement {
	border: none;
	}

.home div#stuck, .home .sticky, div#announcement  {
			margin: 0px;
			background: #c1d2d9 url(./images/home-images/sticky-background.jpg) repeat fixed top left }

/* background-image: -webkit-gradient(
					linear,
					left 50%,
					right 50%,
					color-stop(0.41, #c1d2d9),
					color-stop(0.71, #FFFFFF)
				);
				background-image: -moz-linear-gradient(
					left center,
					#c1d2d9 41%,
					#FFFFFF 71%
				);}
*/

.home div#stuck, div#announcement {
			margin: 0px;
			background: #c1d2d9 url(./images/home-images/sticky-background.jpg) repeat fixed top right;
			border-top: 4px solid saddlebrown;

	}
	
div#announcement {
			margin-bottom: 20px; padding: 5px 20px;
	}

div#sticky-excerpt, div#featured-excerpt {
text-align: justify;
	text-justify: inter-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}				

.home-img {
	margin: 5px 8px 5px 0;
	}


#container {
    width: 620px;
	float: left;
    margin: 0;
	}
	
#content {
	margin: 0;
	width: 100%;
	}
	
#access {background: saddlebrown; width: 960px;
	}



tbody {
	background: white;
	border: 1px silver;
	}
	
.paged #nav-above, .single #nav-above {
    display: none;
	}
	
#content .entry-title {
	color: #53290B;
	font-family: Sabon, Georgia, Garamond, "Adobe Garamond", "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	font-size:28px;
	}
	
	
div#overDIV table {
	border: 1px solid saddlebrown;
	background-color: #efefef;
	}
	
#primary, #secondary {
    float: right;
    overflow: hidden;
    width: 320px;
	}

div#overDiv {
	border: 3px saddlebrown;
	}
	
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
    margin-bottom: 1.5em;
	}
	
#content, #content input, #content textarea {
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
	}

#calendar {
	margin-bottom: 18px;
	}

a.navTableText {
	border-bottom: none;
	}

div#footer h3.widget-title {
	
	background: none;
	 padding: 0;
	 margin: 0 0 5px 0;
	 position: relative;
	 width: 100%;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;

	color: #666666;
	text-shadow: 0 1px 0 #efefef;
	}
	
#colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}

	#colophon {
		border-top: 2pt solid #000;
	}

.one-column #content {
    margin: 0 auto;
    width: 960px;
}

table#wp-table-reloaded-id-8-no-1 {
	font-size: 13px;
	border: none;
}



div#footer-widget-area div#first.widget-area {
	width: 190px;
	border: none;
	}

div#footer-widget-area div#second.widget-area {
	width: 190px;
	border:none;
	}

div#footer-widget-area div#third.widget-area {
	border:none;
	width: 190px;
	}

div#footer-widget-area div#fourth.widget-area {
	width: 320px;
	border: none;;
	}

ol {
    list-style: decimal inside none;
	}

div#main div#container div#content div#page h1.entry-title {
	font-size:28px;
	line-height:1.3em;
	font-style: italic;
	}

div#secondary div.twitter-share, div#secondary div.sfsi_plus_Sicons {
	display: none; 
	}

.mobile {
		display:none;
		}

	
.nav-previous, .nav-next {
		margin-top:20px;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		}
	
/* Images in h5 */
a img { border: none; }
h5 {    margin: 10px; padding: 0; line-height: 1.3em; font-size: 0.85em; font-weight: normal; text-align: center; }
h5 img { padding: 5px; background-color: white; border: 1px solid silver; }
h5.right { margin: 2px 0 2px 10px; text-align: center; font-weight: normal; float: right; }
h5.left { margin: 2px 10px 2px 0; text-align: center; font-weight: normal; float: left; }
h5 a { text-decoration: none !important; color: #696969; }
h5 a:link { text-decoration: none !important; color: #696969;   }
h5.noborder img { border: none; }
img.noborder { border: none; }
.noborder { border: none; }

.calligraphy {
	font-family: 'Quintessential', cursive;
	font-size: 1.5em;
	}

.sabon {
	font-family: 'Sabon', 'Garamond', 'Georgia', 'Times New Roman', serif;
	}

.smallcaps {
	font-variant:small-caps;
	}

div#content p.attribution {
	margin-top:-2em;
	text-align:right;
	font-style:italic;
	}

div#content blockquote p.attribution {
	font-style:normal;
	}	

div#content blockquote p.attribution::before {
	content:"\2014\2002";
	}

div.artwork {
	margin:0;
	width:auto;
	padding:30px;
	background-size:100% 100%;
	}
	
.white-text	{
	color:white;text-shadow:2px 2px 4px #000000;
	}

.white-text a, a.white-link	{
	color:white;text-shadow:2px 2px 4px #000000;text-decoration:underline;
	}
	

div#content h1.white-text, div#content h2.white-text, div#content h3.white-text, div#content h4.white-text, div#content h6.white-text
	{
	color:white; 
	text-shadow:2px 2px 4px #000000;
	margin-bottom: 7px;
	}



div.dropcap {
float:left; color:#53290B; font-size: 6em; line-height: 0.5em; padding-top: 0.35em; padding-bottom: 0.35em; padding-right: 0.2em; padding-left: 0.2em; margin-right: 0.15em; margin-bottom :0.1em; font-family: Sabon, Georgia, Garamond, Times, serif; border: double #53290B;
	}

/* Popup container - for use as:
<div class="popup" onclick="popUpFunction()">Click me to toggle the popup!
  <span class="popuptext" id="thePopup">A Simple Popup!</span></div>

  ...USES THIS SCRIPT IN HEADER.PHP:
  <script>
// When the user clicks on div, open the popup
function popUpFunction() {
    var popup = document.getElementById("thePopup");
    popup.classList.toggle("show");
}
</script>
 */

.popup {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-left:0.25em;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    height:auto;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px 8px;
    position: absolute;
	overflow:auto;
    z-index: 1;
    top: 125%; /* change this to bottom for popup above; turn on popup arrow, if so */
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow *
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
*/

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* PLEASE GIVE red button */
@keyframes pleasegive {
	0% {background-color: #c12525;}
	10% {background-color: saddlebrown;}
	20% {background-color: #c12525;}
	30% {background-color: saddlebrown;}
	40% {background-color: #c12525;}
	50% {background-color: saddlebrown;}
	60% {background-color: #c12525;}
	70% {background-color: saddlebrown;}
	80% {background-color: #c12525;}
	90% {background-color: saddlebrown;}
	100% {background-color: #c12525;}
	}


#menu-item-16060 {
	text-align: center;
	width:20%;
	background-color: #c12525;
	animation-name: pleasegive;
	animation-duration: 5s;
	}
#menu-item-16060 a {
	color: white;
	}

#menu-item-16061, #menu-item-16062, #menu-item-7037, #menu-item-7064, #menu-item-14959 a {
	text-align: right;
	{

/* Advent-Christmas widget title */
li#text-62 > h3.widget-title {
background: background: #e60000;
    background: -moz-linear-gradient(top, #e60000, #800000);
    background: -webkit-gradient(linear, left top, left bottom, from(#e60000), to(#800000));
    background: -moz-linear-gradient(top, #e60000, #800000);
}


.pp-sub-widget div.pp-sub-h, .pp-sub-widget div.pp-sub-m-p {
color:#53290b;
}