/*
* Universal components
*/

body {
	background-color: #464679;
	padding: 5px;
	margin: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* The full contiainer: a white box */

#container {
	width: 820px;
	
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
		
	background-color: white;
	/*border: 1px solid white;*/
}

/* Info panel compoments: the side bar that contains
* the title, the text as it's printed out, and the 
* menu
*/

#infopanel {
	float: right;
	width: 380px;
}

/* The title: name, series name, volume number */

#title {

}

#title h1 { /* Main title: manga reader */
	margin: 0;
	padding: 0 0 10px 0;
	
	color: #999966;
	
	font-size: 30pt;
	font-family: Courier New, monospace;
	
	text-align: right;
	text-transform: lowercase;
	text-decoration: underline;
	text-shadow: black; /* not yet implimented in most browsers */
}

#title h2 { /* Title of the series*/
	margin: 0;
	padding-left: 10px;
	
	font-size: 20pt;
	font-family: Arial, sans-serif;
	text-align: left;
	font-weight: normal;
}

#title h3 { /* Volume number, story number, and story title */
	margin: 0;
	padding-bottom: 10px;
	
	font-size: 16pt;
	font-family: Arial, sans-serif;
	text-align: right;
	font-weight: normal;
}

/* The menu: a way to navigate to other parts of the
* site
*/

#menu {
	margin: 5px 30px 5px 30px;
	
	border: 1px dashed #464679;
	background-color: #cfcfea;
}

#menu ul {
	margin: 0;
	padding-left: 30px;
	
	list-style-type: circle;
}

#menu ul li a {
	color: black;
	font-size: 12pt;
	text-align: center;
	text-transform: lowercase;
}

/* The text: where the Japanese text and translations
* are displayed
*/

#text {
	max-height: 480px;
	overflow: auto;
	
	padding: 10px;   
	
	background-color: #aa7;
	border: 1px solid #dda;
	-moz-border-radius: 3%;
}

#text h4 { /* the title "Japanese Text" */
	margin: 0 0 5px 0;
	padding: 0;
	
	border-bottom: 1px solid black;
	
	font-size: 12pt;
	font-family: Courier, monospace;
}

#text div.jtext {
	margin-top: 5px;
	padding: 5px;
	
	background-color: white;
	border: 1px solid black;
}

#text div.jtext p {
	padding: 0;
	margin: 0;
}

#text div.jtextset {
	float:left;
	padding: 0 5px 5px 5px;
	text-align: center;
}

#text div.jtextset a {
	color: #552;
}

#text div.jtextset p.kanji {
	font-size: 12pt;
}

#text div.jtextset p.romanji {
	font-size: 10pt;
	font-style: italic;
}

#text div.jtextset p.deriv {
	font-size: 10pt;
	font-style: italic;
}

#text div.jtextset p.dtrans {
	font-size: 8pt;
}

#text div.rtrans p {
	font-size: 10pt;
}

#text div.ctrans p {
	font-size: 12pt;
	font-weight: bold;
}

#text div.notes {
	margin: 10px;
	padding: 10px;
	
	background-color: #dda;
	border: 1px dashed black;
}

#text div.notes p {
	margin: 0 5px 10px 5px;
	padding: 0;
	
	font-size: 10pt;
}

#text div.notes p.links {
	text-align: left;
}

#text div.notes p.links a {
	color: black;
	text-decoration: underline;
}

/* The page: the manga image and the controls for
* moving around--next and previous page buttons
* and page selectors
*/

#pagepanel {
	width: 405px;
	padding: 15px;
	background-color: #afafca;
	-moz-border-radius: 3%; /* Rounded corners in Mozilla */
}

#pagepanel p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10pt;
}

#pagepanel a {
	color: black;
}

#pagepanel a.current {
	color: white;
}

#pagepanel img {
	border: 2px solid black;
}

#pagepanel ul { /* left and right arrows */
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#pagepanel ul li {
	display: inline;
}  

#pagepanel ul li.previous {
	float: left;
}

#pagepanel ul li.previous img {
	border: none;
}

#pagepanel ul li.next {
	float: right;
}

#pagepanel ul li.next img {
	border: none;
}

#buttons img {
	border: none;
}

#buttons p {
	margin: 0;
	text-align: center;
	
}

div.popContainer {
	position: absolute;
	max-width: 300px;
	visibility: hidden;
	layer-background-color: #dda;
	z-index: 200;
}

div.popMain {
	max-width: 250px;
	left: 0px;
	top: 0px;
	font-family: verdana,arial,helvetica,sans-serif;
	overflow: hidden;
	border: 2px solid #996;
	padding: 5px;
	font-size: 12pt;
	background-color: #dda;
	layer-background-color: #dda;
}