/* test */
/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"] {
    max-width: 280px;
}


	body.mywaiting, body.mywaiting *{ cursor: wait !important; }


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.tmaincoverpic { width: 120px; height: 200px; }

.fadein { position:relative; }
.fadein img { position:absolute; left:0; top:0 }

table.resizable { border: 1px dotted #666666; }
 
.centered { text-align: center; }
div.centered table { margin: 0 auto; text-align: left; }

ul a.whatsnew:link { color: white; }
ul a.whatsnew:visited { color: white; }
ul a.whatsnew:active { color: white; }
ul a.whatsnew:hover { color: red; }
li.whatsnew:link { color: white; }
li .whatsnew:visited { color: white; }
li .whatsnew:active { color: white; }
li .whatsnew:hover { color: red; }

.hangingindent {
	padding-left: 30px;
	text-indent: -30px;
}

a.whitelink:link { color: white; text-decoration:underline; font-size:1em; }
a.whitelink:visited { color: white; text-decoration:underline; font-size:1em; }
a.whitelink:active { color: white; text-decoration:underline; font-size:1em; }
a.whitelink:hover { color: red; text-decoration:underline; font-size:1em; }

a.commentauthorlink:link { color: white; text-decoration:underline; font-size:1em; }
a.commentauthorlink:visited { color: white; text-decoration:underline; font-size:1em; }
a.commentauthorlink:active { color: white; text-decoration:underline; font-size:1em; }
a.commentauthorlink:hover { color: red; text-decoration:underline; font-size:1em; }

a.commentserieslink:link { color: white; text-decoration:underline; font-size:1em; }
a.commentserieslink:visited { color: white; text-decoration:underline; font-size:1em; }
a.commentserieslink:active { color: white; text-decoration:underline; font-size:1em; }
a.commentserieslink:hover { color: red; text-decoration:underline; font-size:1em; }

a.authorlink:link { color: white; text-decoration:underline; font-size:1em; }
a.authorlink:visited { color: white; text-decoration:underline; font-size:1em; }
a.authorlink:active { color: white; text-decoration:underline; font-size:1em; }
a.authorlink:hover { color: red; text-decoration:underline; font-size:1em; }

a.creatorlink:link { color: white; text-decoration:underline; }
a.creatorlink:visited { color: white; text-decoration:underline; }
a.creatorlink:active { color: white; text-decoration:underline; }
a.creatorlink:hover { color: red; text-decoration:underline; }

a.serieslink:link { color: white; text-decoration:underline; }
a.serieslink:visited { color: white; text-decoration:underline; }
a.serieslink:active { color: white; text-decoration:underline; }
a.serieslink:hover { color: red; text-decoration:underline; }

a.yearserieslink:link { padding-left:.25em; padding-right:.25em; color: white; text-decoration:underline; }
a.yearserieslink:visited { padding-left:.25em; padding-right:.25em; color: white; text-decoration:underline; }
a.yearserieslink:active { padding-left:.25em; padding-right:.25em; color: white; text-decoration:underline; }
a.yearserieslink:hover { padding-left:.25em; padding-right:.25em; color: red; text-decoration:underline; }

a.articlelistlink:link { color: white; text-decoration:underline; font-size:18pt; }
a.articlelistlink:visited { color: white; text-decoration:underline; font-size:18pt; }
a.articlelistlink:active { color: white; text-decoration:underline; font-size:18pt; }
a.articlelistlink:hover { color: red; text-decoration:underline; font-size:18pt; }

a.contactmelink:link { color: white; text-decoration:underline; }
a.contactmelink:visited { color: white; text-decoration:underline; }
a.contactmelink:active { color: white; text-decoration:underline; }
a.contactmelink:hover { color: red; text-decoration:underline; }

.itemNumberCell {
    width: 2%;
}

.paraindent {
    text-indent: 2em;
}
.parawhite {
    color: white;
}
.paraarticlelist {
    text-indent: 50px;
    color: white;
    font-size:14pt;
}
.paraarticlelist {
    text-indent: 50px;
    color: white;
    font-size:12pt;
}
.headerarticle {
    text-align:center;
    color:red;
}

div.sgShowYearData { margin: .5em; padding: .5em; background: #111122; color: #ffffff; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }

.headerlowerline { display:none; }

div.cobralinks {
    color:white;
    text-align:center;
}

.floatrighter {
    float: right;
}

div.aboutme1 {
    margin: .5em;
    padding: 1em;
    background: #414572;
    color: red;
    font-size: 22pt;
    font-style: normal;
    line-height: normal;
    border-color: white;
    border-style: solid;
    border-width: 5px;
    text-align:center;
}

div.aboutme2 {
    margin: .5em;
    padding: 1em;
    background: #414572;
    color: white;
    font-size: 12pt;
    font-style: normal;
    line-height: normal;
    border-color: white;
    border-style: solid;
    border-width: 5px;
}

.picframe img { position:absolute; top:1px; left:1px; z-index:8; }
.picframe img.active { z-index:10; }
.picframe img.last-active { z-index:9; }

.picframesmall img { z-index:8; }
.picframesmall img.active { z-index:10; }
.picframesmall img.last-active { z-index:9; }

.picframesmallimg_inactive { display:none; }

.blankspan50 {
    display: inline-block;
    width: 50px;
}


body { 
    background: #5167c3
}

* {
    font-family: "Times New Roman","Verdana";
}
.centertable {
    text-align: center;
}

.img_60x100 {
    border: 2px solid black;
    width: 60px;
    height: 100px;
}

.highlightIt { color:yellow; }

.letterrow {
    color: black;
    background-color:#772022;
    border:1px solid black;
    text-align:center;
	padding-bottom: 1em;
}

a.letters:link { color: white; text-decoration:underline; }
a.letters:visited { color: white; text-decoration:underline; }
a.letters:active { color: white; text-decoration:underline; }
a.letters:hover { color: red; text-decoration:underline; }

a.smalllinkedletters:link { color: white; text-decoration:underline; font-size:14pt; padding-left: 3px; padding-right: 3px; }
a.smalllinkedletters:visited { color: white; text-decoration:underline; font-size:14pt; padding-left: 3px; padding-right: 3px; }
a.smalllinkedletters:active { color: white; text-decoration:underline; font-size:14pt; padding-left: 3px; padding-right: 3px; }
a.smalllinkedletters:hover { color: red; text-decoration:underline; font-size:14pt; padding-left: 3px; padding-right: 3px; }


.linkedletterrow { 
    margin: 1em;
    padding: 1em;
    background: #414572; 
    color: #ffffff;
    font-size: 12pt;
    font-style: normal;
    line-height: normal;
    border-color:white;
    border-style:solid;
    border-width:5px;
    text-align:center;
}

.bigletter{
    font-size:24pt;
    font-weight:bold;
    color:blue;
}

div.sgShowChar1 { margin: .5em; padding: .5em; background: #112233; color: #ff0000; font-size: 12pt; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.sgShowChar2 { margin: .5em; padding: .5em; background: #111133; color: #ff0000; font-size: 12pt; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.sgShowChar3 { margin: .5em; padding: .5em; background: #414572; color: #ff0000; font-size: 12pt; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.sgShowChar4 { margin: .5em; padding: .5em; background: #111122; color: #ff0000; font-size: 12pt; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.sgShowChar5 { margin: .5em; padding: .5em; background: #113366; color: #ff0000; font-size: 12pt; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }

.data1 { line-height: 1; font-size: 16pt; font-weight: bold; font-family: Arial; color: white }
.data2 { line-height: 1; font-size: 16pt; font-family: Arial; color: white }
.data3 { line-height: 1; font-size: 16pt; font-family: Arial; color: black }
.data4 { line-height: 1; font-size: 14pt; font-family: Arial; color: white }
.data5 { line-height: 1; font-size: 10pt; font-family: Arial; color: #ffcc00; font-weight:bold; }

div.contactme1 { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.contactme2 { margin: .5em; padding: 1em; background: #cedfbd; color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.contactme3 { margin: .5em; padding: 1em; background: #414572; color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }
div.contactme4 { margin: .5em; padding: .5em; background: #414572; color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px; border-radius:5px; }

div.mainheader { 
	text-align:center;
}

a.mainheaderlink:link { color: white; text-decoration:underline; font-size:1.25em; }
a.mainheaderlink:visited { color: white; text-decoration:underline; font-size:1.25em; }
a.mainheaderlink:active { color: white; text-decoration:underline; font-size:1.25em; }
a.mainheaderlink:hover { color: red; text-decoration:underline; font-size:1.25em; }
a.mainheaderlink1:link { color: white; text-decoration:underline; font-size:1em; }
a.mainheaderlink1:visited { color: white; text-decoration:underline; font-size:1em; }
a.mainheaderlink1:active { color: white; text-decoration:underline; font-size:1em; }
a.mainheaderlink1:hover { color: red; text-decoration:underline; font-size:1em; }
.mainheader .hellotext { color: yellow; float:left; }
.mainheader .loginregistertext { float:right;}

div.titleimgdiv { 
	background-image:url('/images/spyguysandgals1_155x100bg.jpg');
	text-align:center;
	height:100px;
}

a.sgshowauthorserieslink:link { color: white; text-decoration:underline; }
a.sgshowauthorserieslink:visited { color: white; text-decoration:underline; }
a.sgshowauthorserieslink:active { color: white; text-decoration:underline; }
a.sgshowauthorserieslink:hover { color: red; text-decoration:underline; }

table.sgshowauthorbooks {
    margin-left:auto;
    margin-right:auto;
}


.dbworkbutton {
    width: 300px;
    font-size:1em;
    background-color: #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #999999;
    border-radius: 10px;
    color:black;
	margin: 5px 30px 5px 30px;
}

a.dbworklink:link { color: black; text-decoration:underline; }
a.dbworklink:visited { color: black; text-decoration:underline; }
a.dbworklink:active { color: black; text-decoration:underline; }
a.dbworklink:hover { color: red; text-decoration:underline; }

span.dbworkspacer { width: 100px; }

.roundedButton {
    background-color: #eeeeee;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #999999;
	padding: 1px;

}
.noentrytext {
	color:#999999;
}
.clearauthor {
	cursor: pointer;
	text-decoration: underline;
	font-size:.75em;
}
.addauthor {
	cursor: pointer;
	text-decoration: underline;
	font-size:.75em;
}

.dbwork_alphabetlink {
    font-size: 20pt;
    cursor: pointer;
}

.dbwork_alphabetlinknew {
    font-size: 16pt;
    cursor: pointer;
}

.alphabetlist {
    text-align:center;
    color:yellow;
}

.dbwork_seriestablediv {
    display:none;
}

.dbwork_booktablediv {
    display:none;
}

.dbwork_seriestable {
    text-align:center;
    width:100%;
}

.dbwork_seriesitemcell {
    width: 25%;
    cursor:pointer;
    text-align:left;
}

.dbwork_seriesitemspan {
    cursor:pointer;
    color:white;
    font-size:16pt;
}

.spanbutton {
	font-size: 1.25em;
	display:inline-block;
	background-color: black;
	color:white;
	border-radius: 5px;
	border: 1px solid #4e4e4e;
	text-align:center;
	cursor: pointer;
	padding: 1px 4px 1px 4px ;
	margin: 1px;
}

.anchorbutton {
	font-size: 1.25em;
	display:inline-block;
	border-radius: 5px;
	border: 1px solid #4e4e4e;
	background-color: #ffffff;
	color: #000000;
	text-align:center;
	cursor: pointer;
	padding: 1px 4px 1px 4px ;
	margin: 1px;
}

.listingtable {
	width: 100%;
}
.booklistingtable {
	width: 100%;
}

.listingtd {
	width: 25%;
	vertical-align: top;
	font-size:1.5em;
	cursor: pointer;
	color: white;
}

.dbwork_formdiv {
	display:none;
}

.dbwork_castdiv {
	display:none;
}

.dbwork_generaldiv {
	display:none;
}

.dbwork_individual {
	display:none;
}

.editinput {
	color: white;
}

.lookupbook { margin: .5em; padding: 1em; background: #414572; color: #ffffff; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
.lookupbook1 { margin: .5em; padding: 1em; background: #415582; color: #ffffff; font-size: 12pt ; font-style: normal; line-height: normal; border-color:#cccccc; border-style:solid; border-width:5px }
	
.showcomicpagesouterdiv {
	text-align: center;
}
	
.showcomicpages { position:relative; width:600px; height:1000px; }
.showcomicpages img { position:absolute; left:0; top:0 }

.btnpagechange {
	margin: 10px;
	padding: 8px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #445566;
	color: white;
	cursor: pointer;
}

.pagephotopagenr {
	border: 1px solid #889988;
	background-color: white;
	color: black;
	margin: 10px 0px 5px 0px;
	padding: 5px;
	cursor:pointer;
}
.pagephotopagenrhilite {
	background-color: black;
	color: red;
}

@media screen and (min-width: 10px) {
	.mainheaderlinkarea { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 9pt ; font-style: normal; border: 5px solid white; }
	.toplinkicon { display: none; color:yellow; font-size:.75em; }
	.showchar_td0 { width: 1%; }
	.showchar_td1 { width: 1%; }
	.showchar_td2 { width: 97%; vertical-align:middle; }
	.showchar_td2a { width: 40%; }
	.showchar_td2b { width: 60%; }
	.homepageintro { margin: .5em; padding: .5em; background: #cedfbd; color: black; border: 5px solid white; border-radius:5px; }
	.homepageintrotitle { text-align: center; font-size: 1.5em; color: red; font-weight: bold; }
	.stripimg { width: 30px; height:20px; }
	.toplinkdiv { display:inline-block; padding: 0px 10px 0px 10px; }
	.fadein { display: none; width:30px; height:50px; }
	.maincoverpic { width: 30px; height: 50px; }
	.abouttheseries { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.abouttheseriesinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.abouttheseriestitle { font-size:20px; color:orange; font-weight:bold; }
	.abouttheseriestext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.mycomments { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.mycommentsinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.mycommentstitle { font-size:20px; color:orange; font-weight:bold; }
	.mycommentstext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.primarydata { line-height: 1em; font-size: 8pt; font-family: Arial; color: white }	
	.sectiontitle { font-size:20px; color:orange; font-weight:bold; }
	.sectiontext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.generalinner { background-color:#222244; border:1px solid #bbbbbb; margin-bottom:5px; padding:10px; }
	.generaltext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.booktitle { font-size:12pt; color:white; font-weight:bold; }
	.bookdata { font-size:10pt; color:white; font-weight:bold; }
	.bookdata1 { font-size:8pt; color:white; font-weight:bold; }
	.bookpic { width: 20px; height: 33px; }
	.gamepic { width: 33px; height: 20px; }
	.gamepic_50x25 { width: 33px; height: 20px; }
	.gamepic_80x60 { width: 26px; height: 20px; }
	.gamepic_70x60 { width: 28px; height: 24px; }
	.gamepic_40x40 { width: 20px; height: 20px; }
	.gamepic_60x30 { width: 30px; height: 15px; }
	.gamepic_50x55 { width: 25px; height: 28px; }
	.gamepic_40x90 { width: 20px; height: 45px; }
	.gamepic_40x25 { width: 20px; height: 12px; }
	.collpic_56x45 { width: 28px; height: 22px; }
	.collpic_60x50 { width: 30px; height: 25px; }
	.collpic_40x30 { width: 20px; height: 15px; }
	.collpic_30x50 { width: 15px; height: 25px; }
	.collpic_50x50 { width: 25px; height: 25px; }
	.comicpic_50x40 { width: 25px; height: 20px; }
	.comicpic_75x50 { width: 37px; height: 25px; }
	.comicpic_80x30 { width: 40px; height: 15px; }
	.comicpic_40x20 { width: 20px; height: 10px; }
	.titleimg { width: 100px; height: 50px; }
	.amazonlinkimg{ width: 30px; height: 12px; }
	.homepagecoverimg{ width: 30px; height: 50px; }
	.homepagetitle { font-size: 2em; color: yellow; }
	.homepagesubtitle { font-size: 1.5em; color: white; }
	.homepagesubsubtitle { font-size: 1.25em; color: white; }
	.homepagesubtext { font-size: 1em; color: white; }
	.picframe {			position: relative; margin:10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 30px; height: 50px; }
	.picframesmall {	position: relative; margin:10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 30px; height: 50px; }
	.picframesmallimg { position:absolute; top:1px; left:1px; z-index:8; width: 30px; height: 50px; }
	div.articles1 { margin: .5em; padding: .5em; background: #cc5500; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles2 { margin: .5em; padding: 1em;	 background: #5599aa; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles3 { margin: .5em; padding: 1em;  background: #414572; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles4 { margin: .5em; padding: 1em;  background: #724145; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.linksimg { border:0px; width: 250px;}
	.mygradescoverimg{ width: 30px; height: 50px; }
	div.gradelistHeader { color: #ff0000; font-size: 14pt; font-style: italic; font-weight: bold; text-decoration:underline; }
	div.gradelistItem { color: #ffffff; font-size: 12pt; }
	div.gradelistPara { color: #fff0f0; font-size: 10pt; }
	a.mygradesserieslink:link { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:visited { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:active { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:hover { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: red; text-decoration:underline; }
	div.whatsnewouterdiv { margin: .5em; padding: 1em;	 background: #5599aa; color: black; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
}
@media screen and (min-width: 200px) {
	.mainheaderlinkarea { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 10pt ; font-style: normal; border: 5px solid white; }
	.toplinkicon { display: none; color:yellow; font-size:.75em; }
	.showchar_td0 { width: 1%; }
	.showchar_td1 { width: 1%; }
	.showchar_td2 { width: 98%; vertical-align:middle; }
	.showchar_td2a { width: 40%; }
	.showchar_td2b { width: 60%; }
	.homepageintro { margin: .5em; padding: .5em; background: #cedfbd; color: black; border: 5px solid white; border-radius:5px; }
	.homepageintrotitle { text-align: center; font-size: 1.5em; color: red; font-weight: bold; }
	.stripimg { width: 45px; height:30px; }
	.toplinkdiv { display:inline-block; padding: 0px 10px 0px 10px; }
	.fadein { display: none; width:46px; height:75px; }
	.maincoverpic { width: 46px; height: 75px; }
	.abouttheseries { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.abouttheseriesinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.abouttheseriestitle { font-size:20px; color:orange; font-weight:bold; }
	.abouttheseriestext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.mycomments { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.mycommentsinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.mycommentstitle { font-size:20px; color:orange; font-weight:bold; }
	.mycommentstext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.primarydata { line-height: 1em; font-size: 10pt; font-family: Arial; color: white }	
	.sectiontitle { font-size:20px; color:orange; font-weight:bold; }
	.sectiontext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.generalinner { background-color:#222244; border:1px solid #bbbbbb; margin-bottom:5px; padding:10px; }
	.generaltext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.booktitle { font-size:12pt; color:white; font-weight:bold; }
	.bookdata { font-size:10pt; color:white; font-weight:bold; }
	.bookdata1 { font-size:8pt; color:white; font-weight:bold; }
	.bookpic { width: 30px; height: 50px; }
	.gamepic { width: 50px; height: 25px; }
	.gamepic_50x25 { width: 50px; height: 25px; }
	.gamepic_80x60 { width: 40px; height: 30px; }
	.gamepic_70x60 { width: 35px; height: 30px; }
	.gamepic_40x40 { width: 30px; height: 30px; }
	.gamepic_60x30 { width: 60px; height: 30px; }
	.gamepic_50x55 { width: 50px; height: 55px; }
	.gamepic_40x90 { width: 30px; height: 60px; }
	.gamepic_40x25 { width: 30px; height: 16px; }
	.collpic_56x45 { width: 56px; height: 45px; }
	.collpic_60x50 { width: 60px; height: 50px; }
	.collpic_40x30 { width: 40px; height: 30px; }
	.collpic_30x50 { width: 30px; height: 50px; }
	.collpic_50x50 { width: 50px; height: 50px; }
	.comicpic_50x40 { width: 50px; height: 40px; }
	.comicpic_75x50 { width: 75px; height: 50px; }
	.comicpic_80x30 { width: 80px; height: 30px; }
	.comicpic_40x20 { width: 40px; height: 20px; }
	.titleimg { width: 100px; height: 50px; }
	.amazonlinkimg{ width: 30px; height: 12px; }
	.homepagecoverimg{ width: 30px; height: 50px; }
	.homepagetitle { font-size: 2em; color: yellow; }
	.homepagesubtitle { font-size: 1.5em; color: white; }
	.homepagesubsubtitle { font-size: 1.25em; color: white; }
	.homepagesubtext { font-size: 1em; color: white; }
	.picframe { position:relative; margin:10px auto 0px auto; width:30px; height:50px; background-color: #414572; border: 2px solid white; cursor:pointer; padding: 1px; border-radius: 5px; }
	.picframesmall { position: relative; margin:10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 30px; height: 50px; }
	.picframesmallimg { position:absolute; top:1px; left:1px; z-index:8; width: 30px; height: 50px; }
	div.articles1 { margin: .5em; padding: .5em; background: #cc5500; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles2 { margin: .5em; padding: 1em;	 background: #5599aa; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles3 { margin: .5em; padding: 1em;  background: #414572; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles4 { margin: .5em; padding: 1em;  background: #724145; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.linksimg { border:0px; width: 250px;}
	.mygradescoverimg{ width: 30px; height: 50px; }
	div.gradelistHeader { color: #ff0000; font-size: 14pt; font-style: italic; font-weight: bold; text-decoration:underline; }
	div.gradelistItem { color: #ffffff; font-size: 12pt; }
	div.gradelistPara { color: #fff0f0; font-size: 10pt; }
	a.mygradesserieslink:link { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:visited { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:active { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:hover { font-size:10pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: red; text-decoration:underline; }
	div.whatsnewouterdiv { margin: .5em; padding: 1em;	 background: #5599aa; color: black; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.boxspan { display:inline-block; border: 2px solid orange; border-radius: 2px; text-align: center; font-size: 12pt; width: 40px; margin: 2px 2px 2px 2px; padding: 4px 0px 4px 0px; }
	.boxspanletterspan { display: inline-block; padding-right: 2px; }
}
@media screen and (min-width: 400px) {
	.mainheaderlinkarea { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 12pt ; font-style: normal; border: 5px solid white; }
	.toplinkicon { display: block; color:yellow; font-size:.75em; }
	.showchar_td0 { width: 10%; }
	.showchar_td1 { width: 1%; }
	.showchar_td2 { width: 89%; vertical-align:middle; }
	.showchar_td2a { width: 40%; }
	.showchar_td2b { width: 60%; }
	.homepageintro { margin: .5em; padding: .5em; background: #cedfbd; color: black; border: 5px solid white; border-radius:5px; }
	.homepageintrotitle { text-align: center; font-size: 2em; color: red; font-weight: bold; }
	.stripimg { width: 60px; height:40px; }
	.toplinkdiv { display:inline-block; padding: 0px 10px 0px 10px; }
	.fadein { display: block; width:60px; height:100px; }
	.maincoverpic { width: 60px; height: 100px; }
	.abouttheseries { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.abouttheseriesinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.abouttheseriestitle { font-size:28px; color:orange; font-weight:bold; }
	.abouttheseriestext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.mycomments { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.mycommentsinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.mycommentstitle { font-size:32px; color:orange; font-weight:bold; }
	.mycommentstext { font-size:28px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.primarydata { line-height: 1em; font-size: 14pt; font-family: Arial; color: white }	
	.sectiontitle { font-size:20px; color:orange; font-weight:bold; }
	.sectiontext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.generalinner { background-color:#222244; border:1px solid #bbbbbb; margin-bottom:5px; padding:10px; }
	.generaltext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.booktitle { font-size:14pt; color:white; font-weight:bold; }
	.bookdata { font-size:10pt; color:white; font-weight:bold; }
	.bookdata1 { font-size:9pt; color:white; font-weight:bold; }
	.bookpic { width: 60px; height: 100px; }
	.gamepic { width: 100px; height: 60px; }
	.gamepic_50x25 { width: 100px; height: 50px; }
	.gamepic_80x60 { width: 80px; height: 60px; }
	.gamepic_70x60 { width: 70px; height: 60px; }
	.gamepic_40x40 { width: 40px; height: 40px; }
	.gamepic_60x30 { width: 90px; height: 45px; }
	.gamepic_50x55 { width: 50px; height: 55px; }
	.gamepic_40x90 { width: 40px; height: 90px; }
	.gamepic_40x25 { width: 40px; height: 25px; }
	.collpic_56x45 { width: 84px; height: 67px; }
	.collpic_60x50 { width: 90px; height: 75px; }
	.collpic_40x30 { width: 60px; height: 45px; }
	.collpic_30x50 { width: 45px; height: 75px; }
	.collpic_50x50 { width: 75px; height: 75px; }
	.comicpic_50x40 { width: 100px; height: 80px; }
	.comicpic_75x50 { width: 150px; height: 100px; }
	.comicpic_80x30 { width: 160px; height: 60px; }
	.comicpic_40x20 { width: 80px; height: 40px; }
	.titleimg { width: 150px; height: 75px; }
	.amazonlinkimg{ width: 45px; height: 14px; }
	.homepagecoverimg{ width: 60px; height: 100px; }
	.homepagetitle { font-size: 2.5em; color: yellow; }
	.homepagesubtitle { font-size: 2em; color: white; }
	.homepagesubsubtitle { font-size: 1.5em; color: white; }
	.homepagetext { font-size: 1em; color: white; }
	.picframe { position:relative; margin:10px auto 0px auto; width:60px; height:100px; background-color: #414572; border: 3px solid white; cursor:pointer; padding: 1px; border-radius: 5px; }
	.picframesmall { position: relative; margin:10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 60px; height: 100px; }
	.picframesmallimg { position:absolute; top:1px; left:1px; z-index:8; width: 60px; height: 100px; }
	div.articles1 { margin: .5em; padding: .5em; background: #cc5500; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles2 { margin: .5em; padding: 1em;	 background: #5599aa; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles3 { margin: .5em; padding: 1em;  background: #414572; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles4 { margin: .5em; padding: 1em;  background: #724145; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.linksimg { border:0px; width: 350px;}
	.mygradescoverimg{ width: 60px; height: 100px; }
	div.gradelistHeader { color: #ff0000; font-size: 14pt; font-style: italic; font-weight: bold; text-decoration:underline;}
	div.gradelistItem { color: #ffffff; font-size: 14pt; }
	div.gradelistPara { color: #fff0f0; font-size: 12pt; }
	a.mygradesserieslink:link { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:visited { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:active { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:hover { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: red; text-decoration:underline; }
	div.whatsnewouterdiv { margin: .5em; padding: 1em;	 background: #5599aa; color: black; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.boxspan { display:inline-block; border: 2px solid red; border-radius: 2px; text-align: center; font-size: 16pt; width: 80px; margin: 2px 5px 2px 5px; padding: 4px 0px 4px 0px; }
	.boxspanletterspan { display: inline-block; padding-right: 2px; }
}
@media screen and (min-width: 600px) {
	.mainheaderlinkarea { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 12pt ; font-style: normal; border: 5px solid white; }
	.toplinkicon { display: block; color:yellow; font-size:.75em; }
	.showchar_td0 { width: 10%; }
	.showchar_td1 { width: 5%; }
	.showchar_td2 { width: 85%; vertical-align:middle; }
	.showchar_td2a { width: 40%; }
	.showchar_td2b { width: 60%; }
	.homepageintro { margin: .5em; padding: .5em; background: #cedfbd; color: black; border: 5px solid white; border-radius:5px; }
	.homepageintrotitle { text-align: center; font-size: 2em; color: red; font-weight: bold; }
	.stripimg { width: 81px; height:63px; }
	.toplinkdiv { display:inline-block; padding: 0px 10px 0px 10px; }
	.fadein { display: block; width:90px; height:150px; }
	.maincoverpic { width: 90px; height: 150px; }
	.abouttheseries { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.abouttheseriesinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.abouttheseriestitle { font-size:28px; color:orange; font-weight:bold; }
	.abouttheseriestext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.mycomments { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.mycommentsinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.mycommentstitle { font-size:32px; color:orange; font-weight:bold; }
	.mycommentstext { font-size:28px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.primarydata { line-height: 1em; font-size: 14pt; font-family: Arial; color: white }	
	.sectiontitle { font-size:20px; color:orange; font-weight:bold; }
	.sectiontext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.generalinner { background-color:#222244; border:1px solid #bbbbbb; margin-bottom:5px; padding:10px; }
	.generaltext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.booktitle { font-size:14pt; color:white; font-weight:bold; }
	.bookdata { font-size:10pt; color:white; font-weight:bold; }
	.bookdata1 { font-size:9pt; color:white; font-weight:bold; }
	.bookpic { width: 60px; height: 100px; }
	.gamepic { width: 100px; height: 60px; }
	.gamepic_50x25 { width: 100px; height: 50px; }
	.gamepic_80x60 { width: 80px; height: 60px; }
	.gamepic_70x60 { width: 70px; height: 60px; }
	.gamepic_40x40 { width: 40px; height: 40px; }
	.gamepic_60x30 { width: 60px; height: 30px; }
	.gamepic_60x30 { width: 90px; height: 45px; }
	.gamepic_50x55 { width: 75px; height: 82px; }
	.gamepic_40x90 { width: 40px; height: 90px; }
	.gamepic_40x25 { width: 40px; height: 25px; }
	.collpic_56x45 { width: 84px; height: 67px; }
	.collpic_60x50 { width: 90px; height: 75px; }
	.collpic_40x30 { width: 60px; height: 45px; }
	.collpic_30x50 { width: 45px; height: 75px; }
	.collpic_50x50 { width: 75px; height: 75px; }
	.comicpic_50x40 { width: 100px; height: 80px; }
	.comicpic_75x50 { width: 150px; height: 100px; }
	.comicpic_80x30 { width: 160px; height: 60px; }
	.comicpic_40x20 { width: 80px; height: 40px; }
	.titleimg { width: 150px; height: 75px; }
	.amazonlinkimg{ width: 45px; height: 14px; }
	.homepagecoverimg{ width: 60px; height: 100px; }
	.homepagetitle { font-size: 2.5em; color: yellow; }
	.homepagesubtitle { font-size: 2em; color: white; }
	.homepagesubsubtitle { font-size: 1.5em; color: white; }
	.homepagetext { font-size: 1em; color: white; }
	.picframe { position:relative; margin:10px auto 0px auto; width:60px; height:100px; background-color: #414572; border: 3px solid white; cursor:pointer; padding: 1px; border-radius: 5px; }
	.picframesmall { position: relative; margin:10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 60px; height: 100px; }
	.picframesmallimg { position:absolute; top:1px; left:1px; z-index:8; width: 60px; height: 100px; }
	div.articles1 { margin: .5em; padding: .5em; background: #cc5500; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles2 { margin: .5em; padding: 1em;	 background: #5599aa; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles3 { margin: .5em; padding: 1em;  background: #414572; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles4 { margin: .5em; padding: 1em;  background: #724145; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.linksimg { border:0px; width: 350px;}
	.mygradescoverimg{ width: 60px; height: 100px; }
	div.gradelistHeader { color: #ff0000; font-size: 14pt; font-style: italic; font-weight: bold; text-decoration:underline;}
	div.gradelistItem { color: #ffffff; font-size: 14pt; }
	div.gradelistPara { color: #fff0f0; font-size: 12pt; }
	a.mygradesserieslink:link { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:visited { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:active { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:hover { font-size:12pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: red; text-decoration:underline; }
	div.whatsnewouterdiv { margin: .5em; padding: 1em;	 background: #5599aa; color: black; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.boxspan { display:inline-block; border: 2px solid red; border-radius: 2px; text-align: center; font-size: 20pt; width: 120px; margin: 2px 10px 2px 10px; padding: 4px 0px 4px 0px; }
	.boxspanletterspan { display: inline-block; padding-right: 4px; }
}
@media screen and (min-width: 800px) {
	.mainheaderlinkarea { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 12pt ; font-style: normal; border: 5px solid white; }
	.toplinkicon { display: block; color:yellow; font-size:.75em; }
	.showchar_td0 { width: 10%; }
	.showchar_td1 { width: 5%; }
	.showchar_td2 { width: 85%; vertical-align:middle; }
	.showchar_td2a { width: 40%; }
	.showchar_td2b { width: 60%; }
	.homepageintro { margin: .5em; padding: .5em; background: #cedfbd; color: black; border: 5px solid white; border-radius:5px; }
	.homepageintrotitle { text-align: center; font-size: 3em; color: red; font-weight: bold; }
	.stripimg { width: 81px; height:63px; }
	.toplinkdiv { display:inline-block; padding: 0px 10px 0px 10px; }
	.fadein { display: block; width:106px; height:175px; }
	.maincoverpic { width: 106px; height: 175px; }
	.abouttheseries { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.abouttheseriesinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.abouttheseriestitle { font-size:32px; color:orange; font-weight:bold; }
	.abouttheseriestext { font-size:28px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.mycomments { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.mycommentsinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.mycommentstitle { font-size:32px; color:orange; font-weight:bold; }
	.mycommentstext { font-size:28px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.primarydata { line-height: 1em; font-size: 16pt; font-family: Arial; color: white }	
	.sectiontitle { font-size:20px; color:orange; font-weight:bold; }
	.sectiontext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.booktitle { font-size:14pt; color:white; font-weight:bold; }
	.bookdata { font-size:12pt; color:white; font-weight:bold; }
	.bookdata1 { font-size:10pt; color:white; font-weight:bold; }
	.bookpic { width: 60px; height: 100px; }
	.gamepic { width: 100px; height: 60px; }
	.gamepic_50x25 { width: 100px; height: 50px; }
	.gamepic_80x60 { width: 80px; height: 60px; }
	.gamepic_70x60 { width: 70px; height: 60px; }
	.gamepic_40x40 { width: 60px; height: 60px; }
	.gamepic_60x30 { width: 90px; height: 45px; }
	.gamepic_50x55 { width: 75px; height: 82px; }
	.gamepic_40x90 { width: 60px; height: 125px; }
	.gamepic_40x25 { width: 60px; height: 62px; }
	.collpic_56x45 { width: 84px; height: 67px; }
	.collpic_60x50 { width: 90px; height: 75px; }
	.collpic_40x30 { width: 60px; height: 45px; }
	.collpic_30x50 { width: 45px; height: 75px; }
	.collpic_50x50 { width: 75px; height: 75px; }
	.comicpic_50x40 { width: 100px; height: 80px; }
	.comicpic_75x50 { width: 150px; height: 100px; }
	.comicpic_80x30 { width: 160px; height: 60px; }
	.comicpic_40x20 { width: 80px; height: 40px; }
	.titleimg { width: 200px; height: 100px; }
	.amazonlinkimg{ width: 60px; height: 18px; }
	.homepagecoverimg{ width: 90px; height: 150px; }
	.homepagetitle { font-size: 3em; color: yellow; }
	.homepagesubtitle { font-size: 2em; color: white; }
	.homepagesubsubtitle { font-size: 1.5em; color: white; }
	.homepagesubtext { font-size: 1em; color: white; }
	.picframe { position:relative; margin:10px auto 0px auto; width:90px; height:150px; background-color: #414572; border: 4px solid white; cursor:pointer; padding: 1px; border-radius: 5px; }
	.picframesmall { position: relative; margin:10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 90px; height: 150px; }
	.picframesmallimg { position:absolute; top:1px; left:1px; z-index:8; width: 90px; height: 150px; }
	div.articles1 { margin: .5em; padding: .5em; background: #cc5500; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles2 { margin: .5em; padding: 1em;	 background: #5599aa; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles3 { margin: .5em; padding: 1em;  background: #414572; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles4 { margin: .5em; padding: 1em;  background: #724145; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.linksimg { border:0px; }
	.mygradescoverimg{ width: 90px; height: 150px; }
	div.gradelistHeader { color: #ff0000; font-size: 20pt; font-style: italic; font-weight: bold; text-decoration:underline;}
	div.gradelistItem { color: #ffffff; font-size: 20pt; }
	div.gradelistPara { color: #fff0f0; font-size: 12pt; }
	a.mygradesserieslink:link { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:visited { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:active { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:hover { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: red; text-decoration:underline; }
	div.whatsnewouterdiv { margin: .5em; padding: 1em;	 background: #5599aa; color: black; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.boxspan { display:inline-block; border: 2px solid brown; border-radius: 2px; text-align: center; font-size: 22pt; width: 160px; margin: 2px 10px 2px 10px; padding: 4px 0px 4px 0px; }
	.boxspanletterspan { display: inline-block; padding-right: 6px; }
}
@media screen and (min-width: 1200px) {
	.mainheaderlinkarea { margin: .5em; padding: 1em; background: #cc5500; color: #ff0000; font-size: 12pt ; font-style: normal; border: 5px solid white; }
	.toplinkicon { display: block; color:yellow; font-size:.75em; }
	.showchar_td0 { width: 10%; }
	.showchar_td1 { width: 5%; }
	.showchar_td2 { width: 85%; vertical-align:middle; }
	.showchar_td2a { width: 40%; }
	.showchar_td2b { width: 60%; }
	.homepageintro { margin: .5em; padding: .5em; background: #cedfbd; color: black; border: 5px solid white; border-radius:5px; }
	.homepageintrotitle { text-align: center; font-size: 3em; color: red; font-weight: bold; }
	.stripimg { width: 108px; height:84px; }
	.toplinkdiv { display:inline-block; padding: 0px 10px 0px 10px; }
	.fadein { display: block; width:120px; height:200px; }
	.maincoverpic { width: 120px; height: 200px; }
	.abouttheseries { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.abouttheseriesinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.abouttheseriestitle { font-size:20px; color:orange; font-weight:bold; }
	.abouttheseriestext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.mycomments { margin: .5em; padding: .5em; background: #114455; color: #ff0000; border: 5px solid white; }
	.mycommentsinner { margin: .5em; padding: .5em; background: #111133; color: #ff0000; border: 5px solid white; }
	.mycommentstitle { font-size:20px; color:orange; font-weight:bold; }
	.mycommentstext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.primarydata { line-height: 1em; font-size: 16pt; font-family: Arial; color: white }	
	.sectiontitle { font-size:20px; color:orange; font-weight:bold; }
	.sectiontext { font-size:16px; color:white; text-align:left; padding-right:10px; padding-left:10px; }
	.booktitle { font-size:14pt; color:white; font-weight:bold; }
	.bookdata { font-size:12pt; color:white; font-weight:bold; }
	.bookdata1 { font-size:10pt; color:white; font-weight:bold; }
	.bookpic { width: 60px; height: 100px; }
	.gamepic { width: 100px; height: 60px; }
	.gamepic_50x25 { width: 100px; height: 50px; }
	.gamepic_80x60 { width: 120px; height: 90px; }
	.gamepic_70x60 { width: 70px; height: 60px; }
	.gamepic_40x40 { width: 80px; height: 80px; }
	.gamepic_60x30 { width: 120px; height: 60px; }
	.gamepic_50x55 { width: 100px; height: 100px; }
	.gamepic_40x90 { width: 80px; height: 180px; }
	.gamepic_40x25 { width: 80px; height: 50px; }
	.collpic_56x45 { width: 112px; height: 90px; }
	.collpic_60x50 { width: 120px; height: 100px; }
	.collpic_40x30 { width: 80px; height: 60px; }
	.collpic_30x50 { width: 60px; height: 100px; }
	.collpic_50x50 { width: 100px; height: 100px; }
	.comicpic_50x40 { width: 100px; height: 80px; }
	.comicpic_75x50 { width: 150px; height: 100px; }
	.comicpic_80x30 { width: 160px; height: 60px; }
	.comicpic_40x20 { width: 80px; height: 40px; }
	.titleimg { width: 200px; height: 100px; }
	.amazonlinkimg{ width: 60px; height: 18px; }
	.homepagecoverimg{ width: 120px; height: 200px; }
	.homepagetitle { font-size: 3em; color: yellow; }
	.homepagesubtitle { font-size: 2em; color: white; }
	.homepagesubsubtitle { font-size: 1.5em; color: white; }
	.homepagetext { font-size: 1em; color: white; }
	.picframe { position:relative; margin:10px auto 0px auto; width:120px; height:200px; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; }
	.picframesmall { position: relative; margin: 10px auto 0px auto; background-color: #414572; border: 5px solid white; cursor:pointer; padding: 1px; border-radius: 5px; width: 120px; height: 200px; text-align:center;}
	.picframesmallimg { position:absolute; top:1px; left:1px; z-index:8; width: 120px; height: 200px; }
	div.articles1 { margin: .5em; padding: .5em; background: #cc5500; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles2 { margin: .5em; padding: 1em;	 background: #5599aa; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles3 { margin: .5em; padding: 1em;  background: #414572; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	div.articles4 { margin: .5em; padding: 1em;  background: #724145; color: white; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.linksimg { border:0px; }
	.mygradescoverimg{ width: 120px; height: 200px; }
	div.gradelistHeader { color: #ff0000; font-size: 20pt; font-style: italic; font-weight: bold; text-decoration:underline;}
	div.gradelistItem { color: #ffffff; font-size: 20pt; }
	div.gradelistPara { color: #fff0f0; font-size: 12pt; }
	a.mygradesserieslink:link { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:visited { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:active { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: white; text-decoration:underline; }
	a.mygradesserieslink:hover { font-size:18pt; padding-left: 10px; padding-top:3px; padding-bottom: 3px; color: red; text-decoration:underline; }
	div.whatsnewouterdiv { margin: .5em; padding: 1em;	 background: #5599aa; color: black; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	.boxspan { display:inline-block; border: 2px solid purple; border-radius: 2px; text-align: center; font-size: 24pt; width: 200px; margin: 2px 10px 2px 10px; padding: 4px 0px 4px 0px; }
	.boxspanletterspan { display: inline-block; padding-right: 10px; }
}