/* Standard text styles and ELEMENTS*/
DIV, P, BLOCKQUOTE, LI, TD, INPUT, SELECT {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
}
A {
	color: #005db1;
	text-decoration:none;
}

TABLE {
	border-spacing: 0px;
	border: 0px;
}
TD {
	padding: 0px;
}
H1, H2, H3, H4 {
	font-family: 'Kreon', Georgia, Times, Serif;
	line-height: 120%;
	margin-top: 0px;
}
H1 {
	font-size: 30px;
}
H2 {
	font-size: 24px;
}
H3 {
	font-size: 20px;
}
H4 {
	font-size: 16px;
}
.headlinetype {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight:bold;
}
.headlinetype.commentary {
	color: #009ECE;
}
.headlinetype.news {
	color: #cc0000;
}
.headlinetype.news {
	color: #cc0000;
}
.headlinetype.lityear {
	color: #48BD00;
}
.headlinetype.library {
	color: #7813BB;
}
.headlinetype.sitereview {
	color: #F38000;
}


/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Major layout elements */
body {
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
}
.header, .adspot_horizontal, .content, .footer {
	width: 100%;
}
.header {
	position:fixed;
	top: 0px;
	z-index:10000;
}
.container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
    max-width: 1232px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
.container div {
	box-sizing: border-box;
}
.main {
  width: 66%;
  max-width:932px;
}
.content {
  background-color: #fff;
  margin: 20px 0px 0px 0px;
  padding: 30px;
  position:relative;
}
.content LI {
	margin-bottom: 6px;
}
.content TABLE {
	border-color:#B7B7B7 !important;
}
.content TD {
	padding: 8px;
}
.sidebar_right {
  margin-top: 20px;
  padding: 0px 0px 0px 20px;
  width:33%;
  text-align:center;
}
.footer {
  margin: 20px 0px 80px 0px;
  background-color: #fff;
  padding:10px 20px;
}
.relatedcontent {
  margin: 0px -30px 10px 30px;
  padding: 20px;
  background-color:#EBF3FB;
  width: 260px;
  float: right;
  box-shadow:-10px 10px 10px rgba(92,92,92,.30);
}
.relatedcontent H2 {
	font-size: 16px;
	text-transform:uppercase;
	border-bottom: solid 1px rgba(92,92,92,.20);
}
.relatedcontent ul {
  margin: 0px 0px 20px 20px;
  padding: 0px;
}
.relatedcontent .image img {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #cbd2d7;
	display: block;
	margin: 0 auto 15px;
	padding: 5px;
	text-align: center;
}

/* Advertising */
#adspot_horizontal_desktop {
  text-align:center;
  margin-top: 20px;
}
#adspot_horizontal_mobile {
	display:none;
    margin-top: 20px;
}
#adspot_horizontal_desktop DIV {
margin: 0 auto !important;
}
#adspot_horizontal_mobile DIV {
margin: 0 auto !important;
}

#adspot_300x250A_desktop, #adspot_300x250B_desktop {
	height: 250px;
    margin: 0px 0px 10px 0px;
	width: 100%;
	text-align:center;
}
#adspot_300x250A_desktop DIV {
margin: 0 auto !important;
}
#adspot_300x250A_mobile {
	display: none;
}
#adspot_300x250A_mobile DIV {
margin: 0 auto !important;
}
#adalert {
position: absolute;
margin: 0;
width: 100%;
background-color: #7EAA56;
padding: 10px;
display: none;
z-index: 1000;
}
#adalertmessage {
width:80%;
margin: 0 auto;
color: #fff;
font-size: 12px;
cursor: pointer;
}

/* promotional elements */
.workshop_banner {
	width:300px; 
	padding: 4px 4px 4px 10px; 
	text-align: left;
	margin-bottom: 4px;
	color: #fff;
}
.workshop_banner a {
	color: #fff;
}
#SM_area {
	width: 300px;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	background: rgba(255,255,255,.5);
}
#SM_area_footer {
	display: none;
}
#SM_buttonbox {
	display:inline-block;
	padding: 5px 10px 5px 20px;
}
#SM_prompt {
	font-weight: bold;
	font-family: Kreon;
	font-size: 18px;
	color: #4273B0;
	margin: 4px 10px 0px 0px;
	float:left; 
}

/*content previews and lists */
.story_preview_block {
	padding: 18px 0px 10px 0px; 
	border-bottom: dashed 1px #cccccc; 
}
.story_preview_block h3 {
	font-weight:normal;
}
.story_preview_block .byline {
	color:#666; 
	font-family: 'Open Sans', sans-serif;
	font-size:11px; 
	text-transform:uppercase;
}
.most_popular_number {
	float:left; 
	background: #DDD; 
	border: solid 1px #ccc; 
	color:#888; 
	font-size: 60px; 
	line-height: 80px; 
	width: 80px; 
	text-align:center; 
	margin: 0px 10px 10px 0px;
}
.sideletlisttoggle {
	display: block;
    float: right;
	cursor:pointer;
}
.home_headline {
	cursor: pointer;
	margin-bottom: 6px;
	float: left;
	border: solid 1px #ccc;
	background-color: #EBF3FB; /*#EFEFEF */
	width: 240px;
	margin: 0px 10px 10px 0px;
	font-size: 13px;
	line-height: 16px;
	padding: 8px;
	height: 96px;
	overflow: hidden;
	position: relative;
}
.author_home_small {
	height: 60px;
	float: right;
	margin-left: 4px;
}

/* Content display conventions */
.creditline {
	margin-bottom: 0px;
}
#googlemap {
	float: right;
	padding-left: 10px;
}
.author_pic {
	float:right; 
	width:300px; 
	text-align:inherit; 
	vertical-align:middle; 
}
.table_responsive {
	overflow-x: auto !important;
}

/* administrative controls */
.pin, .unpin {
	position: absolute;
	top: 67px;
	right: 0;
	z-index: 20;
	padding: 3px;
}
.unpin {
	transform: rotate(45deg); 
}
.pin A, .unpin A {
	color: rgba(80,80,80,.50);
}


#admin_container {
	position: fixed;
	bottom:0;
	width: 100%;
	border-top: solid 1px rgba(80,80,80,1.00);
	background-color: #fff;
	padding: 10px;
	text-align: left;
}
#admin_controls {
	width: 90%; 
    max-width: 1232px;
	margin: 0 auto;
}
/* social media elements */
#socialbar {
	padding: 5px 0px 10px 0px;
}

/*Styles for screen 1088px and lower*/
@media screen and (max-width: 1088px) {
	#adspot_horizontal_desktop {
		display: none;
	}
	#adspot_horizontal_mobile {
	  text-align:center;
	  display:block;
	  width: 100%;
	}
	#adspot_300x250A_desktop {
		display: none;
	}
	#adspot_300x250A_mobile {
 		display: block;
  	    text-align:center;
		width: 100%;
		margin-bottom: 10px;
	}
}
/*Styles for screen 950px and lower*/
@media screen and (max-width: 950px) {
	.main {
		width: 60%;
	}
}

/*Styles for screen 770px and lower*/
@media screen and (max-width: 770px) {
.main {
	width: 50%;
}
.relatedcontent {
  float: none;
  margin: 0px;
  padding: 10px;
  background-color:#EBF3FB;
  width: 100%;
  box-shadow: none;
}
.relatedcontent.optional{
	display:none;
}
#googlemap {
	float:none;
}
#cwnlogo {
	width: 100px;
}
.author_pic {
	width: 120px;
}
#blog_image {
	max-width: 400px;	
}
}
/*Smartphones and Phablets*/
@media only screen and (max-width : 650px) {
.container {
	width: 100%;
	margin: 40px  0px 0px 0px !important;
	padding: 0 !important;
}
.main {
	width:100%;
}
.content {
	padding: 20px;
}
.content IMG {
	max-width: 100%;
	height: auto !important;
}
.content TD {
	padding: 4px;
}
.content TD, .content TD P, .content TD LI {
	font-size: 12px;
}
#blog_image {
	max-width: 300px;	
	max-height: auto;
}
#SM_area {
	display: none;
}
#SM_area_footer {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.sidebar_right {
  width:100%;
  text-align:center;
  padding: 0px 0px 0px 0px;
}

.home_headline {
	width: 100%;
}

	
}