body {font-family: verdana, geneva, lucinda, arial, sans-serif; font-size: .75em;}	 

#container {position: relative; width: 900px; margin: 0px auto; height: auto;}
   
body * {text-align: left;}

#jump {display: none;}

h3 {font-size: 1.2em; padding: 0px;  margin: 0px;}
h2 {font-size: 1.5em; padding: 0px; margin: 0px;}
h4 {font-size: 1.1em; padding: 0px; margin: 0px;}
p, ul, li, form {margin: 0; padding: 0px;}
ul {list-style-type: none;}

#topnav {float: left; background: black; width: 900px; height: 30px;}
#topnav a {font-size: .8em; color: #fff; padding: 2px 0;}
#topnav a:hover {text-decoration: none;}
#topnav a:visited {color: #fff;}

#formholder {position: absolute; top: 0px; left: 20px; color: #fff;}

form#how {padding-top: 4px;}

form#how option {font-size: 11px;}
form#how input {width: 30px; height: 22px;}

#topnav p#tophold {float: right; font-weight: bold; padding: 10px 15px 0 0;}

#title {float: left; height: 127px; width: 595px;}

#title img#sparkles {display: none;}

#stynav {float: right; width: 303px; height: 125px; background: #fff; border: 1px solid #000;}

#stynav h3 {padding: 15px 15px 8px 15px; background: #eee;}

#styhold {padding: 20px 0 20px 22px;}

#styhold a div {border: none; margin-right: 13px;}

#manga {float: left; width: 40px; height: 40px; background: url(../../img/t/manga_roll.jpg) no-repeat;}
a:hover #manga {background: url(../../img/t/manga_roll.jpg) 0 -40px no-repeat;}

#penguin {float: left; width: 40px; height: 40px; background: url(../../img/t/penguin_roll.jpg) no-repeat;}
a:hover #penguin {background: url(../../img/t/penguin_roll.jpg) 0 -40px no-repeat;}

#vampire {float: left; width: 40px; height: 40px; background: url(../../img/t/vampire_roll.jpg) no-repeat;}
a:hover #vampire {background: url(../../img/t/vampire_roll.jpg) 0 -40px no-repeat;}

#sparkles {float: left; width: 40px; height: 40px; background: url(../../img/t/sparkles_roll.jpg) no-repeat;}
a:hover #sparkles {background: url(../../img/t/sparkles_roll.jpg) 0 -40px no-repeat;}

#garage {float: left; width: 40px; height: 40px; background: url(../../img/t/garage_roll.jpg) no-repeat; margin-right: 0px;}
a:hover #garage {background: url(../../img/t/garage_roll.jpg) 0 -40px no-repeat;}

#content {width: 600px;}

#content p {padding: 10px 0;}

.feat {float: left; width: 550px; background: #fff; border: 1px solid #000; margin-top: 15px;}

.feat h3 {padding: 10px 15px 8px 15px; background: #eee;}

.feat img {float: left; padding: 10px;}

.feat a img {border: 0px;}
.feathold {margin: 10px;}

.info {float: left; margin: 20px 20px 0 0; width: 250px; border: 1px solid #000; background: #fff;}

.info form {padding: 8px;}

.ininfo {padding-left: 10px; padding-right: 10px;}

.info h3 {background: #ccc; padding: 10px 15px 8px 15px;}

#right {float: right; clear: right; width: 250px; padding: 10px 0; margin-top: 20px; background: #fff; border: 1px solid #000;}


#right li#toplink {float: left; clear: left; list-style: none; font-size: 1.2em;}

#right a.topa {display: block; width: 208px; text-decoration: none; color: #000; font-weight: bold;}
#right a:visited {color: #000;}


#footer {float: left; clear: left; width: 595px; padding: 5px 10px; background: #ccc; border: 1px solid #000; font-size: 11px; margin: 20px 0;}

#footer img {float: left; padding-right: 10px;}


/* Read */

.pbox {float: left; width: 200px; margin: 0 15px;}

.pboxl {float: left; width: 200px; clear: left; margin: 0 15px;}

h4.over {padding-bottom: none; margin-bottom: none;}

.feat .pbox img {padding: 0px; padding: 0 10px;}

hr {float: left; clear: left;}

p#bread {padding: 0px; margin: 0px; padding-bottom: 15px;}

.book {float: left; clear: left; width: 480px; margin-bottom: 10px;}

h4.subhead {float: left; clear: left; font-size: 1.2em; padding: 30px 0 10px 0;}
h4.subsub {float: left; clear: left;}


/* Events */

p.fl {float: left; clear: left;}

img.mangaimg {padding: 0px; margin: 10px; border: 1px solid #ccc;}

p#center {text-align: center;}

#insidemenu p {text-align: center; font-size: 1.1em;}

h2.calendar {padding-top: 15px; text-align: center;}

#caltable {
   margin: 10px 0 20px 15px; }


#insidecontent td {
   font-size: 12px;
   width: 59px;
   height: 20px;
   padding: 5px;
   text-align: left;
   border: 1px solid #000; }
#insidecontent td.closed, #insidecontent td.yclosed {
   background: gold; }
#insidecontent td.x, #insidecontent td.xy {
   background: #cc00ff; color: #fff; font-weight: bold; text-align: center;}
#insidecontent td.a, #insidecontent td.ya {
   padding: 0px; 
   width: auto; }
#insidecontent td a {
   display: block;
   font-weight: bold;
   background: #C0C0C0;
   width: 59px;
   height: 20px;
   padding: 5px; }
#insidecontent td a:link { color: #000; text-decoration: none; }
#insidecontent td a:visited { color: #000; text-decoration: none; }
#insidecontent td a:hover { color: #000; text-decoration: none; background: #ccffff; }
#insidecontent td a:active { color: #000; text-decoration: none; background: #ccffff; }

h2.eventdate {margin-top: 20px; border-bottom: 3px double #ccffff; border-top: 3px double #ccffff}
h4.eventtitle {font-size: 1.2em; padding: 7px 0; color: #cc00ff;}
h4.eventtime {font-size: 1em; padding: 0px;}


/* Manga Theme */

body {background: url(../../img/t/manga.jpg) no-repeat; background-position: bottom; background-attachment: fixed; font-family: 'Comic Sans MS',cursive;}

#title {background: url(../../img/t/manga_title.jpg) no-repeat;}

.feat, .info, #footer {filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;} 

#right, #footer {background: #ccffff;}

#right li a.topa {padding: 12px 0 12px 42px;}

#right li a.reada, #right li a.reada:visited, #right li a.eventa, #right li a.eventa:visited {padding-left: 65px; color: #000; text-decoration: none;}

#right li a.topa:hover {background: url(../../img/t/manga_link.jpg) left no-repeat; color: #000;}

#right li a.reada:hover, #right li a.reada:active, #right li a.eventa:hover, #right li a.eventa:active {text-decoration: underline;}

#footerholder {width: 900px;}

#decorate2 {float: right; margin: 0 10px 10px 0; width: 140px; height: 70px; background: url(../../img/t/vicky_sm.jpg) no-repeat;}

#content a, #content a:visited {color: #cc00ff; font-weight: bold;}
#content a:hover, #content a:active {text-decoration: none;}

ul.list {list-style-type: disc;}
ul.list li {padding: 3px 0; margin-left: 20px;}

/* Read */

#imghold {float: right; width: 230px;}

img.srp {padding 5px 0 10px 10px;}
