@charset "UTF-8";
@font-face{font-family:'tanuki'; src: url('karei.eot');}
@font-face{font-family:'tanuki'; src: url('karei.ttf') format('truetype');}

*{
	margin:0;
	padding:0;
	line-height:100%;
	font-family:sans-serif;
}
body{
	padding:44px 0 50px;
	color:#444;
	-webkit-text-size-adjust: none;
	background:#e2e2e2;
}
table{
	word-break:break-all;
}
textarea,input,button{
	font-size:100%;
	-webkit-appearance: none !important; /* Safari */
}
input[type='checkbox']{
	-webkit-appearance: checkbox !important; /* Safari */
}
address{
	display:none;
}

/* ----- USER INFORMATION ----- */
#header a{
	text-decoration:none;
}

#header #userInfo{
	height:44px;
	line-height:44px;
	color:#fff;
	border-top:1px solid rgba(255,255,255,0.4);
	border-bottom:1px solid rgba(0,0,0,0.6);
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	background:#000 -webkit-linear-gradient(top, #666 0%, #333 100%);
	text-align:center;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
}
#header #userInfo #backButton a, #header #userInfo #authLogin{
	height: 28px;
	margin: 7px 2%;
	padding:0 0.6em;
	display: block;
	float: left;
	line-height: 30px;
	color: white;
	text-shadow: 0 -1px 1px black;
	font-size:75%;
	font-weight:bold;
	border-radius: 3px;
	border-bottom:1px solid #666;
	background:rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset;
}
#header #userInfo #authLogin{
	width: auto;
	float: right;
}
#header #userInfo #authUser{
	width:10em;
	margin:0 0 0 -5em;
	position:absolute;
	left:50%;
	line-height:44px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.6);
	font-size:120%;
	font-weight:bold;
}

#header #headInfo,
#header #userInfo #siteLogo,
#header #userInfo #authMsg {
	display:none;
}

/* ----- GLOBAL NAVIGATION ----- */
#globalNav{
	position:fixed;
	bottom:0;
	z-index:100;
	width:100%;
	height:50px;
	border-top:1px solid #000;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
#globalNav ul{
	margin:0;
	padding:0;
	width:100%;
	height:50px;
	background:#333 -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 49%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%);
}
#globalNav ul li{
	width:20%;
	height:50px;
	line-height:5em;
	display:block;
	float:left;
	overflow:hidden;
	text-align:center;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	font-size:10px;
	font-weight:bold;
	border-top:1px solid rgba(255,255,255,0.4);
	border-left:1px solid rgba(0,0,0,0.4);
	border-right:1px solid rgba(255,255,255,0.05);
	box-sizing:border-box;
}
#globalNav ul li a{
	width:100%;
	padding:35px 0 0 0;
	display:block;
	color:#aaa;
	text-decoration:none;
}
#globalNav ul li.current{
	border-top:1px solid rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
	background:#333 -webkit-linear-gradient(top, rgba(0,0,0,0.3) 00%, rgba(255,255,255,0.1) 100%);
}
#globalNav ul li#gnavHome a{background-image:url(./nav/home.png);}
#globalNav ul li#gnavBoard a{background-image:url(./nav/board.png);}
#globalNav ul li#gnavUploader a{background-image:url(./nav/uploader.png);}
#globalNav ul li#gnavAlbum a{background-image:url(./nav/album.png);}
#globalNav ul li#gnavX a{background-image:url(./nav/x.png);}
#globalNav ul li#gnavHome.current a{background-image:url(./nav/home_a.png);}
#globalNav ul li#gnavBoard.current a{background-image:url(./nav/board_a.png);}
#globalNav ul li#gnavUploader.current a{background-image:url(./nav/uploader_a.png);}
#globalNav ul li#gnavAlbum.current a{background-image:url(./nav/album_a.png);}
#globalNav ul li#gnavX.current a{background-image:url(./nav/x_a.png);}
#globalNav ul li a{
	background-size: auto 32px !important;
	background-position:center 2px;
	background-repeat:no-repeat;
}
#globalNav ul li.current a{
	color:#fff;
}
#globalNav ul li.current:after{
	width:0;
	height:0;
	border-top:30px solid;
	border-left:30px solid transparent;
	border-right:30px solid transparent;
	position:relative;
}

/* ----- SHOUT BOX ----- */
#shoutBox{
	background:#f00;
	width:100%;
	padding:10px 0;
	display:none;
}
#shoutBox input[type='text']{
	width:80%;
	height:1.5em;
}
#shoutBox input[type='submit']{
	width:18%;
	height:1.5em;
}
/* ----- FOOTER ----- */
#footer{
	margin:0.5em 0 0;
	padding:0.7em 0 1em;
	text-align:center;
	background:rgba(0,0,0,0.5);
	color:#fff;
	text-shadow:0 -1px 1px rgba(0,0,0,0.4);
	font-weight:bold;
	font-size:80%;
	background:-webkit-linear-gradient(top, #666 0%, #333 100%);
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}
#footNav, p#pageInfo, #footer h4{display:none;}

/* ----- PAGE LIST ----- */
p.pageList{
	margin:0em 2% 0;
	width:96%;
	display: -webkit-box;
	display: -moz-box;
}
p.pageList span{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	margin:0 10px 0;
	display:block;
	text-align:center;
	line-height:300%;
	color:#fff;
	font-weight:bold;
	background:#fff ;
	border-radius:5px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	text-shadow:0 0 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
	background:#f9f9f9 -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
	position:relative;
}
p.pageList span a{
	text-decoration:none;
	line-height:300%;
	display:block;
	color:#fff;
	border-radius:5px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-top:1px solid #999;
	box-shadow:0 3px 3px rgba(0,0,0,0.2) inset;
	background:#4bf -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
}
.pagePrev, .pageNext{
	display:none !important;
}

/* ----- INFO ----- */
#info{
	display:none;
	margin:1em 2%;
	color:rgba(0,0,0,0.5);
	text-shadow:1px 1px 1px #fff;
	text-align:center;
}
#info p{
	line-height:120%;
}

/* ----- ERROR ----- */
h2.error{
	display: block;
	color: #F66;
	font-size: 100%;
	text-align: center;
	margin: 1em 2%;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}
}