@charset "UTF-8";
/**
 * WIKIWIKI Adv. skin
 *
 * Copyright (C)
 *   2012-2014 PukiWiki Advance Developer Team
 *
 * Theme inspired from Wikiwiki.jp default skin.
 * 
 * $Id: wikiwikiadv.css,v 1.0.1 2012/03/19 22:09:00 Logue Exp $
 *
 */

/** Generic Tags *********************************************************************************/
a:not(.btn):not([role="presentation"]){
	color:#330000;
	background-color:inherit;
	text-decoration:none;
	border-color:#CCC;
	border-width:0px 0px 1px 0px;
	border-style:solid;
}

a:not(.btn):not([role="presentation"]):visited
{
	color:#330000;
	background-color:inherit;
	border-color:#CCC;
}

a:not(.btn):not([role="presentation"]):hover
{
	color:#330000;
	background-color:inherit;
	border-color:black;
	border-width:0px 0px 2px 0px;
	border-style:solid;
}

pre, dl, ol, p, blockquote
{
	line-height:1.7em;
	letter-spacing:0.15em;
}

body{
	background-color:#ebebeb;
	line-height:1.7em;
	color:black;
}

dt{
	color: #663333;
	margin-top:1em;
}

dd{
	margin-left:1em;
}

h1, h2, h3, h4, h5, h6{
	padding: .1em 0 .1em .3em;
	border:0;
	border-left:.4em solid;
	border-bottom:1px solid;
	vertical-align:bottom;
	background-color:rgba(255, 255, 255, .9);
	font-size:1.2em;
}

h1{
	letter-spacing:0.15em;
	color:#cc0000;
	font-size: 161.6%;
	background-color:transparent;
	border:0px;
	margin:.2em 0px .2em .5em;
}

h2{
	letter-spacing:0.15em;
	color:black;
	background-color:#dddddd;
	margin:.2em -19px .5em -19px;
	padding:.3em .3em .15em .5em;
	border:0px;
	border-left:15px solid ;
	border-bottom:1px solid;
	border-color:#ffffff #ffffff #999999 black;
}

h3{
	letter-spacing:0.15em;
	color:black;
	background-color:transparent;
	margin:.2em -19px .5em -19px;
	padding:.3em .3em .15em .5em;
	border-left:15px solid;
	border-bottom:1px solid;
	border-top:	1px solid;
	border-right:  1px solid;
	border-color:gray;
}

h4, h5, h6{
	letter-spacing:0.15em;
	color:black;
	background-color:transparent;
	margin:.2em -19px .5em -19px;
	padding:.3em .3em .15em .5em;
	border-left:15px solid black;
}

pre{
	border-top:#888899 1px solid;
	border-bottom:#DDDDEE 1px solid;
	border-left:#888899 1px solid;
	border-right:#DDDDEE 1px solid;
	color:black;
	background-color:#F0F8FF;
	line-break:strict;
	word-break:break-all;
	word-wrap:break-word;
	overflow:auto;
}

/* Table Tags */
.table{
	background-color:silver;
}

.table th{
	background-color:#E0E8F0;
	border-right: 0px solid;
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: 0px solid;
}
.table td{
	background-color:white;
}

.table td.blank{
	background-color:gainsboro;
}

.table thead td,
.table tfoot td
{
	background-color:#EEEEEE;
}
.table thead th,
.table tfoot th
{
	background-color:#DCDCD6;
}
/** Layout ****************************************************************************************/
#container {
	width:960px;
	margin: 5px auto;
	background-color: white;
	border: 1px #CCC solid;
	box-shadow:#ccc 0 0 3px 1px;
}

#main{
	background-color: whitesmoke;
}

#main_wrapper #main{
	background-color: white;
}

#menubar, #sidebar{
	display:none;
	padding: 5px;
	margin: 5px;
	background-color: #F5F5F5;
	border-color: black;
	border-style: solid;
	border-width: 1px;
}
@media screen{
	#main{
		padding:.5em 0;
	}
	.two-colums #main_wrapper {
		width:100%;
		float:right;
		margin-left:-180px;
	}

	.two-colums #main_wrapper #main {
		margin:0 0 0 180px;
	}

	.two-colums #menubar {
		float:right;
		display:block;
		width:170px;
	}

	.three-colums #wrapper {
		width:100%;
		float:left;
	}

	.three-colums #main_wrapper {
		width:775px;
		float:left;
	}

	.three-colums #main_wrapper #main {
		width:590px;
		float:right;
		margin:0;
	}

	.three-colums #menubar {
		display:block;
		width:170px;
		float:left;
	}

	.three-colums #sidebar {
		display:block;
		width:170px;
		float:right;
	}

	.three-colums #misc {
		width:100%;
		clear:left;
	}
}
/** Header and Footer *****************************************************************************/
#header{
	margin:1% 1% 0 1%;
}

#header .table,
#footer .table{
	background-color: transparent;
}

#header .table th, #header .table td,
#footer .table td, #footer .table th {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

#logo{
	float:left;
	margin-right:20px;
}

/* hgroup */
#hgroup {
	padding: 12px 0 0 0;
	float:left;
}

#hgroup h1 {
	font-weight:bold;
	font-size:197%;
	background-color:transparent;
	border: none;
	margin: 0;
	padding: 0;
}

#hgroup h2 {
	font-weight:normal;
	font-size: 85%;
	border: none;
	margin: 0;
	padding: 0;
	background-color:transparent;
}

#ad {
	float:right;
	margin:8px;
}

#naviframe{
	background-color:black;
	color:#ccc;
	clear:both;
	padding: 0.3em  0.5em;
	margin:0 5px;
}

#naviframe .navibar, #naviframe .toolbar{
	display: inline;
	float: none;
	padding: 1em 0;
	position: relative;
	top: 1px;
}

#naviframe .navibar ul:after, #naviframe .navibar ul:before, #naviframe .navibar li:after{
	content:''; 
}

#naviframe .plugin-search-form{
	float:right;
	margin: 0;
}

#naviframe .plugin-search-form *{
	font-size:90%;
}

#naviframe .plugin-search-form .form-control, #naviframe .plugin-search-form .btn{
	height:28px;
	font-size:90%;
}

#naviframe a {
	border-color: black;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	color: #CCCCCC;
	padding: 2px 5px;
	text-decoration: none;
}

#naviframe a:hover {
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color:#555 #777 #777 #555;
	color: #fff;
	background-color: #333;
	padding: 1px 5px 1px;
	position:relative; top:1px; left:1px;
}

.topicpath{
	padding:0 5px;
}

#title{
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	margin: 0 .5em .5em .5em;
	padding: .5em;
}

#body{
	margin: 0 .5em;
}

#title h1{
	color: #D95131;
	font-size: 131%;
	font-weight: bold;
	margin: 0 1%;
	padding: 0;
	border:0 none;
	background-color:transparent;
}

#title h2{
	color: black;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 1%;
	padding: 0;
	border:0 none;
	background-color:transparent;
}

#footer{
	background-color:black;
	color:#ccc;
	clear:both;
	padding: 0.3em  0.5em;
	margin:5px;
	font-size: 85%;
}

#footer a{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	color: #FF6600;
	padding: 0 5px;
}

#footer a:hover {
	border-width: 1px;
	border-style: solid;
	border-color:#666;
	color: #FF6600;
	padding: 0px 5px;
}

#footer address, #footer ul{
	display:inline;
}

#footer li{
	margin: 0 0.5em;
	padding: 0;
	list-style:none;
	display:inline;
}

#footer li:not(:last-of-type):after{
	content :' / ';
	color: white;
}

#footer li.f_right{
	float:right;
}

.toolbar a{
	border: none;
}

.toolbar a:hover{
	position:relative;
	top:1px; left:1px;
}

/** Main Content area *****************************************************************************/
#body h1{
	margin: 0;
}

#body h2{
	margin:.2em 0 .2em .2em;
}

#body h3{
	margin:.2em 0 .5em .4em;
}

#body h4, #body  h5, #body  h6{
	margin:.2em 0 .5em .8em;
}

#topicpath{
	padding:.5em 1em;
	font-size:96%;
}

#note{
	padding:0;
	font-size: 86%;
}

/** MenuBar/SideBar*********************************************************************************/
#menubar, #sidebar{
	word-break:break-all;
	overflow:hidden;
	letter-spacing:0.15em;
	font-size:90%;
}

#menubar ul, #sidebar ul{
	padding: .1em 0 .1em 1.5em;
}

#menubar ul.list-unstyled, #sidebar ul.list-unstyled{
	padding-left: 0;
}

#menubar ul li .noexists, #menubar ul li a,
#sidebar ul li .noexists, #sidebar ul li a {
	display:block;
	padding:0 0.3em;
	margin:0 -0.3em;
}

#menubar ul li .noexists a,
#sidebar ul li .noexists a{
	display:inline;
	background-color:transparent;
}

#menubar h1, #menubar h2, #menubar h3, #menubar h4, #menubar h5, #menubar h6,
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{
	margin: 0;
	padding:4px;
	border: 1px black solid;
	color:white;
	background-color: #333333;
	text-align:center;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{
	margin:0 0 4px 0;
}

#menubar h1 a, #menubar h2 a, #menubar h3 a, #menubar h4 a, #menubar h5 a, #menubar h6 a,
#sidebar h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a{
	color:white;
}

/* Hack calendar */
#menubar .style_calendar, #sidebar .style_calendar{
	width:150px;
	height:150px;
	padding:0px;
	margin:1px;
}

#menubar .style_calendar td, #sidebar .style_calendar td,
#menubar .style_calendar th, #sidebar .style_calendar th{
	padding:1px;
	margin:1px;
}

/** Plugin ****************************************************************************************/

/* backup.inc.php */
.add_word, .add_block{
	background-color:#FFFF66;
}

.remove_word, .remove_block{
	background-color:#A0FFFF;
}

/* tooltip.inc.php */
abbr{
	color: #006565;
}

abbr:hover{
	background-color: #e1ffe4;
}

/* toolbar.inc.php */
.toolbar{
	display:block;
	clear:both;
	float:right;
	padding:0 1%;
}

/** Print Setting *********************************************************************************/
@media print {
	#hgroup h2, #header img, #navigator, #menubar, #sidebar, #poptoc, #banner_box, #attach, #toolbar,
	#sigunature{
		display:none !important;
		visibility: hidden !important;
	}
	
	#hgroup{
		margin:0;
		padding:0;
		float:none;
		clear:both;
	}
	#hgroup h2{
		display:none;
	}
	#hgroup h1{
		width:100%;
	}
	
	#lastmodified{
		text-align:right;
	}

	address{
		float:left;
	}
	
	#body{
		float:both;
		display:block;
		width:100%;
	}
}