/*====================================

  Homebrew Flex View Style Sheet

=====================================*/

/*-------- Basic Layout -------*/

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 100%;
	overflow: hidden;
}

#header_border {
	/* */
}

#main {
	width: 100%;
	float: right;
	margin-left: -160px;
	overflow: hidden;
}

#contents {
	margin-left: 160px;
}

#menu_panel {
	width: 160px;
	float: right;
	overflow: hidden;
}

#footer_border {
	/* */
}

#control {
	margin-left: 160px;
}

#footer {
	width: 100%;
	clear: both;
}

#warning {
	text-align: left;
	background-color: #ffffbb;
	color: #444444;
}

/*-------- Container ---------*/

#container {
	border-left: 1px solid #aaaa99;
	border-right: 1px solid #aaaa99;
	border-bottom: 1px solid #aaaa99;
}

/*-------- Header -------*/

#header { 
	cursor: pointer; 
}

.title {
	padding: 25px;
}

.maintitle {
	font-weight: bold;
	font-size: 180%;
}

.subtitle {
	font-size: 100%;
}

/*-------- Contents ---------*/

#contents {
	padding-right: 10px;
	_padding-right: 0px;
}

#contents img {
	max-width: 580px;   
}

/*
.guard_wrap {
	max-width: 600px;
}
*/

/*---- Directory = Path + Label + Sub Directories ----*/

.directory {
	margin: 4px;
}

/*-------- Path ---------*/

.path {
	padding: 8px;
}

.path ul {
	/* */
}

.path ul li {
	margin-left: 0px;
	padding: 2px;
	list-style-type: none;
	display: inline;
}

/*-------- Main Section Label --------*/

.mainsection_label {
	padding: 4px;
}

.mainsection_label, .mainsection_label * {
	font-weight: bold;
}

.mainsection_label_left {
	text-align: left;
	width: 75%;
	float: left;
}

.mainsection_label_right {
	text-align: right;
	width: 24%;
	float: right;
}

/*-------- Label Splitter --------*/

.label_container {
    min-height: 1em;
    display: inline-table;
}

.label_container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .label_container {
    height: 1em;
}

.label_container {
    display: block;
}
/**/

/*-------- Sub Section Label --------*/

.subsection_label {
	padding: 4px;
}

.subsection_label, .subsection_label * {
	font-weight: bold;
}

.subsection_label_left {
	text-align: left;
	width: 75%;
	float: left;
}

.subsection_label_right {
	text-align: right;
	width: 24%;
	float: right;
}

/*--------- Article Label ---------*/

.article_label {
	padding: 4px;
}

.article_label, .article_label * {
	font-weight: bold;
}

.article_label_left {
	text-align: left;
	width: 60%;
	font-weight: bold;
	float:left;
}

.article_label_right {
	text-align: right;
	font-weight: normal;
	width: 39%;
	float: right;
}

/*--------- Sub Directories ------*/

.subdirectories {
	padding: 8px;
}

.subdirectories ul {
	/* */
}

.subdirectories ul li {
	margin-left: 0px;
	margin-right: 8px;
	list-style-type: none;
	display: inline;
}

/*--------- Navigation ------*/

.navigation {
	text-align: right;
	margin: 4px;
}

.navigation ul li {
	margin-left: 4px;
	list-style-type: none;
	display: inline;
}

/*-------- Article ----------*/

.article {
	margin: 4px;
}

.article li { 
	padding :1px; 
	margin-left: 35px;
}

.article li li { 
	padding :1px; 
	margin-left: 15px;
}

.text {
	width: 100%;
	display: block;
	word-break: break-all;
	margin: 8px 16px 0 8px; 
	padding: 4px;
}

.numbered_list, 
.unnumbered_list {
	margin-left: 20px;
}

.separator {
	border-top: 1px solid #a0a0a0;
}

.quotation {
	width: 90%;
	border: #a0a0a0 solid;
	border-width: 0 0 0 4px;
	padding-left: 1em;
}

.quotation legend {
	font-weight: bold;
	font-style: italic;
}

.hb_table {
	margin: 8px;
	padding: 5px;
	border: 1px solid #a0a0a0;  
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 95%;
}

.code_fragment {
	border: solid 1px #a0a0a0;
	padding: 0.5em 1.5em;
	overflow: scroll;
	word-break: break-all;
}

.code_fragment * {
	font-family: monospace;
}

.code_fragment p {
	padding-bottom: 0.5em;
	font-weight: bold;
	font-style: italic;
}

.code_fragment li {
	border-left: solid 1px #a0a0a0;
	padding-left: 0.7em;
}

/*--------  Category ---------*/

.category {
	margin: 4px;
}

.article_list {
	margin: 8px;
	padding: 0 0 0 0;
	_padding-left: 1.2em;
}

.article_list ul {
	margin-left: 1em;
}

.article_list ul li {
	_margin-left: 0em;
	list-style-type: square;
}

.article_list a {
	font-weight: bold;
}

.article_list a:visited {
	font-weight: normal;
}

.expand_button {
	width: 2.5em;
	height: 1.5em;
}

/*-------- WhatsNew ---------*/

.whatsnew {
	margin: 4px;
}

.whatsnew_list {
	padding: 8px;
	margin: 8px;
}

.whatsnew_list li {
	margin-left: 15px;
	list-style-type: square;
}

.whatsnew_list a {
	font-weight: bold;
}

.whatsnew_list a:visited {
	font-weight: normal;
}

/*-------- Neighbor WhatsNew ---------*/

.neighbor_whatsnew {
	margin: 4px;
}

.neighbor_whatsnew_list {
	padding: 8px;
	margin: 8px;
}

.neighbor_whatsnew_list li {
	margin-left: 15px;
	list-style-type: square;
}

.neighbor_whatsnew_list a {
	font-weight: bold;
}

.neighbor_whatsnew_list li a:visited {
	font-weight: normal;
}

/*-------- Addendum ---------*/

.addendum {
	margin-left: 4px;
}

#addendum_control {
	margin-right: 8px;
	text-align: right;
	padding: 4px;
}

#addendum_control ul {
	padding: 4px;
}

#addendum_control ul li {
	margin-left: 8px;
	list-style-type: none;
	display: inline;
}

/*---------- Clip -----------*/

.clip_wrap {
	width: 160px;
}

.clip_base {
	padding: 4px 2px;
	margin: 2px;
}

.clip_base * {
	text-align: center;
}

.clip_base td {
	width: 160px;
	_width: 0;
}

.clip_base img {
	/* */
}

.clip_base a {
	/* */
}

.clip_base p {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	word-break: break-all;
	font-size: 85%;
}

.clip_panel {
	/* */
}

.whatsnew_clip_panel {
	float: right;
	width: 170px;
	padding-left: 8px;
}

/*--------- Map ----------*/

#mapframe {
	border: none;
	width: 528px;
	height: 452px;
	padding: 0px;	
}

#map {
	width: 500px;
	height: 450px;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
}

#nav {
	position: relative;
	top: -452px;
	left: 501px;
	width: 26px;
	height: 450px;
	text-align: center;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	background: #e8ecf8;
}

#mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 526px;
	height: 450px;
	z-index: 9;
	background-color: #fff;
	border: solid 1px #666;
	visibility: hidden;	
}

#mask img {
	position: absolute;
}

#info {
	font-size: 80%;
}

.mapbutton {
	margin: 3px;
	float: left;
}

.mapbase {
	padding: 8px;
	text-align: center;
}

/*--------- Author -------*/

.author {
	font-style: italic;
	text-align: right;
	font-size: 70%;
	padding-right: 5px;
	width: 100%;
}

/*---- Follow = Comment + Trackback ----*/

.follow {
	margin: 4px;
}

/*-------- Comment --------*/

.comment legend {
	font-weight: bold;
	margin-left: 0.5em;
}

.comment {
	margin: 4px;
	padding: 0 0 8px 0;
	_padding-left: 1em;
}

.comment ul {
	margin-left: 1em;
}

.comment ul li {
	_margin-left: 0em;
	list-style-type: square;
}

/*-------- Trackback --------*/

.trackback {
	margin: 4px;
	padding: 4px;
}

.trackback legend {
	font-weight: bold;
	margin-left: 0.5em;
}

.trackback ul li {
	font-size: 90%;
	margin-left: 20px;
}

.trackback_url {
	text-align: right;
	font-size: 80%;
	margin-right: 8px;
}

/*------- Menu Panel -------*/

#menu_panel {
	word-break: break-all;
}

#menu_panel img {
	max-width: 155px;   
}

.logo {
	text-align: center;
}

.user {
	margin: 4px;
}

.username {
	font-weight: bold;
}

.menu {
	margin: 4px;
}

.mainmenu li {
	list-style-type: none;
	font-weight: bold;
}

.submenu {
 	display: normal;
}

.submenu li {
	list-style-type: square;
	font-weight: normal;
	margin-left: 15px;
}

.admenu {
	margin: 0px;
}

.qrcode {
	margin: 4px;
}

.qrcode * {
	text-align: center;
}

.menuend {
	/* */
}

/*-------- Control Panel ---------*/

#control {
	text-align: right;
}

#control ul {
	padding: 4px;
}

#control ul li {
	margin-left: 5px;
	list-style-type: none;
	display: inline;
}

/*---------  Footer ------------*/

#footer a:hover {
	color: #ee0000;
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	color: #444444;
	text-decoration: none;
}

#footer p {
	color: #444444;
	text-align: center;
	font-size: 75%;
	font-family: arial;
	font-style: italic;
	padding: 8px;
}

/*--------- Custom Frame ----------*/

/* Container Frame
.container_north {
	background: transparent url(north.gif) no-repeat 0px 0px;
	margin-right: 9px;
}

.container_ne {
	background: transparent url(ne.gif) no-repeat right 0px;
	margin-right: -9px; 
}

.container_west {
	background: transparent url(west.gif) repeat-y 0px 0px;
}

.container_east {
	background: transparent url(east.gif) repeat-y right 0px;
	padding: 1px;
}

.container_south {
	background: transparent url(south.gif) no-repeat 0px 0px;
	margin-right: 9px;
}

.container_se {
	background: transparent url(se.gif) no-repeat right 0px;
	margin-right: -9px; 
}
.container_stuff {
	padding: 0 12px;
}
*/

/*------- Windows Hack --------*/

#contents,
.user, 
.menu,
.directory, 
.article, 
.category, 
.whatsnew, 
.neighbor_whatsnew, 
.addendum, 
.follow,
.qrcode 
{ 
	_padding-bottom: 1px; 
}

/*------------ End -------------*/