﻿/*
Theme Name: AISB Wordpress Theme
Theme URI: http://www.intschoolbali.com
Description: wordpress theme exclusively for Taman Mahatma Gandhi School Jimbaran by <a href="http://www.chazzuka.com">Bali Web Design Studio</a>
Version: 1.0
Author: Komang ariel@chazzuka.com
*/

/*
-------------------------------- global */
*,ul,li,p,h1,h2,h3,h4,div { padding:0px; margin:0px; }
body { background:#151515; font:normal 14px/normal arial,verdana; color:#bcc5a5; }
h1 {}
h2 { font-family:arial,tahoma,verdana;font-size:25px; font-weight:bold; letter-spacing:-1px; margin:10px 0px; color:#fff; }
h3 {}
h4 {}
h5 {}
a { text-decoration:none; }
a:hover {}
a img { border:none; }
ul {}
ul li {}
#wraper {}
.container ,
#pixopoint_menu1{ width:760px; margin:0px auto; padding:0px; text-align:left;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {	height: 1%; }

#pixopoint_menu_wrapper1,#fold,#quote,#content,#footer { border-top:solid 2px #fff; text-align:center;}
#header { text-align:center; }
/*
-------------------------------- header */
#header { height:150px; }
#header .container { text-align:right; }
#header a.logo { float:left; }
#header h1  {font-family:arial,tahoma,verdana;font-size:30px; font-weight:bold; letter-spacing:-2px; padding-top:40px; padding-bottom:1px; border-bottom:solid 2px #fff; display:inline-block; width:390px; }
#header h1 a { color:#fff; }
#header h1 a:hover {}
#header p.description { font-family:georgia; font-size:18px; color:#fff; }

/*
-------------------------------- nav */
#pixopoint_menu_wrapper1 { background:#242424; }
#suckerfishnav {
    background:#242424;
    font-size:11px;
    font-family:arial, verdana,sans-serif;
    font-weight:bold;
    width:100%;
	overflow:visible;
    z-index:10000;
    }
#suckerfishnav:first-child { border-left:solid 2px #fff; }
#suckerfishnav, #suckerfishnav ul {
	display:inline-block;
    list-style:none;
    line-height:40px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
    z-index:10000;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 20px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    border-right:solid 2px #ffffff;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-left:solid 2px #ffffff;
    }
#suckerfishnav li ul { border-top:solid 2px #ffffff; }
#suckerfishnav li li {
    width:149px;
	border-bottom:solid 2px #ffffff;
    font-weight:bold;
    font-family:arial,verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#242424;
    }
#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:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#8ac200;
    }
#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:#8ac200;
    }
#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 {
    left:auto;
    background:#000;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#000;
    }

/*
-------------------------------- fold */
#fold { background:#96d202; color:#000; z-index:-1; }
#fold p { margin:10px 0px; }
#fold .fl { float:left; width: 500px;}
#fold .fr { float:right; width:250px; padding-top:40px; }
#fold .fold-outer { background:url(images/fold-outer.jpg) left top no-repeat; }
#fold .fold-inner { background:url(images/fold-inner.jpg) left bottom no-repeat; padding:20px 0px; width:100%; overflow:auto; }
span.fold-more,a.fold-more { background:#000; padding:5px 10px; color:#fff; font-weight:bold; text-transform:capitalize; margin-top:10px!important;display:inline-block; }
a.fold-more:hover { color:#96d202; }

#fold h3 { margin:10px 0px; }

#fold ul#latest-posts{margin-left:20px;}
#fold ul#latest-posts li { list-style:square; }
#fold ul#latest-posts li a { color:#fff; }
#fold ul#latest-posts li a:hover { color:#000; }

#fold ul.gallery-preview li { float:left; list-style:none; margin:0px 7px 7px 0px;}
#fold ul.gallery-preview li a img { border:solid 5px #fff; }
#fold ul.gallery-preview li a:hover img { border-color:#8ac200; }

#fold ul.sidebar-list { margin-top:40px; margin-left:20px; }
#fold ul.sidebar-list li { list-style:square; margin-bottom:5px;  }
#fold ul.sidebar-list li a { color:#000; font-size:12px; font-weight:bold;}
#fold ul.sidebar-list li a:hover { color:#fff; }

#fold ul#gallery-detail { margin-top:0px; }

/*
-------------------------------- content */
#content { padding:20px 0px; }
#content a { color:#fff; }
#content ul  li { list-style:none; width:210px; margin-right:12px; margin-bottom:10px; float:left;}
#content ul  li h2 { font-size:20px; font-weight:normal; border-bottom:dotted 2px #222; letter-spacing:-0.5px; }
#content ul  li ul li { border-bottom:dotted 2px #222;}
#content ul  li ul li h3 { font-weight:bold; margin-bottom:5px; }
#content ul  li ul li h3 a { color:#8ec700; font-size:11px; }
#content ul  li ul li h3 a:hover { color:#fff; }
#content ul  li ul li { font-size:11px; }
a.thumbel { float:left; }
a.thumbel img { width:50px; height:50px; margin-right:5px; margin-bottom:5px; border:solid 3px #272727; }
a.thumbel:hover img { border-color:#000; }

/*
-------------------------------- Quotes */
#quote { border-top:solid 2px #fff; }
#quote li  { list-style:none; width:100%; overflow:visible; text-align:center; display:inline-block; height:159px; }

/*
-------------------------------- Quotes */
#footer { padding:20px 0px; }
#footer .container { font-size:11px; text-align:center; color:#363636; font-weight:bold; }
#footer .container a { color:#363636; }
#footer .container .footnav  a { color:#626262; }
#footer .container a:hover { color:#fff; }

.navigation { width:100%; overflow:hidden; clear:both; }
.alignleft { float:left; }
.alignright { float:right; }
.navigation a { background:#000; padding:5px 10px; color:#fff; font-weight:bold; text-transform:capitalize; margin-top:10px!important;display:inline-block; }
.navigation a:hover { color:#8ac200; }

ul#jibaku li { display:inline-block; height:100px; overflow:hidden; }
p.hexcerpt { font-size:11px; }