/*
Theme Name: The Ole Schoolhouse
Theme URI: http://oleschoolhouse.co.nz
Description: A custom WordPress theme for oleschoolhouse.co.nz, completed in September 2012. Design by <a href="http://www.redspot.co.nz/">Red Spot</a>
Version: 1.0
Author: Hodgeman Web &amp; Design
Author URI: http://www.hodgeman.co.nz/
Tags: brown, mushroom, tan, blue, black, slider, responsive, mobile
*/

/*
PURPLE: #86328B
LIME: 	#C6DA34
- OVER:	#EBF2B8
YELLOW:	#FFC60B
*/
*{margin:0;padding:0}
html{font-size:62.5%}
body{background-color:#86328B;color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.1em}
a{outline:none;color:#86328B}
a img{border:none}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,.fullwidth{margin-bottom:20px}
ul,ol{margin-left:20px}

h1{color:#86328B;font-size:2em;font-weight:normal}
h2{color:#666;font-size:1.8em;font-weight:normal}
h3{color:#86328B;font-size:1.4em}

.arialrounded{font-family:"Arial Rounded MT Bold"}

#header,#content,#footer{float:left;width:100%}

.container{width:940px;margin:40px auto}
/* Self Clearing Goodness */
.container:after{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}

#header #logo{background:url(images/logo.png) no-repeat;width:220px;height:160px;display:block;text-indent:-9999px}

ul.green{list-style:none;font-size:1.2em;margin:0}
ul.green li{background-color:#C6DA34}
ul.green a{text-align:center;width:110px;display:block;color:#000;text-decoration:none;font-weight:bold;height:35px;line-height:35px}
ul.green a:hover, ul.green li.current_page_item a, ul.green li.current-page-ancestor a{background-color:#EBF2B8}

#header .three_fourths{position:relative}
.three_fourths ul.green{width:560px;height:35px;background-color:#C6DA34;position:absolute;top:0;left:0}
.three_fourths ul.green li{float:left;border-right:2px solid #86328B}

#searchform{width:220px;position:relative}
#searchform label{margin-left:10px}
#s{background:url(images/search.png) no-repeat;border:none;padding:5px;width:140px;height:10px;position:absolute;top:5px;right:5px}

#content .one_fourth.subnav{background-color:#C6DA34;height:550px;position:relative}
#content .one_half, #content .three_fourths{font-size:1.2em}

.subnav ul.green li{margin:0}
.subnav ul.green a{width:200px;border-bottom:2px solid #86328B;padding:0 10px;text-align:left;height:32px;line-height:32px}
.subnav img{position:absolute;bottom:20px;left:0}

.subnav .module{border-bottom:2px solid #86328B}

.mail a{background:#d4e367 url(images/mail_facebook.png) top no-repeat;text-indent:-9999px}
.facebook a{background:#d4e367 url(images/mail_facebook.png) bottom no-repeat;text-indent:-9999px}
.mail a:hover, .facebook a:hover{background-color:#C6DA34}

#header .three_fourths #progress{position:absolute;top:-15px;right :0}

.rounded, .module{	
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
}
#menu-main-top.rounded{	
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}
.three_fourths ul.green li#menu-item-9, .three_fourths ul.green li#menu-item-9 a{
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}

#slides{position:absolute;top:50px;left:0}

.slides_container {
		width:460px;
		height:115px;
		display:none;
}
.slides_container div {
		width:460px;
		height:115px;
		display:block;
}
#slides .pagination{position:absolute;list-style:none;margin:0;left:220px;bottom:0;z-index:200}
#slides .pagination li{float:left;margin-right:3px}
#slides .pagination li a{width:7px;height:7px;display:block;text-indent:-9999px;background:url(images/slides_nav.png) top no-repeat}
#slides .pagination li.current a{background-position:bottom}

#slides h3{margin-bottom:5px;font-size:14px}
#slides a{color:#FFC60B;text-decoration:none}
#slides img{float:left;margin-right:10px}
#slides p{margin-bottom:0}


#footer{font-size:0.9em}
#footer em{padding:0 1px;color:#FFC60B}
#footer a{color:#FFC60B}

.center{text-align:center}
.alignleft, .gallery-item{float:left}
.alignright{float:right}
#footer .alignright{text-align:right}

.gallery-item{margin:0 10px 16px}

img.alignleft{margin:0 10px 10px 0}
img.alignright{margin:0 0 10px 10px}

.three_fourths .column{float:left;margin-right:20px;width:311px}
.one_half .column{float:left;margin-right:20px;width:190px}
.column h3, .column p{margin-bottom:5px}

.one_half .gallery-item{margin:0 5px 6px}
.one_half .gallery-item .attachment-thumbnail{width:130px;height:auto !important}
.three_fourths .gallery-item .attachment-thumbnail{width:194px;height:auto !important}

.one_half { width: 460px; }
.one_third { width: 300px; }
.two_thirds { width: 620px; }
.one_fourth { width: 220px; }
.three_fourths { width: 700px; }

.one_half,
.one_third,
.two_thirds,
.one_fourth,
.three_fourths {
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.module{
	background-color:#FFF;
	color:#333;
	width:100%;
	margin-bottom:20px;
}
.bottom{margin-bottom:0 !important}

.module .heading{color:#000;background:#FFC60B;text-align:center;font-weight:bold;height:30px;line-height:30px;border-radius: 15px 15px 0 0;margin-bottom:0px;position:relative}
.module .heading.left{text-align:left;}
.heading img{position:absolute;right:-8px;top:-16px}
.one_fourth.last .module .heading{padding-right:35px}

.last {margin-right:0 !important;}

.scrollable{height:500px;padding:20px 20px 0;overflow:auto}
.one_fourth .scrollable{height:210px;padding:15px 10px 10px}

.recommendations h3, .artist h3{color:#86328B;margin-bottom:0}
.recommendations p{margin-bottom:10px}
.artist p{margin-bottom:0}
.recommendations a, .artist a{color:#FFC60B}

input[type="submit"]{padding:10px 15px}

#commentform{background-color:#DDD;box-shadow:0 0 5px 0 #AAA inset;padding:20px 20px 1px;margin-bottom:20px}
#comment{padding:10px;background-color:444;border:1px solid #999;max-width:90%}
#content .commentlist, #content .commentlist ul{margin-left:0;list-style:none}

#respond h3, h3#comments{margin-bottom:20px}

.comment-author .avatar{padding:2px;border:1px solid #999;float:left;margin-right:10px}
.comment-author .fn{font-size:1.5em;font-style:normal}
.commentlist li.comment{border-bottom:1px dashed #afafaf;margin:10px 0 0;padding-top:10px}
.comment-detail{margin-left:48px}
.comment-body{margin-bottom:20px;position:relative}
.comment-body p{margin:0 0 5px 48px}
.comment-body .reply{text-align:right;position:absolute;top:0;right:0}
.comment-detail h4{font-size:16px;margin-bottom:5px}
.commentmetadata{margin-bottom:10px}	

.commentlist ul.children{margin-left:64px}	
.commentlist ul.children li.comment{border-top:1px dashed #afafaf;border-bottom:none;padding-top:20px}