* { margin: 0 auto; padding: 0 auto}
:focus { outline-style:none }
html { color: #444; font: 12px/15px arial,sans-serif }

img { border:none}

a { text-decoration:none; color: #444; font-weight: bold; }
h1 {font-size:18px; }
h2 {font-size:14px; }
#tags {color: white; font-size: 2px;}
#page0 {height: 400px; margin:0 auto; padding: 80px 0px; width: 600px}
#page {height: 610px; margin:0; padding: 10px 10px 10px 15px;position:absolute; }
.page1 {width: 1200px;}
.page2 {width: 7900px;}
.page3 {width: 3700px;}
.page4 {width: 2100px;}
.page5 {width: 9200px;}
.page6 {width: 1200px;}
.page7 {width: 1300px;}
.page8 {width: 1200px}
.page9 {width: 1200px}
.page10 {width: 1200px}
.page11 {width: 1200px}

#main {height:610px}
#mainmenu {height:400px;width: 600px;}
#mainmenu .logo {display:block; float: left; width: 200px;}
#mainmenu .logo h1 {text-align:center;}
#menu {height: 350px;padding-left:10px;}
#menu.comics {height: 410px;}
#menu h1 {padding-bottom: 15px; text-align: left;}
#menu h2 {height:20px;padding-top:10px;}
#menu p {padding-bottom:2px;}
#menucomics {padding-bottom:10px;}
div .menumini {display:block; height: 40px}
.menumini img {float:left;padding-right:5px;}

.menumini1 {background: url(img/menumini1-40-copy.jpg);float:left; height:40px; width:40px;}
.menumini2 {background: url(img/menumini2-40-copy.jpg);float:left; height:40px; width:40px;}
.menumini3 {background: url(img/menumini3-40-copy.jpg);float:left; height:40px; width:40px;}
.menumini4 {background: url(img/menumini4-40-copy.jpg);float:left; height:40px; width:40px;}
.menumini5 {background: url(img/menumini5-40.jpg);float:left; height:40px; width:40px;}
.menumini6 {background: url(img/menumini6-40.jpg);float:left; height:40px; width:40px;}
.menumini7 {background: url(img/en.jpg);float:left; height:40px; width:50px;}
.menumini8 {background: url(img/pl.jpg);float:left; height:40px; width:50px;}
.menumini1:hover,
.menumini2:hover,
.menumini3:hover,
.menumini4:hover,
.menumini5:hover,
.menumini6:hover,
.menumini7:hover,
.menumini8:hover  {background-position:0 -40px;}

#menu5,
#menu7,
#menu8 {padding-top:20px;}

#content {float: left; padding-top: 15px;}
#content.page1 {width:1000px}
#content div {float: left; height: 585px; padding-right: 25px; }
#content .fb-like {height:20px;}
.page1 #content .fb-like {bottom: 40px;height: 10px;position: relative;}
.page1 #content p {margin:0;text-align:center;}
.page1 #content img {height:560px;}
#sidebar {float: left; width: 200px; }
#sidebarcomics {float:left; width:260px;}
#footer {padding-left:10px;}
#page0 #footer {float:right; }

/* CG nav setup */
#cg_nav1 { height: 70px;width: 200px; margin:0; padding-left:400px; }
#cg_nav1 a, #cg_nav1 span {
height: 70px; width: 50px; float: left; top left no-repeat; }
#cg_nav1 a span, #cg_nav1 span span,
#cg_nav1 .cg_divider { display: none; }
/* CG nav images */
a#cg_first { background: url(img/nextlast1-50-copy.jpg); }
a#cg_back { background: url(img/nextlast2-50-copy.jpg); }
a#cg_next { background: url(img/nextlast3-50-copy.jpg); }
a#cg_last { background: url(img/nextlast4-50-copy.jpg); }
/* CG nav rollover images */
a#cg_first:hover, 
a#cg_back:hover,
a#cg_next:hover, 
a#cg_last:hover {background-position:0 -70px;}
/* CG nav unavailable images */
span#cg_first { background: url(img/nextlast1-50-copy.jpg); }
span#cg_back { background: url(img/nextlast2-50-copy.jpg); }
span#cg_next { background: url(img/nextlast3-50-copy.jpg); }
span#cg_last { background: url(img/nextlast4-50-copy.jpg); }

