#rightcolumnplaces { display: none; }
.jobsdiv { font-family: "Archer A","Archer B"; width: 196px; height: 147px; color: rgb(255, 255, 255); font-weight: 400; font-size: 36px; }
body { background-color: rgb(211, 239, 240); font-family: "Archer SSm A","Archer SSm B",serif; font-weight: 500; font-size: 0.88em; line-height: 140%; margin: 0px; padding: 0px; }
a { text-decoration: none; color: rgb(48, 145, 156); }
a:hover { text-decoration: underline; color: rgb(85, 133, 128); }
.strong { font-weight: 600; }
#login { background-color: rgb(211, 239, 240); margin: 0px 0px 120px; padding: 0px; width: 100%; border-top: 12px solid black; position: fixed; top: 0px; left: 0px; z-index: 90; }
#logincontent { position: absolute; right: 0px; display: none; width: 100%; color: white; font-size: 0.63em; background-color: rgb(0, 0, 0); padding: 0px 30% 8px 0px; z-index: 200; }
.loginlinks { position: relative; float: right; margin-right: 50px; }
#logincontent img { margin: 5px 0px 0px 2px; }
.login-expand { position: fixed; z-index: 100; right: 30%; }
#logincontent a { color: white; }
#container { clear: both; width: 98%; margin: 25px 5px 5px; position: relative; z-index: 10; }
#header { background-color: rgb(211, 239, 240); font-size: 0.63em; position: fixed; display: block; width: 96%; height: 65px; z-index: 900; border-bottom: thin solid black; }
#mobilenav { position: relative; float: left; width: 21px; margin-top: 30px; }
.logo { width: 85px; height: 45px; margin: 15px 0px 5px; padding: 0px; position: relative; float: left; }
.logo img { width: 85px; }
#leftcolumntop { visibility: hidden; }
#pagetitle { text-align: right; position: relative; float: right; width: 60%; min-width: 195px; margin: 33px 0px 0px; font-size: 1.15em; }
#maincolumntop { visibility: hidden; }
#rightcolumntop { visibility: hidden; }
.article #pagetitle, .home #pagetitle, .slideshow #pagetitle { font-family: "News Cycle",sans-serif; font-size: 1.75em; }
#main { display: block; clear: both; margin: 50px 0px 0px; z-index: 10; }
.mainnavon { width: 140%; }
#leftcolumn { width: 4%; min-height: 400px; margin-right: 5px; position: relative; float: left; padding-top: 5px; }
#navigation { visibility: hidden; position: fixed; display: block; font-size: 0.63em; line-height: 140%; }
.navigationnavon { visibility: visible ! important; }
#navigation a { color: black; }
#navigation a:hover, #navigation .current { color: red; }
#navigation .writers { display: none; }
#maincolumn { width: 90%; margin-right: 10px; position: relative; float: right; padding-top: 5px; }
.maincolumnnavon { margin-right: -35px ! important; }
#rightcolumn { clear: both; width: 70%; padding-top: 5px; font-size: 0.63em; margin: auto; }
#search { border-top: thin solid black; border-bottom: thin solid black; padding: 10px 0px; }
#search input { font-family: "Archer SSm A","Archer SSm B",serif; width: 90%; padding: 10px; border: medium none; font-weight: 700; background-color: white; }
#jobs { border-bottom: thin solid black; padding: 10px 0px; }
.joblisting { color: white; background-color: rgb(85, 133, 128); padding: 5px 15px 5px 5px; margin-bottom: 10px; }
.joblisting .smallcaps { text-transform: uppercase; font-size: 0.56em; }
#jb_list_mini li { background-color: rgb(85, 133, 128); padding: 10px; }
#socialshare { border-bottom: thin solid black; padding: 10px 0px 0px; height: 180px; position: relative; }
.sliderbutton { background-color: rgb(211, 239, 240); position: relative; float: left; width: 10px; height: 180px; cursor: pointer; padding: 0px; margin: 0px; }
#slider { float: left; position: relative; overflow: auto; width: 170px; height: 180px; margin: 0px auto; padding: 0px; }
#slider ul { position: absolute; list-style: outside none none; top: 0px; left: 0px; margin: 0px; padding: 0px; }
#slider li { float: left; width: 175px; height: 180px; margin: 0px; padding: 0px 10px; }
.pagination { position: absolute; bottom: 0px; height: 10px; color: grey; font-size: 20px; width: 40px; clear: both; margin-left: 60px; }
.pagination li { float: left; cursor: pointer; margin: 0px 10px 0px 0px; }
.pagination li:hover, li.current { color: rgb(0, 0, 0); }
.roundicon { position: relative; float: left; padding: 6px; }
.roundicon:hover { opacity: 0.5; cursor: pointer; }
.roundicon img { width: 40px; }
#featuredjob { font-size: 1.63em; font-family: "Archer A","Archer B"; font-weight: 400; font-style: normal; line-height: 105%; margin: 20px 0px; }
#featuredjob a { color: white; }
#rightcolumnad img { width: 192px; }
#authortitle { background-color: white; padding: 10px; margin-bottom: 10px; }
#author { font-family: "Archer A","Archer B",serif; font-weight: 600; line-height: 0.9em; font-style: normal; font-size: 1.25em; margin: 0px; padding: 5px 0px; }
#title { font-family: "Archer A","Archer B",serif; font-weight: 400; line-height: 0.9em; font-style: normal; font-size: 1.25em; margin: 0px; padding: 5px 0px; }
#content { background-color: white; padding: 15px; }
.photocaption { font-size: 0.75em; line-height: 1.25em; }
.article #main { width: 100%; }
.article #maincolumn { width: 88%; }
.article #content img { width: 100%; height: auto; }
#navcolumn { width: 38%; font-size: 0.56em; line-height: 135%; position: relative; float: left; padding-top: 10px; background-color: rgb(233, 247, 248); }
#navcolumn a { float: left; width: 100%; color: black; padding: 2px 5px 3px 6px; }
#navcolumn a:hover, .current { background-color: rgb(211, 239, 240); }
#content548 { width: 60%; position: relative; float: left; }
.topic-item { display: block; position: relative; float: left; width: 150px; height: 150px; background-color: white; padding: 10px; margin: 0px 0px 8px 8px; font-size: 0.69em; line-height: 140%; }
.topic-item-inner { display: block; width: 160px; height: 160px; overflow: hidden; }
.topic-item-inner .top { font-size: 0.69em; }
a .topic-item { color: black; }
a:hover .topic-item { background-color: rgb(233, 247, 248); }
.topic-hover { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; font-size: 0.69em; width: 160px; margin: -10px; padding: 5px; }
.topic-hover-main { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; font-size: 0.75em; width: 160px; margin: -10px; padding: 25px 5px; }
#share { margin-top: 100px; color: rgb(101, 114, 115); line-height: 160%; }
.social-count { font-family: "News Cycle",sans-serif; font-size: 0.75em; }
.social-text { font-family: "News Cycle",sans-serif; font-size: 0.5em; text-transform: uppercase; }
#socialarticle-bottom { margin-top: 15px; background-color: rgb(255, 255, 255); padding: 15px; font-size: 0.88em; line-height: 130%; font-weight: 700; }
#authorinfo { margin-top: 15px; background-color: rgb(240, 249, 250); padding: 15px; font-size: 0.75em; min-height: 105px; line-height: 130%; }
#authorinfo img { position: relative; float: left; width: 105px; height: 105px; margin-right: 15px; }
#comments { margin-top: 15px; background-color: rgb(240, 249, 250); font-size: 0.75em; }
.comment { border-top: thin solid black; padding: 15px; line-height: 130%; }
.comment-text { position: relative; float: left; width: 500px; margin-right: 15px; }
.comment-meta { position: relative; float: left; width: 140px; }
#commentlogin { padding: 8px; font-weight: 700; color: white; background-color: rgb(85, 133, 128); }
#relatedposts { display: none; }
#copyright { width: 96%; clear: both; position: absolute; bottom: 0px; margin-top: 15px; padding-top: 5px; border-top: thin solid black; font-size: 0.63em; }
#writerlist { font-size: 0.63em; line-height: 130%; }
#writerlist h4 { text-transform: uppercase; }
#writerlist a { color: black; }
#writerlist a:hover { color: rgb(85, 133, 128); }
#writerlist .list { background-color: white; margin: 0px 8px 8px 0px; padding: 10px; }
.writerphoto { background-size: 108px 108px; position: relative; float: left; width: 108px; height: 108px; margin: 0px 8px 8px 0px; }
.writername { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 10px; font-size: 0.75em; width: 98px; padding: 5px; }
a .writername { color: black; }
.writers #maincolumn { width: 88%; }
.writers h4 { margin: 0px 0px 10px; padding: 0px; }
.writers .gridicon { margin: 2px 5px 0px 0px; opacity: 0.1; }
.writers .gridicon:hover { opacity: 0.5; }
.writers .gridiconon { margin: 2px 5px 0px 0px; opacity: 0.5; }
.writers .azlist { vertical-align: top; font-size: 0.88em; color: rgb(204, 204, 204); }
.writers .azlist:hover { color: black; }
.writers .azliston { vertical-align: top; font-size: 0.88em; color: black; }
#books {  }
.book-item { display: block; position: relative; float: left; width: 135px; padding: 0px; margin: 0px 0px 8px 8px; font-size: 0.63em; line-height: 130%; border: 5px solid white; }
.book-image img { width: 135px; }
a .book-item { color: black; }
.book-hover { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; width: 125px; padding: 5px; }
#competitionbooks {  }
.competition-item { display: block; position: relative; float: left; width: 215px; padding: 0px; margin: 0px 0px 8px 8px; font-size: 14px; line-height: 140%; border: 5px solid white; }
.competition-image img { width: 215px; }
a .competition-item { color: black; }
.competition-hover { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 15px; width: 195px; padding: 5px; }
.credits p { padding: 15px; background-color: white; margin-bottom: 10px; }
.contact p { padding: 15px; background-color: white; margin-bottom: 10px; }
.login p { padding: 15px; background-color: white; margin-bottom: 10px; }
input[type="text"] { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 0.75em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
input[type="password"] { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 0.75em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
textarea { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 0.75em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
input[type="submit"] { font-family: "Archer SSm A","Archer SSm B",serif; font-weight: 700; font-size: 0.75em; border: 0px none; padding: 8px; color: white; background-color: rgb(85, 133, 128); margin: 0px 0px 8px; }
.archive input[type="text"] { width: 90%; }
.archive p { width: 90%; background-color: white; padding: 10px; }
.archive #navcolumn { padding: 10px; width: 90%; height: 70px; overflow: hidden; }
.archive #content548 { width: 100%; }
.leftprofile { position: relative; float: left; width: 395px; margin: 0px 8px 0px 0px; }
.leftprofile textarea { width: 358px; }
.rightprofile { position: relative; float: left; width: 270px; margin: 0px; }
.rightprofile input[type="text"] { width: 232px; }
.profilebox { position: relative; padding: 10px; margin-bottom: 8px; background-color: white; }
#profilename input[type="text"] { width: 195px; }
@media screen and (min-device-width: 480px) {
  body { background-color: rgb(211, 239, 240); font-family: "Archer SSm A","Archer SSm B",serif; font-weight: 500; font-size: 16px; line-height: 140%; margin: 0px; padding: 0px; }
  a { text-decoration: none; color: rgb(48, 145, 156); }
  a:hover { color: rgb(85, 133, 128); }
  .strong { font-weight: 700; }
  #login { background-color: rgb(211, 239, 240); margin: 0px 0px 120px; padding: 0px; width: 100%; border-top: 12px solid black; position: fixed; top: 0px; left: 0px; z-index: 90; }
  #logincontent { position: absolute; right: 0px; display: none; width: 100%; color: white; font-size: 0.625em; background-color: rgb(0, 0, 0); padding: 0px 30% 8px 0px; z-index: 200; }
  .loginlinks { position: relative; float: right; margin-right: 50px; }
  #logincontent img { margin: 5px 0px 0px 2px; }
  .login-expand { position: fixed; z-index: 100; right: 30%; }
  #logincontent a { color: white; }
  #container { clear: both; width: 96%; margin: 33px auto 15px; position: relative; z-index: 10; }
  #header { background-color: rgb(211, 239, 240); font-size: 0.625em; position: fixed; display: block; width: 96%; height: 78px; z-index: 900; border-bottom: thin solid black; }
  #mobilenav { display: none; }
  .logo { width: 109px; height: 65px; margin: 15px 0px 5px; padding: 0px; position: relative; float: left; }
  .logo img { width: 109px; }
  #leftcolumntop { display: none; }
  #pagetitle { font-family: "Archer A","Archer B"; text-align: left; position: relative; float: left; margin: 28px 0px 0px 20px; font-size: 64px; }
  #maincolumntop { display: none; }
  #rightcolumntop { display: none; }
  .article #pagetitle, .slideshow #pagetitle { font-family: "News Cycle",sans-serif; font-size: 64px; }
  #main { clear: both; margin: 65px 0px 0px; z-index: 10; }
  #leftcolumn { width: 16%; margin-right: 8px; position: relative; float: left; padding-top: 5px; }
  #navigation { visibility: visible; position: fixed; display: block; font-size: 0.625em; line-height: 130%; }
  #navigation .writers { visibility: visible; display: block; }
  #navigation a { color: black; }
  #navigation a:hover, #navigation .current { color: red; }
  #maincolumn { width: 80%; position: relative; float: right; padding-top: 5px; }
  #rightcolumn { clear: both; width: 80%; float: right; margin-top: 15px; font-size: 0.625em; }
  #search { border-top: thin solid black; border-bottom: thin solid black; padding: 10px 0px; }
  #search input { font-family: "Archer SSm A","Archer SSm B",serif; width: 95%; padding: 10px; border: medium none; font-weight: 700; background-color: white; }
  #jobs { width: 45%; position: relative; float: left; padding: 10px 0px; }
  .joblisting { color: white; background-color: rgb(85, 133, 128); padding: 5px 15px 5px 5px; margin-bottom: 10px; }
  .joblisting .smallcaps { text-transform: uppercase; font-size: 9px; }
  #socialshare { width: 48%; float: right; padding: 10px 0px 0px; height: 180px; position: relative; }
  .sliderbutton { display: none; background-color: rgb(211, 239, 240); position: relative; float: left; width: 10px; height: 180px; cursor: pointer; padding: 0px; margin: 0px; }
  #slider { float: left; position: relative; overflow: auto; width: 170px; height: 180px; margin: 0px; padding: 0px; }
  #slider ul { position: absolute; list-style: outside none none; top: 0px; left: 0px; margin: 0px; padding: 0px; }
  #slider li { float: left; width: 175px; height: 180px; margin: 0px; padding: 0px 10px; }
  .pagination { position: absolute; bottom: 0px; height: 10px; color: grey; font-size: 20px; width: 40px; clear: both; margin-left: 60px; }
  .pagination li { float: left; cursor: pointer; margin: 0px 10px 0px 0px; }
  .pagination li:hover, li.current { color: rgb(0, 0, 0); }
  .roundicon { position: relative; float: left; padding: 6px; }
  .roundicon:hover { opacity: 0.5; cursor: pointer; }
  .roundicon img { width: 40px; }
  #featuredjob { width: 45%; position: relative; float: right; font-size: 46px; font-family: "Archer A","Archer B"; font-weight: 400; font-style: normal; line-height: 105%; margin: 0px; }
  #featuredjob a { color: white; }
  #rightcolumnad { width: 45%; position: relative; float: left; }
  #rightcolumnad img { width: 100%; }
  .line { border-top: thin solid black; }
  #authortitle { background-color: white; padding: 10px; margin-bottom: 10px; }
  #author { font-family: "Archer A","Archer B",serif; font-weight: 600; line-height: 0.9em; font-style: normal; font-size: 35px; margin: 0px; padding: 5px 0px; }
  #title { font-family: "Archer A","Archer B",serif; font-weight: 400; line-height: 0.9em; font-style: normal; font-size: 35px; margin: 0px; padding: 5px 0px; }
  #content { clear: right; background-color: white; padding: 15px; }
  .photocaption { font-size: 0.75em; line-height: 1.2em; }
  .storyimage { float: left; background-color: rgb(211, 239, 240); margin: -10px 0px 10px -10px; width: 686px; }
  .storyimage-inner { margin: 10px 0px; float: left; background-color: white; padding: 10px; }
  .article #content img { width: 100%; }
  .article #maincolumn { width: 80%; }
  #share { margin-top: 100px; color: rgb(101, 114, 115); line-height: 160%; }
  .social-count { font-family: "News Cycle",sans-serif; font-size: 20px; }
  .social-text { font-family: "News Cycle",sans-serif; font-size: 8px; text-transform: uppercase; }
  #socialarticle-bottom { margin-top: 15px; background-color: rgb(255, 255, 255); padding: 15px; font-size: 14px; line-height: 130%; font-weight: 700; }
  #authorinfo { margin-top: 15px; background-color: rgb(240, 249, 250); padding: 15px; font-size: 0.75em; min-height: 105px; line-height: 130%; }
  #authorinfo img { position: relative; float: left; width: 105px; height: 105px; margin-right: 15px; }
  #comments { margin-top: 15px; background-color: rgb(240, 249, 250); font-size: 11px; }
  .comment { border-top: thin solid black; padding: 15px; line-height: 130%; }
  .comment-text { position: relative; float: left; width: 70%; margin-right: 15px; }
  .comment-meta { position: relative; float: left; width: 20%; }
  #commentlogin { padding: 8px; font-weight: 700; color: white; background-color: rgb(85, 133, 128); margin-bottom: 15px; }
  #relatedposts { display: none; }
  #navcolumn { width: 29%; font-size: 0.625em; line-height: 130%; position: relative; float: left; padding-top: 10px; background-color: rgb(233, 247, 248); }
  #navcolumn a { float: left; width: 100%; color: black; padding: 2px 5px 3px 6px; }
  #navcolumn a:hover, .current { background-color: rgb(211, 239, 240); }
  #content548 { width: 71%; position: relative; float: left; }
  .topic-item { display: block; position: relative; float: left; width: 180px; height: 180px; background-color: white; padding: 10px; margin: 0px 0px 5px 5px; font-size: 0.75em; line-height: 140%; }
  .topic-item-inner { display: block; overflow: hidden; }
  .topic-item-inner .top { font-size: 0.75em; }
  a .topic-item { color: black; }
  a:hover .topic-item { background-color: rgb(233, 247, 248); }
  .topic-hover { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; font-size: 14px; width: 190px; margin: -10px; padding: 5px; }
  .topic-hover-main { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; font-size: 18px; width: 190px; margin: -10px; padding: 25px 5px; }
  #copyright { width: 100%; clear: both; position: absolute; bottom: 0px; margin-top: 15px; border-top: thin solid black; font-size: 0.625em; }
  #writerlist { font-size: 0.75em; line-height: 130%; -moz-column-count: 2; -moz-column-gap: 2px; }
  #writerlist h4 { text-transform: uppercase; margin: 0px 0px 10px; padding: 0px; }
  #writerlist a { color: black; }
  #writerlist a:hover { color: rgb(85, 133, 128); }
  #writerlist .list { background-color: white; margin: 0px 8px 8px 0px; padding: 10px; }
  .writerphoto { background-size: 110px 110px; position: relative; float: left; width: 110px; height: 110px; margin: 0px 8px 8px 0px; }
  .writername { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 10px; font-size: 0.75em; width: 100px; padding: 5px; font-weight: 600; }
  .writers #maincolumn { width: 80%; }
  a .writername { color: black; }
  .writers .gridicon { margin: 2px 5px 0px 0px; opacity: 0.1; }
  .writers .gridicon:hover { opacity: 0.5; }
  .writers .gridiconon { margin: 2px 5px 0px 0px; opacity: 0.5; }
  .writers .azlist { vertical-align: top; font-size: 14px; color: rgb(204, 204, 204); }
  .writers .azlist:hover { color: black; }
  .writers .azliston { vertical-align: top; font-size: 14px; color: black; }
  #books {  }
  .book-item { clear: both; display: block; width: 95%; padding: 0px; margin: 0px 0px 8px 8px; font-size: 0.75em; line-height: 140%; border: 5px solid white; background-color: white; }
  .book-image { position: relative; float: left; margin-right: 8px; width: 30%; }
  .book-image img { width: 100%; }
  a .book-item { color: black; }
  .book-hover { width: 60%; position: relative; float: left; padding: 5px; }
  .credits p { padding: 15px; background-color: white; margin-bottom: 10px; }
  .contact p { padding: 15px; background-color: white; margin-bottom: 10px; }
  .login p { padding: 15px; background-color: white; margin-bottom: 10px; }
  input[type="text"] { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 0.75em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
  input[type="password"] { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 0.75em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
  textarea { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 0.75em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
  input[type="submit"] { font-family: "Archer SSm A","Archer SSm B",serif; font-weight: 700; font-size: 0.75em; border: 0px none; padding: 8px; color: white; background-color: rgb(85, 133, 128); margin: 0px 0px 8px; }
  .archive #navcolumn { overflow: visible; min-height: 400px; }
  .leftprofile { position: relative; float: left; width: 395px; margin: 0px 8px 0px 0px; }
  .leftprofile textarea { width: 358px; }
  .rightprofile { position: relative; float: left; width: 270px; margin: 0px; }
  .rightprofile input[type="text"] { width: 232px; }
  .profilebox { position: relative; padding: 10px; margin-bottom: 8px; background-color: white; }
  #profilename input[type="text"] { width: 195px; }
}
@media screen and (min-device-width: 992px) {
  body { background-color: rgb(211, 239, 240); font-family: "Archer SSm A","Archer SSm B",serif; font-weight: 500; font-size: 1em; line-height: 150%; margin: 0px; padding: 0px; }
  a { text-decoration: none; color: rgb(48, 145, 156); }
  a:hover { color: rgb(85, 133, 128); }
  .strong { font-weight: 700; }
  #login { background-color: rgb(211, 239, 240); margin: 0px 0px 120px; padding: 0px; width: 100%; border-top: 12px solid black; position: fixed; top: 0px; left: 0px; z-index: 90; }
  #logincontent { position: absolute; right: 0px; display: none; width: 100%; color: white; font-size: 0.625em; background-color: rgb(0, 0, 0); padding: 0px 20% 8px 0px; z-index: 200; }
  .loginlinks { position: relative; float: right; margin-right: 50px; }
  #logincontent img { margin: 5px 0px 0px 2px; }
  .login-expand { position: fixed; z-index: 100; right: 20%; }
  #logincontent a { color: white; }
  #container { clear: both; width: 1003px; margin: 33px auto 15px; position: relative; z-index: 10; }
  #header { background-color: rgb(211, 239, 240); font-size: 0.625em; position: fixed; display: block; width: 1003px; height: 88px; z-index: 900; border-bottom: 0px none; }
  #mobilenav { display: none; }
  .logo { width: 109px; height: 53px; margin: 15px 0px 5px; padding: 0px; position: relative; float: left; }
  .logo img { width: 109px; }
  #leftcolumntop { width: 109px; border-top: thin solid black; margin-right: 8px; position: relative; float: left; margin-top: 13px; visibility: visible; display: block; }
  #pagetitle { font-family: "Archer A","Archer B"; text-align: left; position: relative; float: right; width: 878px; margin: 33px 0px 0px; font-size: 64px; }
  .smalltitle { font-size: 45px ! important; }
  #maincolumntop { width: 686px; border-top: thin solid black; margin-right: 8px; position: relative; float: left; margin-top: 13px; visibility: visible; display: block; }
  #rightcolumntop { width: 192px; border-top: thin solid black; position: relative; float: left; margin-top: 13px; visibility: visible; display: block; }
  .article #pagetitle, .slideshow #pagetitle { font-family: "News Cycle",sans-serif; font-size: 64px; margin: 26px 0px 0px; }
  #main { display: block; clear: both; margin: 65px 0px 0px; z-index: 10; }
  #leftcolumn { width: 109px; margin-right: 8px; position: relative; float: left; padding-top: 5px; }
  #navigation { position: fixed; display: block; font-size: 0.675em; line-height: 145%; }
  #navigation a { color: black; }
  #navigation a:hover, #navigation .current { color: red; }
  #navigation .writers { visibility: visible; }
  #maincolumn { width: 686px; margin-right: 8px; position: relative; float: left; padding-top: 5px; }
  #rightcolumn { clear: none; width: 192px; position: relative; float: left; padding-top: 5px; font-size: 0.625em; border-top: 0px none; margin: 0px; }
  #search { border-top: 0px none; border-bottom: thin solid black; padding: 0px 0px 10px; }
  #search input { font-family: "Archer SSm A","Archer SSm B",serif; width: 172px; padding: 10px; border: medium none; font-weight: 700; background-color: white; }
  #jobs { border-bottom: thin solid black; padding: 10px 0px; width: 100%; }
  .joblisting { color: white; background-color: rgb(196, 219, 220); padding: 5px 15px 5px 5px; margin: 5px 0px 8px; }
  .joblisting:hover { background-color: rgb(85, 133, 128); }
  .joblisting .smallcaps { text-transform: uppercase; font-size: 9px; }
  #jb_list_mini li { color: white; background-color: rgb(196, 219, 220); padding: 5px 15px 5px 5px; margin: 5px 0px 8px; }
  #jb_list_mini li:hover { background-color: rgb(85, 133, 128); }
  #jb_title {  }
  #socialshare { border-bottom: thin solid black; padding: 10px 0px 0px; height: 180px; position: relative; width: 100%; }
  .sliderbutton { display: block; background-color: rgb(211, 239, 240); position: relative; float: left; width: 10px; height: 180px; cursor: pointer; padding: 0px; margin: 0px; }
  #slider { float: left; position: relative; overflow: auto; width: 170px; height: 180px; margin: 0px; padding: 0px; line-height: 110%; }
  #slider ul { position: absolute; list-style: outside none none; top: 0px; left: 0px; margin: 0px; padding: 0px; }
  #slider li { float: left; width: 150px; height: 180px; margin: 0px; padding: 0px 10px; }
  .pagination { position: absolute; bottom: 0px; height: 10px; color: grey; font-size: 1.25em; width: 60px; clear: both; margin-left: 60px; }
  .pagination li { float: left; cursor: pointer; margin: 0px 10px 0px 0px; }
  .pagination li:hover, li.current { color: rgb(0, 0, 0); }
  .roundicon { position: relative; float: left; margin: 6px 8px 8px 0px; padding: 0px; }
  .roundicon:hover { opacity: 0.5; cursor: pointer; }
  .roundicon img { width: 42px; }
  #featuredjob { width: 100%; font-size: 46px; font-family: "Archer A","Archer B"; font-weight: 400; font-style: normal; line-height: 105%; margin: 20px 0px; }
  #featuredjob a { color: black; }
  #rightcolumnad { width: 100%; margin-top: 10px; }
  #rightcolumnad img { width: 192px; }
  .article #maincolumn { width: 686px; }
  #authortitle { background-color: white; padding: 10px; margin-bottom: 10px; }
  #author { font-family: "Archer A","Archer B",serif; font-weight: 600; line-height: 0.95em; font-style: normal; font-size: 55px; margin: 5px 0px; padding: 5px 0px; }
  #title { font-family: "Archer A","Archer B",serif; font-weight: 400; line-height: 0.95em; font-style: normal; font-size: 55px; margin: 5px 0px; padding: 5px 0px; }
  #audio { background-color: white; padding: 10px; margin-bottom: 8px; }
  #video { background-color: white; padding: 10px; margin-bottom: 8px; }
  #content { background-color: white; padding: 15px; }
  .article #content img { width: auto; max-width: 666px; margin-bottom: 5px; }
  #topimage { margin: 0px 0px 8px; background-color: white; padding: 10px; }
  #topimage img { width: auto; max-width: 666px; }
  .photocaption { font-size: 0.75em; line-height: 1.2em; }
  .articleimg { clear: both; margin: -10px; padding: 10px; border-top: 8px solid rgb(211, 239, 240); border-bottom: 8px solid rgb(211, 239, 240); }
  .storyimage { float: left; background-color: rgb(211, 239, 240); margin: -10px 0px 10px -10px; max-width: 666px; }
  .storyimage-inner { margin: 10px 0px; float: left; background-color: white; padding: 10px; }
  .shareicon { position: relative; float: left; margin: 0px 5px 8px 0px; }
  a.login img { opacity: 0.4; }
  .relatedpost { background-size: 140px 140px; width: 140px; height: 140px; position: relative; margin: 4px 0px 8px; }
  .relatedtitle { display: block; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 10px; font-size: 13px; width: 130px; padding: 10px 5px 20px; line-height: 130%; }
  #relatedposts { display: block; }
  #relatedposts a { color: black; }
  #navcolumn { width: 157px; font-size: 11px; line-height: 130%; position: relative; float: left; padding: 10px 0px; background-color: rgb(233, 247, 248); }
  #navcolumn a { float: left; width: 100%; color: black; padding: 2px 5px 3px 6px; }
  #navcolumn a:hover, .current { background-color: rgb(211, 239, 240); }
  #content548 { width: 528px; position: relative; float: left; }
  .topic-item { display: block; position: relative; float: left; width: 236px; height: 236px; background-color: white; padding: 10px; margin: 0px 0px 8px 8px; font-size: 0.875em; line-height: 150%; }
  .topic-item-inner { display: block; width: 236px; height: 236px; overflow: hidden; }
  .topic-item-inner .top { font-size: 1.125em; }
  a .topic-item { color: black; }
  a:hover .topic-item { background-color: rgb(233, 247, 248); }
  .topic-hover { display: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; font-size: 1.25em; width: 246px; margin: -10px; padding: 20px 5px; line-height: 140%; }
  a:hover .topic-hover { display: block; }
  .topic-hover-main { display: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; font-size: 28px; width: 246px; margin: -10px; padding: 25px 5px; line-height: 140%; }
  a:hover .topic-hover-main { display: block; }
  #share { margin-top: 100px; color: rgb(101, 114, 115); line-height: 160%; }
  .social-count { font-family: "News Cycle",sans-serif; font-size: 1.25em; }
  .social-text { font-family: "News Cycle",sans-serif; font-size: 8px; text-transform: uppercase; }
  #socialarticle-bottom { color: rgb(48, 145, 156); margin-top: 15px; background-color: rgb(255, 255, 255); padding: 15px; font-size: 0.875em; line-height: 130%; font-weight: 700; }
  #authorinfo { margin-top: 15px; background-color: rgb(240, 249, 250); padding: 15px; font-size: 0.75em; min-height: 105px; line-height: 130%; }
  #authorinfo img { position: relative; float: left; width: 105px; height: 105px; margin-right: 15px; }
  #comments { margin-top: 15px; background-color: rgb(240, 249, 250); font-size: 0.875em; }
  .comment { border-top: thin solid black; padding: 15px; line-height: 150%; }
  .comment-text { position: relative; float: left; width: 500px; margin-right: 15px; }
  .comment-meta { position: relative; float: left; width: 140px; }
  #commentlogin { padding: 8px; font-weight: 700; color: white; background-color: rgb(85, 133, 128); font-size: 14px; cursor: pointer; }
  #commenttext { width: 672px; height: 200px; }
  #relatedposts { position: fixed; right: -200px; bottom: 15%; }
  #copyright { width: 100%; clear: both; position: absolute; bottom: 0px; margin-top: 15px; border-top: thin solid black; font-size: 0.625em; }
  .writers #maincolumn { width: 686px; }
  .writerlist { margin: 5px 8px 0px 0px; font-size: 0.75em; line-height: 130%; position: relative; float: left; width: 162px; }
  .writerlist h4 { text-transform: uppercase; }
  .writerlist a { color: black; }
  .writerlist a:hover { color: rgb(85, 133, 128); }
  .writerlist .list { background-color: white; margin: 0px 0px 8px; padding: 10px; }
  .writerphoto { background-size: 129px 129px; position: relative; float: left; width: 129px; height: 129px; margin: 0px 8px 8px 0px; }
  .writername { display: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 10px; font-size: 14px; width: 119px; padding: 5px; }
  a .writername { color: black; }
  a:hover .writername { color: black; text-decoration: none; display: block; }
  .writers h4 { margin: 0px 0px 10px; padding: 0px; }
  .writers .gridicon { margin: 2px 8px 0px 0px; opacity: 0.1; }
  .writers .gridicon:hover { opacity: 0.5; }
  .writers .gridiconon { margin: 2px 8px 0px 0px; opacity: 0.5; }
  .writers .azlist { vertical-align: top; font-size: 14px; color: rgb(204, 204, 204); }
  .writers .azlist:hover { color: black; }
  .writers .azliston { vertical-align: top; font-size: 14px; color: black; }
  #books { -moz-column-count: 3; -moz-column-gap: 2px; -moz-column-fill: auto; }
  #books .bookitem {  }
  .book-item { display: block; position: relative; float: left; width: 155px; padding: 0px; margin: 0px 0px 8px 8px; font-size: 0.75em; line-height: 140%; border: 5px solid white; }
  .book-image img { width: 155px; }
  a .book-item { color: black; }
  .book-hover { display: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 25px; width: 145px; padding: 5px; }
  a:hover .book-hover { display: block; }
  #competitionbooks { -moz-column-count: 2; -moz-column-gap: 2px; }
  .competition-item { position: static; display: block; float: none; width: 245px; padding: 0px; margin: 0px 0px 8px 8px; font-size: 14px; line-height: 140%; border: 5px solid white; }
  .competition-image { width: 100%; }
  .competition-image img { width: 245px; margin: 0px 0px -5px; }
  a .competition-item { color: black; }
  .competition-hover { display: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; position: absolute; bottom: 15px; width: 235px; padding: 5px; }
  .competition-item:hover .competition-hover { display: block; }
  .competitiontitle { margin-left: 10px; }
  .competitiontext { background-color: white; margin: 10px; padding: 10px; }
  #slideshowcontentinner { padding: 0px; width: 550px; margin: 0px; position: relative; float: left; }
  #slideshowcontentinner img { width: auto; height: auto; max-width: 534px; border: 8px solid white; }
  #slideshowtitle { background-color: white; padding: 10px; margin-bottom: 10px; }
  #slideshowtitle h1, #slideshowtitle h2 { font-size: 34px; line-height: 120%; margin: 0px; padding: 0px; }
  #slideside { position: relative; float: right; margin-left: 8px; width: 126px; font-size: 0.75em; }
  #slidenav { display: block; border-top: thin solid black; border-bottom: thin solid black; padding: 10px 0px; text-align: right; margin-bottom: 10px; font-size: 11px; font-weight: 700; }
  .prevslide { font-size: 16px; margin-left: 5px; position: relative; left: 0px; }
  .nextslide { font-size: 16px; margin-left: 5px; position: relative; right: 0px; }
  #slidenav a, #slidenav a:hover { color: black; }
  #slidenavleft { position: relative; float: left; }
  #slidenavright { position: relative; float: right; }
  #slidenav .grid { margin: 5px 0px 0px 5px; opacity: 0.1; }
  #slidenav .grid:hover { opacity: 0.5; }
  #slidecaption { background-color: white; padding: 10px; line-height: 120%; }
  #slideshowcontentgrid { padding: 0px; width: 550px; margin: 0px; position: relative; float: left; }
  #slideshowcontentgrid img { position: relative; float: left; width: 108px; border: 8px solid white; margin: 0px 10px 10px 0px; }
  .credits p { padding: 15px; background-color: white; margin-bottom: 8px; }
  .contact p { padding: 15px; background-color: white; margin-bottom: 8px; }
  .login p { padding: 15px; background-color: white; margin-bottom: 8px; }
  .archive p { padding: 10px; background-color: white; width: 95%; font-size: 0.75em; margin: 0px 0px 8px 5px; line-height: 120%; }
  .archive .authorphoto { position: relative; float: left; width: 100px; margin-right: 10px; }
  .archive .authorbio { position: relative; float: left; width: 380px; font-size: 1em; line-height: 130%; }
  .archive .authorname { font-size: 20px; line-height: 140%; }
  .archive .authorphoto img { padding: 0px 10px 10px 0px; width: 90px; position: relative; float: left; }
  .archive #content input[type="text"] { background-color: white; border: thin solid rgb(221, 221, 221); font-size: 20px; width: 90%; }
  .archive #navcolumn { width: 137px; padding: 10px; overflow: visible; min-height: 400px; }
  .archive #navcolumn a { margin: 0px -10px; padding: 3px 10px; }
  .archive h2 { font-size: 32px; font-weight: 400; padding: 0px; margin: 0px; line-height: 120%; }
  .archive #content548 { width: 518px; float: right; }
  .archivecontent { background: white none repeat scroll 0% 0%; padding: 10px; margin-left: 8px; margin-bottom: 8px; font-size: 0.75em; line-height: 135%; }
  .archivecontent h3 { padding: 10px 0px 20px; margin: 0px; font-size: 38px; font-weight: 400; line-height: 120%; }
  .profilelink { font-size: 11px; letter-spacing: 0.1em; }
  a.anchor { display: block; position: relative; top: -130px; visibility: hidden; }
  .archive #navcolumn { position: fixed; }
  .archive #navcolumn input[type="text"] { font-size: 1em; }
  input[type="text"] { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 1em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
  input[type="password"] { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 1em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
  textarea { font-family: "Archer SSm A","Archer SSm B",serif; font-size: 1em; border: 0px none; background-color: rgb(221, 221, 221); padding: 8px; margin: 0px 0px 8px; }
  input[type="submit"] { font-family: "Archer SSm A","Archer SSm B",serif; font-weight: 700; font-size: 1em; border: 0px none; padding: 8px; color: white; background-color: rgb(85, 133, 128); margin: 0px 0px 8px; }
  .archive #navcolumn { display: block; }
  .profile-interest input[type="checkbox"] { border: 0px none; width: 30px; height: 30px; background: rgb(221, 221, 221) none repeat scroll 0% 0%; margin: 10px auto; position: relative; }
  .profile-interest input[type="checkbox"]:checked { opacity: 1; }
  .interestlist { -moz-column-count: 3; -moz-column-gap: 2px; }
  #profileimage { width: 118px; height: 118px; margin-right: 8px; position: relative; float: left; }
  #profileimageinner { background-size: 117px 117px; background-repeat: no-repeat; width: 117px; height: 117px; position: relative; }
  .leftprofile { position: relative; float: left; width: 400px; margin: 0px 8px 0px 0px; }
  .leftprofile textarea { width: 362px; margin: 5px 0px; }
  .rightprofile { position: relative; float: left; width: 277px; margin: 0px; }
  .rightprofile input[type="text"] { width: 240px; margin: 5px 0px; }
  .profilebox { position: relative; padding: 10px; margin-bottom: 8px; background-color: white; }
  #profilename input[type="text"] { width: 214px; }
  #profileimglink { font-size: 14px; font-weight: 600; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; padding: 10px; position: absolute; bottom: 5px; }
  .designjob { position: relative; float: left; margin: 0px 25px 10px 0px; padding: 30px 0px 0px; width: 196px; height: 166px; }
  .jobtitle { display: block; margin: 10px; }
  .designjoblogo { display: none; padding: 0px; margin: 0px; top: 0px; left: 0px; position: absolute; }
  .designjob:hover .jobtitle { display: none; }
  .designjob:hover .designjoblogo { display: block; }
  .dj-jobtitle { font-weight: 400; font-size: 34px; letter-spacing: -0.03em; line-height: 125%; }
  .dj-jobtitlesc { text-transform: uppercase; font-size: 28px; }
  .designjob a { color: black; }
}
.cf::before, .cf::after { content: " "; display: table; }
.cf::after { clear: both; }
.cf {  }
.button { background-color: rgb(48, 145, 156); color: white; padding: 10px; margin-right: 10px; margin-top: 10px; }
.advertisewithus { display: none; }
@media screen and (min-width: 680px) {
  .advertisewithus { display: block; }
}
@media screen and (min-width: 880px) {
  .logo { clear: left; }
}
@media screen and (max-width: 1024px) {
  .secondad { display: none; }
}
.secondad { position: relative; float: right; }