/*  
Theme Name: Michael's English School
Theme URI: http://michaelsenglishschool.jp/
Description: Custom theme for Michael's English School
Author: Rob Hori
Author URI: http://osaka-design.com/
Version: 0.95
Tags: eikaiwa, blue, bear, Japanese, two columns, three columns, no widgets

This theme is copyright Michael's English School, 2010. All rights reserved.
*/


/**
 |
 | Eric Meyer CSS Reset
 |
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

/**
 | Modified - originally applied to both ordered and unorder lists, which
 | made order lists pretty useless.
*/
ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/**
 |
 | End CSS Reset
 | Begin base styles
 |
 */
blockquote
{
	background: #96afff url(./css/images/bg-quote.png) left top no-repeat;
	border: 1px solid #96afff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	color: #000;
	margin: 0 20px 20px;
	min-height: 60px;
	padding: 9px;
}

body
{
	background: #2c5bff url(./css/images/bg-body.jpg) center top repeat-x;
	font: 14px 'MS PGothic', 'MS Gothic', Osaka, san-serif;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote
{
	margin-bottom: 20px;
}

/**
 |
 | Headers
 |
 */
h1, h2
{
	line-height: 40px;
}

h1
{
	font-size: 36px;
}

h2
{
	font-size: 28px;
}

h3
{
	font-size: 20px;
}

hr.clear
{
	clear: both;
	height: 0;
	visibility: hidden;
}

/**
 |
 | Lists
 |
 */
ol
{
	margin-left: 20px;	
}
 
li ul, li ol
{
	margin-bottom: 0;	
}

li li
{
	margin-left: 20px;
}

/**
 |
 | Table
 |
 */
table
{
	border: solid 1px #001bf5;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	margin-bottom: 18px;
} 

table.full-width
{
	width: 100%;
}

table th, table td
{
	padding: 0 5px;
}

table th
{
	background: #001bf5;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;	
}

table tr.even
{
	background: #96afff;
	color: #000;
}

/**
 |
 | Inline elements
 |
 */
em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

/**
 |
 | Generic classes
 |
 */
 .clear
 {
 	clear: both;
 }
 
.fleft
{
	float: left;
	margin: 0 20px 20px 0;
}

.fright
{
	float: right;
	margin: 0 0 20px 20px;
}

/**
 | Text align
 */
.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.no-x-mar
{
	margin-left: 0;
	margin-right: 0;
}

.no-y-mar
{
	margin-bottom: 0;
	margin-top: 0;
}

.mar-l20
{
	margin-left: 20px;
}

.mar-r20
{
	margin-right: 20px;
}

.textbox
{
	background: #f0f0f0;
	border: solid 1px #25cbff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	margin-bottom: 20px;
	padding: 9px;
}

/**
 |
 | CONTACT 7 FORM
 |
 */

.wpcf7-form div
{
	margin-bottom: 20px;
}

.wpcf7-form .text input, .wpcf7-form textarea
{
	border: solid 1px #96afff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	font-size: 14px;
	padding: 0 5px;
}

.wpcf7-form .text input
{
	height: 20px;
	width: 190px;
}

.wpcf7-form textarea
{
	width: 390px;
}

.wpcf7-form label
{
	display: inline-block;
	margin-right: 20px;
	width: 120px;
	vertical-align: top;
}

	.wpcf7-form .required label
	{
		color: #d35d00;
		font-size: 20px;
	}

.wpcf7-form .submit
{
	padding-left: 140px;
}

.wpcf7-not-valid-tip-no-ajax
{
	background: url(./css/images/bg-notification-error.png) left top no-repeat;
	color: #d36200;
	display: block;
	margin-left: 140px;
	padding-left: 20px;
}

.wpcf7-response-output
{
	background: #d36200 url(./css/images/bg-notification-warning.png) 10px 10px no-repeat;
	border: solid 1px #d36200;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px 10px 10px 30px;
}

.wpcf7-display-none
{
	display: none;
}

/**
 |
 | MES specific styles
 |
 */
#wrapper
{
	background: #fff url(./css/images/bg-content.png) center bottom repeat-x;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	width: 920px;
}

#header, #footer
{
	background: #323232;
	color: #fff;
}

#unsupported-browser
{
	background: #d35d00 url(./css/images/bg-no-ie.png) 20px 0 no-repeat;
	font-size: 20px;
	padding: 20px;
}

	#unsupported-browser img
	{
		border: solid 1px #d3a400;
		margin-left: 95px;
	}

#header
{
	height: 60px;
	overflow: hidden;
}

	#header h1, #header h2
	{
		position: absolute;
		top: -1000px;
	}
	
	#header .title
	{
		float: right;
	}
	
	#header .toll-free
	{
		background: url(./css/images/bg-free-dial.png) left center no-repeat;
		color: #fff;
		font: 20px Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		line-height: 60px;
		margin-left: 20px;
		padding-left: 45px;
	}

#splash
{
	background: url(./css/images/bg-pg-blog.jpg) center center no-repeat;
	margin: 0 -20px 20px;
	position: relative;
}

	#splash .announcement
	{
		background: url(./css/images/bg-announcement.png) left bottom no-repeat;
		color: #000;
		font-size: 12px;
		height: 200px;
		line-height: 18px;
		overflow: hidden;
		padding: 10px;
		width: 360px;
	}
	
		#splash .announcement h1, #splash .announcement h2
		{
			line-height: 36px;
		}

		#splash .announcement h1
		{
			font-size: 30px;
		}

		#splash .announcement h2
		{
			font-size: 24px;
		}

		#splash .announcement h3
		{
			font-size: 18px;
		}

		#splash .announcement .spacer, #splash .announcement .spacer-bottom
		{
			border: 0;
			clear: left;
			float: left;
		}

		#splash .announcement .spacer
		{
			height: 80px;
			width: 100px;
		}

		#splash .announcement .spacer-bottom
		{
			height: 50px;
			width: 50px;
		}

	#splash .menu
	{
		background: #d3a400;
		border-top: 3px solid #d36200;
		display: block;
		font-size: 18px;
		font-weight: bold;
		height: 37px;
		line-height: 37px;
		overflow: hidden;
		padding: 0 20px;
		text-align:center;
	}
	
		#splash .menu li
		{
			background: transparent;
			display: block;
			float:left;
			margin: 0 30px 0 0;
		}
	
		#splash .menu a
		{
			color: #000;
			text-decoration: none;
		}
		
			#splash .menu .current_page_item a, #splash .menu .current_page_parent a, #splash .menu .current_page_ancestor a
			{
				background: #fff;
				border: solid 1px #fff;
				border-radius: 5px;
				-moz-border-radius: 5px; /* Gecko hack */
				-webkit-border-radius: 5px; /* Webkit hack */
				box-shadow: 0 3px 3px #666;
				-moz-box-shadow: 0 3px 3px #666;
				-webkit-box-shadow: 0 3px 3px #666;
				color: #323232;
				padding: 4px;
			}
		
				#splash .menu .current_page_item a:hover, #splash .menu .current_page_parent a:hover, #splash .menu .current_page_ancestor a:hover
				{
					color: #323232;
				}
		
			/*#splash .menu a:hover
			{
				color: #fff;
			}*/

#content
{
	color: #323232;
	margin-bottom: 20px;
	padding: 0 20px;
}

	#content a
	{
		color: #d35d00;
	}

	#content img
	{
		border: solid 10px #95adff;
		border-radius: 5px;
		-moz-border-radius: 5px; /* Gecko hack */
		-webkit-border-radius: 5px; /* Webkit hack */
	}

	#content h1, #content h2, #content h3
	{
		background-position: left top;
		background-repeat: no-repeat;
		color: #001bf5;
		padding-left: 10px;
	}
	
		#content h1 a, #content h2 a, #content h3 a
		{
			text-decoration: none;
		}

	#content h1
	{
		background-image: url(./css/images/bg-h1.png);
	}

	#content h2
	{
		background-image: url(./css/images/bg-h2.png);
	}

	#content h3
	{
		background-image: url(./css/images/bg-h3.png);
	}
	
	#content ul li
	{
		background: url(./css/images/bg-list-item.png) left top no-repeat;
		padding-left: 20px;
	}

.col-left, .col-right, .sidebar
{
	text-align: justify;
	width: 280px;
}

.col-left
{
	float: left;
	margin-left: 20px;
}

.col-first
{
	margin-left: 0;
}

.sidebar
{
	float: left;
	margin-right: 20px;
}

.col-right, .col-main
{
	float: right;
}

.col-main
{
	font-size: 16px;
	text-align: left;
	width: 580px;
}

.important
{
	background: #d3a400 url(./css/images/bg-important.png) left center no-repeat;
	border: solid 1px #d35d00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
	margin: 0 20px 20px;
	min-height: 40px;
	padding: 9px 9px 9px 59px;
}

	.important h1, .important h2, .important h3
	{
		background: transparent !important;
		color: #fff !important;
		padding-left: 0 !important;
	}

/**
 |
 | FOOTER
 |
 */
#footer
{
	background-image: url(./css/images/bg-footer.png);
	background-position: top right;
	background-repeat: no-repeat;
	clear: both;
	letter-spacing: 1px;
	min-height: 100px;
	overflow: hidden;
	padding: 20px 20px 0 20px;
}

	#footer a
	{
		color: #fff;
		text-decoration: none;
	}

		#footer a:hover
		{
			color: #d3a400;
		}

	#footer .column, #footer .column-right
	{
		width: 205px;
	}
	
	#footer .column
	{
		border-right: #fff dotted 1px;
		float: left;
		margin:  0 10px -2000px 0;
		height: 100%;
		padding: 0 9px 2000px 0;
	}
	
	#footer .column-right
	{
		float: right;
		padding-top: 80px;
	}

	#footer h1, #footer h2, #footer h3
	{
		color: #d3a400;
		/*margin-bottom: 0;*/
	}
	
	#footer h1
	{
		font-size: 24px;
	}
	
	#footer h2
	{
		font-size: 20px;
		line-height: 20px;
	}
	
	#footer h3
	{
		font-size: 16px;
	}

.numbers
{
	border: 0;
	width: 100%;
}

	.numbers td
	{
		padding: 0;	
	}

.social-media
{
	margin-top: 20px;
}

	.social-media img
	{
		margin-left: 35px;
	}

/**
 |
 |
 |
 */
table.price
{
	width: 100%;
}

	table.price td
	{
		width: 50%;
	}

/**
 |
 | BLOG
 |
 */
.blog .col-left
{
	text-align: left;
	width: 580px;
}

#blog-sidebar h3
{
	background: #d3a400;
	border: solid 1px #d3a400;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px; /* Gecko hack */
	-moz-border-radius-topright: 5px; /* Gecko hack */
	-webkit-border-top-left-radius: 5px; /* Webkit hack */
	-webkit-border-top-right-radius: 5px; /* Webkit hack */
	color: #000 !important;
	font-size: 16px;
	margin-bottom: 0;
}

#blog-sidebar .section
{
	background: #d35d00;
	border: solid 1px #d35d00;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px; /* Gecko hack */
	-moz-border-radius-bottomright: 5px; /* Gecko hack */
	-webkit-border-bottom-left-radius: 5px; /* Webkit hack */
	-webkit-border-bottom-right-radius: 5px; /* Webkit hack */
	margin-bottom: 8px;
	padding: 0 10px 10px;
}

	#blog-sidebar .section li
	{
		background: none;
		padding: 0;
	}
	
	#blog-sidebar .section a
	{
		color: #fff;
		letter-spacing: 1px;
	}

.blog .post-header
{
	margin-bottom: 20px;
}

	.blog .post-header h2,.blog .post-header h3
	{
		margin-bottom: 0;
	}
	
	.blog .post-header small
	{
		color: #646464;
		font-size: 12px;
	}

.meta
{
	border-bottom: double 3px #5c82ff;
	border-top: dotted 1px #96afff;
	margin-bottom: 16px;
	padding: 10px 0;
}

.categories
{
	background: url(./css/images/bg-blog-categories.png) left top no-repeat;
	padding-left: 25px;
}

.tags
{
	background: url(./css/images/bg-blog-tags.png) left top no-repeat;
	padding-left: 25px;
}

.comments
{
	background: url(./css/images/bg-blog-comments.png) left top no-repeat;
	padding-left: 25px;
}

.more-link
{
	display: block;
	margin-top: 20px;
}

.comment-meta
{
	background: #e6e6e6;
	margin-bottom: 10px;
	padding: 4px;
}

	.comment-meta .user-avatar, .comment-meta .posted, .comment-meta .commenter
	{
		margin-right: 20px;
	}
	
		.comment-meta .user-avatar img
		{
			border: 0 !important;
			vertical-align: middle;
		}

#social-icons
{
	margin-bottom: 20px;
}

	#social-icons img
	{
		border: 0;
	}
	
	#social-icons .twitter
	{
		margin: 0 20px;
	}

/**
 |
 | BLOG SEARCH FORM
 |
 */
.searchform .text
{
	background: url(./css/images/bg-searchform.png) left center no-repeat;
	border: solid 1px #96afff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	width: 268px;
}

.searchform div
{
	margin-bottom: 18px;
}

.searchform label
{
	display: none;
}

/**
 |
 | BLOG COMMENT FORM
 |
 */
#respond
{
	border-bottom: dotted 1px #96afff;
	margin-bottom: 19px;
}

#commentform div
{
	margin-bottom: 20px;
}

#respond p
{
	margin-bottom: 10px;
}

#commentform .text, #commentform textarea
{
	border: solid 1px #96afff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Gecko hack */
	-webkit-border-radius: 5px; /* Webkit hack */
	font-size: 14px;
	padding: 0 5px;
}

#commentform .text
{
	height: 20px;
	width: 268px;
}

#commentform textarea
{
	width: 558px;
}

#commentform label
{
	display: inline-block;
	margin-right: 20px;
	width: 120px;
	vertical-align: top;
}

	#commentform label.required
	{
		color: #d35d00;
		font-size: 20px;
	}

#commentform .submit
{
	padding-left: 140px;
}

#commentform #author, #commentform #email, #commentform #url
{
	background-position: left top;
	background-repeat: no-repeat;
}

#commentform #author
{
	background-image: url(./css/images/bg-blog-name.png);
	margin-right: 10px;
}

#commentform #email
{
	background-image: url(./css/images/bg-blog-email.png);
}

#commentform #url
{
	background-image: url(./css/images/bg-blog-website.png);
}

/**
 |
 | BLOG PAGINATION
 |
 */
.wp-pagenavi
{
	margin-bottom: 20px;
	text-align: center;
}

	.wp-pagenavi .pages
	{
		border: 0;
		font-weight: normal;
		display: block;
	}
	
	.wp-pagenavi span, .wp-pagenavi a
	{
		border: solid 1px #d35d00;
		border-radius: 2px;
		-moz-border-radius: 2px; /* Gecko hack */
		-webkit-border-radius: 2px; /* Webkit hack */
		margin: 0 1px;
		padding: 3px;
		text-decoration: none;
	}

	.wp-pagenavi span
	{
		font-weight: bold;
		border-color: #323232;
	}