/* 	Ryu Maru Theme
	v. 1.0
	Copyright 2015 K.M. Hansen (software@kmhcreative.com)
	License: CC BY-SA 4.0
	License URI: http://creativecommons.org/licenses/by-sa/4.0/
	
	Description: Ryu Maru website integration theme

*/

@import url("../light/theme.css");

body, #splash {
	background: white;
}
	.splash_in {
		opacity: 1.0;
	}
	.splash_out {
		opacity: 0;
	}
	.splash-title {
		color: #6a6a6a;
	}
#binder {
	top: 0px;
	bottom: 0px;
}

.page {
	border: 1px solid #999;
}

.button p {
	color: #6a6a6a;
}
	.button:hover p {
		color: #000;
	}

	.button.type3 {
		background: none;
		border: 1px solid #6a6a6a;
	}
	.button.type3:hover {
		background: #cc0000;
		border: 1px solid #cc0000;
	}
	.button.type3:hover p {
		color: #fff;
	}
	.button.type4 {
		background: #990000;
	}
		.button.type4 p {
			color: white;
		}
	.button.type4:hover {
		background: #cc0000;
	}
		.button.type4:hover p {
			color: #fff;
		}
		#racktop { display: none !important; }
			#racktop h1 {
				color: darkRed;
				font-weight: lighter;
			}
			.promo .description h4 {
				background: -moz-linear-gradient(left,  rgba(206,33,33,1) 0%, rgba(208,10,10,1) 70%, rgba(208,8,8,0) 77%, rgba(208,5,5,0) 87%, rgba(209,2,2,1) 95%, rgba(209,0,0,1) 100%);
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,33,33,1)), color-stop(70%,rgba(208,10,10,1)), color-stop(77%,rgba(208,8,8,0)), color-stop(87%,rgba(208,5,5,0)), color-stop(95%,rgba(209,2,2,1)), color-stop(100%,rgba(209,0,0,1)));
				background: -webkit-linear-gradient(left,  rgba(206,33,33,1) 0%,rgba(208,10,10,1) 70%,rgba(208,8,8,0) 77%,rgba(208,5,5,0) 87%,rgba(209,2,2,1) 95%,rgba(209,0,0,1) 100%);
				background: -o-linear-gradient(left,  rgba(206,33,33,1) 0%,rgba(208,10,10,1) 70%,rgba(208,8,8,0) 77%,rgba(208,5,5,0) 87%,rgba(209,2,2,1) 95%,rgba(209,0,0,1) 100%);
				background: -ms-linear-gradient(left,  rgba(206,33,33,1) 0%,rgba(208,10,10,1) 70%,rgba(208,8,8,0) 77%,rgba(208,5,5,0) 87%,rgba(209,2,2,1) 95%,rgba(209,0,0,1) 100%);
				background: linear-gradient(to right,  rgba(206,33,33,1) 0%,rgba(208,10,10,1) 70%,rgba(208,8,8,0) 77%,rgba(208,5,5,0) 87%,rgba(209,2,2,1) 95%,rgba(209,0,0,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2121', endColorstr='#d10000',GradientType=1 );
			}
			.promo .read .button, #gallery1 .read .button {
				background: none;
			}
			.read .button {
				border: 1px solid #ccc;
			}
			.read .button:hover, .read .button:focus {
				background: #333;
				border: 1px solid #cc0000;
			}
				.read .button:hover p, .read .button:focus p {
					 color: #fff;
				}
		.rz-sharethis.iconfont a.rz-share,
		.rz-sharethis.iconfont a.rz-share span {
			color: #6a6a6a;
		}
		.rz-sharethis.iconfont a.rz-share:hover,
		.rz-sharethis.iconfont a.rz-share:hover span {
			color: #cc0000;
		}
	.slot {
		width: 20% !important;
	}
		.slot .cover {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-ms-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
		}
		.slot .cover:hover, .slot .cover:focus {
			-webkit-transform: none !important;
			-moz-transform: none !important;
			-ms-transform: none !important;
			transform: none !important;
		}
		.cover .date {
			display: none !important;
		}
		#ryuzinerack .page { min-height: 0px; }
		#footer { display: none !important; }

.navbars, .titlebar {
	background-color: #eee;
	border-bottom: 2px solid #ddd;
}
	.title { color: #6a6a6a; }
	#navset0 .titlebar .title { display: none; }
	#navset0 .titlebar {
		background: #eee url('images/rmlogo-small.png') center center no-repeat;
	}
.tabbars {
	background-color: #eee;
	border-top: 2px solid #ddd;
}
	#controltoggle {
		background-color: #fff;
	}
	#controlbox0, #controlbox1 { display: none; }
	#tocslider_button:hover {
		background: #cc0000;
	}
	#tocslider_track {
		background: #ccc url('images/slider.png') 0 0 no-repeat;
		height: 5px;
	}
.panel.style1 {
	background-color: rgba(255,255,255,.93);
}
.panel.style2, .panel.style3 {
	background: #fff;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.93) 0%, rgba(255,255,255,0.93) 75%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.93)), color-stop(75%,rgba(255,255,255,0.93)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.93) 0%,rgba(255,255,255,0.93) 75%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.93) 0%,rgba(255,255,255,0.93) 75%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.93) 0%,rgba(255,255,255,0.93) 75%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.93) 0%,rgba(255,255,255,0.93) 75%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edffffff', endColorstr='#ffffff',GradientType=0 );
	border: 2px solid #ddd;
}
.pointer {
	background: white;
	border-bottom:2px solid #ddd;
	border-right: 2px solid #ddd;
}
	#share_panel .pointer {
		bottom:-12px;
	}
	#views_panel .pointer {
		bottom:-27px;
	}
	#fontbox {
		background: white;
		border: none;
	}
		#fontbox p {
			color: #6a6a6a;
		}
	#fontup {
		border-left: 2px solid #ddd;
		border-right: 2px solid #ddd;
	}
	#font_panel .area .sub-button:hover {
		background: white;
	}
		#font_panel .area .sub-button:hover p {
			color: black;
		}
		#colorbox.colorbox_IN {
			top: -60px;
			opacity: 1.0;
		}
		#colorbox.colorbox_OUT {
			top: 0;
			opacity: 0;
		}

#toc_panel, .panel.style1.left {
	border-right: 10px solid #990000;
}
	#toc_panel.out, .panel.style1.left.out {
		margin-left: -15px;
	}
#opt_panel, #bmark_panel, .panel.style1.right {
	border-left: 10px solid #990000;
}
	#opt_panel.out, #bmark_panel.out,
	.panel.style1.right.out {
		margin-right: -15px;
	}
.list_up a {
	color: #000;
}
.list_down {
	background-color: white;
}
	.list_down a {
		color: #990000;
	}
.optitem {
	color: #000;
}

	.opt-switch span.symbol::before {
		background-color: #fff;
		border: 2px solid #eee;
	}
	.opt-switch span.symbol::after {
		background-color: #6a6a6a;
	}
		.opt-switch.opt-on span.symbol::before {
			background-color: #ccc;
		}
@media screen and (min-width: 600px) and (max-width: 767px) {
	.slot {
		width: 25% !important;
	}
}