/*
Theme Name:     Montessori
Theme URI:      http: //iiummontessori.edu.my/
Description:    Child theme for the IIUM Montessori
Author:         Adlan Khalidi
Author URI:     http: //adlankhalidi.com/
Template:       boilerplate
Version:        2
*/

body {background: url('http://iiummontessori.edu.my/wp-content/themes/montessori/img/bg.jpg') repeat-x top center #F36523; font-size:80%; font-family: Arial, sans-serif;}
header {background: url(http://iiummontessori.edu.my/wp-content/themes/montessori/img/bg-header.jpg) no-repeat red; height:156px;}

a {color:#D97000; text-decoration: none;}

header h1 a{display:block; text-indent: -5000px;  width:389px; height:139px; }
header h1 {background: url(http://iiummontessori.edu.my/wp-content/themes/montessori/img/logo.png) no-repeat 20px 10px;}
header p {display: block; position:relative; top:-37px; left:168px; font: bold 14px Arial; color:yellow; 
text-shadow: 2px 2px 2px #000;}

#slideshow {position:relative; top:2px; height:146px; border-radius:10px; overflow:hidden; border:3px solid #fff;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:100%;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

.row {background:#fff;}

#navigation {  }
.navigation {padding:10px; text-align: center;}

.menu-header {text-transform: uppercase; display:block; background: url(http://iiummontessori.edu.my/wp-content/themes/montessori/img/bg-menu.jpg) repeat-y; padding:15px; margin:15px 10px; height:225px;
-webkit-box-shadow: 0px 0px 5px 0px #adadad; -moz-box-shadow: 0px 0px 5px 0px #adadad; 
box-shadow: 0px 0px 5px 0px #adadad; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}

#menu {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 6px 0px 2px 0px;
	padding: 3px 4px 3px 22px;
	border: 1px solid #000000;
	color: #FFFFFF;
	list-style-type: square;
}

#menu LI { font-size: 7pt; margin: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; }
#menu LI UL { margin: 0px 0px 0px 15px; list-style-type: disc; }
html>body #menu LI UL { margin: 0px 0px 0px 12px; }

#menu A {
	display: block;
	line-height: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}
#menu A:visited { color: #FFFFFF; background-color: transparent; }
#menu A:active { color: #FFFFFF; background-color: transparent; }
#menu A:hover { color: #FFFF99; background-color: transparent; }

.xoxo {list-style:none;}
.leftbar li {list-style:none;}
.leftbar .widget-container {padding:10px; -webkit-box-shadow: 0px 0px 5px 0px #adadad; -moz-box-shadow: 0px 0px 5px 0px #adadad; 
box-shadow: 0px 0px 5px 0px #adadad; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; 
margin:20px 10px;}
#searchform #s {border: 1px solid #ddd; height: 40px; width:150px; padding-left:5px;}
.submit {background:url(http://iiummontessori.edu.my/wp-content/themes/montessori/img/search.jpg) no-repeat; width:44px; height:38px; border: none; position: relative; top:-5px;}

#content {line-height: 1.8em;}
#content li {margin-left:30px;}
#content .post, #content .page {padding:15px;}
#respond {padding:20px;}
.news {margin:10px 0; background: #ececec;}
.newsbtm {width: 100%; height:22px; background: url(http://iiummontessori.edu.my/wp-content/themes/montessori/img/news.jpg) no-repeat bottom left;}
.newsttl {width:100%:}
.newstitle {font-family:'Nunito'; text-shadow: 0 2px 1px #fff; background:#fff url(img/news.jpg) no-repeat top left; height:30px; width:100%; padding:20px 0  0 30px}
.post-thumb {float:left;}
.news-excerpt {display:table;}
.attachment-featured-thumbnail {border:5px solid #fff; -webkit-box-shadow: 0px 0px 5px 0px #adadad; -moz-box-shadow: 0px 0px 5px 0px #adadad; 
box-shadow: 0px 0px 5px 0px #adadad; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin-right:10px; }
.entry-title a {text-decoration: none; color:#D97000; font:bold 0.8em Arial;}

.entry-content p {margin:10px 0;}
.post h1, .page h1 {font-family: 'Nunito', Arial; font-size: 2em;}
.entry-meta, .entry-utility {color:#aaa; padding:3px 5px; margin:5px 0; background:#eee; font-size:0.9em;}
.entry-meta a, .entry-utility a, .breadcrumb a {color:#f80;}
.breadcrumb {margin:15px 15px 0; padding: 5px 10px; border-bottom:1px solid #ddd;}

.button {
   border: 4px solid #ffffff;
   padding: 5px 16px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
-webkit-box-shadow: 0px 0px 5px 3px #bfbfbf;
-moz-box-shadow: 0px 0px 5px 3px #bfbfbf;
box-shadow: 0px 0px 5px 3px #bfbfbf; 
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: 'Nunito', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   min-height:70px; display:block; 
   margin:15px 10px; font-size:1.8em; text-align: center; text-shadow: 0px 1px 2px #000000;
filter: dropshadow(color=#000000, offx=0, offy=1);
   }
.button:hover {border-color:#f60; -webkit-transition: border 500ms ease;
-moz-transition: border 500ms ease;
-o-transition: border 500ms ease;
transition: border 500ms ease;}
.button span {font:bold 0.7em Arial; text-align: center;}
.enrol {font-size:2.3em; padding-top:15px; line-height:30px;background: #0a7a00;
   background: -webkit-gradient(linear, left top, left bottom, from(#19ba00), to(#0a7a00));
   background: -webkit-linear-gradient(top, #19ba00, #0a7a00);
   background: -moz-linear-gradient(top, #19ba00, #0a7a00);
   background: -ms-linear-gradient(top, #19ba00, #0a7a00);
   background: -o-linear-gradient(top, #19ba00, #0a7a00);}
.fb {   background: #002278; height:110px;
   background: -webkit-gradient(linear, left top, left bottom, from(#315ad4), to(#002278));
   background: -webkit-linear-gradient(top, #315ad4, #002278);
   background: -moz-linear-gradient(top, #315ad4, #002278);
   background: -ms-linear-gradient(top, #315ad4, #002278);
   background: -o-linear-gradient(top, #315ad4, #002278);}
   .fb a{color:#fff;}
.testi {   background: #c422c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#fc4cff), to(#c422c7));
   background: -webkit-linear-gradient(top, #fc4cff, #c422c7);
   background: -moz-linear-gradient(top, #fc4cff, #c422c7);
   background: -ms-linear-gradient(top, #fc4cff, #c422c7);
   background: -o-linear-gradient(top, #fc4cff, #c422c7);}

.footerlogo .xoxo {border: 1px solid #ddd; border-left:0; border-right:0; margin: 10px 30px; padding-top:20px;}

.aligncenter {display: block;  margin: 5px auto 5px auto;}
.credit {font-size:0.8em; line-height:1.5em; color:#666; text-align: center; padding-bottom: 20px;}
.credit a {color:#f80; text-decoration: none;}

#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:150px;}
#flyout ul {padding:0; margin:0; list-style:none; width:150px; height:auto; background: url(img/trans.gif); position:absolute; left:-9999px; top:0;}
#flyout ul li{margin-bottom:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:5px;}
#flyout li a {text-shadow: 0px 3px 10px #666;
filter: dropshadow(color=#666, offx=0, offy=3); display:block; float:left; width:200px; color:#000; 
line-height:24px; font:bold 1.5em/22px 'Nunito'; text-decoration:none; padding:4px 0 4px 38px; height:16px;
letter-spacing: -1px;}
#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; color:red;}
#flyout li:hover > a {color:#f60;}

#flyout ul li a,#flyout ul ul li a {letter-spacing:none; background:#fc6; font:bold 1em Arial; -webkit-box-shadow: 0px 0px 5px 0px #000; -moz-box-shadow: 0px 0px 5px 0px #000; 
box-shadow: 0px 0px 5px 0px #000; padding:4px; text-indent:10px;}
#flyout ul ul ul li a {background:#fff;}
#flyout .current_page_item, #flyout .current-menu-parent {background:url(img/menu.png) no-repeat left;}
#flyout .current_page_item a, #flyout .current-menu-parent a{color: #900; }
#flyout li a.current, #flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#c40; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:120px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#fff; color:red;}
#flyout ul ul li:hover > a {background-color:#fff; color:red;}

.menu-item-84 a{background:url(img/icon-nav.png) no-repeat 10px 0;}
.menu-item-85 a{background:url(img/icon-nav.png) no-repeat 10px -24px;}
.menu-item-95 a{background:url(img/icon-nav.png) no-repeat 10px -48px;}
.menu-item-114 a{background:url(img/icon-nav.png) no-repeat 10px -72px; }
#menu-item-114, #menu-item-175 {height:48px;}
.menu-item-175 a{background:url(img/icon-nav.png) no-repeat 10px -72px; }
.menu-item-118 a{background:url(img/icon-nav.png) no-repeat 10px -96px;}
#text-4 {text-align: center; color:#666;}
.logof1 {margin-left:150px;}
.logof2 {margin-left:80px;}

#menu-footer {text-align: center; border-bottom: 1px solid #ddd; margin: 10px 30px; padding-bottom: 20px;}
#menu-footer li {display:inline; border-left: 1px solid #333; margin-left:5px; padding-left:5px;}
#menu-footer a {text-decoration: none; font-weight:bold; color:#D97000; text-transform: uppercase;}
.clear {clear:both;}