/*
Theme Name: Kotoba
Theme URI: http://Yamashirokai.co.uk
Description: Beta Pre-Release
Version: 0.9
Author: Stuart Olds
Author URI: http://yamashirokai.co.uk
Tags: Kotoba
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "/css/fontlist.css";

*									{	margin:0; padding:0; } 

textarea							{	resize: none;	}

a									{	outline: none; }

img									{	border: 0; }

html, body, #wrap					{	color: #000000;	height: 100%; }

body > #wrap						{	height: auto; min-height: 100%;}

#main								{	padding-bottom: 42px; }  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after						{	content: ".";
										display: block;
										height: 0;
										clear: both;
										visibility: hidden; }
.clearfix							{	display: inline-block; }

/*
Hides from IE-mac \*/
* html .clearfix					{	height: 1%; }
.clearfix							{	display: block; }
/* End hide from IE-mac
*/

.bare, #bare						{	text-decoration: none;
										color: black; }

.bare:active, #posthead:active, 
#postsubhead a:active, 
#postfoot a:active					{	position: relative;
										top: 1px; }


body 								{	font-family: 'Podkova', serif;					/* Global Font */
										text-rendering: optimizeLegibility;
										font-size: 62.5%; /* Resets 1em to 10px */
 										background-attachment: dynamic; 
										background: url('/images/background.png') repeat-x;
										_background: url('/images/background.jpg') repeat-x;
/* 										background-position-y: 153px; */	/*Only if under construction is enabled.*/
/*										background-position-y: 135px; */
										background-color: #990000;   /* RGB: 153.0.0 */
										text-align: center; }
	
body h1, body h1 a					{	font-size: 2em;
										text-decoration: none; }

#wrapper 							{	min-width: 960px;
										width: 90%;
										min-height: 575px;
										margin: 0 auto -24px;	}

#header, #header a					{	background: url(/images/Yama_header.jpg) top center no-repeat;
										width: 100%;
										background-color: #000000;
										height: 135px;
										text-indent: -9999px;
										margin: 0 auto; }

#maincontent, #maincontent2 						{	min-width: 640px;
										width: auto;
										min-height: 300px;
										-moz-border-radius: 15px;
										-webkit-border-radius: 15px; 
										border-radius: 15px;
										margin-top: 10px;
										margin-bottom: 10px;
										margin-left: 150px;
										margin-right: 150px;
										padding: 15px;
										font-size: 11px;
										background-image: url(/images/canvas.jpg);
										background-repeat: repeat;
										behavior: url(/css/PIE.htc); }
										
.shadow								{	-moz-box-shadow: 0px 10px 15px #000000; 
										-webkit-box-shadow: 0px 10px 15px #000000;
										box-shadow: 0px 10px 15px #000000; 
										behavior: url(/css/PIE.htc);	}
										
.post h2							{	font-size: 20px; }

.post p								{	font-size: 15px; }

#sidebar_left 						{	float: left;
										padding-left: 1px; }

#sidebar_right 						{	float: right;
										padding-left: 2px; }

#sidebar_right, #sidebar_left		{	min-height: 557px;
										text-align: center;
										font-size: 10px;
/*										margin-top: 15px;*/
/*										padding-top: 17px;
										margin-top: -14px;*/
										width: 132px;
										background: url(/images/banner.png) no-repeat;	}

/*
#l1, #l2, #l3, #l4, #l5, #l6, #l7,
#r1, #r2, #r3, #r4, #r5, #r6, #r7	{	display: block;
										margin: 0 auto;
										padding-top: 60px;
										width: 132px;	}



#sidebar_right, #sidebar_left		{	*padding-top: 5px;	}

#l1, #l2, #l3, #l4, #l5, #l6, #l7,
#r1, #r2, #r3, #r4, #r5, #r6, #r7	{	*padding-top: 60px;	}

#yamashirokai #r1					{	background: url(/images/on_1.png) no-repeat center center; }
#yamashirokaicategorynews #l1		{	background: url(/images/on_1.png) no-repeat center center; }
#yamashirokaiAbout #l2				{	background: url(/images/on_2.png) no-repeat center center; }
#yamashirokaikanazawa #r2			{	background: url(/images/on_2.png) no-repeat center center; }
#yamashirokaischedule #r3			{	background: url(/images/on_3.png) no-repeat center center; }
#yamashirokaiclub-links #l4			{	background: url(/images/on_4.png) no-repeat center center; }
#yamashirokaigalleries #r4			{	background: url(/images/on_4.png) no-repeat center center; }
#yamashirokaihistory #l5			{	background: url(/images/on_5.png) no-repeat center center; }
#yamashirokaienquiry-form #r5		{	background: url(/images/on_5.png) no-repeat center center; }
#yamashirokaicategoryresources #r6	{	background: url(/images/on_6.png) no-repeat center center; }
#categoryclub-instructors #r7		{	background: url(/images/on_7.png) no-repeat center center; }

/* Unselected *!/
#l1, #r1							{	background: url(/images/off_1.png) no-repeat center center; }
#l2, #r2							{	background: url(/images/off_2.png) no-repeat center center; }
#l3, #r3							{	background: url(/images/off_3.png) no-repeat center center; }
#l4, #r4							{	background: url(/images/off_4.png) no-repeat center center; }
#l5, #r5							{	background: url(/images/off_5.png) no-repeat center center; }
#l6, #r6							{	background: url(/images/off_6.png) no-repeat center center; }
#l7, #r7							{	background: url(/images/off_7.png) no-repeat center center; }

/* Hover *!/		
#l1:hover, #r1:hover				{	background: url(/images/hover_1.png) no-repeat center center; }
#l2:hover, #r2:hover				{	background: url(/images/hover_2.png) no-repeat center center; }
#l3:hover, #r3:hover				{	background: url(/images/hover_3.png) no-repeat center center; }
#l4:hover, #r4:hover				{	background: url(/images/hover_4.png) no-repeat center center; }
#l5:hover, #r5:hover				{	background: url(/images/hover_5.png) no-repeat center center; }
#l6:hover, #r6:hover				{	background: url(/images/hover_6.png) no-repeat center center; }
#l7:hover, #r7:hover				{	background: url(/images/hover_7.png) no-repeat center center; }

/* Active Hover Stopper *!/	
#l1.active:hover, #r1.active:hover	{	background: url(/images/on_1.png) no-repeat center center; }
#l2.active:hover, #r2.active:hover	{	background: url(/images/on_2.png) no-repeat center center; }
#l3.active:hover, #r3.active:hover	{	background: url(/images/on_3.png) no-repeat center center; }
#l4.active:hover, #r4.active:hover	{	background: url(/images/on_4.png) no-repeat center center; }
#l5.active:hover, #r5.active:hover	{	background: url(/images/on_5.png) no-repeat center center; }
#l6.active:hover, #r6.active:hover	{	background: url(/images/on_6.png) no-repeat center center; }
#l7.active:hover, #r7.active:hover	{	background: url(/images/on_7.png) no-repeat center center; }

#l1 > #r7							{	display: block;
										margin: 0 auto;
										padding-top: 60px;
										width: 132px;	}
*/
#l1, #l2, #l3, #l4, #l5, #l6, #l7,
#r1, #r2, #r3, #r4, #r5, #r6, #r7	{	display: block;
										margin: 0 auto;
										width: 56px;
										height:  56px;
										margin-bottom: 15px; }
#l1-text, #l2-text, #l3-text,
#l4-text, #l5-text, #l6-text,
#l7-text							{	padding-top: 52px;	}

#r1-text, #r2-text, #r3-text,
#r4-text, #r5-text, #r6-text,
#r7-text							{	padding-top: 52px;	}

#l1, #r1							{	margin-top: 24px;	}

#l1, #r1							{	background: url('/images/menu_sprite_1.png') no-repeat;	}

#l2, #r2							{	background: url('/images/menu_sprite_2.png') no-repeat;	}

#l3, #r3							{	background: url('/images/menu_sprite_3.png') no-repeat;	}

#l4, #r4							{	background: url('/images/menu_sprite_4.png') no-repeat;	}

#l5, #r5							{	background: url('/images/menu_sprite_5.png') no-repeat;	}

#l6, #r6							{	background: url('/images/menu_sprite_6.png') no-repeat;	}

#l7, #r7							{	background: url('/images/menu_sprite_7.png') no-repeat;	}

#l1, #l2, #l3, #l4, #l5, #l6, #l7,
#r1, #r2, #r3, #r4, #r5, #r6, #r7	{	background-position: 0px -56px;	}

/*
#l1, #l2, #l3, #l4, #l5, #l6, #l7,
#r1, #r2, #r3, #r4, #r5, #r6, #r7	{	background: url('/images/menu_sprite_x.jpg') no-repeat;
										background-position: 0px -56px;	}*/

#l1:hover, #l2:hover, #l3:hover,
#l4:hover, #l5:hover, #l6:hover, 
#l7:hover, #r1:hover, #r2:hover, 
#r3:hover, #r4:hover, #r5:hover, 
#r6:hover, #r7:hover				{	background-position: 0px 0px;	}


#index #r1,
#categorynews #l1,
#about #l2,
#kanazawa #r2,
#schedule #r3,
#club-links #l4,
#galleries #r4,
#history #l5,
#contact-us #r5,
#contact #r5,
#mail-sent #r5,
#categoryresources #r6,
#club-instructors #r7				{	background-position: 0px -112px; }


#footer 							{	font-size:10px;
										width: 349px;
										color: #000000;
										padding: 7px 7px 5px 7px;
										border: solid 5px #C0C0C0;
										border-bottom: none;
										-moz-border-radius: 15px 15px 0 0;
										-webkit-border-radius: 15px 15px 0 0;
										border-radius: 15px 15px 0 0;
										-webkit-background-clip: padding-box;
										background-image: url(/images/canvas.jpg);
										background-repeat: repeat;
										margin: 0 auto;
										position: relative;
										margin-top: -5px; 
										height: 10px;
										clear:both;
										behavior: url(/css/PIE.htc); } 

#footer p, #footer a 				{	font-size: 10px;
										font-style: italic;
										color: #000000;
										text-decoration: none;
										opacity: 0.5; }

#posthead, .post H2, #archive_h2	{	font-family: 'Permanent Marker', arial, sans-serif;				/* Post Header */
										font-size: 38px;
										font-style: italic;
										font-weight: normal;
										text-decoration: none;
										color: #000000; }
										
#archive_post h2,
#archive_post h2 a					{	font-family: 'Permanent Marker', arial, sans-serif;				/* Post Header */
										text-decoration: none;
										font-size: 20px;
										font-weight: normal;
										font-style: italic;
										text-align: center;
										margin-left: 20px;
										color: #000000;	}

#postsubhead						{	margin-top: -10px;	}
										
#postsubhead, #postfoot, 
#postfoot a, #editcomment p			{	font-size: 10px;
										font-style: italic;
										color: black;
										text-decoration: none;
										opacity: 0.5; }

#postfoot							{	padding-top: 15px;	}

#quoter								{	font-size: 10px; 
										font-style: italic;
										padding: 10px; }
										
#comment 							{	width: 600px;	}

#comments , #respond				{	font-family: 'Podkova', serif;							/* Gothic Stlye B4 */
										font-size: 23px;
										font-style: italic;
										font-weight: normal;
										text-decoration: none;
										opacity: 0.7;	}

#commentlist						{	/* margin: 5px 0 5px 0; */
										text-align: left;
										padding: 5px;
										/* border: solid 2px #808080; */	}

#commentlist li img					{	border: none;
										margin-left: 10px;	}

#commentlist cite a					{	font-family: 'Podkova', serif;							/* Gothic Style B4 */
										text-decoration: none;
										font-style: italic;
										font-weight: normal;
										font-size: 23px;
										margin-left: 7px;
										color: #000000;	}
										
.avatar								{	margin-bottom: -4px;	}

#commentmeta, .comment-edit-link	{	font-size: 10px;
										font-style: italic;
										color: black;
										text-decoration: none;
										opacity: 0.5;
										margin-left: 7px;	}

#commenthead, #PostHeadWrap			{	margin: 8px;
										-webkit-border-radius: 15px 15px 0 0;
										-moz-border-radius: 15px 15px 0 0;
										border-radius: 15px 15px 0 0;
										background: rgba(255,255,255,0.3);
										text-align: left;
										padding: 8px;
										margin-bottom: 0px;
										border: solid 2px #808080;
										border-bottom: 0px;	
										behavior: url(/css/PIE.htc);	}

#PostHeadWrap						{	text-align: center;	}

#linkline							{	-webkit-border-radius: 15px;
										-moz-border-radius: 15px;
										border-radius: 15px;
										font-style: italic;
										background: rgba(255,255,255,0.3);
										margin: 8px;
										padding: 8px;
										border: solid 2px #808080;
										behavior: url(/css/PIE.htc);	}

#linkline2							{	font-style: italic;
										font-family: 'Podkova', serif;				/* Linkline2 Header */
										font-size: 30px;
										padding-left: 30px;
										behavior: url(/css/PIE.htc);	}

#linklinetable						{	height: 96px;	}
										
#linklinecontainer					{	width: 100%;
										background: rgba(255,255,255,0.3);
/* 										background: rgba(0,0,0,0.3); */
										border: solid 2px #808080;
										margin-bottom: 15px;
										-webkit-border-radius: 15px;
										-moz-border-radius: 15px;
										border-radius: 15px;
										behavior: url(/css/PIE.htc);	}

#linkline2orb						{	width: 70px;
										height: 70px;
										font-style: italic;
										font-family: 'Podkova', serif;				/* Linkline2 Header */
										font-size: 30px;
										margin: 8px;
										border-right: solid 2px #808080;
										padding: 8px;
										behavior: url(/css/PIE.htc);	}
										
#archive_post_head					{	margin: 8px;
										margin-bottom: 0px;
										padding: 8px;
										-webkit-border-radius: 15px 15px 0 0;
										-moz-border-radius: 15px 15px 0 0;
										border-radius: 15px 15px 0 0;
										background: rgba(255,255,255,0.3);
										border: solid 2px #808080;
										border-bottom: 0px;
										behavior: url(/css/PIE.htc);	}

#archive_post_body					{	font-style: italic;
										font-size: 15px;
										margin: 8px;
										text-align: left;
										background: rgba(255,255,255,0.6);
										padding: 8px;
										margin-top: 0px;
										margin-bottom: 0px;
										border: solid 2px #808080;	}

#archive_post_foot					{	-webkit-border-radius: 0 0 15px 15px;
										-moz-border-radius: 0 0 15px 15px;
										border-radius: 0 0 15px 15px;
										background: rgba(255,255,255,0.3);
										text-align: center;
										padding: 8px;
										margin: 8px;
										margin-top: 0px;
										border: solid 2px #808080;
										border-top: 0px;
										behavior: url(/css/PIE.htc);	}

#archive_post_head p,
#archive_post_foot p				{	font-size: 10px;
										font-style: italic;
										color: black;
										text-decoration: none;
										opacity: 0.5;	}
										
#commentform p a					{	text-decoration: none;
										color: #000000;
										font-style: italic;	}
										
#commentform p						{	text-decoration: none;
										color: #000000;
										font-style: italic;	}
										
#commenttext, #PostMainWrap			{	font-style: italic;
										font-size: 14px;
										margin: 8px;
										-webkit-border-radius: 0 0 15px 15px;
										-moz-border-radius: 0 0 15px 15px;
										border-radius: 0 0 15px 15px;
										background: rgba(255,255,255,0.6);
										text-align: left;
										padding: 15px;
										margin-top: 0px;
										border: solid 2px #808080;
										behavior: url(/css/PIE.htc);	}

#editcomment						{	margin: 8px 0 8px 0;	}

#editcomment p, #editcomment a		{	font-size: 10px;
										text-decoration: none;
										font-style: italic;
										color: #000000;
										opacity: 0.5;	}

#ital								{	text-decoration: none;
										font-style: italic;
										color: #000000;
										opacity: 0.5;	}
										
#comment							{	outline: 0;
										border: solid 1px #808080;
										font-style: italic;
										font-size: 14px;
										-moz-border-radius: 15px;
										-webkit-border-radius: 15px;
										border-radius: 15px;
										height: 120px;
										opacity: .6;
										padding: 12px;
										margin: 5px;
										behavior: url(/css/PIE.htc);	}
										
#cntr 								{	text-align:center;	}

.fb									{	padding-top: 3px;	}

img.floatLeft 						{	float: left; 
									    margin-right: 10px; 
									    margin-top: 5px;
									    margin-bottom: 5px;	}

img.floatRight						{	float: right; 
									    margin-left: 10px; 
									    margin-top: 5px;
									    margin-bottom: 5px;	}

.tsj								{	text-align: justify;	}

.tsc								{	text-align: center;	}

.tsl								{	text-align: left;	}

.tsr								{	text-align: right;	}

#tblcent							{	text-align: center; 
										margin-left: auto;
										margin-right: auto;	}
										
#imgsubhead							{	font-size: 10px;
										color: #000000;
										text-decoration: none;
										font-style: italic;
										margin-top: -20px;	}

#pline								{	padding-top: 10px;	}

#firstpline							{	padding-top: 15px;	}

.imgwrap							{	padding: 20px;
										border: 0;	}

#wimg								{	padding-top: 15px;
										padding-bottom: 5px; }

#instructorspace					{	height: 50px;	}

table#kpg-albums td img.kpg-thumb	{	visibility: hidden;
										height: 0px;
										width: 0px;	}
										
#kpg-albums, table#kpg-albums td	{	margin: 0px;
										padding: 0px; }
										
.kpg-title, #kpg-title				{	margin: 8px;
										-webkit-border-radius: 15px 15px 0 0;		/* top */
										-moz-border-radius: 15px 15px 0 0;
										border-radius: 15px 15px 0 0;
										background: rgba(255,255,255,0.3);
										font-family: 'Podkova', serif;							/* Gothic Style B4 */
										text-decoration: none;
										font-style: italic;
										font-weight: normal;
										font-size: 30px;
										color: #000000;
										text-align: center;
										padding: 8px;
										margin-bottom: 0px;
										border: solid 2px #808080;
										border-bottom: 0px;
										behavior: url(/css/PIE.htc);	}

.kpg-title a						{	text-decoration: none;
										color: #000000;	}

#kpg-album-sub						{	-webkit-border-radius: 0 0 15px 15px;		/* bottom */
										-moz-border-radius: 0 0 15px 15px;
										border-radius: 0 0 15px 15px;
										background: rgba(255,255,255,0.6);
										text-align: center;
										margin: 8px;
										margin-top: 0px;
										border: solid 2px #808080;
										behavior: url(/css/PIE.htc);	}

.kpg-summary						{	font-style: italic;
										font-size: 14px;
										margin: 8px;
										text-align: left;
										padding: 15px;
										margin-top: 0px;	}
										
#kpg-album-sub #postfoot			{	padding-bottom: 8px;
										padding-top: 0px;
										text-align: center;	}
										
#kpg-summary-details				{	border: solid 2px #808080;
										font-style: italic;
										font-size: 14px;
										background: rgba(255,255,255,0.6);
										text-align: left;
										padding: 15px;
										margin: 8px;
										margin-top: 0px;
										margin-bottom: 0px;	}
										
#kpg-album-bottom					{	-webkit-border-radius: 0 0 15px 15px;		/* bottom */
										-moz-border-radius: 0 0 15px 15px;
										border-radius: 0 0 15px 15px;
										background: rgba(255,255,255,0.3);
										text-align: center;
										margin: 8px;
										margin-top: 0px;
										border: solid 2px #808080;
										border-top: 0px;
										padding-top: 12px;
										behavior: url(/css/PIE.htc);	}
										
.kpg-album-summary					{	text-align: center;	}

#kpg-pictures tbody tr td			{	padding: 6px;	}

#kpg-backLink						{	padding: 8px;
										padding-bottom: 16px;
										text-align: center;	}
										
#kpg-backLink a						{	padding: 5px;
										border: solid 2px #808080;
										-webkit-border-radius: 15px;		/* bottom */
										-moz-border-radius: 15px;
										border-radius: 15px;
										background: #C0C0C0;
										color: #000000;
										text-decoration: none;
										behavior: url(/css/PIE.htc);	}
										
#postdl								{	padding-top: 20px;
										color: #808080;
										text-decoration: none;	}
										
#underconstruction					{	color: black;
										background: yellow;
										font-size: 17px;	}
										
#divproto							{	overflow: hidden;	}
																				
.enquiry							{	text-align: center;
										padding-bottom: 5px;	}
										
.bodydrop							{	margin-bottom: 15px !important;	}

.form_element						{	width: 700px;																/*contact us stuff*/
										margin: 0 auto;
										text-align: center;
										padding-bottom: 10px;	}

.form_desc							{	font-size: 14px;
										display: block;	}

.form_desc_radio 					{	font-size: 14px;
										margin-bottom: -5px;
										padding-right: 9px;	}

.form_contact_choice				{	margin-left: 9px;	}

/*.form_item,*/
.fitem_fname,
.fitem_email,
.fitem_number,
.form_your_email,
.form_item_fullname,
.form_your_number					{	width: 441px;
										margin-bottom: 15px;	}

.fitem_result1					{	width: 441px;
										margin-bottom: 15px;	}

.fitem_result2					{	width: 441px;
										height: 80px;
										margin-bottom: 15px;	}
.fitem_message					{	width: 441px;
										height: 80px;
										margin-bottom: 15px;	}

.form_item_name						{	width: 201px;
										margin-bottom: 15px;	}

.form_savebutton					{	width: 467px;
										outline:  none;	}

.form_style							{	-webkit-box-shadow: 0 0 3px rgb(0,0,0), inset 0 0 7px rgb(60,60,60);
										-moz-box-shadow: 0 0 3px rgb(0,0,0), inset 0 0 7px rgb(60,60,60);
										box-shadow: 0 0 3px rgb(0,0,0), inset 0 0 7px rgb(60,60,60);
										-webkit-appearance:none;
										border: 0;
										outline: 0;
										background-color: rgb(255,255,255);
										font-size: 14px;
										opacity: .6;
										padding: 12px;
										margin: 5px;	}

.form_your_email:focus,
.form_your_number:focus,
.form_item_name:focus,
.form_item_fullname:focus,
.form_your_message:focus,
.fitem_fname:focus,
.fitem_email:focus,
.fitem_number:focus,
.fitem_message:focus,
#comment:focus,
#author:focus,
#email:focus,
#url:focus							{	background-color: rgb(255,255,204);
										opacity: 1;	}

.warn,
.warn_fitem_fname,
.warn_fitem_email,
.warn_fitem_number,
.warn_fitem_message,
.warning_form_yourname,
.warning_form_fullname,
.warning_form_youremail,
.warning_form_yournumber,
.warning_form_yourmessage		{	color: red;
										font-size: 14px;
										margin-top: -5px;
										line-height: 16px;
										display: none; }																		/*end contact us stuff*/
										
.hidden	{ display: none !important; }