/*
Theme Name: Enjoy Learning
Description: Custom CMS theme for Kyoto International School
Version: 0.8
Author: Ian Cheung
Tags: cms

*/

body {background: #cee6fd url(images/bg-blue-grad.jpg) repeat-x; font:12px "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;}
#wrapper {background: url(images/header-glow.png) top center no-repeat;}


#header { background: #015279 url(images/header.gif) top center no-repeat; text-align: center; margin: 16px 0 0 0;}
h1 {font: bold 4em Times, "Times New Roman", serif; margin: 0.25em 0 0.4em 0;}
#motto {font-size: 1.5em;color: #333333;}
#motto em {font: italic; color: #000;}


#contactdetails {list-style: none;}
#contactdetails li {display: inline; padding: 0 2em 0 0; font-size:12px;}

#quicklinks {position: relative; list-style: none; text-align: left; background: #c8c8c8; background: rgba(0,0,0,0.3); padding: 0 0 0 100px; width: 850px; height:1.8em;}
#quicklinks li {display: inline; padding: 0 2em 0 0;}
#quicklinks a {font-size: 16px; margin: 3px; text-decoration: none; color:white;}
/*
#quicklinks li:before {content: "::\00a0\00a0\00a0";}
#quicklinks li:first-child:before {content: "\00a0\00a0\Quick Links\00a0\00a0\00a0";}
*/
#quicklinks #quicklinkstag {position: absolute; top: -6px; left: -3px;}
#sidebar { }
#searchform { width: 230px; margin-left:15px;}
#searchform input {width: 140px; font: 16px "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; margin:1.5em 20px 1em 20px;}

#logos {text-align: center;}
#logos img {margin: 4em 0 0 0;}
#mainwrap { background: url(images/main-bg.gif) center repeat-y; }
#maincontent {margin: 1.5em 0 0 0;}
#maincontent p, #maincontent li {color:#3b545f; font-size:14px ; padding: 0 1em 0.5em 0; text-align: justify;}
#maincontent p {text-align: justify;}
#maincontent h2 {font-family: Times, "Times New Roman", serif; font-size: 3em;}
#maincontent h3 {font-size: 1.6em;}
#maincontent h3, #maincontent h4 {margin-bottom: 0.5em;}
#maincontent h2, #maincontent h3, #maincontent h4 {color: #25353c;}


#maincontent li {margin-bottom:0.1em;}
#maincontent img {padding:8px;}
#footer { font: italic 12px/1.5 "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: right; color: #dedede; background: #0b91c6; padding: 0 20px 0 0; width: 930px;}

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}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

*** Main menu CSS code ***/

#suckerfishnav {
	z-index: 8;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat-x scroll 0 0;
	font-family:helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
}

#suckerfishnav, #suckerfishnav ul {

	z-index: 8;
	border:0 solid #BBBBBB;
	font-size:16px;
	float:left;
	line-height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:240px;
}

#suckerfishnav a {
	color:#2B4D70;
	display:block;
	padding:0 8px;
	text-decoration:none;
}

#suckerfishnav li {
	float:left;
	padding:0;
	border-bottom: 1px solid #666;
}

#suckerfishnav li a {
	height:30px;
	overflow:hidden;
	width:248px;
}

#suckerfishnav ul {
	border-color:#fbf5d9 -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	font-weight:normal;
	height:auto;
	left:-999em;
	line-height:1;
	margin:-30px 0 0 140px;
	position:absolute;
	width:282px;
}

#suckerfishnav li li {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:normal;
	width:280px;
		
}

#suckerfishnav li li a {
	color:#fbf5d9;
	font-size:14px;
	height:10px;
	padding:7px 10px;
	width:280px;
}

#suckerfishnav li ul ul {
	margin:-25px 0 0 160px;
}

#suckerfishnav li li:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#3C7CBD none repeat scroll 0 0;
}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
	color:#2B4D70;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#2B4D70;
}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	color:#2B4D70;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
	left:-999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: #fbf5d9 none repeat scroll 0 0;
	left:auto;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#3C7CBD none repeat scroll 0 0;
}

#suckerfishnav .current_page_parent {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#EEEEEE none repeat scroll 0 0;
}

#suckerfishnav .current_page_item {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#DDDDDD none repeat scroll 0 0;
}

#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
content:"";
}

#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
	color:#000000;
	content:"";
}

#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
	color:#000000;
	content:"";
}
#events {
padding-top:30px;
clear:both;
}

#wpng-calendar {
	list-style:none;
}
#wpng-calendar .widgettitle {
	font-size:16px;
	margin-top: 1em;
}

img#wpstats{display:none}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align: center;
}
/* End captions */