/*
Theme Name: Schoolkits
Theme URI: http://www.almostanything.com.au
Description: The Default theme for www.schoolkits.com.au
Version: 4.0
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 *
 * Headder BG Fill : #a6cf3b (is a pattern, but this is the darkest green from it)
 * Standard background fill : #e1ffa1
 * Footer background fill : #d9ff89
 *
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 *
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Navigation
 * 5.News
 * * 6.Sidebar
 * 7.Homepage
 */

/*
 * 1.Header and Body
 */

body {
    margin: 0;
    padding: 0;
    font-family:Calibri, "Trebuchet MS", "Gill Sans", sans-serif;
    background: #e1ffa1;
    color: #000;
}

.outer { /* you can use this as a CSS hook or to constrian the entire width */
    width: 100%;
    overflow:hidden;
}

#header {
    background: #a6cf3b url(images/header.jpg) center repeat;
    width: 100%;
    height: 284px;
    position: relative; /* this is here for any absolute positioning */
}

#header h1 a {
    margin: 0;
    padding: 0;
    font: normal bold 30px/100px sans-serif;
    text-indent: -999em;
    width:450px;
    height:150px;
    background:url(images/schoolkits-logo.png) top right no-repeat;
    position:absolute;
    top:0;
    right:0;
}

#header h1 {
    margin: 0;
    padding: 0;
}

#header #schoolkits-man{
    width:274px;
    height:264px;
    position:absolute;
    top:20px;
    left:13px;
    background:url(images/schoolkits-man.8bit.png) top left no-repeat;
}

form#search {
    position: absolute;
    height, line-height: 30px;
    top: 0;
    right: 0;
}

p#description {
    margin-right: 13px;
    text-align: right;
    color: #000;
    width: 460px; /* 4 cols */
    float: right;
    font: normal 1.5em/120% sans-serif;
    position:absolute;
    top:130px;
    right:0;
}

.widthlimiter{
	width:960px;
	margin:0 auto;
	position:relative; /* this is here for any absolute positioning */
}

/*
 * 2.Main Content
 */

#content{
    font: normal 1.1em/1.5em Calibri, "Trebuchet MS", "Gill Sans";
	padding:32px 10px 0;
	width: 620px; /* 8 cols */
	float: left;
	color:#3c442b;
}

h1, h2, h3, h4, h5 {
    color: #562f8a;
    text-transform:uppercase;
}

h1 a {
	text-decoration: none; /* cause posts start with h1 and they are always links */
}

#content a {
    color: #598200;
	padding:.1em .2em;
	text-decoration:none;
	border:1px solid transparent;
	border-bottom:1px dashed #fff;
}

#content a:hover {
    color: #000;
	background:#fff;
	background:rgba(255,255,255,0.4);
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border:1px solid #fff;
    text-decoration: none;
}

#content .contactfloat {
	float:left;
	margin:0 1em 0 0;
}

.contactfloat h2 {
	font-size:1.1em;
	margin:0;
}

.contactfloat p {
	margin:.2em 0;
}

#content #address {
	padding:0 1em;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

table, fieldset {
	background:#a9dd3e;
	border:2px solid #fff;
	border-collapse:collapse;
	color:#3f5217;
	margin:1em 0;
}

table.wpsc_checkout_table {
	width:auto;
}

table.wpsc_checkout_table td, table.wpsc_checkout_table th {
	padding:.7em;
	color:#000;
}

table a {
	color:#28340f !important;
}

table h4, table h3 {
	color:#28340f;
	margin:0;
}

table th, table td {
	padding:.5em;
}

table th, table tr.firstrow td {
	background:#9fd03b;
	font-weight:bold;
}

table td, table th {
	border:1px solid #b3ea42;
}

.single_product_display div.item_no_image {
	background:transparent url(images/noimageavailable-large.png) no-repeat;
}

div.item_no_image {
	background:transparent url(images/noimageavailable.png) no-repeat;
	border:1px solid #eee;
}

div.item_no_image a {
	text-indent:-9999px;
}

#content .wpsc_categories, #content div.breadcrumb {
	padding:0;
	margin:0 0 2em 0;
	background:#5f7c23;
	border:3px solid #fff;
}

#content .wpsc_categories {
	background:#fff;
	overflow:hidden;
}

#content div.breadcrumb {
	padding:.5em 1em;
	margin:0;
	color:#c9ff45;
	border-width:0 3px 3px 0;
}

#content .wpsc_categories li {
	padding:.5em 1.5% .7em 1.5%;
	list-style:none;
	text-align:center;
	float:left;
	width:30%;
}

#content .wpsc_cateogies li.clear {
	clear:left;
}

#content .wpsc_categories li ul {
	padding-left:1em;
	margin-top:.3em;
}

#content .wpsc_categories li ul li {
	padding:.3em 1em;
}

#content .wpsc_categories h2 {
	margin:0;
	text-transform:uppercase;
	font-size:1.1em;
}

#content .wpsc_categories li li h2 {
	text-transform:capitalize;
}

#content .wpsc_categories h2 a, #content div.breadcrumb a, #content div.breadcrumb span {
	padding:.2em .4em .3em .4em;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
}

#content .wpsc_categories h2 a {
	color:#577120;
}

#content .wpsc_categories h2 a:hover, #content div.breadcrumb a:hover {
	background:#fff;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	color:#577120;
}

#content .wpsc_categories li li h2 a:hover {
	background:#e1ff9f;
}

ul#sidebar .wpsc_categories {
	padding:0;
}

ul#sidebar .wpsc_categories li {
	list-style:none;
	padding:.2em 0;
	margin-top:.5em;
}

ul#sidebar .wpsc_categories li li {
	margin-top:0;
}

ul#sidebar .wpsc_categories a, #product-specials a {
	color:#577120;
	text-decoration:none;
	border-bottom:1px dashed #fff;
	padding:.2em .3em;
}

#product-specials a {
	float:none;
	display:inline;
}

#product-specials p, #product-specials span {
	display:block;
	margin:.2em 0;
	width:auto;
}

#product-specials span {
	display:inline;
	margin:1em 0;
}

#product-specials span.oldprice {
	padding-right:1em;
}

#product-specials span.oldprice span.pricedisplay {
	color:#333;
	font-weight:normal;
}

#product-specials span.pricedisplay {
	color:#f00;
	font-weight:bold;
}

#product-specials form {
	clear:both;
	padding:.5em 0 0 0;
}

ul#sidebar .wpsc_categories a:hover {
	background:#fff;
}

ul#sidebar .wpsc_categories li a {
	font-weight:bold;
	font-size:1.2em;
}

ul#sidebar .wpsc_categories li li a {
	font-weight:normal;
	font-size:1em;
}

#content h2.prodtitles a {
	text-decoration:none;
}

#product-specials img {
	float:left;
	margin:0 .5em 0 0;
	border:2px solid #fff;
	padding:2px;
}

#content div.productdisplay {
	background:transparent url(images/transparent50bg.png);
	margin:1em 0;
	padding:1em;
	width:auto;
	float:none;
	overflow:hidden;
}

#content div.imagecol {
	padding:0;
	margin:0;
}

#content div.oddproductdisplay {
	background:transparent url(images/transparent80bg.png);
}

#content div.producttext {
	margin-left:.25em;
	padding-left:.8em;
	border-left:2px solid #e1ffa1;
}

#content div.producttext div.wpsc_description p {
	margin-top:0;
	margin-bottom:.5em;
}

#content div.textcol {
	padding-bottom:0;
}

span.total, span.items {
	display:block;
	font-weight:bold;
	margin:1em 0;	
}

span.emptycart, span.gocheckout {
	display:block;
	float:right;
	margin:0 0 1em 0;
}

span.gocheckout {
	float:left;
}

.wpsc_buy_button_container {
	margin:1em 0;
}

.wpsc_loading_animation {
	margin:.5em 0;
}

.wpsc_buy_button_container input, .sendbutton {
	padding:.3em .5em;
	font-size:.9em !important;
	border-color:#fff #568d00 #568d00 #fff !important;
	color:#fff;
	cursor:pointer;
}

.wpsc_buy_button_container input:focus, .wpsc_buy_button_container input:active {
	border-color:#568d00 #fff #fff #568d00 !important;
}

span.emptycart a, span.gocheckout a {
	text-decoration:none !important;
	background:#fff;
	border:1px solid #ccc;
	color:#666;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:.2em .4em;
	display:block;
}

span.emptycart a:hover, span.gocheckout a:hover {
	color:#333;
}

a#fancy_collapser_link {
	padding-left:10px;
}

a#fancy_collapser_link img {
	border:none;
}

/* the next 3 rules are for the way WP sets its image floats */

#content img {
	background:transparent url(images/transparent50bg.png);
	padding:.3em;
	border:1px solid #fff;
}

#content .imagecol img {
	padding:0;
	border:none;
	background:none;
}

#content img.alignleft, #content div.alignleft {
	float:left;
	margin:0 1em 1em 0;
}
#content img.alignright, #content div.alignright {
	float:right;
	margin:0 0 1em 1em;
}
#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}

/* These 2 will make image captions look a bit like polaroids */
.wp-caption{
	background:#ccc;
}

p.wp-caption-text{
	font-size:80%;
	text-align:center;
	padding:0;
	margin:0;
}

/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */

#content .cform {
	position:relative;
	top:2em;
	float:left;
}

#content .cform fieldset, #usermessage2a {
	clear:both;
	position:relative;
}

#content fieldset legend {
	font-size:1.5em;
	color:#562f8a;
	display:block;
	position:absolute;
	margin:-1.5em 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
}

#content fieldset ol, #content fieldset li {
	list-style:none;
	padding:0;
	margin:0;
}

#content fieldset li {
	padding:.2em 0;
}

.emailreqtxt, .reqtxt {
	font-size:.8em;
	margin-left:1em;
}

.linklove, .cf_hidden {
    display: none;
}

form label {
	width:150px;
	padding-right:1em;
	text-align:right;
	display:block;
	float:left;
}

form input, form textarea, form select {
	background:#75bf00;
	border:none;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	font-size:.8em !important;
	padding:.5em;
	border:1px solid #5d9800;
	border-color:#bcff54 #5d9800 #5d9800 #bcff54;
}

form input:focus, form textarea:focus, form select:focus, form input:active, form textarea:active, form select:active {
	border-color:#5d9800 #bcff54 #bcff54 #5d9800;
	outline:none;
	-webkit-box-shadow:0 0 10px rgba(255,255,255,0.7);
	-moz-box-shadow:0 0 10px rgba(255,255,255,0.7);
	box-shadow:0 0 10px rgba(255,255,255,0.7);
	background:#67a900;
	color:#fff;
}

/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer {
	clear: both;
    background: #d9ff89;
    width: 100%;
	text-align:center;
	border-top:1px solid #c5e87d;
	-moz-box-shadow: 0 -10px 20px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0 -10px 20px rgba(255,255,255,0.5);
}
#footer p {
    line-height: 3em;
    display:inline;
    padding:0 1em;
    color: #414f22;
    margin:0;
}
#footer a {
    color: #414f22;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

.clear {
    clear:both;
}
/*
 * 4.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/
/* don't change these guys too much - unless you've got a really good reason! */
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav {float:left;}
.nav ul {position:absolute;top:-999em;}
.nav ul li {width:100%;}
.nav li {float:left;position:relative;z-index:99;}
.nav a {display:block;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** NAVIGATION SKIN ***/
/* customise this as much as you like... */
#menu {
    /*width: 960px;*/
    background: url(images/nav.png) top repeat-x;
    height: 46px;
    line-height:46px;
    font-size: 20px;
    margin: -46px 0 0 0;
    position:relative;
}

#menu .widthlimiter {
    position:relative;
}

#menu .widthlimiter ul {
    position:absolute;
    top:0;
    right:0;
}

.nav li {
	text-align: center;
	position:relative;
}

.nav a {
	color: #fff;
	padding:0 0.8em;
	text-decoration:none;
	text-transform:uppercase;
	/*text-indent: 10px; if you left-align the text you might want to add this back in */
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	color: #fff;
	background:none;
}

.nav li:hover, .nav li.sfHover, .nav>li.current_page_item {
    margin-top:-13px;
    padding-top:13px;
    background: url(images/nav-hover.png) top repeat-x;
}

.nav li li.current_page_item {
    background: url(images/nav-hover.png) bottom left repeat-x;
}

.nav li.current_page_item>a {
    font-weight:bold;
}

.nav li li:hover, .nav li li.sfHover {
    margin-top:0;
    padding-top:0;
}

.nav ul{
	width:200px; /* dropdown width */
	background:#5f7c23;
	font-size:.7em;
	border-top:2px solid rgb(0,0,0); /* i still like you IE :3 */
	border-top:2px solid rgba(0,0,0,0.33);
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}

#menu .widthlimiter .nav li:hover ul, #menu .widthlimiter ul.nav li.sfHover ul { /* relative pozzie of dropdown */
	left:0px;
	top:59px; /*would normally be 46, but there is an extra offet of 13 for the tabbage :)*/
}

#menu .widthlimiter .nav li li:hover ul, #menu .widthlimiter ul.nav li li.sfHover ul { /* pozzie of 2nd level dropdown */
	left:125px;
	top:-1px;
}

.nav li li {
	background:none;
	padding:0;
	text-align:left;
	line-height:1.4em;
}

.nav li li a {
	overflow:hidden;
	padding:.4em .5em;
}

.nav li li li {
	background:none;
}

.nav li li:hover, .nav li li.sfHover,
.nav li li li:hover, .nav li li li.sfHover {
	background:rgb(0,0,0); /* i still like you IE :3 */
	background:rgba(0,0,0,0.33);
}

/*
 * 5.News
 */
.postdate, .postmetadata{
	font-size:0.8em;
	font-style:italic;
}

/*
 * 6.Sidebar
 */
ul#sidebar{
	width: 280px; /* 300 without the 1 px border & padding - 4 columns */
	float: right;
	margin: 2em 0 2em 1em;
	padding: 10px;
	list-style: none;
	background: #ecf4da;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
#sidebar ul, #sidebar li{
	padding: 0;
	margin: 0;
	list-style: none;
}
#sidebar li ul{ /* a nested list, so this should actually be displayed as a list */
	padding-left: 20px;
}
#sidebar li li{
	list-style-type: disc;
}

/*
 * 7.Homepage
 */
 body.homepage #content{
	width: 930px;
}

#welcome_splash {
    width:635px;
    height:321px;
    margin-bottom:36px;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    float:left;
}

	#welcome_splash a, #welcome_splash a:hover {
		display:block;
		width:635px;
    	height:321px;
    	padding:0;
		border:none;
		background:#fff;
	}

	#welcome_splash img {
		display:block;
		padding:0;
		border:none;
	}

#dollar_back_program {
    width:255px;
    height:321px;
    background: #fff url(images/dollar-back-program.jpg) center no-repeat;
    margin-bottom:36px;
    float:right;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#dollar_back_program a, #home_cta_left a, #home_cta_right a {
	display:block;
	width:255px;
    height:210px;
	color:#562f8a;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	line-height:2em;
	text-indent:-9999px;
	text-decoration:none;
	border:none !important;
	background:none !important;
}

#home_cta_left a {
	width: 255px;
	height: 213px;
}

#home_welcome {
    clear:both;
    font-size:105%;
}

#home_welcome h2 {
	margin-bottom:0;
}

#home_welcome p {
	margin-top:.5em;
}

/* Left and right boxes beside the main welcome message :) */

.cta{
	width: 255px;
	float: left;
	height: 213px;
	margin-bottom: 36px;
	text-align: center;
}

#home_cta_left{
	float:left;
	margin-right:36px;
	background:url(images/pre-made.jpg) center no-repeat;
	-moz-box-shadow: 4px 4px 0px #fff;
	-webkit-box-shadow: 4px 4px 0px #fff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='White', Direction=135, Strength=4);
}

#home_cta_right{
	float:right;
	margin-left:36px;
	background:url(images/make-your-own.jpg) center no-repeat;
	-moz-box-shadow: 4px 4px 0px #fff;
	-webkit-box-shadow: 4px 4px 0px #fff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='White', Direction=135, Strength=4);
}