/*
-----------------------------------------------------
HardwareAsylum Admin
Created By: Dennis Garcia, Ninjalane
January 2013
-----------------------------------------------------
Layout
-----------------------------------------------------
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,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,output,section,ruby,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
html {
	font-size:100%;
}
body {
	font-size: 1em;
	text-align: center;
	background-color: #A0A0A0;
}
#asylum {
	position: relative;
	margin: 0px auto;
	width: 990px;
}
#pageheader {
	background: url(../images/header_background.png) no-repeat top center;
}
#pageheader .social-list {
	position: absolute;
	top: 30px;
	right: 10px;
}
.int {
    height: 58px;
    margin: 0 auto;
    position: relative;
    width: 990px;
}
.mint {
	height: 42px;
	background: url(../images/asylum_logo_sm.png);
	background-repeat: no-repeat;
	background-position: center 6px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	/*background: url(../images/asylum_logo.png) no-repeat top center;*/
	height: 100px;
	width: 419px;
}
#topnav {
	-webkit-box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset,0 10px 0 #fff;
	-moz-box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset,0 10px 0 #fff;
	/*box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset,0 10px 0 #fff;*/
	background-color: #464648;
	background: none,-khtml-gradient(linear,left top,left bottom,from(#626265),to(#39393b));
	background: none,-moz-linear-gradient(top,#626265 0,#39393b 100%);
	background: none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#626265),color-stop(100%,#39393b));
	background: none,-webkit-linear-gradient(top,#626265 0,#39393b 100%);
	background: none,-o-linear-gradient(top,#626265 0,#39393b 100%);
	background: none,-ms-linear-gradient(top,#626265 0,#39393b 100%);
	background: none,linear-gradient(top,#626265 0,#39393b 100%);
}
#topnav ul {
	margin: 0 auto;
   width: 990px;
   height: 42px;
	list-style: none outside none;
}
#topnav li.site1 {
    margin-left: 80px;
}
#topnav li {
    float: left;
	 position: relative;
	 list-style: none;
}
#topnav li a.active, #topnav li a:hover {
	/*-webkit-box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset,0 10px 0 #fff;*/
	-moz-box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset,0 10px 0 #fff;
	/*box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset,0 10px 0 #fff;*/
	background-color: #464648;
	background: none,-khtml-gradient(linear,left top,left bottom,from(#88888c),to(#626265));
	background: none,-moz-linear-gradient(top,#88888c 0,#626265 100%);
	background: none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#88888c),color-stop(100%,#626265));
	background: none,-webkit-linear-gradient(top,#88888c 0,#626265 100%);
	background: none,-o-linear-gradient(top,#88888c 0,#626265 100%);
	background: none,-ms-linear-gradient(top,#88888c 0,#626265 100%);
	background: none,linear-gradient(top,#88888c 0,#626265 100%);
	color: #FFF;
}
#topnav li a {
   float: left;
	position: relative;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 0.814em;
	font-weight: bold;
   left: -1px;
   line-height: 41px !important;
   padding: 0 16px;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
   text-decoration: none;
}
header .menu {
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
#mobilenav:not( .mm-menu ) {
   display: none;
}
#maincontent, #newscontent {
	background-color: #FFF;	
}
article {
	width: 630px;
	text-align: left;
	float: left;
	vertical-align: top;
	padding: 20px 15px 20px 15px;
}
article > ul {
	margin-top: 10px;
   padding: 5px 0;
	list-style: none outside none;
}
article > li {
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}
article#podcast {
	width: auto;
	float: none;
	padding: 20px 15px 0px 15px;
}
article#shownotes {
	width: 630px;
	float: left;
}
#rightmargin, #socialmargin {	
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
	float: right;
}
section[id]#rightmargin, section[id]#socialmargin {
	width: 320px;
}
#rightmargin .contentblock, #socialmargin .contentblock {
	padding: 10px 10px 20px 10px;
}
#rightmargin .contentblock img, #socialmargin .contentblock img {
	display: inline;
	margin-right: 6px;
}
#footer {
	clear: both;
	text-align: center;
	padding: 30px 50px 30px 50px;
	color: #FFF;
	background-color: #2E2E2E;
	background-image: url(../images/footer_bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
footer .container {
	height: 140px;
	width: 300px;
	background-image: url(../images/asylum_footer_logo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 3em;
	position: relative;
}
footer .social-list {
	position: absolute;
	top: 20px;
	left: 100px;
}
footer .container h3 {
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.25em;
}
footer p {
	color: #FFF;
}
footer a {
	color: #FFF;
	text-decoration: none;
}
footer a:hover,
footer a:active {
	color: #F79029;
}
#logintable td {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 0.814em;
	padding: 3px;
}
/*
-----------------------------------------------------
CSS3 Buttons
-----------------------------------------------------
*/
.button {
    padding: 0.5em 1em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}
.button:hover,
.button:focus,
.button:active,
.button.active {
    border-color: #b33030;
    border-bottom-color: #a02a2a;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #de3c3c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5959), to(#b33030));
    background-image: -moz-linear-gradient(#dc5959, #b33030);
    background-image: -o-linear-gradient(#dc5959, #b33030);
    background-image: linear-gradient(#dc5959, #b33030);
}
.button:active,
.button.active {
    border-color: #a02a2a;
    border-bottom-color: #cd3838;
    background-color: #b33030;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33030), to(#dc5959));
    background-image: -moz-linear-gradient(#b33030, #dc5959);
    background-image: -ms-linear-gradient(#b33030, #dc5959);
    background-image: -o-linear-gradient(#b33030, #dc5959);
    background-image: linear-gradient(#b33030, #dc5959);
}
.button.current {
	border: 1px solid #a02a2a;
	background-color: #FFF;
	background-image: none;
}
.button.current:hover {
	color: #333;
	text-shadow: none;
}
.button.disabled {
	border: 1px solid #9E9E9E;
	background-image: none;
	color: #9E9E9E;
}
.button.disabled:hover {
	color: #9E9E9E;
	text-shadow: none;
}
/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.listen {
	padding: 0.5em 1.25em;
    margin: 0;
    text-decoration: none;
    text-align: center;
    color: #000;
    white-space: nowrap;
    cursor: pointer;
    background-color: #F79029;
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
	display: inline-block;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: bold;
}
.listen:hover,
.listen:focus,
.listen:active,
.listen.active {
    text-decoration: none;
    background-color: #DD7D26;
}
.listen:active,
.listen.active {
    background-color: #DD7D26;
}
.listen:before {
	content:  "\0000a0";
	display: inline-block;
	position: relative;
	background: url('../images/icon_listennow.png') no-repeat left center transparent;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 40px;
	line-height: 40px;
}
/* overrides extra padding on button elements in Firefox */
.listen::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/*
-----------------------------------------------------
Font Styles
-----------------------------------------------------
*/
.bodytext, .block, .topbody p, .newsbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.333em !important;
	color: #000000;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.188em;
	font-weight: bold;
	color: #000;
}
.blocktitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
	color: #000;
}
.blocktitle a:link, .blocktitle a:visited {
	text-decoration: none;
	color: #000;
}
.blocktitle a:hover, .blocktitle a:active {
	text-decoration: underline;
}
.subtitle {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #9E9E9E;
	font-size: 1em;
	font-weight: bold;
}
.subtitletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	color: #9E9E9E;
}
.announcetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F7F7F7;
	border: 1px solid #EEE;
	border-left: 6px solid #851618;
	color: #4F4F4F;
	font-size: 0.875em;
	font-style: italic;
	margin: 0px auto 5px 20px;
	padding: 8px;
	display: block;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote p {
	display:inline;
	margin: 0px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.750em;
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.750em;
	color: #7E7E7E;
}
.subtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.689em;
	color: #7E7E7E;
}
.errortext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #900;	
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.750em;
	font-weight: bold;
	color: #900;
	border: 1px solid #900;
	background-color: #ffcd6b;
	padding: 3px;	
}
label.error {
	margin-left: 5px;
}
b, strong {
	font-weight: bold;	
}
i, em {
	font-style: italic;	
}
p {
	margin: 0.25em 0em 1em 0em;
}
h1, h2 {
	margin: 0px 0px 5px 0px;
}
h3, h4 {
	margin: 0px;
}
#newsheader {
	border-bottom: 3px solid #DDD;
	padding-top: 5px;
}
#newsheader.blocktitle {
	color: #851618;
}
img {
	display: block;
}
.galleryimage {
	border: 1px solid #999;
}
.boxborder {
	background-color: #EEE;
}
.required {
	color: #E00;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
/*
-----------------------------------------------------
Articles 
-----------------------------------------------------
*/
article header {
	margin-bottom: 6px;
}
article#podcast header {
	margin-bottom: 20px;
}
article h1 {
	font-family: franklin-gothic-urw-cond,"Helvetica Condensed Bold",Helvetica,Arial,sans-serif;
	color: #39434C;
   font-size: 38px;
   font-weight: 700;
   line-height: 38px;
}
article h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
   font-size: 20px;
   font-weight: 700;
   line-height: 20px;
}
article h3 {
	border-bottom: 3px solid #DDD;
	padding-bottom: 5px;
	font-family: franklin-gothic-urw-cond,"Helvetica Condensed Bold",Helvetica,Arial,sans-serif;
	color: #851618;
   font-size: 1em;
   font-weight: 700;
   line-height: 1em;
}
article h4 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #9E9E9E;
   font-size: 0.938em;
   line-height: 0.938em;
}
/*
-----------------------------------------------------
Article Tools and Toolbar
-----------------------------------------------------
*/
#articletools {
	border-top: 0px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin: 0px 0px 16px 0px;
	padding: 3px 0px 8px 0px;
	height: 14px;
	clear: both;
}
#articletools a {
	color: #2964BF;
	text-decoration: none;
}
#articletools a:hover, #articletools a:active {
	text-decoration: underline;
}
#articletools #articledetails {
	float: left;
}
#articletools #articleicons {
	width: 300px;
	text-align: right;
	float: right;
}
#articletools #articleicons img {
	display: inline;
	margin-left: 10px;
	margin-right: 3px;
	vertical-align: middle;
}
#articlefooter {
	background-color: #F7F7F7;
	border: 1px solid #E7E7E7;
	padding: 10px 15px 10px 15px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#articlefooter a {
	color: #2964BF;
	text-decoration: none;
}
#articlefooter a:hover, #articlefooter a:active {
	text-decoration: underline;
}
#articlefooter #pagelist {
	text-align: left;
	float: left;
	color: #333333;
}
#pagelist ul {
	margin: 0px;
	padding: 9px;	
}
#pagelist li {
	padding-left: 2px;
	padding-right: 2px;
	list-style-type: none;
}
#pagelist li a {
	padding: 2px 8px 5px 8px;
	color: #2964BF;
	text-decoration: none;
}
#pagelist li a:hover, #pagelist li a:active {
	text-decoration: underline;
}
#articlefooter #pageoptions {
	padding: 0px 9px 9px 0px;
	text-align: right;
	float: right;
}
#pageoptions img {
	display: inline;
	margin-left: 10px;
	margin-right: 3px;
	vertical-align: middle;
}
.block {
	margin-bottom: 20px;
}
.content {
	margin-bottom: 5px;
}
.block ul {
	margin: 3px 0px 16px 30px;
   padding: 5px 0;
	list-style: disc;
}
.block ol {
	margin: 3px 0px 16px 30px;
   padding: 5px 0;
}
.block li {
	
}
.block .galleryimage {
	display: block;
	margin: 5px auto 15px auto;
	border: 0px;
	position: relative;
}
.block .galleryimage img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.block .galleryimage p {
	margin: 10px auto 20px auto;
}
.block .gallerySide {
	float: left;
	width: 49%;
	margin-bottom: 15px;
}
.block .gallerySide img {	
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.block .galleryList {
	display: block;
	margin: 5px auto 15px auto;	
}
.block .galleryFloat {
	float: right;
	margin: 0px auto 0px 10px;
	clear: both;
}
.block .galleryFloat img {
	margin-bottom: 15px;
}
.block .mediablock {
	position: relative;
}
.block .mediablock iframe {
	display: block;
	margin: 0 auto;
}
.block .mediablock img {
	float: left;
	margin: 0px 10px 15px auto;
}
.block .mediablock .mediacontent {
	padding-bottom: 100px;
}
.block .mediablock #jp_container {
	position: absolute;
	right: 0;
	bottom: 15px;
}
div.jp-audio {
	width:440px;
}
.block #awards {
	display: block;
	margin: 10px auto 15px auto;
	padding: 10px;
	background-color: #f7f7f7;
	width: 450px;
}
.block #awards #awardtext {
	padding: 20px 0px 0px 10px;
}
.block .galleryFloatAward {
	float: left;
	margin: 0px auto 0px 10px;
	clear: both;
}
.block .galleryFloatAward img {
	margin-right: 15px;
}
/* Full image gallery style (copy from AVN) */
#galleryList .galleryphoto-border {
	padding: 1px;
	text-align: center;
	width: 140px;
	height: 110px;
	float: left;
	margin: 0 3px 6px 3px;
}
#galleryList .galleryphoto-bg {
	height: 140px;
	line-height: 110px;
	vertical-align: middle;
}
#galleryList .galleryphoto-bg img {
	margin-top:6px;
}
.smile {
	display: inline;
	margin: 0px 3px 0px 3px;
	vertical-align: middle;
	float: none;
}
/* Ajax gallery buttons (copy from twitter) */
.galleryimage .gallery-nav {
	position: absolute;
	z-index: 3001;
	top: 0;
	height: 100%;
}
.galleryimage .nav-prev {
	left: 0;
	width: 33%;
}
.galleryimage .nav-next {
	right: 0;
	width: 67%;
}
.galleryimage .nav-prev.enabled:hover,
.galleryimage .nav-next.enabled:hover {
	cursor: pointer;
}
.galleryimage .nav-prev.enabled:hover .nav-prev-handle,
.galleryimage .nav-next.enabled:hover .nav-next-handle {
	opacity: 1;
}
.nav-prev-handle,.nav-next-handle {
	position: absolute;
	top: 50%;
	width: 65px;
	height: 70px;
	margin-top: -17px;
	display: block;
	background-image: url(/images/gallery_sprite.png);
	opacity: 0;
	-webkit-transition: opacity .05s ease-in-out;
	-moz-transition: opacity .05s ease-in-out;
	transition: opacity .05s ease-in-out;
}
.nav-prev-handle {
	left: 0;
	background-position: 0 -100px;
}
.nav-next-handle {
	right: 0;
	background-position: 0 -30px;
}
/*
-----------------------------------------------------
Builds Table
-----------------------------------------------------
*/
table#asylumbuild {
	width: 550px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	border-spacing: 0;
}
#asylumbuild tr {
	margin: 0px;
	padding: 0px;
}
#asylumbuild td {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #E9E9E9;
	vertical-align: middle;
}
#asylumbuild thead {
	background-color: #E9E9E9;
}
#asylumbuild .part {
	width: 20%;
}
#asylumbuild .price {
	width: 15%;
}
#asylumbuild .product {
	width: auto;
}
#asylumbuild .offerprice {
	font-weight: bold;
	text-decoration: none;
	color: #900;
}
#asylumbuild .offerprice span {
	text-decoration: none;
	font-size: 0.750em;
	color: #7E7E7E;
}
.buildfooter {
	text-align: right;
	width: 550px;
	margin: 0 auto;
}
.buildfooter a {
	text-decoration: none;
	color: #7E7E7E;
}
/*
-----------------------------------------------------
Article specific breadcrumb trail
-----------------------------------------------------
*/
.topWrap {
	margin-bottom: 20px;
}
ul.breadcrumb {
	margin-bottom: 15px;
	list-style: none;
}
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.breadcrumb li {
	display: inline;
	color: #768696;
	text-transform: capitalize;
}
.breadcrumb li a:after {
	background: transparent url(../images/index.png) no-repeat scroll center center;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
}
.breadcrumb li a:link, .breadcrumb li a:visited {
	color: #2964BF;
	text-decoration: none;
}
.breadcrumb li a:hover, .breadcrumb li a:active {
	text-decoration: underline;
}
.breadcrumb li a {
	padding-right: 10px;
	position: relative;
}
/*
-----------------------------------------------------
Homepage article listing - special formatting
-----------------------------------------------------
*/
#homegrid {
	width: 100%;
}
#homegrid li {
	float: left;
	width: 50%;
	height: 275px;
	overflow: hidden;
}
#homegrid img {
	max-width: 100%;
	margin: 0px auto;
}
#homenews li {
	margin-bottom: 16px;
}
#homenews h2 {
	margin: 0px 0px 0px 0px;
}
section#podcast {
	padding: 20px 15px 20px 15px;
	background-color: #2B2D32;
	color: #FFF;
}
section#podcast .mediacontent {
	padding: 0px;
	margin-left: 530px;
}
section#podcast .mediacontent .subscribe a {
	color: #FFF;
	text-decoration: none;
}
section#podcast .block  {
	color: #FFF;
}
section#podcast h1 {
   font-size: 24px;
   font-weight: 700;
   line-height: 24px;
	margin-bottom: 0.5em;
}
section#podcast h2 {
   font-size: 24px;
   font-weight: 700;
   line-height: 24px;
	margin: 0.5em auto 1.5em auto;
}
section#podcast h2:before {
	content:  "\0000a0";
	display: inline-block;
	position: relative;
	background: url('../images/double_slash.png') no-repeat left center transparent;
	top: 0px;
	left: 0px;
	width: 22px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
}
#listennow {
	margin: 1em 1em 1.5em 1em;
	text-align: center;
}
#listennow a {
	display: inline-block;
}
/*
-----------------------------------------------------
Galleries Index Page
-----------------------------------------------------
*/
#galleryindex {
	margin: 8px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
}
#galleryindex .row {
	float: left;
	clear: left;
}
#galleryindex .gallery {
	text-align: center;
	white-space: normal;
	width: 170px;
	margin: 0px 10px 10px 0px;
	padding: 3px;
	float: left;
}
#galleryindex .gallery .head {
	text-align: left;
}
#galleryindex .gallery img {
	margin: 0px auto;
}
/*
-----------------------------------------------------
Article Type Table of Contents
-----------------------------------------------------
*/
#articletypelist {
	background-color: #F7F7F7;
	border: 1px solid #E7E7E7;
	padding: 10px 15px 10px 15px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#articletypelist #typelist {
	text-align: left;
	float: left;
}
#typelist ul {
	margin: 0px;
	padding: 3px;	
}
#typelist li {
	padding-left: 2px;
	padding-right: 2px;
	list-style-type: none;
	display: inline;
}
#typelist li a {
	padding: 2px 8px 5px 8px;
	color: #838383;
	text-decoration: none;
}
/*#typelist li {
	box-shadow: 1px 0 0 #FFFFFF;
	color: #39434C;
	float: left;
	font-family: franklin-gothic-urw-cond,"Helvetica Condensed Bold",Helvetica,Arial,sans-serif;
	font-size: 1rem;
	margin-top: 15px;
	position: relative;
	text-transform: uppercase;
	width: 78px;
	
	border-right: medium none;
	font-weight: 500;
	height: 13px;
	padding: 30px 0 0;
}*/
/*
-----------------------------------------------------
Social bookmarking stuff
-----------------------------------------------------
*/
#socialblock {
	margin: 8px 0px 15px 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.750em;
	/*background-color: #f7f7f7;*/
}
#socialblock ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#socialblock ul a {
	color: #000;
	text-decoration: none;
}
#socialblock ul li {
	vertical-align: top;
	display: inline;
	padding-right: 10px;
}
#socialblock ul li.rss {
	float: right;
	background: url('../images/icon_sb_rss.gif') no-repeat 0 0;
	display: inline;
	padding: 0 15px 3px 23px;
}
/*
-----------------------------------------------------
Bottom Nav
-----------------------------------------------------
*/
#bottomnav {
	clear: both;
	padding: 2px;
	text-align: center;
	margin: 5px 15px 10px 15px;
}
#bottomnav img {
	display: inline;
}
#bottomnav .back {
	float: left;
}
#bottomnav .next {
	float: right;
}
/*
-----------------------------------------------------
Banner Layers
-----------------------------------------------------
*/
.topbanner {
	margin: 0px auto;
	text-align: center;
	background-color: #EEE;
	padding: 5px;
}
.topbanner img {
	margin: 0px auto;
}
.bannerspace {
	float: right;
	margin: 10px;
	clear: both;
}
.smallbanner {
	margin: 10px auto 10px auto;
	clear: both;
}
.rightbanner {
	padding-bottom: 10px;
}
.rightbanner img {
	margin: 0px auto;
}
/*
-----------------------------------------------------
Top story display
-----------------------------------------------------
*/
#topbody {
	/*margin-left: 190px;*/
	float: left;
	width: 430px;
}
#topbody ul, #topcast ul {
	list-style-type: none;
}
.topbody {
	margin: 8px 0px 10px 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.topbody h2 {
	margin: 0px;
}
.topbody span {
	display: block;
	margin-bottom: 8px;
}
.topbody img {
	margin: 0.5em 0.5em 0.25em 0em;
	float: left;
}
.topbody .articleImage {
	display: block;
	margin: 5px auto 15px auto;
}
.topbody .articleImage img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.topbody .iconimage {
	margin: 0px;
	padding: 3px;
	display: inline;
	vertical-align: middle;
}
.topbody .smile {
	display: inline;
	margin: 0px 3px 0px 3px;
	vertical-align: middle;
	float: none;
}
/*
-----------------------------------------------------
Right Margin News
-----------------------------------------------------
*/
.latestContent ul {
    padding: 5px 0;
	 list-style: none outside none;
}
.latestContent li {
    float: left;
    width: 300px;
    line-height: 18px;
    padding: 8px 0;
}

.latestContent li .count:after {
    border-right: 1px solid #E4E4E4;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    right: 10px;
    top: 2px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
    width: 10px;
}
.latestContent li .count {
    float: left;
    padding-top: 5px;
    position: relative;
    width: 60px;
}
.latestContent li a {
    color: #39434C;
    float: left;
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    transition: color 0.5s ease 0s;
    text-decoration: none;
}
.latestContent a {
    margin-left: 20px;
    width: 220px;
}
.latestContent a:hover{
	text-decoration: none;
	color: #860000;
}
.count img {
	background-image: url(../images/article_icons.png);
	background-repeat: no-repeat;
	vertical-align: top left;
}
.count img {
	width: 38px;
	height: 33px;
}
.count img.newsicon_article {
	background-position: 0px -2px;
}
.count img.newsicon_news {
	background-position: 0px -39px;
}
.count img.newsicon_podcast {
	background-position: 0px -74px;
}
/*.count img.newsicon_blog {
	background-position: 0px -120px;
}*/
.count img.newsicon_gallery {
	background-position: 0px -109px;
}
.count img.newsicon_build {
	background-position: 0px -144px;
}
/*
-----------------------------------------------------
Homepage Scroller
-----------------------------------------------------
*/
#infiniteScroller {
	vertical-align: top;
	height: 300px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#infiniteScroller article {
	padding: 0px;
}
#infiniteScroller article h3 {
	border: 0px;
}
#infiniteScroller .wrapper {
	margin: 0;
	padding: 0;
}
#infiniteScroller .mainlink {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
	overflow: hidden;
}
#infiniteScroller .slide {
	width: 20000em;
	position: absolute;
}
#infiniteScroller .asset {
	position: relative;
	float: left;
	text-align: left;
	height: 300px;
	width: 100%;
}
.asset:after {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, #000000));
	background: -webkit-linear-gradient(rgba(0,0,0,0),#000000);
	background: linear-gradient(rgba(0,0,0,0),#000000);
	bottom: 0;
}
.asset:hover:after {
	background-color: rgba(0,0,0,0.6);
}
#infiniteScroller .asset img {
	min-width: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}
#infiniteScroller .prev, #infiniteScroller .next {
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	height: 71px;
	width: 75px;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	-webkit-user-select: none;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-t;
	transition-t;
	top: calc(50% - 31px);
}
#infiniteScroller .prev:after, #infiniteScroller .next:after {
	content: "";
	position: absolute;
	display: block;
	height: 31px;
	width: 35px;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-t;
	transition-t;
	position: absolute;
	top: 21px;
	left: 20px;
}
#infiniteScroller .prev:hover, #infiniteScroller .next:hover {
	cursor: pointer;
	background-color: #000;
}
#infiniteScroller .prev:after {
	background: url('../images/arrows.png') 0 0 no-repeat;
	opacity: .5;
}
#infiniteScroller .prev:hover:after {
	opacity: 1;
}
#infiniteScroller .next {
	right: 0;
}
#infiniteScroller .next:after {
	background: url('../images/arrows.png') 0 -41px no-repeat;
	opacity: .5;
	left: auto;
	right: 20px;
}
#infiniteScroller .next:hover:after {
	opacity: 1;
}
#infiniteScroller .inactive, #infiniteScroller .prev {
	display: none;
}
#infiniteScroller .next,#infiniteScroller .prev {
	top: 50%;
	top: -webkit-calc(50% - 37px);
	top: -moz-calc(50% - 37px);
	top: calc(50% - 37px);
	z-index: 12;
}
#infiniteScroller .scrollerInfo {
	position: absolute;
	left: 30px;
	bottom: 5px;
	padding-right: 30px;
	z-index: 10;
}
#infiniteScroller .h {
	font-size: 2.70588em;
	line-height: 1em;
	margin-bottom: 0;
}
#infiniteScroller p {
	display: none;
}
#infiniteScroller .meta {
	text-transform: uppercase;
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
	color: #FF8B00;
}
#infiniteScroller .h {
	color: #fff;
	text-shadow: 0 1px #000;
	font-family: Jubilat,jubilat,Georgia,serif;
	font-weight: 400;
	margin-bottom: 20px;
}

@media screen and (min-width: 980px){
	#infiniteScroller {
		height: 420px;
	}
	#infiniteScroller .slide,
	#infiniteScroller .asset,
	#infiniteScroller .scrollerInfo {
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-t;
		transition-t;
	}
	.img {
		position: relative;
	}
	.img:after {
		background-color: #000000;
		content: "";
		display: block;
		height: 100%;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 8;
	}
	.img:before {
		box-shadow: 0 0 0 3px transparent inset;
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#infiniteScroller .slide {
		width: 100%;
		height: 420px;
	}
	#infiniteScroller .asset {
		height: 420px;
		text-shadow: 0 2px 1px #000;
		float: left;
		overflow: hidden;
	}
	#infiniteScroller .asset img {
		position: absolute;
		left: -100%;
		right: -100%;
		margin: auto;
		max-width: none;
		max-height: none;
	}
	#infiniteScroller .slide .asset-large {
		width: 50%;
	}
	#infiniteScroller .slide .asset-large .h {
		font-size: 2.70588em;
		line-height: 1em;
		margin-bottom: 0;
	}
	#infiniteScroller .slide .asset-medium {
		width: 25%;
	}
	#infiniteScroller .slide .asset-medium .h {
		font-size: 1.64706em;
		line-height: 1em;
		margin-bottom: 0;
	}
	#infiniteScroller .slide .asset-small {
		height: 50%;
		width: 25%;
	}
	#infiniteScroller .slide .asset-small .h {
		font-size: 1.29412em;
		line-height: 1em;
	}
	#infiniteScroller .slide .asset-small p {
		display: none;
	}
	#infiniteScroller p {
		display: block;
		font-size: 0.875em;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 20px;
		margin-top: 3px;
		color: #B1B1B1;
		text-shadow: 0 1px #000;
		font-weight: 300;
		position: relative;
		z-index: 2;
	}
	#infiniteScroller .meta, #infiniteScroller .h {
		position: relative;
		z-index: 2;
	}
	#infiniteScroller .asset:hover .h {
		color: #FF8B00;
		margin-bottom: 10px;
	}
	#infiniteScroller .scrollerInfo p {
		max-height: 180px;
		overflow: hidden;
	}
	#infiniteScroller .asset:hover .scrollerInfo {
		bottom: 20px;
	}
}
/*
-----------------------------------------------------
News Paging
-----------------------------------------------------
*/
.newsbottom {
	clear: both;
	text-align: center;
	padding: 5px;
	margin: 10px 3px 10px 3px;
}
.newsbottom a {
	text-decoration: none;
}
.newsbottom span.current {
	border: 1px solid #333;
	font-weight: bold;
	background-color: #FFF;
}
.newsbottom span.disabled {
	border: 1px solid #9E9E9E;
	color: #FFF;
}
/*
-----------------------------------------------------
Main News Listings
-----------------------------------------------------
*/
#newslist > ul {
	margin-top: 10px;
   padding: 5px 0;
	list-style: none outside none;
}
#newslist > li {
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}
.newsbody ul, .newsbody ol {
	margin: 3px 0px 0px 20px;
   padding: 5px 0;
}
.newsbody ul {
	list-style: disc;
}
.newsbody li {
	padding-bottom: 3px;
}
.newstitle a {
    color: #39434C;
    transition: color 0.5s ease 0s;
    text-decoration: none;
}
.newstitle a:hover{
	text-decoration: none;
	color: #860000;
}
#newslist .articleImage {
	display: block;
	margin: 5px auto 15px auto;
}
#newslist .articleImage img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.articleLink {
	display: none;
}
.articleLink a {
	font-weight: bold;
}
.articleLink .iconimage {
	margin: 0px;
	padding: 3px;
	display: inline;
	vertical-align: middle;
}
#newslist #newstools {
	margin-top: 8px;
}
/*
-----------------------------------------------------
Generic Site Content
-----------------------------------------------------
*/
#contactlist > ul {
	margin-top: 10px;
   padding: 5px 0;
	list-style: none outside none;
}
#contactlist > li {
	padding-bottom: 10px;
}
#contactlist ul li ul {
	margin: 3px 0px 0px 20px;
   padding: 5px 0;
	list-style: disc;
}
#contactlist ul li ul li {
	padding-bottom: 3px;
}
#contactlist h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
   font-size: 16px;
	font-weight: bold;
}
/*
-----------------------------------------------------
Article Category Icons - default.aspx
-----------------------------------------------------
*/
#asylumCategory {
	margin: 0px 0px 20px 0px;
   padding: 0px 0px 20px 0px;
}
#asylumCategory ul {
	list-style: none outside none;
}
#asylumCategory .cat {
   border-right: 1px solid #DDDDDD;
   box-shadow: 1px 0 0 #FFFFFF;
   color: #39434C;
	float: left;
   height: 50px;
   position: relative;
   text-transform: uppercase;
   width: 16%;
	font-size: 0.814em;
}
#asylumCategory li:last-child {
	border-right: 0px;
}
#asylumCategory .cat {
	text-align: center;
}
#asylumCategory .cat img {
	margin: 0 auto;
}
#asylumCategory .cat a {
   color: #39434C;
   text-align: center;
	text-decoration: none;
}
.cat img {
	background-image: url("../images/asylum_icons.png");
   background-repeat: no-repeat;
	height: 46px;
}
.cpu {
	background-position: 8px -6px;
}
.motherboards {
	width: 56px;
	background-position: -64px -4px;
}
.cat a:hover .motherboards, .motherboards.on  {
	background-position: -64px -54px;
}
.cooling {
	width: 56px;
	background-position: -130px -4px;
}
.cat a:hover .cooling, .cooling.on {
	background-position: -130px -54px;
}
.sound {
	background-position: -180px -4px;
}
.cat a:hover .sound, .sound.on {
	background-position: -180px -54px;
}
#categorylist .sound {
	background-position: -190px -4px;
}
#categorylist .cat a:hover .sound, #categorylist .sound.on {
	background-position: -190px -54px;
}
.storage {
	width: 56px;
	background-position: -260px -4px;
}
.cat a:hover .storage, .storage.on {
	background-position: -260px -54px;
}
.power_supply {
	width: 56px;
	background-position: -320px -4px;
}
.cat a:hover .power_supply, .power_supply.on {
	background-position: -320px -54px;
}
.memory {
	width: 56px;
	background-position: -382px -4px;
}
.cat a:hover .memory, .memory.on {
	background-position: -382px -54px;
}
.cases {
	width: 56px;
	background-position: -436px -4px;
}
.cat a:hover .cases, .cases.on {
	background-position: -436px -54px;
}
#categorylist .cases {
	width: 56px;
	background-position: -430px -4px;
}
#categorylist .cat a:hover .cases, #categorylist .cases.on {
	background-position: -430px -54px;
}
.input_device {
	width: 56px;
	background-position: -498px -4px;
}
.cat a:hover .input_device, .input_device.on {
	background-position: -498px -54px;
}
#categorylist .input_device {
	width: 56px;
	background-position: -494px -4px;
}
#categorylist .cat a:hover .input_device, #categorylist .input_device.on {
	background-position: -494px -54px;
}
.systems, .the_rig, .pcgaming, .xtreme {
	width: 56px;
	background-position: -562px -4px;
}
.cat a:hover .systems, .systems.on, .cat a:hover .the_rig, .the_rig.on, .cat a:hover .pcgaming, .pcgaming.on, .cat a:hover .xtreme, .xtreme.on {
	background-position: -562px -54px;
}
.modding {
	width: 56px;
	background-position: -620px -4px;
}
.cat a:hover .modding, .modding.on {
	background-position: -620px -54px;
}
.video {
	width: 66px;
	background-position: -690px -4px;
}
.cat a:hover .video, .video.on {
	background-position: -690px -54px;
}
.overclock {
	width: 56px;
	background-position: -764px -4px;
}
.cat a:hover .overclock, .overclock.on {
	background-position: -764px -54px;
}
.podcast {
	width: 56px;
	background-position: -824px -4px;
}
.cat a:hover .podcast, .podcast.on {
	background-position: -824px -54px;
}
.asylum, .events, .general_information, .editorial {
	width: 56px;
	background-position: -878px -4px;
}
.cat a:hover .asylum, .asylum.on, 
.cat a:hover .events, .events.on,
.cat a:hover .general_information, .general_information.on,
.cat a:hover .editorial, .editorial.on {
	background-position: -878px -54px;
}
.social-list .item {
    background-position: 50% center;
    float: left;
    height: 20px;
    width: 34px;
}
.social-list .item a {
    display: block;
    height: 100%;
}
.social-list .item.rss {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 58 58.2\' width=\'58\' height=\'58.2\'%3E%3Cpath fill=\'%23F79029\' d=\'M15.5 50.4c0 4.3-3.5 7.7-7.7 7.7-4.3 0-7.7-3.5-7.7-7.7s3.5-7.7 7.7-7.7 7.7 3.5 7.7 7.7zM0 30.9c7.2 0 14.1 2.8 19.2 8 5.1 5.1 7.9 12 7.9 19.3h11.2C38.3 37 21.1 19.8 0 19.8v11.1zm0-19.7c25.8 0 46.8 21.1 46.8 47.1H58C58 26.1 32 0 0 0v11.2z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px 15px;
}
.social-list .item.mail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 35 24\' width=\'35\' height=\'24\'%3E%3Cpath fill=\'%23FFF\' d=\'M0 0v24h35V0H0zm27.9 3l-10.4 8.5L7.1 3h20.8zM32 21H3V3.9l14.5 11.9L32 3.9V21z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 21px 14px;
}
.social-list .item.facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 35 65\' width=\'35\' height=\'65\'%3E%3Cpath fill=\'%23FFF\' d=\'M25 12.4h10V0H25c-8.3 0-15 7.3-15 16.2v6.2H0v12.4h10V65h12.5V34.9H35V22.5H22.5v-6.4c0-2.1 1.3-3.7 2.5-3.7z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px 19px;
}
.social-list .item.twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 52\' width=\'64\' height=\'52\'%3E%3Cpath fill=\'%23FFF\' d=\'M64 6.2c-2.4 1-4.9 1.8-7.5 2.1C59.2 6.6 61.3 4 62.2 1c-2.5 1.5-5.3 2.6-8.3 3.2C51.5 1.6 48.1 0 44.3 0 37 0 31.2 5.9 31.2 13.1c0 1 .1 2 .3 3-10.9-.5-20.6-5.8-27-13.7C3.3 4.3 2.7 6.6 2.7 9c0 4.6 2.3 8.6 5.8 10.9-2.2-.1-4.2-.7-5.9-1.6v.2c0 6.4 4.5 11.7 10.5 12.9-1.1.3-2.3.5-3.5.5-.8 0-1.7-.1-2.5-.2 1.7 5.2 6.5 9 12.3 9.1-4.5 3.5-10.2 5.6-16.3 5.6-1.1 0-2.1-.1-3.1-.2C5.8 49.8 12.7 52 20.1 52c24.2 0 37.4-20 37.4-37.4v-1.7c2.5-1.8 4.7-4.1 6.5-6.7z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 19px 15px;
}
.social-list .item.gplus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 55.9\' width=\'64\' height=\'55.9\'%3E%3Cpath fill=\'%23FFF\' d=\'M64 10.9v3.2H53.1V25h-3.2V14.1H39.1v-3.2H50V0h3.2v10.9H64zM27.6 2.8c4 1.8 4.5 4.9 4.5 10 0 8.5-8 9.6-8 13.2 0 3.6 10.6 6.5 10.6 15.6 0 15.1-18.6 14.2-18.6 14.2S0 56.4 0 44.3s18.3-11.6 19.2-11.6c-.2-2.8-2.1-2.3-2.1-3.7v-3.4S3.3 27.2 3.3 13.8 19.1 0 19.1 0h15.6c0 2.4-7.1 1.5-7.1 2.8zM17.4 35c-6.4.4-11.4 4.6-11 9.3.3 4.7 5.8 8.2 12.2 7.7 6.4-.4 11.4-4.6 11.1-9.3-.3-4.7-5.8-8.2-12.3-7.7zm7.1-24.2C23 5.4 18.7 1.9 14.9 3c-3.8 1-5.8 6.2-4.3 11.6 1.5 5.4 5.8 8.9 9.6 7.8 3.8-1.1 5.8-6.3 4.3-11.6z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 17px;
}
.social-list .item.instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\'%3E%3Cpath fill=\'%23FFF\' fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M56.6 27.1H51c.4 1.6.6 3.2.6 4.9 0 10.9-8.8 19.7-19.7 19.7-10.9 0-19.7-8.8-19.7-19.7 0-1.7.2-3.3.6-4.9H7.4v27.1c0 1.4 1.1 2.5 2.5 2.5h44.3c1.4 0 2.5-1.1 2.5-2.5V27.1zm0-17.3c0-1.4-1.1-2.5-2.5-2.5h-7.4c-1.4 0-2.5 1.1-2.5 2.5v7.4c0 1.4 1.1 2.5 2.5 2.5h7.4c1.4 0 2.5-1.1 2.5-2.5V9.8zM32 19.7c-6.8 0-12.3 5.5-12.3 12.3 0 6.8 5.5 12.3 12.3 12.3S44.3 38.8 44.3 32c0-6.8-5.5-12.3-12.3-12.3M56.6 64H7.4C3.3 64 0 60.7 0 56.6V7.4C0 3.3 3.3 0 7.4 0h49.2C60.7 0 64 3.3 64 7.4v49.2c0 4.1-3.3 7.4-7.4 7.4\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px 17px;
}
.social-list .item.youtube {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 45.1\' width=\'64\' height=\'45.1\'%3E%3Cpath fill=\'%23FFF\' d=\'M63.3 9.2C62.8 4.6 59.5 1 54.8.7 39.6-.2 24.4-.3 9.2.7 4.5 1 1.2 4.5.7 9.2c-.9 8.9-.9 17.8 0 26.7.5 4.6 3.8 8.2 8.5 8.5 18.4 1 33.2.9 45.6 0 4.6-.3 8-3.8 8.5-8.5.9-9.1 1-18 0-26.7zm-37.9 22V13.4l17.1 8.9-17.1 8.9z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 22px 16px;
}
.social-list .item.linkedin {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\'%3E%3Cpath fill=\'%23FFF\' d=\'M59.3 0H4.7C2.1 0 0 2.1 0 4.6v54.8C0 61.9 2.1 64 4.7 64h54.5c2.6 0 4.7-2.1 4.7-4.6V4.6c.1-2.5-2-4.6-4.6-4.6zM19.4 53.6H9.7V24.7h9.7v28.9zm-4.8-32.9c-3.3 0-5.4-2.2-5.4-5s2.2-5 5.5-5 5.3 2.2 5.4 5c-.1 2.8-2.2 5-5.5 5zm39.7 32.9h-9.7V38.1c0-3.9-1.4-6.5-4.9-6.5-2.7 0-4.3 1.8-5 3.5-.3.6-.3 1.5-.3 2.3v16.1h-9.7s.1-26.2 0-28.9h9.7v4.1c1.3-2 3.6-4.8 8.7-4.8 6.4 0 11.1 4.1 11.1 13v16.7z\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px 17px;
}
#categorylist {
	float: left;
	width: 180px;
	margin: 0px 20px 20px 0px;
}
#categorylist h3 {
	margin-bottom: 3px;
}
#categorylist ul {
	list-style: none outside none;
}
#categorylist li {
   text-transform: uppercase;
   border-bottom: 1px solid #DDDDDD;
   box-shadow: 1px 0 0 #FFFFFF;
	margin-bottom: 2px;
}
#categorylist .cat:before {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
	 margin-left:-0.25em;
}
#categorylist .cat img {
	width: 58px;
	padding-right: 10px;
	float: left;
}
#categorylist .cat p {
	display:inline-block;
	vertical-align: middle;
	width: 110px;
}
#categorylist .cat .ph {
	height: 46px;
   display:inline-block;
   vertical-align:middle;
}
#categorylist a {
   color: #39434C;
	text-decoration: none;
	font-weight: bold;
}
/*
-----------------------------------------------------
Mobile Overrides - These work on the desktop 
but are desgned to work with mobile detection
-----------------------------------------------------
*/
@media screen and (max-width: 980px){
	#asylum {
		width: 100%;
	}
	.int {
	   width: auto;
	}
	#topnav ul {
		overflow: hidden;
	   width: auto;
	}
	article, article#shownotes {
		width: auto;
		float: none;
	}
	#rightmargin, #socialmargin {	
		float: none;
		padding-bottom: 10px;
	}
	section[id]#rightmargin, section[id]#socialmargin {
		width: 100%;
	}
	#articletools #articleicons {
		width: 100%;
		float: none;
	}
	.gallerySide img, .galleryimage img, .articleImage img {
		max-width: 100%;
	}
	.block #awards {
		width: 80%;
	}
	.block .mediablock {
		position: inherit;
	}
	.block .mediablock .mediacontent {
		padding-bottom: 10px;
	}
	.block .mediablock #jp_container {
		position: inherit;
		right: auto;
	}
	div.jp-audio {
		width: auto;
		clear: both;
	}
	.topbanner, .topbanner img, #smallbanner, #smallbanner img {
		overflow: hidden;
	}
	section#podcast .mediacontent {
		margin-left: 0px;
	}
	section#podcast .mediablock img {
		float: none;
		margin: 0px auto;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 660px){
	#asylumCategory {
		display: none;
	}
	.cat img {
		display: none;
	}
	#categorylist {
		display: none;
	}
	#topbody {
		width: auto;
	}
	#pageheader .social-list {
		display: none;
	}
}
@media screen and (max-width: 500px){
	#pageheader {
		height: 42px;
	}
	.int {
		background: url(../images/asylum_logo_sm.png);
		background-repeat: no-repeat;
		background-position: center 6px;
	}
	#logo {
		display: none;
	}
	#topnav {
		display: none;
	}
	#infiniteScroller {
		/*display: none;*/
	}
	#articletools {
		border-bottom: hidden;
	}
	#articletools #articleicons {
		clear: both;
		text-align: left;
	}
	#articletools #articleicons img {
		margin-left: 0px;
	}
	#articledetails {
		padding-bottom: 3px;
	}
	.block .mediablock {
		position: inherit;
	}
	.block .mediablock img {
		float: none;
		max-width: 100%;
	}
	div.jp-audio {
		width: auto;
	}
	.button {
		margin-bottom: 3px;
	}
}