img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

body { padding-top: 50px ; }
body { background-color:#DDD ; }

a { color: #336699 ; }
img { max-width: 100% ; border-radius: 4px; }

.s1 { height: 300px ; text-align: center; padding: 20px ; margin-bottom: 40px ; }
.f4 { box-shadow: 5px 2px 14px 0px rgba(50, 50, 50, 0.57); border-radius: 10px ;  background:   ; }
.fill2 { background: #D9D6CA ; }
.fill { background:  ; }
.headFluid { background: white ; }
.mainer { background: white ; padding-top: 0 ; padding-bottom: 20px}
.navbar {  margin-bottom: 0 ; }

.white { background: white ; }


.navbar-fixed-top { border-color: #DDD ; border-width: 0 0 10px; }


.dropdown-menu li { padding: 5px 0 5px 0 ; }





#sideList { border: 0 ; }
#sideList ul { width: 100% ; border: none ; }
#sideList li { list-style-type: none ; width: 100% ; }
#sideList a { list-style-type: none ; width: 100% ; }
#sideList a, #sideList a:visited
{
	display:block;
	font-size: ;
	text-decoration:none; 
	color: #333; 
	width: 100% ; 
	height: auto ; 
	border: none ; 
	border-width: 0 ; 
	background: none ; 
	padding-left: 0 ; 
	line-height: ; 
	font-weight: ;

}

#sideList a:hover { color: #CCC ; }
.mainer h1 { font-size: 36px ; text-align:center ; padding: 20px ; margin: 20px 0 ; background: #ffcc66 ; }
.gallery-home { margin-bottom: 100px ; }

.homeMain { background:  ; }
.homeMainRow { padding-top: 20px ; }
.homeMain p { font-size: 18px ; }
.homeMain img { height: auto ;  }
.homeMainRow h1 { font-size: 36px ; text-align:center ; padding: 20px ; margin: 20px 0 ; background: #ffcc66 ; border:1px solid #ffcc66 ; }


.homeMain-header h1 { text-align:center ; background: #ffcc66 ; width: 100% ; border:1px solid #ffcc66 ; margin-bottom: 0 ; padding: 20px ; }
.homeMain-top { background:  ; width: 100% ; border:1px solid #ffcc66 ; padding: 20px ; }
.homeMain-bottom { background:#003366 ; width: 100% ; color: white ; border:1px solid #ffcc66 ; padding: 20px 40px ; text-align:right ; font-size:10px ; margin-bottom: 40px ; }

.homeMap { width: 100% ; color: #333 ;  }
.homeMap img { width: 100% ;  }


/* hide Map List stuff */
#wpgmza_table_1_filter, #wpgmza_table_1_length, #wpgmza_table_1_paginate, #wpgmza_table_1_info { display: none ; }






/* Header */

.katana { width: 75% ; height: 50px ; margin: 0 ; padding: 0 ; z-index: 100000 ; position:fixed ; top: 0 ; left: 15px ; }
.katana-table { display:table ; width: 100% ; height: 50px ; margin: 0 ; padding: 0 ; vertical-align:middle ; display:table-cell ;}
.katana img { vertical-align:middle ; display:table-cell ; }
.headLogo { padding: 0 ; }





.uberBar { padding: 0 ; }






/* Title Header */

.main-header { background: #ffcc66 ; width: 100% ; border:1px solid #ffcc66 ; padding: 20px ; }
.main-top { background:  ; width: 100% ; border:1px solid #ffcc66 ; padding: 20px ; }
.main-bottom { background:#003366 ; width: 100% ; color: white ; border:1px solid #ffcc66 ; text-align:right ; font-size:10px ; padding: 20px ; }

.main-header h1 { font-size: 36px ; text-align:center ; padding: 0 ; margin: 0 ; }





/* News */

#blogger { padding-top: 20px ; padding-bottom: 0 ; margin-bottom: 20px ; }
#blogger { background:  ; width: 100% ; border:1px solid #ffcc66 ; }
#blogger h2 { margin-top: 0 ; }

.meta { background:#003366 ; width: 100% ; color: white ;  text-align:right ; font-size:10px ; padding: 5px 10px 5px 5px ; margin-top: 20px ; }
.meta p { margin: 0 ; padding: 0 ; }
.meta a { color: #ffcc66 ; }












/* Sidebar Shihan Style */

.f5 { padding: 20px 0 ; margin: 0 ; box-shadow: 5px 2px 14px 0px rgba(50, 50, 50, 0.57); border-radius: 4px ; background: #003366 ; }

.side-col  { width: 200px ; margin: 0 auto 0 ; text-align: center ; color: #ffcc66 ; }
.side-text-title { width: 100% ; font-size: 21px ; font-weight: 700 ; padding: 0 0 10px 0 ; }
.side-pic img { width: 100% ; }
.side-text-names { width: 100% ; font-size: 19px ; font-weight: 700 ; padding: 10px 0 ; }
.side-text-p { width: 100% ; color: white ; }








/* Sidebar Facebook Style */

.side-facebook { padding: 20px ; margin: 0 ; margin-top: 20px ; box-shadow: 5px 2px 14px 0px rgba(50, 50, 50, 0.57); border-radius: 4px ;  background:   ;  background:#23527c ; }

.side-facebook p { color: #ffcc66 ; }







/* Sidebar News/Blog Style */

aside {  margin-top:0; margin-bottom: 20px ; }

.cats ul { list-style:none ; padding: 0 ;  }
.cats li { background:  ; width: 100% ; border:1px solid #ffcc66 ; padding: 5px 10px ; }
aside h4 { text-align:center ; background: #ffcc66 ; width: 100% ; border:1px solid #ffcc66 ; padding: 10px ; margin-bottom: 0 ; margin-top: 0 ;}

.side-header3 { background: #ffcc66 ; width: 100% ; border:1px solid #ffcc66 ; }
.side-Top { background:  ; width: 100% ; border:1px solid #ffcc66 ; padding: 10px ; }
.side-Bottom { background:#003366 ; width: 100% ; color: white ; border:1px solid #ffcc66 ; ; text-align:right ; font-size:10px ; padding: 5px ; }

.side-Bottom p { padding: 0 ; margin: 0 ; }
.side-Top p { padding: 0 ; margin: 0 ; }







/* Footer Style */

.feet {
	background: #003366 url(http://hokushin.com.au/site/wp-content/themes/BootstrapBamborang/images/logo-06.png) ; background-attachment: fixed ; 
	color: white ; text-align: left ; padding: 20px ; border-top: 10px solid #426981 ; border-color: #DDD ;
}

.feet .submit { width: 100% ; }
.feet ul, .feet p { list-style: none ; padding: 0 ; margin: 0 ; }
.feet a { color: #ffcc66 ; }

.byLine { background: #ffcc66 ; text-align:center ; padding: 5px 5px ; }
.byLine p { margin: 0 ; } 


.mailFoot p  {  }

#mailFoot h2 { text-align: center ; }


#mc4wp-form-1 { }



/* mail form */


#mailFoot input { width: 100% ; color: #003366 ; float: left ; max-width: none ; }
#mailFoot textarea { width: 75% ; color: #003366 ; }
#mailFoot label { width: 25% ; padding: 10px 0 0 0 ; font-size: 12px ; font-weight: 500 ; text-transform: uppercase; vertical-align: top; }
#mailFoot p { width: 75% ; padding: 0 ; font-size: 12px ;}
#mailFoot input.btn { width: 25% ; color: red ; }

/* footer form */

.form-control { display: inline ; }

.form input { width: 75% ; color: #003366 ; }
.form textarea { width: 75% ; color: #003366 ;  }
.form label { width: 25% ; padding: 10px 0 0 0 ; font-size: 12px ; font-weight: 500 ; text-transform: uppercase; vertical-align: top; }
.form p { width: 75% ; padding: 0 ; font-size: 12px ;}
.form input { width: 75% ; }
.form input.btn { color: white ; }



/* #Media Queries
================================================== */

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body { padding-top: 50px ; }
		iframe { height: 250px ; }
		.homeMain .container { padding: 0 ; }
		.feet .container { padding: 0 ; }
		.feet .contact { text-align:center ; margin-top: 20px ; }
		.form label { font-size: 11px ; }
		aside#shihan { margin-bottom: 20px ; }
		
		}