@charset "UTF-8";
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,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
input { -webkit-appearance:none; -webkit-border-radius: 0; }
input::-moz-focus-inner /*Remove button padding in FF*/
{
    border: 0;
    padding: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

.dropcap { font-family: franklin-gothic-urw; font-size: 123px; line-height: 0px; float: left; padding: 47px 10px 30px 0px; margin-left: -5px;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
body { font-family: "Georgia", Times New Roman, serif; font-size: 20px; line-height: 1.66667; }.holder { overflow: hidden; }.bodyrow.embed { margin: 30px 0; padding: 20px 0; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid;  }
.latest { font: 300 13px/20px "franklin-gothic-urw"; padding: 6px 0; border-bottom: 1px #CCC solid; margin: 0 0 12px 0; white-space:nowrap; overflow: hidden; position: relative; }
.latest strong { font-weight: 700; color: #B5121B; text-transform: uppercase; padding: 0 4px 0 0; }
.latest a { color: #000; }
.latest a:hover { text-decoration: underline; }
.latest a.more { position: absolute; right: 0; padding: 5px 0; background: url(/images/template/fadewhite.png) repeat-y right top; color: #B5121B; width: 65px; text-align: right; }
.latest img { width: 5px; height: 8px; }
.listing .latest-list .feature { border: 0; padding: 0; margin: 0; }
.latest-list h3 { font-size: 32px; line-height: 32px; border-top: 1px #CCC solid; padding: 20px 0 15px 0; margin: 25px 0 0 0; }
.latest-list h3:hover { text-decoration: underline; }
.latest-list h3:first-of-type { border-top: 0; padding: 0 0 15px 0; }
.about.simple .bumper { margin-bottom: 10px; }
.about.simple .featured li { margin: 0 0 8px 0; }
.about.simple .featured li strong { font-style: italic;  }

article.latest-list h4 { font-weight: 700; color: #666; font-size: 14px; text-transform: none; letter-spacing: 0; padding: 0 0 16px 0; border: 0; margin: 0; }
div.sites-of-interest { margin: 5px 0 10px; font-size: 9px; text-align: center; color: #CCC; font-family: Helvetica, sans-serif; }
div.sites-of-interest a { color: #AAA;  }
.feature figure { width: 50%; float: right; font: 300 13px/17px "franklin-gothic-urw"; margin: 5px 0 20px 30px; }
.feature figure img { display: block; margin-bottom: 6px; }

.profile { padding-bottom: 25px; border-bottom: 3px #CCC dotted; margin-bottom: 20px; }
.profile p { font-size: 20px; line-height: 24px; }
.profile img { margin-top: 18px; }
.content-body.archives h4 { margin-bottom: 15px; margin-top: 20px; }
.archives .paginate { padding-top: 25px; }
.archives .row .quarter { margin-bottom: 22px; }
.formright select { width: 150px; margin: 20px auto; font-size: 22px; display: block; }
.archives .paginate .center { text-align: center; }
.archives .paginate .right { text-align: right; }
.feature .paginate { text-align: center; margin: 10px 0 20px; font: 300 13px/20px "franklin-gothic-urw"; }
.disclaimer p { display: inline-block; text-align: center; color: #999; margin-top: 0.5em; font-weight: normal; }

strong { font-weight: bold; }

.feature .paginate a, .feature .paginate span { padding: 0 5px; }
.feature .paginate a { padding: 5px 10px; background: #CCC; border-radius: 6px; margin-right: 10px; }
.feature .paginate a:hover { background: #666; color: #FFF; }
.content-body { margin: 50px 50px 0px 0px; }
.content-body.archives h3 a { color: #000; }
.content-body.archives .row { margin-bottom: 5px; margin-top: 5px; }
.content-body.archives .date { font: bold 14px/18px "franklin-gothic-urw"; color: #999; }
.content-body ul { margin: 0 0 15px 30px; }
.content-body ul li { list-style: square; margin: 0 0 5px 0; }
.latest-list h5 { font-size: 14px; margin: 20px 0 30px 0; }
.latest-list p { margin: 0 0 10px 0; }
article.latest-list h5 a { background: #999; color: #FFF; padding: 4px 10px; }
article.latest-list h5 a:hover { background: #777; }
.feature { margin-bottom: 20px; position: relative;}
.feature h1 { margin-bottom: 5px; }
article .author a { color: #415D78; }
.feature .content-body p strong, .feature  { "Georgia", Times New Roman, serif; font-size: 20px; line-height: 1.66667; }article .author a:hover { text-decoration: underline; }
.content-body h6 { "Georgia", Times New Roman, serif; font-size: 28px; line-height: 1.66667; }article .author a:hover { text-decoration: underline; }
.feature .content-body form { margin: 20px 0; }
h5.datetime { clear: both; }
h1.name { text-align: center; font-size: 54px; line-height: 50px; margin: 20px 0; }
#freeform label { display: block; font: 18px/20px 'franklin-gothic-urw-cond'; float: left; width: 220px; text-align: right; margin: 10px 15px 0 0;color: #555;  }
#freeform input[type="text"] { width: 300px; font: 22px/25px 'franklin-gothic-urw'; border: 1px #999 solid; padding: 5px; }
.blog-edit-form .row { margin-bottom: 15px; }
.blog-edit-form label { font: bold 13px/18px 'franklin-gothic-urw'; text-transform: uppercase; padding-top: 4px; }
.blog-edit-form input[type="text"], .blog-edit-form textarea { width: 94%; font: 16px/20px 'franklin-gothic-urw'; border: 1px #CCC solid; padding: 3px; }
.feature .content-body textarea { width: 300px; padding: 5px; }
.feature .content-body .blog-edit-form textarea { width: 94%; padding: 3px; height: 60px;}
.feature .content-body .instructions { margin: 0 0 20px 235px; font-style: italic; font-size: 14px; }
.middle .contributors.list p { margin-bottom: 15px; }
.feature h1.article-headline { font-size: 38px; line-height: 40px; margin: 0 0 8px 0; }
.feature h1.standalone { font-size: 46px; line-height: 42px; margin: 20px 0 20px 0; }
.feature p.article-deck { font: 500 20px/23px "franklin-gothic-urw" !important; padding: 0 80px 8px 0; color: #636466;  }
.feature .content-body table { margin: 0 0 20px 0; }
.feature .demotable img { width: auto; }
h2.sechead-ad-online, h2.sechead-ad-demo, h2.sechead-ad-contact { margin: 30px 0 20px; text-align: center; text-transform: uppercase;}
.feature .demotable h3 { margin: 20px 0 10px 0; text-align: center; }
.feature .demotable p { font: 12px/18px Helvetica, Arial, sans-serif; padding-top: 5px;  }
.demotable { margin-bottom: 20px; }
.demotable td,
.feature .content-body table td { vertical-align: top; }
.feature p { margin-bottom: 3px; font-size: 18px; line-height: 20px; }
.feature .content-body p { font-size: 20px; line-height: 1.66667; }
.feature p.photo-caption { font: italic 400 13px/17px "franklin-gothic-urw"; margin: 0 0 15px 0; }
h5.article-dateline { font: normal 700 12px/20px "franklin-gothic-urw"; color: #B5121B; }
.subfeature { margin-bottom: 15px; }
.subfeature h3 { font-size: 14px; line-height: 16px; }
.contributors a:hover p, a:hover h1, a:hover h3, .working a:hover h3 strong { text-decoration: underline; }
.contributors a:hover h3, .working a:hover h3 { text-decoration: none; }
.subpage .contributors h3 { font-size: 16px; }
.subpage .contributors p { font: normal 700 18px/21px "franklin-gothic-urw"; }
#cartoon_archive img { width: 100%; }
#cartoon_archive .cartoon_thumb { width: 46%; float: left;  }
#cartoon_archive .cartoon_thumb a:hover { border-color: #000;  }
#cartoon_archive .cartoon_thumb a { display: block; border: 1px #999 solid; margin: 0 15px 15px 0;}
.comics h1 { text-align: center; margin: 15px 0 10px 0; font-size: 42px; line-height: 40px; }
span.right { position: absolute; right: 0; top: 0; }
.comics h2 { margin: 20px 0 10px 0; position: relative; }
.feature .content-body .right form { margin: 0; }
div.hidden { display: none; }
h1, h2 { font: 700 27px/29px "franklin-gothic-urw"; }
h3 { font: 700 18px/20px "franklin-gothic-urw"; }
article .microarchive h3 { font-size: 13px; line-height: 15px; margin: 8px 0 3px 0; }
article .microarchive p { font-size: 13px; line-height: 15px; }
.microarchive a { display: block; }
.moreby { border-top: 1px #BCBEC0 solid; border-bottom: 1px #BCBEC0 solid; padding: 15px 0; margin: 20px 0; min-height: 75px; }
.moreby p { font: italic 400 13px/17px "franklin-gothic-urw"; }
.moreby h2 { font: 700 14px/20px "franklin-gothic-urw-cond"; text-transform: uppercase; color: #415D78; }
article .microarchive h4 { color: #B5121B; border: 0; }
article h6 { font: 700 12px/18px "franklin-gothic-urw"; letter-spacing: 2px; text-transform: uppercase; text-align: right; border-bottom: 1px #CCC solid; margin: 10px 0 0 0; padding-bottom: 10px; }
article .content-body h6 { text-align: left; border-bottom: 0; padding-bottom: 12px; letter-spacing: 0; margin: 20px 0 0 0; text-transform: none; }
.working h3 { font-size: 15px; line-height: 17px; color: #000; }
.working a { display: block; margin: 5px 0 10px; }
.working span { margin: 0 0 0 7px; }
.search { position: absolute; right: 24px; top: 40px; width: 30%; }
.social { width: 100%; overflow: hidden; }
.social a { display: block; width: 24px; height: 24px; background: url(/images/template/facebook.png) no-repeat; text-indent: -9999px; float: left; margin: 0 10px 5px 0; }
.social a.twitter { background: url(/images/template/twitter.png) no-repeat; }
.social a.feed { background: url(/images/template/feed.png) no-repeat; }
.contributors h3 { font: 700 13px/16px "franklin-gothic-urw-cond", "Arial Narrow", Helvetica, Arial, sans-serif; color: #415D78; text-transform: uppercase; letter-spacing: 1px; }
.contributors a { min-height: 70px; display: block; }
.contributors a.more { min-height: 0; text-align: right; color: #B5121B; letter-spacing: 2px; }
.list a.more { padding: 0 12px 0 0; margin-top: 20px; background-position: right 1px; }
.contributors p { font: 700 15px/18px "franklin-gothic-urw-cond"; }
.list a.more.button { display: inline-block; margin-left: 160px; }
.listing article .list a.more.button { min-height: 20px; margin-bottom: 25px;  }
.more, .list a.more.button, article .content-body a.more { font: 700 11px/11px "franklin-gothic-urw"; color: #B5121B; text-transform: uppercase; letter-spacing: 1px; background: url(/images/template/more-arrow.png) no-repeat right 2px; padding-right: 12px; text-decoration: none; }
article .content-body a.more { margin-bottom: 30px; }
.microarchive .more { font-size: 10px; background-size: auto 60%; background-position: right 3px; }
h4, nav { font: 900 13px/18px "franklin-gothic-urw"; }
aside h4, article h4 { font-size: 15px; border-top: 1px #CCC solid; padding: 10px 0 5px; }
aside h4 { margin-top: 20px; float: left; width: 100%; overflow: hidden;  }
aside h2 { margin: 0 0 10px 0; }
aside h4.sidelatest { color: #000; font-size: 13px; font-weight: 700; letter-spacing: 1px; }
aside ol { padding: 0 0 0px 0; margin: 0 0 20px 0; border-bottom: 0px #CCC solid; float: left; width: 100%;  }
aside .authors ul { overflow: hidden; margin: 0 0 25px 0; }
aside .authors li { float: left; width: 50%; margin: 0 0 4px 0; font: 13px/16px 'franklin-gothic-urw';}
aside .authors li a { color: #000; }
aside .authors li.end { margin-top: 10px; }
aside .authors li a.more { color: #B5121B; }
aside .authors li a:hover { text-decoration: underline; }
.authors h5 { margin: 25px 0 30px 0; }
aside .admin ul > li span a { display: inline; color: #900; font: 400 14px/18px 'franklin-gothic-urw'; }
.admin ul { margin: 0 0 30px 0; }
.admin ul li { margin: 4px 0; font: 400 14px/17px 'franklin-gothic-urw'; }
.admin a { color: #333; }
aside ol { list-style-type: none; margin-left: 0; }
aside ol > li { counter-increment: customlistcounter; position: relative; padding: 3px; }
aside ol > li a { font: 400 16px/18px "franklin-gothic-urw-cond"; padding-left: 20px; display: block; color: #333; }
aside ol > li a:hover { color: #000; text-decoration: underline; }
aside ol > li:before { font-family: "museo-slab"; content: counter(customlistcounter) " "; font-weight: bold; position: absolute; width: 40px; color: #B5121B; font-size: 15px; top: 4px; }
aside ol:first-child { counter-reset: customlistcounter; }
aside ol li { *list-style: decimal; }
aside .admin ul li { }
#homesqad2 { text-align: center; }
div.buttonsWrap { display: none; }
.content-body p { margin: 0 0 12px 0; }

.cover ul { margin: 0 0 10px 120px; }
.cover { position: relative; font: 700 14px/16px "franklin-gothic-urw"; min-height: 140px; }
.cover a { color: #000; }
.cover li { background: url(/images/template/red-arrow.png) no-repeat 0 5px; padding: 0 0 4px 12px; }
.cover img { position: relative; float: left; margin: 0 0 20px 0; }
.cover li.full { background: none; font-size: 10px; color: #666; text-transform: uppercase; }
.cover li.full a { color: #636466; }
.cover .button { margin: 0 -5px 0 0; background: #B5121B; padding: 5px 10px; color: #FFF; font: 900 12px/16px "museo-slab"; text-transform: uppercase; border-radius: 3px; letter-spacing: 1px; }

.tease { font: 400 13px/15px "franklin-gothic-urw"; color: #333; display: block; margin: 0 0 35px 0; }
.tease strong { font-weight: 700; text-transform: uppercase; }
.video { position: relative; }
.video span { display: block; opacity: 0.8; position: absolute; width: 100%; height: 51px; top: 43%; background: url(/images/template/youtube-play-button.png) no-repeat center center; }
.video:hover span { opacity: 1;}
.video p { font-weight: 700; font-size: 14px; line-height: 17px;  }
.content-body p.videobox { position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 10px 0 10px 0;
}
.videobox object,
.videobox embed, .videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#contact_form .input, #contact-main textarea, #tellafriend_form .input, #tellafriend_form textarea { width: 235px; display: block; padding: 3px; margin: 0 0 3px 0; border: 1px #999 solid; font: 12px/16px Helvetica, Arial, sans-serif; color: #333; }
#contact_form form, #tellafriend_form form { width: 520px; padding: 15px 0 0 0; }
#contact_form label, #tellafriend_form label { display: block; margin: 8px 0 2px 0; padding: 0; color: #666; font: 700 11px/13px "franklin-gothic-urw"; text-transform: uppercase; }
#tellafriend_form h3 { text-align: center; margin: 0; padding: 10px 0 10px 0; font-size: 24px; color: #B5121B; text-transform: uppercase; }
#tellafriend_form .captcha img { float: left; width: auto !important; max-width: auto !important; }
#tellafriend_form .captcha .input { float: left; width: 80px; margin-left: 10px; font-size: 19px; }
#tellafriend_form .submit, #freeform input[type="submit"] { margin: 10px auto; width: 120px; border: 0; background: #555; color: #FFF; border-radius: 10px; font-size: 14px; padding: 6px 10px; text-align: center; display: block; font: 15px/18px "franklin-gothic-urw"; }
#freeform input[type="submit"] { margin: 10px 0; }
#tellafriend_form .submit:hover { cursor: pointer; background: #333; }
#contact_form textarea, #tellafriend_form textarea { color: #333; height: 60px; width: 235px; display: block; }
#contact_form fieldset, #tellafriend_form fieldset { width: 256px; float: left; border: 0; padding: 0; }
#contact_form p, #tellafriend_form p { margin: 0; padding: 0; }
#tellafriend_form > p { width: 100%; float: left; }
#tellafriend_form .right { padding: 0; }
#tellafriend_form .caption { clear: both; color: #666; font-size: 12px; text-align: center; margin: 0; padding: 8px 0 4px 0; }
.print a, .email a { background: url(/images/template/print.png) no-repeat center top; display: block; width: 46px; height: 18px; padding: 40px 0 0 0; text-align: center; font: 11px/16px Helvetica, Arial, sans-serif; margin-left: 3px; opacity: 0.6; color: #000; }
.email a  { background: url(/images/template/mail.png) no-repeat center top; padding: 34px 0 0 0; }
.print a:hover, .email a:hover { opacity: 0.8; text-decoration: none; }
.buttonsHoriz { overflow: hidden; padding: 0 0 30px 0;}
article .content-body .buttonsHoriz a { color: #FFF; text-decoration: none; }

.buttonsHoriz .print a, .buttonsHoriz .email a { background: url(/images/template/print-sm.png) no-repeat left top; width: auto; height: 25px; padding: 0 0 0 24px; text-align: left; margin: 2px 5px 0 0; }
.buttonsHoriz .email a  { background: url(/images/template/mail-sm.png) no-repeat 0 -2px; padding: 0 0 0 24px; }
.buttonsHoriz > div.tweetmemeBtn { margin: 0; }
.buttonsHoriz { display: block; width: 100%; height:40px; margin-top: 15px; }
.buttonsHoriz > div { float: left; margin: 0 20px 0 0; display: block; height: 40px; position: relative; z-index: 100; }
.buttonsHoriz > div.fb-like { z-index: 99; }

ul.blogs { font: 400 14px/16px "franklin-gothic-urw"; padding: 0 0 15px 0; border-bottom: 1px #CCC solid; margin-bottom: 20px; }
ul.blogs a { color: #000; display: block; }
ul.blogs a:hover { color: #666; }
ul.blogs li { margin-bottom: 10px; }
ul.blogs strong { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 10px 0 3px 0; }
p.blurb { margin: 15px 0 20px 0; font-size: 20px; line-height: 25px; }
h1.masthead-working { display: block; text-indent: -9999px; overflow: hidden; background: url(/images/2011/headers/BlogHed_working.gif) no-repeat top left; width: 600px; height: 139px; padding: 0 0 10px; margin: 20px 0 20px 0; }
h1.masthead-ittlist { display: block; text-indent: -9999px; overflow: hidden; background: url(/images/2011/headers/BlogHed_ittlist.gif) no-repeat top left; width: 600px; height: 119px; padding: 0 0 10px; margin: 20px 0 20px 0; }
h1.masthead-dulynoted { display: block; text-indent: -9999px; overflow: hidden; background: url(/images/2011/headers/BlogHed_duly.png) no-repeat top left; width: 600px; height: 137px; padding: 0 0 10px; margin: 20px 0 20px 0; }
h1.masthead-prisoncomplex { display: block; text-indent: -9999px; overflow: hidden; background: url(/images/2011/headers/prisoncomplex.png) no-repeat top left; width: 600px; height: 104px; padding: 0 0 10px; margin: 20px 0 20px 0; }
h1.masthead-uprising { display: block; text-indent: -9999px; overflow: hidden; background: url(/images/2011/headers/BlogHed_uprising.png) no-repeat top left; width: 599px; height: 113px; padding: 0 0 10px; margin: 20px 0 20px 0; }
.blog .content-body h1 { font: 48px/44px "minion-pro"; margin: 0 0 20px 0; }
.blog .content-body h1 a { color: #333; text-decoration: none; }
.blog .content-body h5 { margin: 30px 0 5px 0; }
article .content-body a.redlink { color: #900; }

h4, h5 { text-transform: uppercase; letter-spacing: 2px; }
h5, .author { font: 700 11px/14px "franklin-gothic-urw"; color: #415D78; letter-spacing: 1px; margin: 5px 0 3px 0; text-transform: uppercase; display: block; }
.feature h5 { margin: 8px 0 0 0; }
h3 .author { display: inline; }
.microarchive h5 { font-size: 10px; margin: 3px 0 10px;}
article h6 a, article p a, article h4 a, h4 a, h4 { color: #B5121B; }
article a { color: #000; }
article p a { color:#415C78; text-decoration: underline; }
article h1.bumper a { color: #FFF; }
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{ content:''; content:none; }
a { color: #B5121B; text-decoration: none;  }
a, a span { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
img { width: 100%; height: auto; }
.moreby img, .cover img, li img { width: auto; }
#slideshow li img { width: 100%; height: auto; display: block; margin: 0 auto; }
.moreby img { float: left; margin: 0 10px 10px 0; }
.checkout { margin: 0 0 25px 0; }
.checkout h3 { color: #B5121B; text-transform: uppercase; font-size: 17px; font-weight: 900; margin: 0 0 5px 0; }
.checkout ul li { font: 700 15px/18px "franklin-gothic-urw"; background: url(/images/template/red-arrow.png) no-repeat 0 8px; padding: 4px 0 4px 12px; height: auto; text-align: left; }
.blogimageright { float: right; margin: 0 0 20px 20px; width: 250px; }

.list { font-size: 16px; line-height: 22px; }
.list { position: relative; float: left; width: 100%; }
.list h3 { margin: 0 0 4px 0; line-height: 1.1; }
.list h3, .list p, .list h5, .list h4 { padding-left: 80px; }
.listing .list h3, .listing .list p, .listing .list h5 { padding-left: 160px; }
.listing.archives .list .paginate h3 { font-size: 18px; padding: 0; }
.archives .list .paginate { padding-top: 0; }
.archives.listing article .list .paginate a { min-height: 0; padding: 0; }
.listing h4 { float: left; width: 100%; margin-top: 25px; }
.listing .feature h4 { border: 0; text-align: center; margin-top: 0; }
.listing h4.features { border: 0; margin-top: 0; }
.list h4 { font: italic 400 13px/18px "franklin-gothic-urw-cond"; border: 0; padding: 2px 0 2px 80px;  margin: 0; color: #777; }
.list li { position: relative; }
.list img { position: absolute; top: 13px; }
.list a { color: #000; display: block; padding: 10px 0 0 0; }
.contributors.list a { display: inline; min-height: auto; }
.contributors.list li { min-height: 80px; float: left; width: 100%; }
.contributors.list li img { top: 0;}
.listing .list a { padding: 10px 0; }
.listing .list a.more { padding: 0 12px 0 0; }
article .list a { min-height: 70px; }
.listing article .list a { min-height: 90px; }
.footer-logo, .logo a { width: 458px; height: 59px; background: url(/images/itt-logo.png) no-repeat; text-indent: -9999px; overflow: hidden; margin: 25px 0 10px; float: left; background-size: 93%; display: block; }
.logo { position: relative; width: 465px; height: 104px; margin-bottom: 10px; }
span.slug { display: block; font: 700 14px/20px "museo-slab"; position: absolute; bottom: 0; left: 0; text-transform: uppercase; color: #444; letter-spacing: 1px; }
.footer-logo { width: 90%; height: auto; background-size: 100% auto; min-height: 90px; margin: 8px 0 0 0; }
#fb-root { display: none; }
body .facebook-side .fb_iframe_widget { width: 100% !important; }
.fb_iframe_widget, .fb_iframe_widget span { width: 85px !important; }
.fb_iframe_widget span iframe[style] { width: 460px !important; }
body .fb_iframe_widget iframe { position: relative; }
body .fb_iframe_widget span { height: auto !important; width: auto !important;}
.ad { padding: 10px 0 10px 0; text-align: center; }

hr { border: 0; border-top: 2px #CCC solid; margin: 20px 0 10px 0; display: block; }
footer ul { margin-bottom: 25px; overflow: hidden;}
footer li { width: 25%; float: left; padding: 0; }
footer p { border-bottom: 1px #CCC solid; text-align: center; font: 400 10px/11px "franklin-gothic-urw"; margin: 0 0 20px 0; padding: 0 0 15px 0; }
footer { border-top: 1px #CCC solid; padding: 15px 0 10px 0; margin: 15px 0 0 0; }
footer li a { font: 500 12px/18px "franklin-gothic-urw"; color: #000; text-transform: uppercase; display: block; padding: 2px 0; letter-spacing: 1px; }
footer li a:hover { color: #B5121B; }

.content-body blockquote, .latest-list blockquote { border-left: 5px #DDD solid; padding: 0 0 0 15px; margin: 5px 0 20px 0; color: #444; }
.content-body blockquote p, .content-body blockquote, .latest-list blockquote p, .latest-list blockquote { font-size: 15px; line-height: 20px; }

/* FLEX GRID */
#wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 0 24px;
}
.column, .columns, .tablethalf {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
.row, section, .tablet { margin-left:-18px; overflow: hidden; position: relative; }
.tablet { float: left; }
.column, .columns, .tablethalf { border-left-width:18px; padding:0; }
article { width: 45%; }
.subpage article { width: 68%; }
.middle { width: 23%; }
.sidebar { width: 32%; }
.one {width:5.55555555556%;}
.two {width:11.1111111111%;}
.three {width:16.6666666667%;}
.four {width:22.2222222222%;}
.quarter {width:25%;}
.fifth {width:20%;}
.five {width:27.7777777778%;}
.six {width:33.3333333333%;}
.seven {width:38.8888888889%;}
.eight {width:44.4444444444%;}
.nine {width:50.0%;}
.ten {width:55.5555555556%;}
.eleven {width:61.1111111111%;}
.twelve {width:66.6666666667%;}
.thirteen {width:72.2222222222%;}
.fourteen {width:77.7777777778%;}
.fifteen {width:83.3333333333%;}
.sixteen {width:88.8888888889%;}
.seventeen {width:94.4444444444%;}
.eighteen { margin-left:0; width:100%; }

.offset-by-one {margin-left:5.55555555556%;}
.offset-by-two {margin-left:11.1111111111%;}
.offset-by-three {margin-left:16.6666666667%;}

.rules { position: absolute; left: 9px; right: 0; width: 100%; z-index: -1; }
.rules .one { width: 45%; }
.rules .two { width: 23%; margin-left: 0; }
.rules > div { border-right: 0px #CCC solid; height: 13300px; float: left; }
.content { overflow: hidden; position: relative; }
.subpage .rules > div.one { border-right: 0; }
.about.block img { width: 25%; float: left; margin-right: 20px; }
.about .middle { background: #E6E7E8; font: 400 14px/18px "franklin-gothic-urw"; width: 32%; }
.about .middle p.founder { font-size: 17px; text-align: center; margin-bottom: 20px; }
.about .middle p.founder strong { font-size: 15px; line-height: 16px; margin-bottom: 5px; }
.about .middle p.founder br { display: block; }
.about .middle a { color: #000; }
.about .middle a:hover { color: #B31622; text-decoration: underline; }
.about article h2 { font-size: 15px; line-height: 18px; margin: 24px 0 6px 0; }
.about .middle .sidebarcontainer { padding: 0 12px; }
.about .middle p strong { display: block; font-weight: 700; margin-top: 20px; font-size: 13px; letter-spacing: 1px; }
.about .middle br { display: none; }
span.first-issue, span.founder-inset { display: block; float: left; font: 700 13px/16px "franklin-gothic-urw"; margin: 0 20px 15px 0; text-align: center; }
.about article img { width: auto; }
.about article p { margin-bottom: 12px; }
.about article blockquote { font: 400 26px/30px "franklin-gothic-urw"; margin: 20px 0 25px 0; }
.about article blockquote strong { font-weight: 700; font-size: 15px; color: #B31622; text-transform: uppercase; display: block; text-align: right; }
em, i { font-style: italic; }

header { font: 12px/20px "museo-slab"; font-weight: 700; position: relative; margin-bottom: 10px; }
header ul { background: #000; text-align: justify; height: 20px; width: 100%; }
header li a { padding: 2px 35px; line-height: 20px; height: 20px; display: block; background: #000; color: #FFF; letter-spacing: 2px; }
header form { position: absolute; right: 0; top: 30px; }
header li a:hover { background: #B5121B; }
header .sf-menu li a.active,
header .sf-menu li.sfHover > a { background: #B5121B; }


/* SUPERFISH */
header .sf-menu { width: 100%; z-index:1000; }
header .sf-menu li { position: relative; float: none; }
header .sf-menu ul li { background: url(/images/template/red-arrow.png) no-repeat 0 5px; padding: 0 0 4px 12px; height: auto; text-align: left; }

header .sf-menu ul li a { padding: 2px 0; font: 500 14px/16px "franklin-gothic-urw"; letter-spacing: 0; color: #000; height: auto; }
header .sf-menu ul li a:hover { text-decoration: underline; }
header .sf-menu ul { -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5); height: auto; position: absolute; display: none; top: 100%; left: 0; z-index: 9999; background: #CCC; overflow: hidden; padding: 6px 15px; }
header .sf-menu ul.right, #nav-sub-contact-us ul, .last ul { right: 0; }
header .sf-menu > li { display: inline-block; }
header .sf-menu li:hover > ul,
header .sf-menu li.sfHover > ul { display: block; }
header .sf-menu a { display: block; position: relative; }
header .sf-menu ul ul { top: 0; left: 100%; width: 300px;  }
header .sf-menu { margin-bottom: 0; height: 24px; }
header .sf-menu ul { min-width: 21em; *width: 12em; }
header .sf-menu:after {
    content: '';
    display: inline-block;
    width: 100%;
}

header .sf-menu a { text-decoration: none; zoom: 1; }
header .sf-menu ul a { color: #FFF; background: #CCC; }
header .sf-menu li {
    -webkit-transition: background .1s;
    transition: background .1s;
}
body .fsForm .fsSubmit { padding: 0; background-color: #FFF; }
body .fsBody .fsForm { border: 0; margin: 10px 0; position: relative; }
body .fsSubmit input.fsSubmitButton {  }
body .fsBody .fsRowBody { padding: 0; }
.fsBody .fsForm .fsCell { margin: 0; padding: 0 !important; }

body .fsFieldRow input[type=text], body .fsFieldRow input[type=email], body .fsFieldRow input[type=number], body .fsFieldRow input[type=tel], body .fsForm textarea,
.search input[type=text] { border:1px solid #ccc; width: 65px; background: #FFF; }
.fsForm .fsLabel { color:#333333; text-align:left; padding:2px 2% 0 0; float: left; width: 22% !important; font-size: 13px !important; }
body .fsFieldRow input[type=email] { float: right; }
body .fsFieldRow input[type=text], body .fsFieldRow input[type=email], .fsFieldRow input[type=number], .fsFieldRow input[type=tel], .fsForm textarea, .search input[type=text] { width: 72%; font-size:16px !important; font-family: "franklin-gothic-urw"; padding: 1px 1% !important; margin: 2px 0 0 0; }
body .fsValidationError .fsLabel { padding: 0; background: #FFF; }
body .fsValidationError { background-color: #FFF !important; }
body .fsBody .fsPage,
body .fsFirst.fsLast.fsFieldCell,
body .fsEmbed .fsPage,
body .fsBody .fsFieldRow { float: left; clear: none; width: auto; }
body .fsBody .fsPage { width: 65%; }
body .fsForm .fsSubmit { float: left; clear: none; width: 35%; margin: 0; }
body .fsSubmit input.fsSubmitButton, .search input[type="submit"], .e2ma_signup_form_button { background-color: #455925; color:#FFFFFF !important; margin-bottom: 10px; border: 0; float: left; font: 500 13px/20px "franklin-gothic-urw"; height: 23px; text-transform: uppercase; padding: 2px 0; margin-top: 2px; letter-spacing: 1px; width: 100%; }
body .search input.text { float: left; width: 65%; padding: 1px 2%; border: 1px #888 solid; margin: 2px 0 0 0; }
body .search input.text:focus { border: 1px #555 solid; outline: none;  }
body .search input[type=submit] { width: 29%; padding: 2px 0; background: #000; }
div.fsBody.fsEmbed { overflow: hidden; }
aside div.fsBody.fsEmbed { overflow: hidden; float: left; }
body .fsFieldFocused { background-color: #FFF !important; }

.mobile-menu { display: none; }
.sidebar .subscribe { width: 100%; float: left; margin: 15px 0;}
.sidebar .subscribe input[type="text"] { width: 96%; padding: 2px 2%; display: block; background: #CDCFD0; box-shadow: inset rgba(0,0,0,0.6) 1px 1px 3px; border: 0; font: 500 16px/16px "franklin-gothic-urw"; border-radius: 2px; }
.sidebar .subscribe label { width: 55%; text-transform: uppercase; font: 500 12px/16px "franklin-gothic-urw"; display: block; margin: 0 0 5px 45%; }
.sidebar .subscribe img { width: 80%; float: left; transform:rotate(-3deg); -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); box-shadow: rgba(0,0,0,0.6) 1px 1px 3px; margin: 12px 10%; }
.sidebar .subscribe p { text-align: center; width: 33%; float: left; font: 700 17px/20px "franklin-gothic-urw-cond"; text-transform: uppercase; margin-left: 5%;}
.sidebar .subscribe input[type="image"] { margin: 12px auto; display:block; }

#article-inset { float: right; width: 200px; padding: 0 15px 20px 20px; margin: 0 0 10px 20px; }
#article-inset p.pullquote { padding: 0; font: 700 20px/24px "franklin-gothic-urw"; color: #415D78; margin: 0; }
#article-inset .article-more a { color: #004285; }

h1.bumper, .about .bodyrow > h1 { font: 24px/36px "museo-slab"; background: #000; color: #FFF; margin: 0; padding: 4px 0; letter-spacing: 2px; text-transform: uppercase; text-align: center; }
.about .bodyrow > h1 { width: 100%; background: #B31622; }
.about > .bodyrow { width: 68%; float: left; }
.listing h1.bumper { background: #000; margin-bottom: 20px; }
.listing p a { text-decoration: underline; }
h1.bumper { background: #B31622; }
.listing .feature { border-bottom: 1px #BCBEC0 solid; padding: 0 0 20px 0; }
.category-pagination { text-align: right; font: 700 13px/16px "franklin-gothic-urw"; text-transform: uppercase; letter-spacing: 2px; }
li.category-pagination { height: 45px; }
.blog .category-pagination { position: relative; text-align: center; margin: 40px 0 0 0; height: 40px; }
.blog .category-pagination .left { position: absolute; left: 0; top: 5px; text-align: left; }
.blog .category-pagination .right { position: absolute; right: 0; top: 5px; }
.category-pagination a { color: #B31622; position: absolute; right: 0; top: 0; }
.category-pagination a.previous, article .content-body a.more.previous { position: absolute; left: 0; top: 0; right: auto; background: url(/images/template/prev-arrow.png) no-repeat left 1px; }
.listing .list .category-pagination a.more.previous, article .content-body a.more.previous { padding: 0 0 0 12px; }
.category-pagination a:hover { text-decoration: underline; }
.listing .list h3 { font-size: 24px; line-height: 24px; }
.subpage .contributors { margin-top: 10px; }
.mobile-comments { display: none; }
.pages1 { display: none; }
#slide1.pages1 { display: block; }
#next_article { position: fixed; bottom: 0; right: -10px; width: 340px; z-index: 9999; height: 110px; display: none; }
#next_article a { display: block; margin-top: 120px; padding: 20px 35px 25px 25px; height: 70px; box-shadow: -1px -1px 6px #666; background: #FFF; color: #333;}
#next_article a.expand { display: none; font-size: 23px; }
#next_article a.close, #next_article a.expand { margin: 0; padding: 0; height: 21px; width: 18px; text-align: center;  position: absolute; top: 0; left: 0; font: normal 17px/18px "franklin-gothic-urw"; box-shadow: none; background: #CCC; }
#next_article a:hover { color: #000; background: #EEE; text-decoration: none; }
#next_article h3 { font: 13px/16px "franklin-gothic-urw"; text-transform: uppercase; margin: 0; padding: 0; }
#next_article p { font: bold 20px/22px "franklin-gothic-urw"; margin: 0; }
.showblock { display: none; position: relative; }
#slideshow { height: 740px; position: relative; }
.showblock .pager { position: relative; z-index: 100; }
    .showblock .pager a { bottom: 50px; padding: 15px; background: #000; color: #FFF; left: 0; position: absolute; font-size: 20px; }
        .showblock .pager a:hover { text-decoration: none; background: #333; }
    .showblock .pager a#next { right: 0; left: auto; }
#slideshow p { margin: 0 140px 0 120px; }
#slideshow .imgmask { height: 638px; margin: 0 0 10px 0; overflow: hidden; }
#slideshow li { font: 15px/20px "franklin-gothic-urw", sans-serif; }

.play { width: 100%; cursor: pointer; position: absolute; text-align: center; padding: 30% 0 0 0; }
.play a { background: rgba(0,0,0,0.5); padding: 8px 20px; border-radius: 10px; font: 700 24px/24px "franklin-gothic-urw", sans-serif; color: #FFF; }
.play a:hover { background: rgba(0,0,0,0.8); }
.row.mobile, .mobile.working { display: none; }
.sharebuttons { overflow: hidden; margin: 20px 0; }
.sharebuttons a { display: block; float: left; margin-right: 1px; font: 700 15px/18px "franklin-gothic-urw"; background: #333; color: #FFF; padding: 7px 12px 7px 36px;  background-size: 16px 16px; background-position: 10px 8px; background-repeat:  no-repeat; height: 18px; }
.sharebuttons a:hover { opacity: 0.9; }
.social-likes__counter { font-size: 12px; color: #000; background: rgba(255,255,255,0.5); padding: 2px 4px; font-weight: normal; margin-left: 10px; }
.sharebuttons svg { float: left; width: 20px; height: 20px; }
.sharebuttons .fb { background-color: #3C5A99; background-image: url(/images/icons/fb.svg);  }
.sharebuttons .tw { background-color: #2AA9E0; background-image: url(/images/icons/tw.svg);   }
.sharebuttons .reddit { background-color: #FF4500; background-image: url(/images/icons/rdd.svg); }
.sharebuttons .stumbleupon { background-color: #35B44B; background-image: url(/images/icons/su.svg); }
.sharebuttons .email .social-likes__counter, .sharebuttons .print .social-likes__counter { background: rgba(255,255,255,0); padding: 2px 0; margin-left: 3px; }
.sharebuttons .email { background-color: #FE9D15; background-image: url(/images/icons/mail.svg);  }
.sharebuttons .print { background-color: #666; background-image: url(/images/icons/print.svg);  }
@media screen and (max-width:1129px) {
.social-likes__counter { display: none; }
}
@media screen and (max-width:1160px) {
    header li a { padding: 2px 25px; }
}
@media screen and (max-width:1060px) {
    header li a { padding: 2px 20px; }
    .logo a { background-size: 90% auto; }
}
@media screen and (max-width:940px) {
	.sharebuttons a.reddit, .sharebuttons a.stumbleupon { padding: 7px 9px 7px 22px; }
	.sharebuttons .reddit span, .sharebuttons .stumbleupon span { text-indent: -9999px; display: block; }
	.sharebuttons .reddit span.social-likes__counter, .sharebuttons .stumbleupon span.social-likes__counter { display: none; }
	.social-likes__counter { display: none; }
	.sharebuttons a { font-size: 13px; padding: 7px 9px 7px 32px; }
	.sharebuttons a.print { display: none; }
	.sharebuttons .print span { text-indent: -9999px; display: block; }
    header li a { padding: 2px 12px; letter-spacing: 1px; }
    .middle { display: none; }
    .feature p.article-deck { padding: 0 0 8px 0; }
    .row.mobile, .mobile.working { display: block; }
    .subpage article, article, .about > h1 { width: 58%; }
    .subpage .bodyrow article { width: 68%;}
    .sidebar { width: 42%; }
    .rules .one { width: 58%; }
    .rules .two { display: none; }
    .about .middle { display: block; }
    .video span { top: 30%; }
    .about .sidebar { width: 32%; }
}
@media screen and (max-width:780px) {
    header .ad,
    #homeadlb1 { display: none; }
    .subpage .bodyrow article { width: 100%;}
    .about .middle { width: 100%; }
    .about > .bodyrow { width: 60%; }
    .about .sidebar { width: 40%; }
    span.slug,
    header .sf-menu { display: none; }
    header { padding: 0 0 8px 0; border-bottom: 1px #CCC solid; margin: 0 0 8px 0; }
    .mobile-menu { display: block; position: absolute; top: 15px; right: 0; z-index: 1000; }
    .mobile-menu .button a { position: relative; padding: 4px 8px 2px 8px; text-transform: uppercase; font-size: 11px; background: #888; color: #FFF; display: block; border-radius: 4px; }
    .mobile-menu .button a:hover, .mobile-menu .button a:active { background: #555; }
    header .mobile-menu li a { background: #C7C8CA; color: #000; background: #C7C8CA url(/images/template/red-arrow.png) no-repeat 0 11px; padding: 6px 0 6px 12px; text-transform: uppercase; letter-spacing: 1px; font: 500 13px/18px "franklin-gothic-urw"; }
    .mobile-menu .button a span { background: #000; padding: 0 10px; line-height: 30px; color: #FFF; display: inline-block; margin: 0 0 0 10px; font-size: 11px; }
    .mobile-menu ul { display: none; position: absolute; top: 30px; right: 0; width: 160px; padding: 10px; background:#C7C8CA; height: auto; }
    .logo { height: 30px; }
    .logo a { background-size: 100% auto; margin: 15px 0 0 0; width: 242px; height: 30px; }
    .contributors.list img { width: 50px; height: 50px; }
    .contributors.list h3, .contributors.list p, .contributors.list h5, .contributors.list h4 { padding-left: 60px; }
    .feature h1.article-headline { font: 700 28px/28px "franklin-gothic-urw" }
    h5.article-dateline { letter-spacing: 0; font-size: 11px; }
    .author { margin-bottom: 20px; }
    .buttonsHoriz,
    #article-inset,
    .article-comment,
    .search { display: none; }
    .latest { display: none; }
    .feature p.article-deck { padding: 0 0 8px 0; }
    .rules { display: none; }
    #wrapper { padding: 0 10px; }
    .mobile-comments { display: block; background: #425D77; color: #FFF; text-transform: uppercase; font: 700 16px/18px "franklin-gothic-urw"; padding: 6px; text-align: center; margin: 6px 0 18px; }
    footer li { width: 33%; letter-spacing: 0; text-align: left; font-size: 13px; }
    footer ul { margin-bottom: 20px; overflow: hidden; }

}
@media (max-width: 699px), (device-height: 1024px) and (device-width: 768px) and (orientation: portrait), (device-height: 1024px) and (device-width: 768px) and (orientation: landscape) {
.fsBody .fsFieldRow input[type="text"], .fsBody .fsFieldRow input[type="email"], .fsBody .fsFieldRow input[type="tel"], .fsBody .fsFieldRow input[type="number"], .fsBody .fsForm textarea { width: 70% !important;}
body .fsBody { margin-bottom: 10px; }
    .ad img { max-width: 300px; display: block; margin: 0 auto; }
    .middle img.visual { max-width: 300px; }
}
@media screen and (max-width:620px) {
    .tablethalf { float: left; width: 50%; }
}
@media screen and (max-width:620px) {
    footer { border: 0; margin: 0; padding: 0; }
    footer p { border: 0; }
    footer li a { padding: 6px 0; letter-spacing: 0;  }
    footer ul { margin-bottom: 20px; overflow: hidden; }
    footer li { width: 50%; letter-spacing: 0; text-align: left; font-size: 13px; }
    aside.middle { float: left; margin-top: 20px; }
    .about .middle { margin-bottom: 20px; }
    footer .thirteen,
    .middle,
    .cover,
    .about > .bodyrow,
    .subpage article, article,
    .sidebar { width: 100%; display: block; overflow: hidden;  }
    aside.middle { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px #CCC solid; position: relative; }
    .ad-leaderboard-above,
    .microarchive,
    footer .five,
    .mobile.working,
   .row.mobile { display: none; }
    .about .sidebar { width: 100%; }
    .subpage .bodyrow article { width: 100%;}
    .feature .content-body p strong, .feature .content-body h6 { font-size: 16px; line-height: 28px; }
}
@media screen and (max-width:400px) {
    .logo { height: 25px; }
    .logo a { background-size: 100% auto; margin: 13px 0 0 0; width: 190px; height: 25px; }
    .mobile-menu { top: 12px; }
}

@media only screen and (max-width: 620px) {
    .feature .content-body p { font-size: 18px; line-height: 28px; }
    .content-body {margin: 0px 0px 0px 0px;}
}