/*
Theme Name:     Ryu Maru 2013
Theme URI:      http://www.ryumaru.com/
Description:    Child theme for the Twenty Twelve theme 
Author:         K.M. Hansen
Author URI:     http://www.ryumaru.com/about/
Template:       twentytwelve
Version:        0.1.0
*/
@import url("../twentytwelve/style.css");
.clear {
	clear: both;
}
html {
	position: absolute;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}
img.alignmiddle {
	display: inline-block;
	vertical-align: middle;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
img.noshadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
body {
	position: absolute;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	background: white;
}
#page {
	position: absolute;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url('images/rmhalftone.png') 0 0 no-repeat;
}

#masthead { 
	margin: 0;
	padding: 0;
}
#masthead hgroup { display: none; }
#site-navigation { 
	background-color: #eee;
	margin: 0; 
	border-bottom: 1px solid #ddd;
}
button.menu-toggle { display: none !important; }
#site-navigation div {
	padding-left: 200px;
	background: url('images/rmlogo-small.png') 15px center no-repeat;
	-webkit-background-size: 150px auto;
}
#main {
	margin: 0 auto 50px auto;
	max-width: 1024px;
}
.page #primary {
	margin: 0 auto;
	float: none;
	width: auto;
}
.site-content #content {
	margin: 0 15px;
}
.product .entry-header {
	display: none;
}
.product .product-header {
	font-size:3em;
	margin-top:25px;
	line-height:1.2;
	font-weight:normal;
	margin-bottom:1.714285714rem;
	display:block;
}
.entry-header .entry-title {
	font-size: 3em;
	margin-top: 25px;
}
img.promo, .promo_slider_wrapper { 
	margin: 25px auto !important; 
	border: 1px solid #999;
}
	.promo_slider_wrapper img {
		border-radius: 0;
		margin-bottom: -3px !important;
	}
	img.promo {
		border-radius: 0;
	}
footer[role="contentinfo"] {
	position: relative;
	margin: 0;
	padding: 0;
	max-width: 100%;
	background: #eee;
	display: block;
	width: 100%;
	border-top: 1px solid #ddd;
}
	#footer_toggle {
		margin: 5px 15px;
		display: table;
		float: left;
		margin-bottom: -100%;
	}
		#footer_toggle .showed { display: none; }
		#footer_toggle .hideit { display: block;}
	.hovertoggle { display: none; }
	footer[role="contentinfo"]:hover .hovertoggle, 
	footer[role="contentinfo"]:focus .hovertoggle,
	footer[role="contentinfo"]:hover .toggle .showed,
	footer[role="contentinfo"]:focus .toggle .showed {
		display: block;
	}
	footer[role="contentinfo"]:hover .toggle .hideit,
	footer[role="contentinfo"]:focus .toggle .hideit {
		display: none;
	}
	footer[role="contentinfo"] .widget-area {
		width: 25%;
		float: left;
		clear: none;
		border: none;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
	footer[role="contentinfo"] #supplementary {
		padding: 25px;
	}
	#footer_fourth { float: right; }
			
.entry-content, .entry-summary, .mu_register {
	margin: 0 25px;
}	

footer.entry-meta {
	padding: 0 25px;
}

.comments-area {
	margin: 0 25px 50px 25px;
}

#site-generator { 
	margin: 5px 15px 0px 15px;
	clear: both; 
	text-align: center;
	font-family: Arial, sans-serif;
	color: #999;
}

	.colmask input[type="button"], .colmask button,
	.template-front-page input[type="button"], .template-front-page button {
		background: #242424;
		text-align: center;
			color: #ccc;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
			text-decoration: none;
		height: 28px;
		margin: 1em auto;
		padding: 2px;
		width: 121px;
		border: none;
		display: block;
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.50);
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.50);
		box-shadow: 1px 1px 2px regba(0,0,0,.50);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
		.template-front-page input[type="button"]:hover, .template-front-page input[type="button"]:focus,
		.template-front-page button:hover, .template-front-page button:focus,
		.colmask input[type="button"]:hover, .colmask input[type="button"]:focus,
		.colmask button:hover, .colmask button:focus {
			text-decoration: underline;
		}
	.template-front-page .entry-content,
	#featured .entry-content {
		margin-top: 0px;
		padding: 0;
	}
	.template-front-page .readfullstory,
	#featured #readmore {
		background: #242424;
		text-align: center;
		color: #bbb;
		height: 24px;
		min-width: 25%;
		float: right;
		padding: 0px 5px;
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.50);
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.50);
		box-shadow: 1px 1px 2px regba(0,0,0,.50);
		display: block;
		margin-top: 24px;
	}	a.readfullstory,
		#readmore a {
			color: #ccc;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
			text-decoration: none;
		}
		a.readfullstory:hover,
		#readmore a:hover {
			text-decoration: underline;
		}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background: #fff;
	background: rgba(255,255,255,.85);
	border: 1px solid #999;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	margin: 15px 0;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.colmid {
	right:25%;			/* width of the right column */
	border-right: 1px solid #999;
}
.colleft {
	right:50%;			/* width of the middle column */
	border-right: 1px solid #999;
}
.col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.template-front-page #middle_column {
	float: left;
	width: 40%;
	margin: 0px 5% 0 5%;
}
	.template-front-page #middle_column article {
		width: auto;
		padding-bottom: 0;
		float: none;
	}
	.template-front-page #middle_column article div.entry-content * {
		font-size: 14px;
	}
.template-front-page.two-sidebars div.widget-area {
	padding: 0;
	border: none;
	width: 25%;
	clear: none;
	margin-top: 0;
}
.template-front-page.two-sidebars div.widget-area .front-widgets {
	width: auto;
	float: none;
}
.template-front-page.two-sidebars #left_column {
	float: left;
}
.template-front-page.two-sidebars #right_column {
	float: right;
}
	.template-front-page.two-sidebars #middle_column article header.entry-header {
		margin: 0;
	}
	.template-front-page.two-sidebars #middle_column article h1.entry-title,
	.template-front-page.two-sidebars div.widget-area div.front-widgets aside.widget h3.widget-title {
		font-size: 11px;
		line-height: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #636363;
		padding-bottom: 12px;
		margin-top: 0;
	}
	.template-front-page.two-sidebars #left_column .textwidget {
		font-size: 11px;
	}
	.template-front-page.two-sidebars .widget-area .widget_text img {
		float: none;
		margin: 0 auto;
	}
	.template-front-page.two-sidebars .widget-area .hms-testimonials-rotator {
		display: none;
	}
	.template-front-page.two-sidebars #primary {
		border: 1px solid #ccc;
		background: rgba(255,255,255,.5);
	}
		.template-front-page.two-sidebars #primary #content {
			margin: 15px;
		}



#index_bottom {
	width: 100%;
	margin: 25px auto;
	clear: both;
}
	#index_bottom .widget-area {
		width: auto;
		margin: 0 auto;
		float: none;
	}
	#index_bottom .widget-title {
		margin: -20px 0 0 0;
		text-shadow: 0 0 5px #fff;
	}
#releases img {
	width: 15%;
	margin-right: 2%;
	-webkit-box-shadow: 0 0 50px #fff;
	-moz-box-shadow: 0 0 50px #fff;
	-ms-box-shadow: 0 0 50px #fff;
	-o-box-shadow: 0 0 50px #fff;
	box-shadow: 0 0 50px #fff;
}
	#releases .left {
		float: left;
	}
	#releases .right {
		float: right;
	}
#releases .first_release {

}
#releases .last_release {
	margin-right: 0;
}
.widget-area .widget {
	margin: 0;
}
.widget-area .widget h3 {
	margin: 0;
}

.single .widget-area, .archive .widget-area {
	border: 1px solid #999;
	margin-right: 25px;
	padding: 10px;
	width: 25%;
	font-family: Arial, Helvetica, sans-serif;
}

img.slideleft {
	position: relative;
	z-index: 10;
	left: 150px;
	margin-left: -145px;
	-webkit-transition: all;
	-webkit-transition-duration: .5s;
	-moz-transition: all;
	-moz-transition-duration: .5s;
	-ms-transition: all;
	-ms-transition-duration: .5s;
	-o-transition: all;
	-o-transition-duration: .5s;
	transition: all;
	transition-duration: .5s;
}
	img.slideleft:hover, .img.slideleft:focus {
		left: 0;
		-webkit-box-shadow: 0px 3px 10px #666;
		-moz-box-shadow: 0px 3px 10px #666;
		-ms-box-shadow: 0px 3px 10px #666;
		-o-box-shadow: 0px 3px 10px #666;
		box-shadow: 0px 3px 10px #666;		
	}
img.slideright {
	position: relative;
	z-index: 10;
	left: -150px;
	margin-right: -145px;
	-webkit-transition: all;
	-webkit-transition-duration: .5s;
	-moz-transition: all;
	-moz-transition-duration: .5s;
	-ms-transition: all;
	-ms-transition-duration: .5s;
	-o-transition: all;
	-o-transition-duration: .5s;
	transition: all;
	transition-duration: .5s;
}
	img.slideright:hover, .img.slideright:focus {
		left: 0;
		-webkit-box-shadow: 0px 3px 10px #666;
		-moz-box-shadow: 0px 3px 10px #666;
		-ms-box-shadow: 0px 3px 10px #666;
		-o-box-shadow: 0px 3px 10px #666;
		box-shadow: 0px 3px 10px #666;		
	}
table.overbuttons {
	width: auto;
	border: none;
	margin-top: -90px;
	margin-left: 13%;
	margin-bottom: 50px;
}
	table.overbuttons td {
		border: none;
	}
	
.ryubutton, .ryubutton:visited, .ryubutton:link {
	display: inline-block;
	font-weight: normal;
	color: #fff !important;
	background: #333;
	padding: 5px 10px;
	text-decoration: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
}
.ryubutton:hover, .ryubutton:focus, .ryubutton:active {
	background: limegreen;
	color: #fff !important;
}
.sidebox {
	border: 4px double #999;
	margin: 0px 10px;
	padding: 15px;
	text-align: center;
}
.sidebyside {
	width: 40%;
}

/* forums */
#sforum .sfforumtable .sficoncell {
width: 3.75em !important;
text-align: center;
}

#sforum .sfheading .sficoncell {
width: 3.5em !important;
}
div.zappbar.top div.button_b,
div.zappbar.top div.button_b a.button,
div.zappbar.top div.dashicons-logo {
	width: 150px;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
	.zappbar.top a.searchbox span.search input[type="search"] {
		-webkit-appearance: textfield;
		-moz-appearance: textfield;
		-ms-appearance: textfield;
		appearance: textfield;
	}

img.noshadow, figure.noshadow img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
/* Minimum width of 1280 pixels. */
@media screen and (min-width: 1280px) {
/*
.home #page {
		background: url('images/background.jpg') 0 0 no-repeat;
		background-size: cover;
	}
*/

img.slideleft {
	position: relative;
	z-index: 10;
	left: 150px;
	margin-left: -145px;
}
	img.slideleft:hover, .img.slideleft:focus {
		left: 150px;
		margin-left: -145px;
	}
img.slideright {
	position: relative;
	z-index: 10;
	left: -150px;
	margin-right: -145px;
}
	img.slideright:hover, .img.slideright:focus {
		left: -150px;
		margin-right: -145px;
	}

}
/* Maximum width o 1024 pixels. */
@media screen and (max-width: 1024px) {
	#releases img {
		width: 15%;
		margin-right: 1.5%;
	}
		#releases .left {
			float: left;
		}
		#releases .right {
			float: right;
		}
	#releases .first_release {
		margin-left: 1%;
	}
	#releases .last_release {
		margin-right: 1%;
	}
}
/* iPad portrait */
@media screen and (max-width: 768px) {
table.overbuttons {
	width: auto;
	border: none;
	margin-top: -80px;
	margin-left: 25px;
	margin-bottom: 50px;
}
	table.overbuttons td {
		border: none;
	}
}
/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	#main { clear: both; }
	#masthead {
		position: relative;
		z-index: 100;
	}
	#site-navigation {
		height: 44px;
		width: 100%;
		padding-left: 0;
		background: #eee url('images/rmlogo-small.png') 15px center no-repeat;
		-webkit-background-size: 150px auto;
	}
	.menu-toggle {
		float: right;
		margin: 8px 10px;
	}
	#site-navigation div {
		position: relative;
		top: 44px;
		padding-left: 0;
		background: #eee;
		border-top: 1px solid #ddd;
	}
	#site-navigation ul {
		top: 0;
		padding: 0;
		margin-top: -44px;
		width: 100%;
		border-bottom: 1px solid #999;
	}
	#site-navigation .sub-menu {
		display: none;
	}
	.main-navigation li {
		height: 44px;
		padding: 0;
		margin: 0;
		font-size: 18px;
		line-height: 44px;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
	}
	.main-navigation a {
		text-decoration: none;
	}
	.promo, .promo_slider_wrapper { 
		margin: 0px auto !important; 
	
	}
	
	.colmask {
		float: none;
	}
	.colright, .colmid, .colleft {
		float: none;
		right: auto;
	}
	.col1, .col2, .col3 {
		width: auto;
		left: 0;
		float: none;
		padding: 5px;
		border-bottom: 1px solid #999;
	}
	footer[role="contentinfo"] .widget-area {
		width: auto;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	footer[role="contentinfo"] #supplementary {
		padding: 0 5px;
	}
	#footer_fourth { float: none; }	
	#footer_toggle {
		margin: 5px auto;
		float: none;
		margin-bottom: 5px;
	}
	.entry-content, .entry-summary, .mu_register {
		margin: 0 5px;
	}	
	footer.entry-meta {
		padding: 0 5px;
	}
	
	.comments-area {
		margin: 0 5px 50px 5px;
	}
	div.alignleft, div.alignright {
		float: none;
		margin: 5px auto;
	}
	
	#releases img {
		width: 30%;
		margin-right: 2.5%;
		margin-top: 3%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
		#releases .left {
			float: left;
		}
		#releases .right {
			float: right;
		}
	#releases .first_release {
		margin-left: 2%;
	}
	#releases .last_release {
		margin-right: 3%;
	}
	
	.single .widget-area, .archive .widget-area {
		border: 1px solid #999;
		margin: 10px auto 50px auto;
		padding: 10px;
		width: 90%;
	}
img.slideleft {
	position: relative;
	z-index: 10;
	left: 0;
	margin: 0 auto;
	float: none;
	display: block;
}
	img.slideleft:hover, .img.slideleft:focus {
		left: 0;
		margin: 0 auto;
	}
img.slideright {
	position: relative;
	z-index: 10;
	left: 0;
	margin: 0 auto;
	float: none;
	display: block;
}
	img.slideright:hover, .img.slideright:focus {
		left: 0;
		margin: 0 auto;
	}
table.overbuttons {
	width: auto;
	border: none;
	margin-top: 0;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 0px;
}
	table.overbuttons td {
		border: none;
	}
.sidebyside {
	width: auto;
}
.template-front-page.two-sidebars #middle_column,
.template-front-page.two-sidebars #left_column,
.template-front-page.two-sidebars #right_column {
	float: none;
	width: auto;
	margin: 24px 0 0 0;
	padding: 0 10px;
}
	.template-front-page.two-sidebars #left_column .textwidget {
		font-size: 14px;
	}
	div.zappbar.top div.button_b  {
		position: relative;
		left: 50%;
		margin-left: -125px;
	}
}
	.zappbar.top a.searchbox span.search.in {
		width: 100%;
		text-align: center;
	}
	.zappbar.top a.searchbox span.search.in input[type="search"] {
		width: 90%;
	}

}