/*    
   Theme Name: Takada English School Theme
   Theme URI: http://www.takadaes.com/ 
   Description: A theme designed for Takada English School
   Author: Martin McCloud
   Author URI: http://www.martinmccloud.com
   Version: 1.0 
   . 
   . 
   .
  */  

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Helvetica, Verdana, Arial, sans-serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
text-align:center;
}

body {
	background-position: center 50%; background-image: url(background.jpg); background-repeat: repeat-y; background-color: #f7f4ee
}

#big-body {
text-align:left;
width:768px;
margin:0 auto;
border:2px solid black;	
border-top:0px;
background:white;
}

h1 {font-size:30px; font-weight:bold; padding:10px 5px; background:#a00; color:white;}
h1 {border:1px solid #800}
h2 {font-size:22px; font-weight:bold; margin:10px 0px}
h3 {font-size:14px; font-weight:bold; margin:5px 0px}
h4 {font-size:14px; font-weight:bold-italic; margin:5px 0px}

p {font-size:14px; line-height:22px;}

#logo {
float:left;
width:384px;
}

#main-menu {
float:left;
}

#main-menu ul{margin:0;margin-top:65px;padding:0;list-style-type:none;display:block;font:bold 14px Helvetica, Verdana, Arial, sans-serif;line-height:25px;width:364px;}
#main-menu ul li{margin:0;padding:0;}
#main-menu ul li a{display:block;text-decoration:none;color:#600;background:#fff;padding:0 0 0 20px;width:364px;text-align:left}
#main-menu ul li a:hover, #main-menu ul li a.current:hover{background:#600 url("stroke.jpg") no-repeat 0;color:#fff}
#main-menu ul li a.current{background:#600 url("stroke-black.jpg") no-repeat 0;color:#fff}

#main-body {
 min-height:500px;  /*expression is hack for IE*/
}

#main-body .text-block  li{
margin-bottom:20px}

.datestamp {
font-size:10px
}

#main-body .text-block  {
margin:20px;
}
#main-body .picture-block  {
margin:20px;
}

#main-body .bullet {margin-top:30px;}
#main-body .bullet li{
background:#fff url("bullet.gif") no-repeat 0 0; 
padding:0 0 0 21px;}


#main-body .text-block .eigo{
width:354px;
float:left;
text-align:justify;
}


#main-body .text-block .nihongo{
width:354px;
float:right;
text-align:justify;
}

.clearing{
clear:both;
}

#main-body  .picture-block  img{
float:left;
margin:5px 5px 5px 0px;
}

#main-body  .picture-block  .desc{
float:left;
}

#main-body  .picture-block .eigo{
float:left;
margin:7px 0px;
}
#main-body  .picture-block .nihongo{
float:left;
clear:left;
margin:7px 0px;
}

#main-body  .text-block .post {
margin:0px 0px 30px 0px;
}
#footer {
width:768px;
clear:both;
background:black;
color:gray;
text-align:center;
padding:5px 0px;
}

#footer p{
font-size:11px;
line-height:14px;}

#footer #copy{
color:white;
}
#footer  a:hover{
color:white;
text-decoration:underline;
}

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