body { padding: 0px; margin: 0px; font-family: "Arial", sans-serif; font-size: 1em; line-height: 1.2em; background-color: #FFF; }
a, a:link, a:visited { text-decoration: none; color: #0089CF; }
a img { border: none; }
hr { background-color: #0089CF; color: #0089CF; border: 0; height: 1px; }

/* Header Elements */
.bdyWrp { width: 910px; margin: auto; }
.hTll { height: 300px; /* height: 400px; */}
.hMed { height: 200px; }
.hSml { height: 100px; }
.hdr { width: 100%; background-color: #000005; }
.hdr a { color: #FFF; font-size: 36px; line-height: 84%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", "Helvetica", "Trebuchet MS", "Arial", sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; }
/* .hdr a originally 2.5em, fixed to avoid being unreadable in adjustable font environment. */

.sprTtl { color: #0089CF; font-size: 2em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", "Helvetica", "Trebuchet MS", "Arial", sans-serif; text-transform: lowercase; font-weight: 300; line-height: 1.2em; -webkit-font-smoothing: antialiased; /* line-height: 1em; */}
.subTtl { color: #A5A5A5; }

/* Main Page */
#mnBdy { background-position: left 233px; padding-top: 8px; /* background-position: left 333px; */}
#mnBdyWrp { background-position: right bottom;  background-repeat: no-repeat; }
.mnBdyImg01 { background-image: url("/images/lg01.jpg"); }
.mnBdyImg02 { background-image: url("/images/lg02.jpg"); }
.mnBdyImg03 { background-image: url("/images/lg03.jpg"); }
.mnBdyImg04 { background-image: url("/images/lg04.jpg"); }
.mnBdyImg05 { background-image: url("/images/lg05.jpg"); }
.mnSub { width: 33%; float: left;  }
.mnSubR { width: 33%; float: right; }
.mnHlf { width: 49%; float: left; }
.mnSubPar, mnSubPar div { display: none; }
#mnFtrRt { width: 49%; text-align: right; float: right; margin-bottom: 30px; }
#mnFtrLt { width: 49%; text-align: left; float: left; margin-bottom: 30px; } 
.mnNwsItm { line-height: 1.4em; }

/* Comics Index */
.cmcCvr { width: 25%; float: left; }
.cmcCvrSlm { width: 32%; float: left; }
.cmcCvrLrg { width: 49%; float: left; }
.cmcCvrFull { width: 99%; float: left; }
.cmcCvr img, .cmcCvrLrg img, .cmcCvrFull img { border: none; margin: auto; }
.cmcDet { width: 60%; float: left; font-size: 0.85em; }
.cmcDetBdy { /*font-size: 0.85em;*/ }
.cmcDetBdy div { text-align: justify; }
.cmcWrp { width: 47%; margin: 0% 1%;  }

/* Regular Pages */
#pgBdy { background-position: left 133px; padding-top: 8px; }
#pgBdyWrp { background-position: right top;  background-repeat: no-repeat; }
.pgBdyImg01 { background-image: url("/images/sm01.jpg");  }
.pgBdyImg02 { background-image: url("/images/sm02.jpg");  }
.pgBdyImg03 { background-image: url("/images/sm03.jpg");  }
.pgBdyImg04 { background-image: url("/images/sm04.jpg");  }
.pgBdyImgEsc01 { background-image: url("/images/esc01.jpg"); }

/* Shared */
.mnHdr { background-image: url("/images/sTtl.png"); background-repeat: no-repeat; }
.bld { font-weight: bold; }
.it { font-style: italic; }
.vaM { vertical-align: middle; }
.vaT { vertical-align: top; }
.vaB { vertical-align: bottom; }
.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }
.mA { margin: auto; }

.dlLnk, a.dlLnk:link, a.dlLnk:visited { background-color: #0089CF; color: #FFF; padding: 6px 8px; }

.w49 { width: 49%; }
.w59 { width: 59%; }
.w69 { width: 69%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w95 { width: 95%; }
.p10px { padding: 10px; }
.fRt { float: right; }
.fLt { float: left; }

/* RSS Styles */
.rssMnItemsLnk { color: #A5A5A5; /*font-size: 0.85em;*/ }
.rssItems { padding: 5px; }
.rssItemBdy { font-size: 0.85em; min-height: 45px; }

/* Blog Styles */
.lft { width: 72%; /*width: 65%*/ float: left; }
.lftBdy { width: 88%; float: left; }
.rt { width: 25%; /*width: 32%;*/ float: right; }
.itmBdy { width: 100%; padding: 5px; /*font-size: 0.85em;*/ }

.cmmts { width: 100%; float: right;  text-align: left; }
.cmmtsCtrls { width: 65%; float: right; text-align: right; }
.cmmtsCtrlsLft { width: 35%;  float: left; }
.cmmtsCtrlsLft img { border: none; }
#navbar-iframe { height: 0px; visibility: hidden; display: none; }
.fntLnk { font-size: 12px; border: 1px solid; padding: 2px; }
.fntNav { width: 21%; float: right; text-align: right; padding:0% 2%; }
.clrWrp { font-size: 12px; }
.clrSwtch { height: 18px; font-size: 18px; margin: 0px; padding: 0px 0px; cursor: pointer; }
.clrImg { width: 16px; height: 18px; cursor: inherit; }

.rtSctn { }
.rspNl { display: none; }

/* Dates */
.pstDteWrp { width: 12%; display: none; float: left; text-align: center; }
.pstDte { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", "Helvetica", "Trebuchet MS", "Arial", sans-serif; font-weight: 300; color: #FFF; padding: 10px 5px 15px; width: 65%; margin: 8px auto 12px; text-align: center; background-color: #000; -webkit-font-smoothing: antialiased;  }
.pstMth { font-size: 11pt; }
.pstDy { font-size: 16pt; }

/* Images */
img.w20 { width: 16px; }
img.w20 { width: 20px; }
img.w24 { width: 24px; }
img.mnSM { vertical-align: middle; margin-right: 2px; }
img.blgIco { vertical-align: middle; margin-right: 15px; }

/* Feed Elements */
.plcHldr { width: 60px; height: 60px; line-height: 60px; float: left; margin: 5px 15px 15px 5px; /*-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #000005; text-align: center; vertical-align: middle; color: #FFF; font-size: 2em;*/ }
.plcHldr img { width: 60px; }
.nwsHldr { width: 80%; float: left; }

/* Responsive Elements */

@media screen and (max-width:320px) { 
	.bdyWrp, .mnHlf, .fntNav { width: 94%; margin: 0% 3%; }
	.plcHldr { display: none; }
	.plcHldr img { display: none; }
	.nwsHldr { width: 100%; }
	/*.sprTtl { font-size: 1.5em; }*/

	/* Comics */
	.cmcCvr { width: 100%; padding: 0% 0% 6%; }
	.cmcDet { width: 100%; }
	#cmcBdy { width: 88%; margin: 0% 6%; }

	/* Background Images */
	.mnHdr { background-image: none; padding: 0% 0% 3%; }
	.mnBdyImg01, .mnBdyImg02, .mnBdyImg03, .mnBdyImg04, .mnBdyImg05 { background-image: none; }
	.pgBdyImg01, .pgBdyImg02, .pgBdyImg03, .pgBdyImg04, .pgBdyImgEsc01 { background-image: none; }

	/* Headers */
	.hTll { height: auto; }
	.hMed { height: auto; }
	.hSml { height: auto; }
	#sclLnks { display: none; }

	#mnFtrLt { width: 94%; margin: 0% 3% 3%; }
	#mnFtrRt { width: 94%; margin: 0% 3% 3%; text-align: left; }

	/* Blogs */
	.pstDteWrp, .pstDte { display: none; }
	.rspNl { display: inline-block; }
	.lft, .rt { width: 94%; margin: 0% 3%; }
	.lftBdy { width: 99%; }
	.rtSctn { width: 100%; margin: 0% 0% 3%; float: left; }
	.cmmtsCtrls, .cmmtsCtrlsLft { width: 100%; }

	.separator img, .itmBdy img { max-width: 95%; height: auto; }
}

@media screen and (min-width:321px) and (max-width:639px) {
	.bdyWrp, .mnHlf, .fntNav { width: 94%; margin: 0% 3%; }
	.plcHldr { width: 45px; height: 45px; line-height: 45px; font-size: 1em; } 
	.plcHldr img { width: 45px; }
	/*.sprTtl { font-size: 1.5em; }*/

	/* Comics */
	.cmcCvr { width: 100%; padding: 0% 0% 6%; }
	.cmcDet { width: 100%; }
	#cmcBdy { width: 88%; margin: 0% 6%; }

	/* Background Images */
	.mnHdr { background-image: none; padding: 0% 0% 3%; }
	.mnHdr { background-image: none; padding: 0% 0% 3%; }
	.mnBdyImg01, .mnBdyImg02, .mnBdyImg03, .mnBdyImg04, .mnBdyImg05 { background-image: none; }
	.pgBdyImg01, .pgBdyImg02, .pgBdyImg03, .pgBdyImg04, .pgBdyImgEsc01 { background-image: none; }

	/* Headers */
	.hTll { height: auto; }
	.hMed { height: auto; }
	.hSml { height: auto; }

	#mnFtrLt { width: 94%; margin: 0% 3% 3%; }
	#mnFtrRt { width: 94%; margin: 0% 3% 3%; text-align: left; }
	#sclLnks { display: none; }

	/* Blogs */
	.pstDteWrp, .pstDte { display: none; }
	.rspNl { display: inline-block; }
	.lft, .rt { width: 94%; margin: 0% 3%; }
	.lftBdy { width: 99%; }
	.rtSctn { width: 100%; margin: 0% 0% 3%; float: left; }
	.cmmtsCtrls, .cmmtsCtrlsLft { width: 100%; }

	.separator img, .itmBdy img { max-width: 95%; height: auto; }
}

@media screen and (min-width:640px) and (max-width:959px) {
	.bdyWrp, .mnHlf, .fntNav { width: 94%; margin: 0% 3%; }
	/* .sprTtl { font-size: 1.5em; } */

	/* Comics */
	.cmcCvr { width: 29%; }
	.cmcDet { width: 69%; }
	#cmcBdy { width: 88%; margin: 0% 6%; }

	#mnFtrLt { width: 94%; margin: 0% 3% 3%; }
	#mnFtrRt { width: 94%; margin: 0% 3% 3%; text-align: left; }

	/* Blogs */
	.pstDteWrp, .pstDte { display: none; }
	.rspNl { display: inline-block; }
	.lft, .rt { width: 94%; margin: 0% 3%; }
	.lftBdy { width: 99%; }
	.rtSctn { width: 50%; float: left; }
}

@media screen and (min-width:960px) and (max-width:1279px) {}
@media screen and (min-width:1280px) and (max-width:1599px) {}
@media screen and (min-width:1600px) {}
@media screen and (min-width:1920px) {}