
div.main.article-gallery.listings div.jump-down > a:first-child {display:none; }


/*div.main.newsletter.listings div.jump-down > a {display:none; }*/
div.main.cq-unbound.listings div.jump-down > a.writings,
div.main.article-gallery.listings div.jump-down > a.writings,
div.main.newsletter.listings div.jump-down > a.writings,
div.main.rolling-edition.listings div.jump-down > a.writings {display:none; }

div.main.cq-unbound.writings div.jump-down > a.listings,
div.main.newsletter.writings div.jump-down > a.listings,
div.main.rolling-edition.writings div.jump-down > a.listings {display:none; }
div.main.newsletter.writings div.jump-down > a.listings + a.writings b,
div.main.rolling-edition.writings div.jump-down > a.listings + a.writings b {display:none; }
div.main.newsletter.listings div.jump-down > a.search,
div.main.rolling-edition.listings div.jump-down > a.search {display:inline;}
div.main.listings div.jump-down > a.search:first-child {display:inline; }



div.cq-unbound div.ftext.article-css div.listings div.ftext-body {
	margin-right:40px;
	width:555px;
}
div.cq-unbound div.ftext.article-css div.writings div.ftext-body {
	margin-right:45px;
	width:480px; 
}

div.newsletter div.ftext.article-css div.listings div.ftext-body,
div.rolling-edition div.ftext.article-css div.listings div.ftext-body,
div.article-gallery div.ftext.article-css div.listings div.ftext-body {
	margin-right:65px;
	width:670px; 
}

div.ftext.article-css  div.ftext-body div.category {display:none;}
div.article-gallery div.ftext.article-css  div.ftext-body div.category {display:block;}

div.article-gallery div.ftext.article-css  div.ftext-body div.division-desc {font-style:italic; border-bottom:1px solid #e0e0e0;}

div.ftext.article-css  div.ftext-body div.category.current {display:block;}
div.ftext.article-css  div.ftext-body div.category > div.sub-category {display:none}

div.cq-unbound div.ftext.article-css  div.ftext-body div.category > div.sub-category,
div.rolling-edition div.ftext.article-css  div.ftext-body div.category > div.sub-category {display:block}

div.article-gallery div.ftext.article-css  div.ftext-body div.category > div.sub-category {display:block}
div.ftext.article-css  div.ftext-body div.category.current > div.sub-category.current {display:block}

div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub + table.listing {margin-top:43px; }

div.ftext.article-css div.writings div.ftext-body hr.end {color:#f7f7f7; }

/*-------------------------------------------------------------------------------------------------
								-----ARTICLE COMMENTS-----
-------------------------------------------------------------------------------------------------*/
div.ftext.article-css div.listings div.ftext-body div.comments {display:none;}
div.ftext.article-css div.listings div.ftext-body div.comments.show {display:block;}
div.ftext.article-css div.writings div.ftext-body div.comments,
div.ftext.article-css div.listings div.ftext-body div.comments {background-color:#eef0f0; padding:15px 14px;
	margin-top:40px; 
}
div.ftext.article-css div.listings div.ftext-body div.comments {clear:both; }


div.ftext.article-css div.writings div.ftext-body div.comments div.message,
div.ftext.article-css div.listings div.ftext-body div.comments div.message {margin-bottom:70px; }
div.ftext.article-css div.writings div.ftext-body div.comments a.header,
div.ftext.article-css div.listings div.ftext-body div.comments a.header {
	display:block; 
	font-size:22px; 
	font-family:roboto_condensed_bold, Georgia, Times, serif; 
	margin-bottom:11px;
}

div.ftext.article-css div.listings div.ftext-body div.comments a.header {clear: right;}

div.ftext.article-css div.writings div.ftext-body div.comments div.header,
div.ftext.article-css div.listings div.ftext-body div.comments div.header {
	color:#185377; 
	font-size:22px; 
	font-family:roboto_condensed_bold, Georgia, Times, serif; 
	margin-bottom:11px;
}
div.ftext.article-css div.listings div.ftext-body div.comments div.header {clear: right;}

div.ftext.article-css div.writings a.comment-link { font-weight:bold; }
div.ftext.article-css div.writings div.ftext-rightCol a.comment-link {display:block; margin-top:15px; }

div.newsletter div.ftext.article-css a.comment-link,
div.rolling-edition div.ftext.article-css a.comment-link {float:right; margin-right:-270px; margin-top:7px; font-size:12px; }



/*----------------------------THE COMMENT-----------------------------------------------------------*/
div.ftext.article-css div.listings div.ftext-body div.comments div.header.end {margin-bottom:35px; margin-top:30px; }
div.ftext.article-css div.listings div.ftext-body div.comments div.comment {margin-bottom:22px; }
div.ftext.article-css div.listings div.ftext-body div.comments div.comment div.name {font-weight:bold;} 
div.ftext.article-css div.listings div.ftext-body div.comments div.comment div.submit-date {font-style:italic;}
div.ftext.article-css div.listings div.ftext-body div.comments div.comment div.text {margin-bottom:45px; margin-top:0; white-space:pre-wrap;}


div.ftext.article-css div.writings div.ftext-body div.comments div.header.end {margin-bottom:35px; margin-top:30px; }
div.ftext.article-css div.writings div.ftext-body div.comments div.comment {margin-bottom:22px; }
div.ftext.article-css div.writings div.ftext-body div.comments div.comment div.name {font-weight:bold;} 
div.ftext.article-css div.writings div.ftext-body div.comments div.comment div.submit-date {font-style:italic;}
div.ftext.article-css div.writings div.ftext-body div.comments div.comment div.text {margin-bottom:45px; margin-top:0; white-space:pre-wrap;}
/*div.ftext.article-css div.writings div.ftext-body div.comments div.comment hr.end {margin-bottom:20px; }*/

/*----------------------------COMMENTS END----------------------------------------------------------*/

div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub span.cloneText {margin-left:.5em; color:#800000; font-size:smaller; }
div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub,
div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub-sub {
	width:480px;
}

div.cq-unbound div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub {
	width:555px;
}

div.ftext.article-css div.writings div.ftext-body.article-contents img {width:100%; }

div.cq-unbound div.ftext.article-css div.writings div.ftext-body.article-contents div.ftext-head-sub,
div.article-gallery div.ftext.article-css div.writings div.ftext-body.article-contents div.ftext-head-sub {
	border-bottom-width:0px; margin-bottom:5px; font-family:roboto_condensed_bold, Georgia, Times, serif; 
}

div.cq-unbound div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub.by-year {display:none;}

div.cq-unbound div.ftext.article-css div.writings div.ftext-body div.image {
	margin-bottom:38px;
}


div.cq-unbound div.ftext.article-css div.writings div.ftext-body div.image.title,
div.article-gallery div.ftext.article-css div.writings div.ftext-body div.image.title{
	max-width:700px;}



div.cq-unbound div.ftext.article-css div.writings div.ftext-body div.image.title > img,
div.article-gallery div.ftext.article-css div.writings div.ftext-body div.image.title > img {
	max-width:700px; width:100%;
}

div.article-gallery div.ftext.article-css div.writings div.ftext-body div.image.title > img{
	border:1px solid black;
}

div.cq-unbound div.ftext.article-css div.writings div.ftext-body p.sub-title,
div.article-gallery div.ftext.article-css div.writings div.ftext-body p.sub-title {font-style:italic; font-size:18px; margin-top:0px; line-height:normal;
	margin-bottom:8px;  }
div.cq-unbound div.ftext.article-css div.writings div.ftext-body p.author-text,
div.article-gallery div.ftext.article-css div.writings div.ftext-body p.author-text {font-weight:bold; font-size:16px; margin-top:0px; margin-bottom:36px;}

div.newsletter div.ftext.article-css div.writings div.title {max-width:1000px; background-color:inherit; }
div.newsletter div.ftext.article-css div.writings div.title img {width:100%;}
div.newsletter div.ftext.article-css div.writings > div.meta-sheet div.ftext-body p.title {
	font-family:roboto_condensed_bold, Georgia, Times, serif; font-size:21px; margin-top:0px; line-height:normal;
	margin-bottom:24px;  }
div.newsletter div.ftext.article-css div.writings div.ftext-body p.author-text {font-weight:bold; font-size:16px; margin-top:0px; margin-bottom:24px;}
div.newsletter div.ftext.article-css div.writings div.ftext-body p.date-place {font-style:italic; font-size:14px; margin-top:0px; margin-bottom:0px;}


div.newsletter div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub,
div.article-gallery div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub {
	width:730px;
}
div.newsletter div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub span.guest-editor {
	font-weight:bold; font-size:14px; color:#000000; float:right; margin-top:13px;
}



div.rolling-edition div.ftext.article-css div.writings div.title {max-width:1000px; background-color:inherit; }
div.rolling-edition div.ftext.article-css div.writings div.title img {width:100%;}
div.rolling-edition div.ftext.article-css div.writings > div.meta-sheet div.ftext-body p.title {
	font-family:roboto_condensed_bold, Georgia, Times, serif; font-size:21px; margin-top:0px; line-height:normal;
	margin-bottom:24px;  }
div.rolling-edition div.ftext.article-css div.writings div.ftext-body p.author-text {font-weight:bold; font-size:16px; margin-top:0px; margin-bottom:24px;}
div.rolling-edition div.ftext.article-css div.writings div.ftext-body p.date-place {font-style:italic; font-size:14px; margin-top:0px; margin-bottom:0px;}


div.rolling-edition div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub,
div.article-gallery div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub {
	width:730px;
}
div.rolling-edition div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub span.guest-editor {
	font-weight:bold; font-size:14px; color:#000000; float:right; margin-top:13px;
}





div.ftext.article-css div.listings div.ftext-rightCol {
	width:155px;
	margin-left:40px;
	margin-top:52px;
}
div.ftext.article-css div.writings div.ftext-rightCol {
	background-color:#eef0f0;
	padding:0px 14px;
	width:225px;
	margin-left:45px;
	margin-top:16px; font-size:12px;
	margin-bottom:60px;
}

div.ftext.article-css div.writings div.ftext-rightCol.in-article {
	display:none;
	float:none;
	width:100%;
	padding:14px 0px;
	max-width:100%;
	margin-left:0px;
	margin-bottom:28px;
}

div.ftext.article-css div.writings div.ftext-rightCol.in-article > *{
	padding:0px 14px;
}

div.ftext.article-css div.writings div.ftext-rightCol p.sidebar_bio {margin-top:15px; }

div.ftext.article-css div.listings div.ftext-rightCol.floating {margin-left:0px;}
@media only screen and (max-width: 1118px){
	
}
div.ftext.article-css div.listings div.ftext-rightCol.bottom {position:absolute; width:auto; margin-left:0; margin-top:0; top:auto; bottom:50px; float:none;}
div.ftext.article-css div.listings div.ftext-rightCol div.scroll > * {width:145px; }
div.ftext.article-css div.listings div.ftext-rightCol ul.menuType {white-space: normal;}
div.ftext.article-css div.listings div.ftext-rightCol ul.menuType a {color:inherit;}
div.ftext.article-css div.listings div.ftext-rightCol ul.menuType a.siteLink {color:#da8918;}
div.ftext.article-css div.listings div.ftext-rightCol ul.menuType li.menuHover,
div.ftext.article-css div.listings div.ftext-rightCol ul.menuType li.pageOpen {color:#da8918; }

div.left-bar-middle ul.sub-menu li.pageOpen + ul.sublink a.siteLink {color:#da8918;}


div.ftext.article-css div.listings div.ftext-rightCol p + p,
div.ftext.article-css div.listings div.ftext-rightCol li {
	margin:7px 0;
}

div.ftext.article-css div.ftext-rightCol div.ftext-head-sub{
	margin-top:23px; margin-bottom:13px; 
}

div.ftext.article-css div.ftext-rightCol * + div.ftext-head-sub{
	margin-top:43px;
}

div.ftext.article-css div.category > div.ftext-head-sub > span.cat-text,
div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub > span.cat-text {
	color:#ccd3d6;
}



/*----------------------------------------------------------------------------------------------------
	We need the listing to be a table becuase if we use floats it conflicts with the rigthCol float
	when we try to clear.  We don't actualty need to float the listing because it really is laid out
	in two column.
	
	We also might not need to float the right Col - but it is working right now with being sticky
------------------------------------------------------------------------------------------------------*/
div.article-css div.listings div.advance-article-group {
	margin:2px auto 0 auto; width:65px; height:30px; 
	background-image:url('https://contactquarterly.com/images/elements/advance-down.png');
	background-position:0px 0px;
	z-index:2; font-size:12px; font-style:italic; overflow:visible;
	position:relative;
}
div.article-css div.listings div.advance-article-group:hover {background-position:0px 30px;}
div.article-css div.listings div.advance-article-group > div{ position:absolute; bottom:-10px; left:18px; }

div.cq-unbound div.article-css div.listings table.listing {padding-bottom:30px;}
div.cq-unbound div.article-css div.listings table.listing {margin-top:22px; }
div.newsletter div.article-css div.listings table.listing,
div.rolling-edition div.article-css div.listings table.listing,
div.article-gallery div.article-css div.listings table.listing {padding-bottom:22px;}
div.article-gallery div.article-css div.listings div.advance-article-group,
div.rolling-edition div.article-css div.listings div.advance-article-group,
div.cq-unbound div.article-css div.listings div.advance-article-group {display:none; }
div.newsletter div.article-css div.listings table.listing, 
div.rolling-edition div.article-css div.listings table.listing, 
div.article-gallery div.article-css div.listings table.listing {margin-top:37px; }

div.article-css div.listings table.listing + div.under-shadow {
	box-shadow:0px 2px 2px #afafb0; 
	outline-top:0px solid #afafb0; 
	border-right:0px solid #afafb0;
	background-color:#afafb0;
}

div.cq-unbound div.article-css div.listings table.listing + div.under-shadow {
	max-width:555px; 
	/* width:74%; */
	height:1px;
}

div.newsletter div.article-css div.listings table.listing + div.under-shadow,
div.rolling-edition div.article-css div.listings table.listing + div.under-shadow,
div.article-gallery div.article-css div.listings table.listing + div.under-shadow {
	max-width:670px; height:1px;
	/* width : 74%; */
}
div.article-css div.listings table.listing td {
	vertical-align: top;
}

div.article-css div.listingstable.listing + div.listing-line {
	height:1px;
	background-color: #afafb0;
	
	margin-bottom:30px;
	/*border-bottom:1px solid #afafb0;*/
	box-shadow:0 1px 3px #afafb0;
}
/*-----------------------------------------------------------
 div.article-css div.listings table.listing input[type="button"]{
	background-color: transparent;
	border-width:0px;
	padding:0px;
}
---------------------------------------------------------------*/
div.article-css input[type="button"]{
	background-color: transparent;
	border-width:0px;
	padding:0px;
}

div.article-css p.sub-title { font-style:italic; }
div.article-css p.sub-title span.italic {font-style:normal; }

div.article-css div.listings table.listing div.image-box-thumb,
div.article-css div.listings table.listing div.listing-box {display:inline-block;}

div.article-css div.listings table.listing div.image-box-thumb {
	padding-right:20px; overflow:visible; text-align:right; vertical-align:top;
}

div.cq-unbound div.article-css div.listings table.listing div.image-box-thumb {width:130px; }
div.newsletter div.article-css div.listings table.listing div.image-box-thumb,
div.rolling-edition div.article-css div.listings table.listing div.image-box-thumb,
div.article-gallery div.article-css div.listings table.listing div.image-box-thumb {width:175px; }

div.cq-unbound div.article-css div.listings table.listing div.image-box-thumb > img {
	max-width:130px; max-height:172px; margin-top:6px;
}

div.newsletter div.article-css div.listings table.listing div.image-box-thumb > img,
div.rolling-edition div.article-css div.listings table.listing div.image-box-thumb > img,
div.article-gallery div.article-css div.listings table.listing div.image-box-thumb > img  {
	max-width:175px; max-height:170px; margin-top:6px;
}


div.cq-unbound div.article-css div.listings table.listing div.listing-box {
	max-width:402px; padding-left:3px;
}

div.newsletter div.article-css div.listings table.listing div.listing-box,
div.rolling-edition div.article-css div.listings table.listing div.listing-box,
div.article-gallery div.article-css div.listings table.listing div.listing-box {
	max-width:472px; padding-left:3px;
}

/*---------------------------------------------------------------------
	All element inside the listing box will have top margin-zero.
	Each element will tell the element below how far to be away.
-----------------------------------------------------------------------*/
div.article-css div.listings table.listing div.listing-box * {margin-top:0;}

div.article-css div.listings table.listing div.listing-box div.comment div.text {line-height:1.5; }


div.article-css div.listings table.listing div.listing-box a.title {
	color:black; font-weight:bold; font-size:18px; line-height:normal; font-family:roboto_condensed, Georgia, Times, serif; margin-top:0px;
}
div.article-css div.listings table.listing div.listing-box a.title span.cloneText,
div.article-css div.listings table.listing div.listing-box p.title span.cloneText {
	color: #800000;
	font-family: Arial;
	font-size: 10pt;
	margin-left: 1em;
}


div.article-css div.listings table.listing div.listing-box a.title[utility]:hover {color:#c46702;}

div.article-css div.listings table.listing div.listing-box a.title.no-link:hover {cursor: default;}

div.article-css div.listings table.listing div.listing-box p.author-text {font-weight:bold;}
div.article-css div.listings table.listing div.listing-box p.teaser {margin-bottom:23px;}
div.article-css div.listings table.listing div.listing-box p.teaser * {max-width:100%; }
div.newsletter div.article-css div.listings table.listing div.listing-box p.teaser,
div.rolling-edition div.article-css div.listings table.listing div.listing-box p.teaser {margin-bottom:14px;}
div.article-css div.listings table.listing div.listing-box p.teaser a {color:#da8918; }
div.article-css div.listings table.listing div.listing-box p.teaser a:hover {color:#c46702; }
div.article-css div.listings table.listing div.listing-box div.cat-list {font-size:12px; }
div.article-css div.listings div.listing-box div.cat-list a {font-weight:bold; }

div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title,
div.article-gallery div.article-css div.listings table.listing div.listing-box a.title {margin-bottom:4px; display:block}


div.article-gallery.listings div.listing-box div.cat-list a > span.close,
div.article-gallery.listings div.listing-box div.cat-list a.show > span.show,
div.cq-unbound.listings div.listing-box div.cat-list a > span.close,
div.cq-unbound.listings div.listing-box div.cat-list a.show > span.show {display:none; }

div.article-gallery.listings div.listing-box div.cat-list a.show > span.close,
div.cq-unbound.listings div.listing-box div.cat-list a.show > span.close {display:inline; }

/*---------------------------------------------------------------------------------------------------------------------
			---Logged in schemeas NOTIFICATION for unbound Title
---------------------------------------------------------------------------------------------------------------------*/
body div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.logged-out,
body div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.subscriber {display:none; }

body.logged-out div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.logged-in {display:block; }


body.logged-in div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.logged-in, 
body.logged-in div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.logged-out {display:none; }

body.logged-in div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.subscriber {display:block; }

body.subscriber div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.logged-in, 
body.subscriber div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.subscriber {display:none; }

body.subscriber div.cq-unbound div.article-css div.listings table.listing div.listing-box a.title.logged-out {display:block; }



div.cq-unbound div.article-css div.listings table.listing div.listing-box p.sub-title,
div.article-gallery div.article-css div.listings table.listing div.listing-box p.sub-title {margin-bottom:10px; line-height:21px; }
div.cq-unbound div.article-css div.listings table.listing div.listing-box p.sub-title + p.sub-title,
div.article-gallery div.article-css div.listings table.listing div.listing-box p.sub-title + p.sub-title {margin-top:-6px;}
div.cq-unbound div.article-css div.listings table.listing div.listing-box p.author-text,
div.article-gallery div.article-css div.listings table.listing div.listing-box p.author-text {margin-bottom:22px;}

div.newsletter div.article-css div.listings table.listing div.listing-box a.title {margin-bottom:14px; display:block; }
div.newsletter div.article-css div.listings table.listing div.listing-box p.author-text {margin-bottom:0px;}
div.newsletter div.article-css div.listings table.listing div.listing-box p.date-place {margin-bottom:0px; font-style:italic; }


div.rolling-edition div.article-css div.listings table.listing div.listing-box a.title {margin-bottom:14px; display:block; }
div.rolling-edition div.article-css div.listings table.listing div.listing-box p.author-text {margin-bottom:0px;}
div.rolling-edition div.article-css div.listings table.listing div.listing-box p.date-place {margin-bottom:0px; font-style:italic; }


@media only screen and (max-width: 800px){
	
	div.main div.ftext.article-css div.ftext-body {
		font-size:16px;
	}
	
	div.ftext.article-css div.writings div.ftext-rightCol {
		font-size:14px; display:none;
	}
	
	div.ftext.article-css div.writings div.ftext-rightCol.in-article {
		display:block;
	}
	
	div.main div.ftext.article-css div.listings div.meta-sheet > div.ftext-body:first-child,
	div.main div.ftext.article-css div.listings div.meta-sheet > script:first-child + div.ftext-body {
		width:100%;
	}
	
	div.cq-unbound div.ftext.article-css div.listings div.ftext-body {
		max-width:555px;
		
	}
	
	div.main div.ftext.article-css div.writings div.ftext-body {
		margin-right:0px;
	}

	div.cq-unbound div.ftext.article-css div.writings div.ftext-body {
		max-width:480px; 
		width:auto;
	}
	
	div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub,
	div.ftext.article-css div.writings div.ftext-body div.ftext-head-sub-sub {
		max-width:480px;
		width:auto;
	}
	
	

	div.cq-unbound div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub {
		max-width:555px;
		width:auto;
	}
	
	div.newsletter div.ftext.article-css div.listings div.ftext-body,
	div.rolling-edition div.ftext.article-css div.listings div.ftext-body,
	div.article-gallery div.ftext.article-css div.listings div.ftext-body {
		max-width:670px; 
		width:100%;
	}
	
	div.newsletter div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub,
	div.rolling-edition div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub,
	div.article-gallery div.ftext.article-css div.listings div.ftext-body div.ftext-head-sub {
		max-width:730px;
		width:auto;
	}
}

@media only screen and (max-width: 650px){
	div.cq-unbound div.ftext.article-css div.listings div.ftext-body {
		max-width:555px;
		width :74%;
	}
}
