body{
	background-image:url('images/background.mainp2.jpg');
	background-color:#646464;
	background-attachment:fixed;
}

div.awesomebar{
	background-image:url('images/awesomebar.random.php');
	background-color:white;
	border:thick solid black;
	margin-left:28px;
	margin-top:32px;
	z-index:1;
	width:596px;
	height:120px;
}

a:link, a:visited{
	color:blue;
}

a:hover{
	color:red;
}

a.shoplink:link, a.shoplink:visited{
	color:blueviolet;
	font-weight:bold;
}

a.shoplink:hover{
	color:coral;
}

div.coverpic{
	float:left;
	position:relative;
	left:-48px;
	top:-32px;
	overflow:hidden;
	width:240px;
	height:240px;
	padding:0px;
	margin:0px;
	z-index:0;
	text-align:center;
	transform: rotate(15deg); /* W3C Working Draft -- http://www.w3.org/TR/css3-2d-transforms/ */
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
}

div.menulayer{
	background-color:white;
	border:thick solid black;
	padding-left:4px;
	padding-right:4px;
	position:absolute;
	z-index:1;
	top:32px;
	left:648px;
	width:150px;
	height:120px;
}

div.sharebox{
	background-color:white;
	border:thick solid black;
	padding-left:4px;
	padding-right:4px;
	position:absolute;
	z-index:1;
	top:720px;
	left:822px; //922px;
	width:160px;
}

div.sharefooter{
	color:black;
	//background-color:#fafad2;
	//border:thin solid black;
	//width:240px;
	//margin:8px;
}

div.content{
	background-color:white;
	border:thick solid black;
	overflow:hidden;
	margin-left:128px;
	margin-top:8px;
	z-index:1;
	bottom:32px;
	width:670px;
}

div.textarea{
	margin:32px;
}

table.pagebrowser{
	width=600px;
	margin:0px;
	padding:0px;
}

td.pagebrowser{
	align:center;
}

span.pagebrowser{
	font-size:24px;
	vertical-align:middle;
}

a.pagebrowser:link, a.pagebrowser:visited, a.pagebrowser:active{
	color:blue;
	font-weight: bold;
}

a.pagebrowser:hover{
	color:red;
	font-weight: bold;
}

caption.pagebrowser{
	font-weight:bold;
	color:black;
	font-family: Copperplate, Arial;
	background-color:#fafad2;
	border:thin solid black;
	margin:4px;
}

div.pageview{
	margin-top:172px;
	margin-right:224px;
}

div.issuebrowser{
	position:absolute;
	z-index:2;
	left:240px;
	top:160px;
	right:224px;
	height:96px;
	perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	transform-origin:60% right;
	-webkit-transform-origin:60% right;
	-moz-transform-origin:60% right;
}

img.issueitem{
	height:64px;
}

a.issueitem:link img, a.issueitem:visited img{
	border:thin solid blue;
	/* W3C Working Draft -- http://www.w3.org/TR/css3-2d-transforms/ 
	transform: rotateY(65deg); 
	-moz-transform: rotateY(65deg);
	-webkit-transform: rotateY(65deg);*/
}

a.issueitem:hover img{
	border:thin red solid;
	transform: rotateY(0deg); 
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

div.bookbrowser{
	position:absolute;
	left:34px;
	top: 176px;/*270px;*/
	width:160px;
	min-height:240px;
	z-index:1;
	text-align:left;
	padding:0px;
	margin:0px;
}

div.bookitem{
	padding:0px;
	margin:0px;
	height:64px;
	width:100px;
}

div.bookcover{
	padding:0px;
	margin:0px;
	/*overflow:hidden;*/
	position:relative;
	z-index:2;
	height:64px;
	left:0px;
	top:0px;
	perspective: 500;
	-webkit-perspective: 500;
	-moz-perspective: 500;
}

img.bookcover{
	padding:0px;
	margin:0px;
	width:100px;
	transform: rotateX(-25deg); /* W3C Working Draft -- http://www.w3.org/TR/css3-2d-transforms/ */
	-webkit-transform: rotateX(-25deg);
	-moz-transform: rotateX(-25deg);
}

img.bookselected{
	padding:0px;
	margin:0px;
	width:100px;
	transform: rotate(15deg); /* W3C Working Draft -- http://www.w3.org/TR/css3-2d-transforms/ */
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
}

div.booklabel{
	padding:1px;
	margin:0px;
	position:absolute;
	z-index:3;
	left:-12px;
	top:-12px;
	background-color:#fafad2;
	border:thin solid black;
	min-width:50%;
	max-width:95%;
	font-size:8pt;
	font-family: Arial, Sans Serif;
	text-align:center;
	transform: translateZ(3em); /* W3C Working Draft -- http://www.w3.org/TR/css3-2d-transforms/ */
	-webkit-transform: translateZ(3em);
	-moz-transform: translateZ(3em);
}

a.booklabel:link img, a.booklabel:visited img{
	border:3px solid black;
}

a.booklabel:hover img{
	border-color:red;
}

a.booklabel:link, a.booklabel:visited{
	color:blue;
	font-weight:bold;
	font-family: Arial, Sans Serif;
}

a.booklabel:hover{
	color:red;
	font-weight:bold;
	font-family: Arial, Sans Serif;
}

div.bloglink{
	font-family: Copperplate, Arial;
	margin-bottom:16px;
	text-align:center;
	color:black;
	text-align:right;
}

a.bloglink:link, a.bloglink:visited{
	background-color:#fafad2;
	border:thin solid black;
	padding:4px;
	color:blue;
}

a.bloglink:hover{
	border:thin solid red;
	color:red;
}

li.menulayer{
	margin-left:4px;
	font-size:10pt;
	font-family: Arial, Sans Serif;
	text-ident:10px;
}

a.menulayer:link, a.menulayer:visited{
	color:blue;
}

a.menulayer:hover{
	color:red;
}

div.advertisement{
	position:absolute;
	top:32px;
	z-index:1;
	/*margin:32px;*/
	width:160px;
	z-index:5;
	border:thick solid black;
	background-color:white;
	padding:4px;
	left:822px; //922px;
}

span.smalltitle{
	font-size: 8pt;
	font-weight: bold;
	font-color: black;
}

span.smalltext{
	font-size: 8pt;
}

span.blogtitle{
	font-size: 12pt;
	font-weight: bold;
	font-color: black;
}

span.blogtext{
	font-size: 12pt;
}

span.blogdate{
	font-size: 10pt;
	font-weight: bold;
	font-color: silver;
}

blockquote{
	font-size: 10pt;
	border:medium solid skyblue;
	border-width: 0px 0px 0px medium;
	padding:12px;
	font-style:italic;
}

span.comicbooklabel{
	color:black;
	font-family: Copperplate, Arial;
	font-weight: bold;
	background-color:#fafad2;
	border:thin solid black;
	margin:4px;
}

a.comicbooklabel:link, a.comicbooklabel:visited{
	color:blue;
	font-family: Copperplate, Arial;
	background-color:#fafad2;
	border:thin solid black;
	margin:4px;
}

a.comicbooklabel:hover{
	color:red;
	border:thin solid red;
	font-family: Copperplate, Arial;
	background-color:#fafad2;
	margin:4px;
}

div.titletext{
	color:black;
	background-color:#fafad2;
	border:thin solid black;
	padding:4px;
	font-size: 12pt;
	font-family: Copperplate, Arial;
	font-weight: bold;
	position:relative;
	z-index:1;
	left:0;
	top:0;
}

div.blogroll{
	float:right;
	color:black;
	background-color:#fafad2;
	border:thin solid black;
	padding:4px;
	font-size: 10pt;
	font-family: Copperplate, Arial;
	font-weight: normal;
	position:relative;
	z-index:1;
	left:0;
	top:0;
}

div.comicpanel{
	width:320;
	height:128;
	border:thick solid black;
	background-color:white;
	padding:4px;
	position:relative;
	left:0;
	top:0;
	z-index:1;
}

marquee.toolong{
	Filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=30, FinishX=0, FinishY=0);
}

img.socialicon{
	margin-top:8px;
	border-width:0px;
}

a.socialicon img{	
}

div.browser-first{
	width:64px;
	height:64px;
	background-image:url('/images/btn-blombotales-first.gif');
	text-align:left;
}
div.browser-prev{
	width:64px;
	height:64px;
	background-image:url('/images/btn-blombotales-prev.gif');
	text-align:left;
}
div.browser-next{
	width:64px;
	height:64px;
	background-image:url('/images/btn-blombotales-next.gif');
	text-align:right;
}
div.browser-last{
	width:64px;
	height:64px;
	background-image:url('/images/btn-blombotales-last.gif');
	text-align:right;
}
div.browser-random{
	width:64px;
	height:64px;
	background-image:url('/images/btn-blombotales-random.gif');
}

div.infinite-scroll-down{
	float:right;
	width:48px;
	height:128px;
	background-image:url('/images/btn-blombotales-scroll-down.gif');
}

span.infinite-header{
	font:8pt bold Arial;
	color: grey;
}

span.keyword-comment{
	font:10pt normal Arial;
}
span.browser-categories{
	font:10pt normal Arial;
}

a.gallery:link img, a.gallery:visited img{
	width:80px;
	margin:8px;
	border:thin solid black;
	opacity:0.8;
	filter:alpha(opacity=80)
}
a.gallery:hover img{
	width:80px;
	margin:8px;
	border:thin solid red;
	opacity:1.0;
	filter:alpha(opacity=100)
}